diff --git a/addons/phone/API/index.html b/addons/phone/API/index.html
index 8d45f9bb9..624b0cbc7 100644
--- a/addons/phone/API/index.html
+++ b/addons/phone/API/index.html
@@ -30,7 +30,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c2195136005]{display:block;font:var(--tui-font-text-s);color:var(--tui-text-negative);word-wrap:break-word;animation:tuiPresent 1s infinite}.t-message-text[_ngcontent-ng-c2195136005]{white-space:pre-line}.t-message-text[_ngcontent-ng-c2195136005]:before{content:"";line-height:1.5rem;vertical-align:bottom}</style><style ng-app-id="ng">[_nghost-ng-c3888982576]{position:relative;display:block;min-inline-size:100%;margin:1.5rem 0;pointer-events:none}.t-settings[_ngcontent-ng-c3888982576]{position:absolute;bottom:calc(100% + .75rem);display:flex;gap:1rem;align-items:center;justify-content:flex-end;pointer-events:none;inline-size:100%}.t-settings[_ngcontent-ng-c3888982576] > *[_ngcontent-ng-c3888982576]{pointer-events:auto}.t-label[_ngcontent-ng-c3888982576]{display:flex;align-items:center;gap:.5rem}.t-wrapper[_ngcontent-ng-c3888982576]{display:flex;box-shadow:var(--tui-shadow-medium);border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);max-inline-size:100%;min-block-size:6rem;inline-size:100%;min-inline-size:10rem;color:var(--tui-text-primary);background-color:var(--tui-background-base);overflow:hidden;pointer-events:auto}.t-wrapper.t-wrapper_transparent[_ngcontent-ng-c3888982576]{background-image:linear-gradient(45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-background-base-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-background-base-alt) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}@media screen and (max-width: 47.9625em){.t-wrapper[_ngcontent-ng-c3888982576]{min-block-size:auto}}.t-content[_ngcontent-ng-c3888982576]{flex:1 1 0;min-inline-size:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3888982576]{padding:1rem}}.t-form[_ngcontent-ng-c3888982576]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-ng-c3888982576]{inline-size:100%;margin-bottom:.5rem}.t-expand[_ngcontent-ng-c3888982576]{inline-size:100%}.t-value[_ngcontent-ng-c3888982576]{flex:1;background:var(--tui-background-neutral-1);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-ng-c3888982576]{inline-size:12.5rem}.t-select[_ngcontent-ng-c3888982576]{max-inline-size:15rem}.t-resizer[_ngcontent-ng-c3888982576]{position:relative;display:flex;box-shadow:var(--tui-shadow-medium);inline-size:3.5rem;min-block-size:inherit;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-border-normal);outline:none;background:var(--tui-background-base);color:var(--tui-text-primary)}.t-resizer[_ngcontent-ng-c3888982576]:before, .t-resizer[_ngcontent-ng-c3888982576]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);inline-size:1px;background:var(--tui-border-normal);box-shadow:-.25rem 0 var(--tui-border-normal);transform:translateZ(0)}.t-resizer[_ngcontent-ng-c3888982576]:after{bottom:.75rem;top:calc(50% + 1rem)}@media screen and (max-width: 47.9625em){.t-resizer[_ngcontent-ng-c3888982576]{display:none}}.t-resizer-text[_ngcontent-ng-c3888982576]{position:relative;z-index:1;font:var(--tui-font-text-s);padding:.75rem;background:var(--tui-background-base)}.wrapper_light[_ngcontent-ng-c3888982576]   .t-resizer-text[_ngcontent-ng-c3888982576]{background:#3e464e}.t-group[_ngcontent-ng-c3888982576], .t-checkbox[_ngcontent-ng-c3888982576]{display:flex;align-items:center;margin-left:.75rem}.t-button[_ngcontent-ng-c3888982576], .t-form-controls[_ngcontent-ng-c3888982576]{margin-top:.75rem}@supports (position: sticky){@media screen and (min-height: 37.5rem){._sticky[_nghost-ng-c3888982576]{position:sticky;top:4.625rem;z-index:2}}}</style><style ng-app-id="ng">[_nghost-ng-c3254876711]{display:block;min-inline-size:100%}.t-table[_ngcontent-ng-c3254876711]{inline-size:100%;table-layout:fixed}.t-row[_ngcontent-ng-c3254876711]:not(:last-child){border-block-end:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){.t-row[_ngcontent-ng-c3254876711]{display:flex;flex-wrap:wrap}.t-row_header[_ngcontent-ng-c3254876711]{display:none}}.t-cell[_ngcontent-ng-c3254876711]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-ng-c3254876711]:first-child{padding-left:0}.t-cell[_ngcontent-ng-c3254876711]:last-child{padding-right:0}.t-cell_prop[_ngcontent-ng-c3254876711]{inline-size:40%}.t-cell_value[_ngcontent-ng-c3254876711]{text-align:end}@media screen and (max-width: 47.9625em){.t-cell[_ngcontent-ng-c3254876711]{inline-size:100%;block-size:auto;padding:.5rem 0;text-align:start}}.t-th[_ngcontent-ng-c3254876711]{padding:.5rem 1rem;color:var(--tui-text-secondary);font-weight:400;text-align:start}.t-th_value[_ngcontent-ng-c3254876711]{max-inline-size:20rem;text-align:end}@media screen and (max-width: 47.9625em){.t-th_value[_ngcontent-ng-c3254876711]{inline-size:9.375rem}}.t-property[_ngcontent-ng-c3254876711]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}@media screen and (max-width: 47.9625em){.t-property[_ngcontent-ng-c3254876711]{padding:.5rem 0}}.t-type[_ngcontent-ng-c3254876711]{font-family:monospace}.t-deprecated[_ngcontent-ng-c3254876711]   .t-property-code[_ngcontent-ng-c3254876711]{text-decoration:line-through}.t-deprecated-label[_ngcontent-ng-c3254876711]{margin-right:.125rem;color:var(--tui-text-negative);font-size:.75rem}.t-additional-info[_ngcontent-ng-c3254876711]{display:flex;gap:.3125rem;align-items:center}.t-exception[_ngcontent-ng-c3254876711]{display:block;inline-size:-webkit-max-content;inline-size:max-content}.t-output[_ngcontent-ng-c3254876711]{text-align:start;opacity:0}.t-heading[_ngcontent-ng-c3254876711]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-ng-c3254876711]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-ng-c3254876711]{display:inline-flex;color:var(--tui-text-action);text-decoration:none;align-items:center;justify-content:center;gap:3px}.t-code-reference[_ngcontent-ng-c3254876711]:after{content:"";font-size:1rem;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}.t-switch[_ngcontent-ng-c3254876711]{display:block}@media not screen and (max-width: 47.9625em){.t-switch[_ngcontent-ng-c3254876711]{margin-left:auto}}</style><style ng-app-id="ng">[tuiSwitch]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitch][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem currentColor;outline-width:.167rem;transform:scale(.375)}[tuiSwitch][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitch]:checked:before{transform:none}[tuiSwitch]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitch]:disabled._readonly{opacity:1}[tuiSwitch]:before,[tuiSwitch]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;block-size:100%;inline-size:1.5rem}[tuiSwitch]:before{display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitch]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem currentColor;outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}
 </style><style ng-app-id="ng">[_nghost-ng-c1290158773]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-ng-c1290158773]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-ng-c1290158773]     input{cursor:default}.t-hosted[_ngcontent-ng-c1290158773]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c1290158773]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-ng-c1290158773]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-ng-c1290158773]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-app-id="ng">[_nghost-ng-c1084144546]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-ng-c1084144546]{transform:rotate(180deg)}tui-icon[_ngcontent-ng-c1084144546]{border:.25rem solid transparent}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-14 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1421726656987946" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1421726656987946"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/addons/phone" target="_self" data-appearance="icon"> @maskito/phone <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-ng-c1522752413 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1522752413 header="Phone" package="PHONE" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Phone <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(318,63%,83%);" data-appearance="custom" data-size="xs"> PHONE </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-ng-c1522752413 _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input _ngcontent-ng-c1522752413 tuitextfieldcustomcontent="@tui.phone" class="phone ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1522752413 type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 pattern tabindex="0" value id="tui_481726656987999" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1541726656987999" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_481726656987999"> Enter phone </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-13 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-13 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-ng-c1522752413 _nghost-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted"><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-12 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-12"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-12">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-12">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-12 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [metadata] </code><!----><!----><!----></div> List of phone number parsing and formatting rules for all countries. <p _ngcontent-ng-c1522752413 class="ng-star-inserted"> The complete list of those rules is huge, so <code _ngcontent-ng-c1522752413>libphonenumber-js</code> provides a way to optimize bundle size by choosing between <code _ngcontent-ng-c1522752413>max</code> , <code _ngcontent-ng-c1522752413>min</code> , <code _ngcontent-ng-c1522752413>mobile</code> metadata. </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-12 ng-star-inserted" href="https://github.com/catamphetamine/libphonenumber-js?tab=readme-ov-file#min-vs-max-vs-mobile-vs-core"> MetadataJson </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[metadata]" readonly tabindex="0" aria-invalid="false" value="min"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted">'min'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">min</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [countryIsoCode] </code><!----><!----><!----></div> Country ISO-code <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[countryIsoCode]" readonly tabindex="0" aria-invalid="false" value="RU"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted">'RU'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">RU</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [strict] </code><!----><!----><!----></div> If true, it allows to enter only phone number of selected country (see countryIsoCode property). If false, all country phone number is allowed. <p _ngcontent-ng-c1522752413 class="ng-star-inserted"><strong _ngcontent-ng-c1522752413>Default:</strong><code _ngcontent-ng-c1522752413>true</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><input _ngcontent-ng-c3254876711 tuiappearance role="switch" tuiswitch type="checkbox" class="t-switch ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" id="[strict]" data-appearance="primary" data-size="m" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" checked><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [separator] </code><!----><!----><!----></div> Separator between groups of numbers in a phone number (excluding country code and area code). <p _ngcontent-ng-c1522752413 class="ng-star-inserted"><strong _ngcontent-ng-c1522752413>Default:</strong><code _ngcontent-ng-c1522752413>-</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly tabindex="0" aria-invalid="false" value="-"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted">'-'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">-</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-14 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1381726756645834" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1381726756645834"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/addons/phone" target="_self" data-appearance="icon"> @maskito/phone <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-ng-c1522752413 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1522752413 header="Phone" package="PHONE" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Phone <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(318,63%,83%);" data-appearance="custom" data-size="xs"> PHONE </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-ng-c1522752413 _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input _ngcontent-ng-c1522752413 tuitextfieldcustomcontent="@tui.phone" class="phone ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1522752413 type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 pattern tabindex="0" value id="tui_461726756645894" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1501726756645894" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_461726756645894"> Enter phone </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-13 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-13 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-ng-c1522752413 _nghost-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted"><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-12 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-12"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-12">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-12">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-12 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [metadata] </code><!----><!----><!----></div> List of phone number parsing and formatting rules for all countries. <p _ngcontent-ng-c1522752413 class="ng-star-inserted"> The complete list of those rules is huge, so <code _ngcontent-ng-c1522752413>libphonenumber-js</code> provides a way to optimize bundle size by choosing between <code _ngcontent-ng-c1522752413>max</code> , <code _ngcontent-ng-c1522752413>min</code> , <code _ngcontent-ng-c1522752413>mobile</code> metadata. </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-12 ng-star-inserted" href="https://github.com/catamphetamine/libphonenumber-js?tab=readme-ov-file#min-vs-max-vs-mobile-vs-core"> MetadataJson </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[metadata]" readonly tabindex="0" aria-invalid="false" value="min"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted">'min'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">min</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [countryIsoCode] </code><!----><!----><!----></div> Country ISO-code <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[countryIsoCode]" readonly tabindex="0" aria-invalid="false" value="RU"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted">'RU'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">RU</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [strict] </code><!----><!----><!----></div> If true, it allows to enter only phone number of selected country (see countryIsoCode property). If false, all country phone number is allowed. <p _ngcontent-ng-c1522752413 class="ng-star-inserted"><strong _ngcontent-ng-c1522752413>Default:</strong><code _ngcontent-ng-c1522752413>true</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><input _ngcontent-ng-c3254876711 tuiappearance role="switch" tuiswitch type="checkbox" class="t-switch ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" id="[strict]" data-appearance="primary" data-size="m" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" checked><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-12 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-12 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [separator] </code><!----><!----><!----></div> Separator between groups of numbers in a phone number (excluding country code and area code). <p _ngcontent-ng-c1522752413 class="ng-star-inserted"><strong _ngcontent-ng-c1522752413>Default:</strong><code _ngcontent-ng-c1522752413>-</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-12"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-12"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-12"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-12 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-12 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly tabindex="0" aria-invalid="false" value="-"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-12 ng-star-inserted">'-'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">-</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/addons/phone/index.html b/addons/phone/index.html
index acb802696..68c498893 100644
--- a/addons/phone/index.html
+++ b/addons/phone/index.html
@@ -29,7 +29,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c2195136005]{display:block;font:var(--tui-font-text-s);color:var(--tui-text-negative);word-wrap:break-word;animation:tuiPresent 1s infinite}.t-message-text[_ngcontent-ng-c2195136005]{white-space:pre-line}.t-message-text[_ngcontent-ng-c2195136005]:before{content:"";line-height:1.5rem;vertical-align:bottom}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_431726656986743" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_431726656986743"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/addons/phone" target="_self" data-appearance="icon"> @maskito/phone <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-ng-c1522752413 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1522752413 header="Phone" package="PHONE" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Phone <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(318,63%,83%);" data-appearance="custom" data-size="xs"> PHONE </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> This mask is based on the <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://www.npmjs.com/package/libphonenumber-js" data-appearance="link"> libphonenumber-js </a> package. </p> Use <code _ngcontent-ng-c1522752413 class="ng-star-inserted">maskitoPhoneOptionsGenerator</code> to create a mask for phone input. <tui-doc-example _ngcontent-ng-c1522752413 id="basic" description="Kazakhstan phone example" heading="basic" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">basic</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#basic" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Kazakhstan phone example <!----><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1 _ngcontent-ng-c1522752413><tui-input tuitextfieldcustomcontent="@tui.phone" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+7 771 931-1111" id="tui_101726656986798" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_451726656986798" tabindex="0" aria-invalid="false" value="+7 771 931-1111"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_101726656986798"> Basic </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+7 771 931-1111</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_431726756644655" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_431726756644655"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/addons/phone" target="_self" data-appearance="icon"> @maskito/phone <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc _nghost-ng-c1522752413 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1522752413 header="Phone" package="PHONE" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Phone <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(318,63%,83%);" data-appearance="custom" data-size="xs"> PHONE </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/addons/phone/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> This mask is based on the <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://www.npmjs.com/package/libphonenumber-js" data-appearance="link"> libphonenumber-js </a> package. </p> Use <code _ngcontent-ng-c1522752413 class="ng-star-inserted">maskitoPhoneOptionsGenerator</code> to create a mask for phone input. <tui-doc-example _ngcontent-ng-c1522752413 id="basic" description="Kazakhstan phone example" heading="basic" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">basic</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#basic" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Kazakhstan phone example <!----><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1 _ngcontent-ng-c1522752413><tui-input tuitextfieldcustomcontent="@tui.phone" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+7 771 931-1111" id="tui_101726756644697" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_451726756644697" tabindex="0" aria-invalid="false" value="+7 771 931-1111"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_101726756644697"> Basic </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+7 771 931-1111</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -59,7 +59,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="validation" heading="validation" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">validation</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#validation" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c1522752413 class="tui-space_top-0 ng-star-inserted"> For validating phone number you can use <code _ngcontent-ng-c1522752413>isValidPhoneNumber</code> , <code _ngcontent-ng-c1522752413>isPossiblePhoneNumber</code> functions from <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://www.npmjs.com/package/libphonenumber-js" data-appearance="link"> libphonenumber-js </a> package. <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://www.npmjs.com/package/libphonenumber-js" data-appearance="link"> Read more </a></p><p _ngcontent-ng-c1522752413 class="ng-star-inserted">Below is an example of a Hungarian phone mask with an angular validator.</p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-2 _ngcontent-ng-c1522752413><tui-input tuitextfieldcustomcontent="@tui.phone" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+36 20 123-3122" id="tui_111726656986800" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_471726656986801" tabindex="0" aria-invalid="false" value="+36 20 123-3122"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_111726656986800"> Basic </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+36 20 123-3122</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-error _nghost-ng-c2195136005 class="ng-tns-c2195136005-11 ng-untouched ng-pristine ng-valid ng-star-inserted"><!----></tui-error></phone-doc-example-2><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="validation" heading="validation" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">validation</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#validation" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c1522752413 class="tui-space_top-0 ng-star-inserted"> For validating phone number you can use <code _ngcontent-ng-c1522752413>isValidPhoneNumber</code> , <code _ngcontent-ng-c1522752413>isPossiblePhoneNumber</code> functions from <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://www.npmjs.com/package/libphonenumber-js" data-appearance="link"> libphonenumber-js </a> package. <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://www.npmjs.com/package/libphonenumber-js" data-appearance="link"> Read more </a></p><p _ngcontent-ng-c1522752413 class="ng-star-inserted">Below is an example of a Hungarian phone mask with an angular validator.</p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-2 _ngcontent-ng-c1522752413><tui-input tuitextfieldcustomcontent="@tui.phone" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+36 20 123-3122" id="tui_111726756644698" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_471726756644699" tabindex="0" aria-invalid="false" value="+36 20 123-3122"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_111726756644698"> Basic </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+36 20 123-3122</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-error _nghost-ng-c2195136005 class="ng-tns-c2195136005-11 ng-untouched ng-pristine ng-valid ng-star-inserted"><!----></tui-error></phone-doc-example-2><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -71,7 +71,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="non-strict" heading="Non-strict mask" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Non-strict mask</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#non-strict" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> Setting the <code _ngcontent-ng-c1522752413>strict</code> option to <code _ngcontent-ng-c1522752413>false</code> enables non-strict mask mode and allow user to type any country phone number. </p><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> The <code _ngcontent-ng-c1522752413>countryIsoCode</code> option is optional in that case, but if you specify it, the mask will try to add that country's calling code when you try to insert a phone number without a calling code. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-3 _ngcontent-ng-c1522752413><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 pattern tabindex="0" value id="tui_121726656986801" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_491726656986801" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_121726656986801"> Non-strict </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></phone-doc-example-3><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="non-strict" heading="Non-strict mask" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Non-strict mask</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#non-strict" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> Setting the <code _ngcontent-ng-c1522752413>strict</code> option to <code _ngcontent-ng-c1522752413>false</code> enables non-strict mask mode and allow user to type any country phone number. </p><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> The <code _ngcontent-ng-c1522752413>countryIsoCode</code> option is optional in that case, but if you specify it, the mask will try to add that country's calling code when you try to insert a phone number without a calling code. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-3 _ngcontent-ng-c1522752413><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 pattern tabindex="0" value id="tui_121726756644699" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_491726756644700" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_121726756644699"> Non-strict </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></phone-doc-example-3><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -83,7 +83,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="lazy-metadata" heading="Lazy metadata" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Lazy metadata</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#lazy-metadata" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c1522752413 class="ng-star-inserted">You can load metadata lazily, below is an example of how to do it in Angular.</p><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> You can also <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://gitlab.com/catamphetamine/libphonenumber-js#customizing-metadata" data-appearance="link"> customize the metadata </a> to reduce metadata size. See instructions <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://gitlab.com/catamphetamine/libphonenumber-metadata-generator" data-appearance="link"> here </a></p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-4 _ngcontent-ng-c1522752413><tui-input tuitextfieldcustomcontent="@tui.phone" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+7 920 123-4567" id="tui_131726656986802" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_511726656986802" tabindex="0" aria-invalid="false" value="+7 920 123-4567"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_131726656986802"> Lazy metadata </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+7 920 123-4567</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-4><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="lazy-metadata" heading="Lazy metadata" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Lazy metadata</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#lazy-metadata" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c1522752413 class="ng-star-inserted">You can load metadata lazily, below is an example of how to do it in Angular.</p><p _ngcontent-ng-c1522752413 class="ng-star-inserted"> You can also <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://gitlab.com/catamphetamine/libphonenumber-js#customizing-metadata" data-appearance="link"> customize the metadata </a> to reduce metadata size. See instructions <a _ngcontent-ng-c1522752413 tuiappearance tuiicons tuilink href="https://gitlab.com/catamphetamine/libphonenumber-metadata-generator" data-appearance="link"> here </a></p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-4 _ngcontent-ng-c1522752413><tui-input tuitextfieldcustomcontent="@tui.phone" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+7 920 123-4567" id="tui_131726756644700" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_511726756644701" tabindex="0" aria-invalid="false" value="+7 920 123-4567"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_131726756644700"> Lazy metadata </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+7 920 123-4567</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-4><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -95,7 +95,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="focus-blur" heading="Focus &amp; Blur events" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Focus &amp; Blur events</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#focus-blur" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code _ngcontent-ng-c1522752413 class="ng-star-inserted">maskitoAddOnFocusPlugin</code> / <code _ngcontent-ng-c1522752413 class="ng-star-inserted">maskitoRemoveOnBlurPlugin</code> to mutate textfield's value on focus/blur events. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-5 _ngcontent-ng-c1522752413><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_141726656986803" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_531726656986804" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_141726656986803"> Focus me to see prefix <!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Turkish flag" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/tr.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-5><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1522752413 id="focus-blur" heading="Focus &amp; Blur events" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Focus &amp; Blur events</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/addons/phone#focus-blur" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code _ngcontent-ng-c1522752413 class="ng-star-inserted">maskitoAddOnFocusPlugin</code> / <code _ngcontent-ng-c1522752413 class="ng-star-inserted">maskitoRemoveOnBlurPlugin</code> to mutate textfield's value on focus/blur events. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-5 _ngcontent-ng-c1522752413><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_141726756644701" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_531726756644701" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_141726756644701"> Focus me to see prefix <!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Turkish flag" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/tr.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-5><!----><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -126,6 +126,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/browser-support/index.html b/browser-support/index.html
index 4348db4a4..93d5fc560 100644
--- a/browser-support/index.html
+++ b/browser-support/index.html
@@ -27,7 +27,7 @@
 </style><style ng-app-id="ng">[tuiChevron][tuiIcons]:after,tui-icon[tuiChevron]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-block;cursor:pointer}[tuiChevron][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevron]._chevron-rotated:after{transform:rotate(180deg)}
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">td[_ngcontent-ng-c2212086216]{width:18.75rem}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_671726656987319" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_671726656987319"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/browser-support" target="_self" data-appearance="icon"> Browser support <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/supported-input-types" target="_self" data-appearance="icon"> Supported &lt;input /&gt; types <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/real-world-form" target="_self" data-appearance="icon"> Maskito in Real World Form <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink class="t-sublink ng-star-inserted" href="https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md" target="_blank" data-appearance="icon"> Changelog <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><browser-support _nghost-ng-c2212086216 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c2212086216 header="Browser support" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Browser support <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><h2 _ngcontent-ng-c2212086216 class="tui-text_h4 tui-space_top-0 tui-space_bottom-3">Desktop</h2><table _ngcontent-ng-c2212086216 class="tui-table"><tbody _ngcontent-ng-c2212086216><tr _ngcontent-ng-c2212086216 class="tui-table__tr"><th _ngcontent-ng-c2212086216 class="tui-table__th">Browser</th><th _ngcontent-ng-c2212086216 class="tui-table__th">Version</th></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Google Chrome</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Mozilla Firefox</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 87+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Safari</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 12.1+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Opera</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 62+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Edge (Chromium)</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Microsoft Internet Explorer</td><td _ngcontent-ng-c2212086216 class="tui-table__td"><strong _ngcontent-ng-c2212086216 class="ng-star-inserted">Not supported</strong><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Edge (EdgeHTML)</td><td _ngcontent-ng-c2212086216 class="tui-table__td"><strong _ngcontent-ng-c2212086216 class="ng-star-inserted">Not supported</strong><!----></td></tr><!----></tbody></table><h2 _ngcontent-ng-c2212086216 class="tui-text_h4 tui-space_top-6 tui-space_bottom-3">Mobile</h2><table _ngcontent-ng-c2212086216 class="tui-table"><tbody _ngcontent-ng-c2212086216><tr _ngcontent-ng-c2212086216 class="tui-table__tr"><th _ngcontent-ng-c2212086216 class="tui-table__th">Browser</th><th _ngcontent-ng-c2212086216 class="tui-table__th">Version</th></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Google Chrome</td><td _ngcontent-ng-c2212086216 class="tui-table__td">90+</td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Mozilla Firefox</td><td _ngcontent-ng-c2212086216 class="tui-table__td">99+</td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Safari</td><td _ngcontent-ng-c2212086216 class="tui-table__td">12.2+</td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Opera</td><td _ngcontent-ng-c2212086216 class="tui-table__td">64+</td></tr><!----></tbody></table><!----><!----></div></tui-doc-page><!----></browser-support><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_701726756645144" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_701726756645144"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/browser-support" target="_self" data-appearance="icon"> Browser support <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/supported-input-types" target="_self" data-appearance="icon"> Supported &lt;input /&gt; types <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/real-world-form" target="_self" data-appearance="icon"> Maskito in Real World Form <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink class="t-sublink ng-star-inserted" href="https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md" target="_blank" data-appearance="icon"> Changelog <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><browser-support _nghost-ng-c2212086216 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c2212086216 header="Browser support" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Browser support <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><h2 _ngcontent-ng-c2212086216 class="tui-text_h4 tui-space_top-0 tui-space_bottom-3">Desktop</h2><table _ngcontent-ng-c2212086216 class="tui-table"><tbody _ngcontent-ng-c2212086216><tr _ngcontent-ng-c2212086216 class="tui-table__tr"><th _ngcontent-ng-c2212086216 class="tui-table__th">Browser</th><th _ngcontent-ng-c2212086216 class="tui-table__th">Version</th></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Google Chrome</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Mozilla Firefox</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 87+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Safari</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 12.1+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Opera</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 62+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Edge (Chromium)</td><td _ngcontent-ng-c2212086216 class="tui-table__td"> 74+ <!----><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Microsoft Internet Explorer</td><td _ngcontent-ng-c2212086216 class="tui-table__td"><strong _ngcontent-ng-c2212086216 class="ng-star-inserted">Not supported</strong><!----></td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Edge (EdgeHTML)</td><td _ngcontent-ng-c2212086216 class="tui-table__td"><strong _ngcontent-ng-c2212086216 class="ng-star-inserted">Not supported</strong><!----></td></tr><!----></tbody></table><h2 _ngcontent-ng-c2212086216 class="tui-text_h4 tui-space_top-6 tui-space_bottom-3">Mobile</h2><table _ngcontent-ng-c2212086216 class="tui-table"><tbody _ngcontent-ng-c2212086216><tr _ngcontent-ng-c2212086216 class="tui-table__tr"><th _ngcontent-ng-c2212086216 class="tui-table__th">Browser</th><th _ngcontent-ng-c2212086216 class="tui-table__th">Version</th></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Google Chrome</td><td _ngcontent-ng-c2212086216 class="tui-table__td">90+</td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Mozilla Firefox</td><td _ngcontent-ng-c2212086216 class="tui-table__td">99+</td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Safari</td><td _ngcontent-ng-c2212086216 class="tui-table__td">12.2+</td></tr><tr _ngcontent-ng-c2212086216 class="tui-table__tr ng-star-inserted"><td _ngcontent-ng-c2212086216 class="tui-table__td">Opera</td><td _ngcontent-ng-c2212086216 class="tui-table__td">64+</td></tr><!----></tbody></table><!----><!----></div></tui-doc-page><!----></browser-support><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/element-state/index.html b/core-concepts/element-state/index.html
index 6a3fad0de..0de49eb04 100644
--- a/core-concepts/element-state/index.html
+++ b/core-concepts/element-state/index.html
@@ -27,13 +27,13 @@
 </style><style ng-app-id="ng">[tuiChevron][tuiIcons]:after,tui-icon[tuiChevron]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-block;cursor:pointer}[tuiChevron][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevron]._chevron-rotated:after{transform:rotate(180deg)}
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_51726656985488" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_51726656985488"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><element-state-doc-page class="ng-star-inserted"><tui-doc-page header="Element state" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Element state <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><strong>Element&nbsp;state</strong> is a concept which describes the main properties of the masked element at the certain period of time. </p><p>It is an object which implements the following interface:</p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_51726756643254" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_51726756643254"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><element-state-doc-page class="ng-star-inserted"><tui-doc-page header="Element state" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Element state <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><strong>Element&nbsp;state</strong> is a concept which describes the main properties of the masked element at the certain period of time. </p><p>It is an object which implements the following interface:</p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
         
     </div>
 </pre><!----></tui-doc-code></section><section><p> This concept is actively used throughout <strong>Maskito</strong> libraries, and you can find its usage in the following topics: </p><ul class="tui-list"><li class="tui-list__item"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Mask expression </a></li><li class="tui-list__item"><a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> Processors </a></li><li class="tui-list__item"><a tuiappearance tuiicons tuilink href="/core-concepts/overwrite-mode" data-appearance="link"> Overwrite mode </a></li></ul></section><!----><!----></div></tui-doc-page></element-state-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/mask-expression/index.html b/core-concepts/mask-expression/index.html
index 6f8c48e3f..84e12eb5e 100644
--- a/core-concepts/mask-expression/index.html
+++ b/core-concepts/mask-expression/index.html
@@ -28,7 +28,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}
 </style><style ng-app-id="ng">._hidden[_ngcontent-ng-c151208708]{display:none}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_31726656985302" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_31726656985302"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><mask-expression-doc-page class="ng-star-inserted"><tui-doc-page header="Mask expression" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Mask expression <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><div><strong>Mask expression</strong> is the the main concept of Maskito core library. It provides the developer with opportunity to predefine format of user's input. For example, you can set mask expression to accept only digits, only Latin letters or you can configure more complex patterns like a date string. </div><p> You can set mask expression using <code>mask</code> parameter of <a tuiappearance tuiicons tuilink href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" data-appearance="link"><code>MaskitoOptions</code></a> . </p><section class="tui-space_top-8"><h2>Types of mask expression</h2><ul class="tui-list"><li class="tui-list__item"><strong>RegExp mask expression</strong><p class="tui-space_top-0"> The most basic and comprehensible type. The only required knowledge is understanding of native JavaScript <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" rel="noreferrer" target="_blank" data-appearance="link"> Regular&nbsp;expression </a> . </p><p>See the following example:</p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_31726756643074" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_31726756643074"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><mask-expression-doc-page class="ng-star-inserted"><tui-doc-page header="Mask expression" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Mask expression <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><div><strong>Mask expression</strong> is the the main concept of Maskito core library. It provides the developer with opportunity to predefine format of user's input. For example, you can set mask expression to accept only digits, only Latin letters or you can configure more complex patterns like a date string. </div><p> You can set mask expression using <code>mask</code> parameter of <a tuiappearance tuiicons tuilink href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" data-appearance="link"><code>MaskitoOptions</code></a> . </p><section class="tui-space_top-8"><h2>Types of mask expression</h2><ul class="tui-list"><li class="tui-list__item"><strong>RegExp mask expression</strong><p class="tui-space_top-0"> The most basic and comprehensible type. The only required knowledge is understanding of native JavaScript <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions" rel="noreferrer" target="_blank" data-appearance="link"> Regular&nbsp;expression </a> . </p><p>See the following example:</p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -47,6 +47,6 @@
         
     </div>
 </pre><!----></tui-doc-code><tui-notification tuiicons tuiappearance appearance="warning" size="m" class="tui-space_top-6" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div><div> Be careful! It can be not performance-friendly to generate new mask expression on every input change. </div><p class="tui-space_bottom-0">Think about optimization and memoization of the such function.</p></div></tui-notification></li></ul></section><next-steps _nghost-ng-c151208708><section _ngcontent-ng-c151208708 class="tui-space_top-12"><h2 _ngcontent-ng-c151208708>Next steps</h2><p _ngcontent-ng-c151208708>The following sections are recommended to explore core concepts further:</p><ul _ngcontent-ng-c151208708 class="tui-list"><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Mask expression </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> Processors </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> Plugins </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/overwrite-mode" data-appearance="link"> Overwrite mode </a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></mask-expression-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/overview/index.html b/core-concepts/overview/index.html
index e47339ec1..d8d96b774 100644
--- a/core-concepts/overview/index.html
+++ b/core-concepts/overview/index.html
@@ -33,13 +33,13 @@
 </style><style ng-app-id="ng">[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-ui-s)}
 </style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_31726656985296" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_31726656985296"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><core-concepts-overview-doc-page _nghost-ng-c2534008278 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c2534008278 header="Core concepts" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Core concepts <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section _ngcontent-ng-c2534008278 class="tui-space_bottom-4"><p _ngcontent-ng-c2534008278 class="tui-space_top-0"> The main entity of Maskito core library is <code _ngcontent-ng-c2534008278>Maskito</code> class which accepts 2 arguments in constructor: </p><ol _ngcontent-ng-c2534008278 class="tui-list tui-list_ordered"><li _ngcontent-ng-c2534008278 class="tui-list__item"> native <code _ngcontent-ng-c2534008278> HTMLInputElement <tui-icon _ngcontent-ng-c2534008278 tuiappearance tuitooltip tuihintdirection="top" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);" data-appearance="icon"></tui-icon><!----></code> or <code _ngcontent-ng-c2534008278>HTMLTextAreaElement</code></li><li _ngcontent-ng-c2534008278 class="tui-list__item"> set of configurable <a _ngcontent-ng-c2534008278 tuiappearance tuiicons tuilink href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" data-appearance="link"><code _ngcontent-ng-c2534008278>MaskitoOptions</code></a></li></ol></section><tui-doc-code _ngcontent-ng-c2534008278 class="tui-space_bottom-4" _nghost-ng-c694226118 style="visibility: hidden;"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_31726756643046" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_31726756643046"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><core-concepts-overview-doc-page _nghost-ng-c2534008278 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c2534008278 header="Core concepts" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Core concepts <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section _ngcontent-ng-c2534008278 class="tui-space_bottom-4"><p _ngcontent-ng-c2534008278 class="tui-space_top-0"> The main entity of Maskito core library is <code _ngcontent-ng-c2534008278>Maskito</code> class which accepts 2 arguments in constructor: </p><ol _ngcontent-ng-c2534008278 class="tui-list tui-list_ordered"><li _ngcontent-ng-c2534008278 class="tui-list__item"> native <code _ngcontent-ng-c2534008278> HTMLInputElement <tui-icon _ngcontent-ng-c2534008278 tuiappearance tuitooltip tuihintdirection="top" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);" data-appearance="icon"></tui-icon><!----></code> or <code _ngcontent-ng-c2534008278>HTMLTextAreaElement</code></li><li _ngcontent-ng-c2534008278 class="tui-list__item"> set of configurable <a _ngcontent-ng-c2534008278 tuiappearance tuiicons tuilink href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" data-appearance="link"><code _ngcontent-ng-c2534008278>MaskitoOptions</code></a></li></ol></section><tui-doc-code _ngcontent-ng-c2534008278 class="tui-space_bottom-4" _nghost-ng-c694226118 style="visibility: hidden;"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
         
     </div>
 </pre><!----></tui-doc-code><tui-notification _ngcontent-ng-c2534008278 tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div _ngcontent-ng-c2534008278><strong _ngcontent-ng-c2534008278>Avoid wasting computation power or memory resources!</strong><p _ngcontent-ng-c2534008278 class="tui-space_bottom-0"> The only available public method <code _ngcontent-ng-c2534008278>destroy</code> removes all created event listeners. Call it to clean everything up when the work is finished. </p></div></tui-notification><section _ngcontent-ng-c2534008278><p _ngcontent-ng-c2534008278> To understand the capabilities of the Maskito library, you need to learn about the following features and concepts: </p><div _ngcontent-ng-c2534008278 class="cards"><a _ngcontent-ng-c2534008278 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/mask-expression" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c2534008278 tuititle> Mask expression <span _ngcontent-ng-c2534008278 tuisubtitle> Learn how to predefine your mask format via mask&nbsp;expression. This section describes different&nbsp;types of mask&nbsp;expression and explains meaning of "fixed&nbsp;character" term. </span></h1></a><a _ngcontent-ng-c2534008278 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/processors" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c2534008278 tuititle> Processors <span _ngcontent-ng-c2534008278 tuisubtitle>Learn about preprocessors and postprocessors.</span></h1></a><a _ngcontent-ng-c2534008278 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/plugins" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c2534008278 tuititle> Plugins <span _ngcontent-ng-c2534008278 tuisubtitle> Learn how you can augment masking with some custom logic bound to the masked HTML element. </span></h1></a><a _ngcontent-ng-c2534008278 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/overwrite-mode" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c2534008278 tuititle> Overwrite mode <span _ngcontent-ng-c2534008278 tuisubtitle> Maskito can behave differently when user inserts new character in the middle of text field value. Learn how to control this behaviour via <code _ngcontent-ng-c2534008278>overwriteMode</code> parameter. </span></h1></a><a _ngcontent-ng-c2534008278 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/transformer" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c2534008278 tuititle> Transformer <span _ngcontent-ng-c2534008278 tuisubtitle> Learn how to correctly programmatically update element's&nbsp;value via <code _ngcontent-ng-c2534008278>maskitoTransform</code> . </span></h1></a></div></section><!----><!----></div></tui-doc-page></core-concepts-overview-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/overwrite-mode/index.html b/core-concepts/overwrite-mode/index.html
index dfc981e50..295b7f483 100644
--- a/core-concepts/overwrite-mode/index.html
+++ b/core-concepts/overwrite-mode/index.html
@@ -28,7 +28,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">._hidden[_ngcontent-ng-c151208708]{display:none}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1678597687]{position:relative;z-index:0;display:flex;flex-direction:column;min-block-size:var(--tui-textarea-height);border-radius:var(--tui-radius-m);color:var(--tui-text-primary)}[data-size=s][_nghost-ng-c1678597687]{--tui-height: var(--tui-height-s);--tui-textarea-height: 4.5625rem;font:var(--tui-font-text-s)}[data-size=m][_nghost-ng-c1678597687]{--tui-height: var(--tui-height-m);--tui-textarea-height: 5.5rem;font:var(--tui-font-text-s)}[data-size=l][_nghost-ng-c1678597687]{--tui-height: var(--tui-height-l);--tui-textarea-height: 6.75rem;font:var(--tui-font-text-m)}[data-size=m]._has-counter[_nghost-ng-c1678597687]{--tui-textarea-height: 6.625rem}[data-size=l]._has-counter[_nghost-ng-c1678597687]{--tui-textarea-height: 7.875rem}@supports (-webkit-hyphens: none){[_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687], [_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{text-wrap:balance}}.t-outline[_ngcontent-ng-c1678597687]{min-block-size:inherit}.t-content[_ngcontent-ng-c1678597687]{display:block;margin-top:0;margin-bottom:0;min-block-size:inherit;box-sizing:border-box;overflow:hidden;cursor:text}._disabled[_nghost-ng-c1678597687]   .t-content[_ngcontent-ng-c1678597687]{cursor:auto;opacity:var(--tui-disabled-opacity)}[_nghost-ng-c1678597687]:not(._expandable)   .t-content[_ngcontent-ng-c1678597687]{position:absolute;top:0;left:0;bottom:1px;right:0;min-block-size:auto}._has-counter[_nghost-ng-c1678597687]:not(._expandable)   .t-content[_ngcontent-ng-c1678597687]{bottom:1.6875rem}._label-outside._has-counter[_nghost-ng-c1678597687]:not(._expandable)   .t-content[_ngcontent-ng-c1678597687]{bottom:1rem}.t-wrapper[_ngcontent-ng-c1678597687]{position:relative;inline-size:100%;block-size:100%;min-block-size:inherit;box-sizing:border-box;padding:calc((var(--tui-height) - 1.25rem) / 2) 0}[data-size=l]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 1.5rem) / 2) 0}[data-size=m][_nghost-ng-c1678597687]:not(._label-outside)   .t-wrapper[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 2.25rem) / 2) 0}[data-size=l][_nghost-ng-c1678597687]:not(._label-outside)   .t-wrapper[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 2.625rem) / 2) 0}table[data-size=m]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687], table   [data-size=m]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687]{padding-bottom:.75rem}table[data-size=l]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687], table   [data-size=l]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687]{padding-bottom:1rem}.t-input-wrapper[_ngcontent-ng-c1678597687]{min-block-size:inherit;inline-size:100%;flex:1}.t-relative[_ngcontent-ng-c1678597687]{position:relative;min-block-size:inherit}.t-box[_ngcontent-ng-c1678597687]{display:flex;min-block-size:calc(100% - 1rem);inline-size:100%}[_nghost-ng-c1678597687]:not(._expandable)   .t-box[_ngcontent-ng-c1678597687]{block-size:calc(100% - 1rem)}[_nghost-ng-c1678597687]:not(._expandable)._label-outside   .t-box[_ngcontent-ng-c1678597687]{block-size:100%}._has-counter._expandable[_nghost-ng-c1678597687]   .t-box[_ngcontent-ng-c1678597687]{margin-bottom:1.25rem}[data-size=m][_nghost-ng-c1678597687]:not(._label-outside)   .t-box[_ngcontent-ng-c1678597687]{border-block-start:1rem solid transparent}[data-size=l][_nghost-ng-c1678597687]:not(._label-outside)   .t-box[_ngcontent-ng-c1678597687]{border-block-start:1.25rem solid transparent}.t-pseudo-content[_ngcontent-ng-c1678597687]{white-space:pre-wrap;word-wrap:break-word;word-break:keep-all;pointer-events:none;color:transparent;overflow:hidden;border:0 solid transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}[data-size=s][_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687], [data-size=m][_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687]{padding:0 .75rem}[data-size=l][_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687]{padding:0 1rem}.t-pseudo-content__extra[_ngcontent-ng-c1678597687]{background-color:var(--tui-status-negative-pale)}.t-input[_ngcontent-ng-c1678597687]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:none;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}.t-input[_ngcontent-ng-c1678597687]:-webkit-autofill, .t-input[_ngcontent-ng-c1678597687]:-webkit-autofill:hover, .t-input[_ngcontent-ng-c1678597687]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}.t-input[_ngcontent-ng-c1678597687]:not(:last-of-type){display:none}.t-input[_ngcontent-ng-c1678597687]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]:not(:read-only)::placeholder{opacity:1}[data-size=s][_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687], [data-size=m][_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{padding:0 .75rem;font:var(--tui-font-text-s)}[data-size=l][_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{padding:0 1rem;font:var(--tui-font-text-m)}@supports (-webkit-marquee-repetition: infinite) and (object-fit: fill){._ios[_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{padding-left:.8125rem}}.t-placeholder[_ngcontent-ng-c1678597687]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;inline-size:100%;-webkit-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-secondary);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;top:calc(var(--tui-height) / 2 - .625rem);left:0;max-inline-size:100%;border:0 solid transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);box-sizing:border-box}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-ng-c1678597687]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-ng-c1678597687]{transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1678597687]   .t-placeholder_raised[_ngcontent-ng-c1678597687]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-ng-c1678597687]:not(._focused)   .t-placeholder_raised[_ngcontent-ng-c1678597687], ._invalid[_nghost-ng-c1678597687]:not(._focused):hover   .t-placeholder_raised[_ngcontent-ng-c1678597687]{color:var(--tui-text-negative)}._focused[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687], [data-size=m]._focused._label-outside[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687], [data-size=l]._focused._label-outside[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{color:var(--tui-text-tertiary)}[data-size=l][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-ng-c1678597687]   .t-placeholder_raised[_ngcontent-ng-c1678597687]{font-size:.8156rem}[data-size=m]._focused[_nghost-ng-c1678597687]:not(._label-outside)   .t-placeholder[_ngcontent-ng-c1678597687], [data-size=l]._focused[_nghost-ng-c1678597687]:not(._label-outside)   .t-placeholder[_ngcontent-ng-c1678597687]{color:var(--tui-text-primary)}[data-size=s][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{padding:0 .75rem}[data-size=m][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{padding:0 .75rem}[data-size=l][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{padding:0 1rem}._label-outside[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{overflow:initial;block-size:auto;white-space:initial}.t-icons[_ngcontent-ng-c1678597687]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:calc((var(--tui-height) - 1.5rem) / 2) 1rem}[data-size=m][_nghost-ng-c1678597687]   .t-icons[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 1.5rem) / 2) .625rem}.t-icons[_ngcontent-ng-c1678597687] > [_ngcontent-ng-c1678597687]:not(:first-child){margin-inline-start:.25rem}.t-icon[_ngcontent-ng-c1678597687]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}.t-icon_left[_ngcontent-ng-c1678597687]{margin-inline-end:auto}.t-cleaner[_ngcontent-ng-c1678597687]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto;border:.25rem solid transparent}._readonly[_nghost-ng-c1678597687]   .t-cleaner[_ngcontent-ng-c1678597687], ._disabled[_nghost-ng-c1678597687]   .t-cleaner[_ngcontent-ng-c1678597687]{pointer-events:none}.t-caret[_ngcontent-ng-c1678597687]{display:inline-block;block-size:1rem;inline-size:0}.t-counter[_ngcontent-ng-c1678597687]{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:end;color:var(--tui-text-tertiary)}</style><style ng-app-id="ng">[_nghost-ng-c1794875140]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;inline-size:1.5rem;block-size:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}[data-appearance=error][_nghost-ng-c1794875140]{color:var(--tui-text-negative)}.t-tooltip-icon[_ngcontent-ng-c1794875140]{display:inline-block;inline-size:100%;block-size:100%}.t-icon[_ngcontent-ng-c1794875140]{border:.25rem solid transparent}</style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_71726656985735" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_71726656985735"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><overwrite-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Overwrite mode" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Overwrite mode <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><strong>Overwrite mode</strong> regulates behaviour of the mask when user inserts a new character somewhere in the middle of text field, overwriting the character at the current index. </p><section><p><code>overwriteMode</code> can be of a following type: </p><ul class="tui-list"><li class="tui-list__item"><code>shift</code> (default) </li><li class="tui-list__item"><code>replace</code></li><li class="tui-list__item"> function that receives element state as an argument and returns <code>shift</code> or <code>replace</code></li></ul></section><tui-doc-example id="shift" heading="Shift mode" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Shift mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/overwrite-mode#shift" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> The classic mode that everyone is used to. Inserting a new character in the middle of the text field value <strong class="ng-star-inserted">shifts</strong> all following characters to the right. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-shift-doc-example-1><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="0000" id="tui_01726656985756" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_91726656985757" tabindex="0" aria-invalid="false" value="0000"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0000</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></overwrite-mode-shift-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_71726756643502" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_71726756643502"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><overwrite-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Overwrite mode" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Overwrite mode <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><strong>Overwrite mode</strong> regulates behaviour of the mask when user inserts a new character somewhere in the middle of text field, overwriting the character at the current index. </p><section><p><code>overwriteMode</code> can be of a following type: </p><ul class="tui-list"><li class="tui-list__item"><code>shift</code> (default) </li><li class="tui-list__item"><code>replace</code></li><li class="tui-list__item"> function that receives element state as an argument and returns <code>shift</code> or <code>replace</code></li></ul></section><tui-doc-example id="shift" heading="Shift mode" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Shift mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/overwrite-mode#shift" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> The classic mode that everyone is used to. Inserting a new character in the middle of the text field value <strong class="ng-star-inserted">shifts</strong> all following characters to the right. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-shift-doc-example-1><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="0000" id="tui_01726756643525" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_91726756643526" tabindex="0" aria-invalid="false" value="0000"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0000</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></overwrite-mode-shift-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -58,7 +58,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="replace" heading="Replace mode" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Replace mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/overwrite-mode#replace" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> All new inserted characters <strong class="ng-star-inserted">replace</strong> the old characters at the same position. No character shifts. The length of the value remains the same after inserting new character somewhere in middle of the text field. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-replace-doc-example-2><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="0000" id="tui_11726656985759" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_111726656985759" tabindex="0" aria-invalid="false" value="0000"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0000</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></overwrite-mode-replace-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="replace" heading="Replace mode" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Replace mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/overwrite-mode#replace" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> All new inserted characters <strong class="ng-star-inserted">replace</strong> the old characters at the same position. No character shifts. The length of the value remains the same after inserting new character somewhere in middle of the text field. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-replace-doc-example-2><tui-input tuihintcontent="Insert character somewhere in the middle" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="0000" id="tui_11726756643528" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_111726756643528" tabindex="0" aria-invalid="false" value="0000"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0000</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></overwrite-mode-replace-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -88,7 +88,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic" heading="Dynamically detected mode" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Dynamically detected mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/overwrite-mode#dynamic" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Parameter <code class="ng-star-inserted">overwriteMode</code> also accepts function that will called before each insertion of new characters. This function has one argument — current element state (read more about it in the <a tuiappearance tuiicons tuilink href="/core-concepts/element-state" data-appearance="link" class="ng-star-inserted"> "Element&nbsp;state" </a> section). And this function should return one of two possible values: <code class="ng-star-inserted">shift</code> or <code class="ng-star-inserted">replace</code> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-dynamic-doc-example-3><tui-textarea _nghost-ng-c1678597687 style="max-width: 20rem; --border-end: 0rem; --border-start: 0rem;" class="_expandable _label-outside _has-value ng-untouched ng-pristine ng-valid" data-size="l"><!----><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__wrapper" tuiwrapper class="t-outline" data-appearance="textfield"><!----><label _ngcontent-ng-c1678597687 class="t-content"><div _ngcontent-ng-c1678597687 class="t-wrapper"><!----><tui-scrollbar _ngcontent-ng-c1678597687 automation-id="tui-text-area__scrollbar" class="t-box _native-hidden" _nghost-ng-c3554927007 style="max-height: 480px;"><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><div _ngcontent-ng-c1678597687 class="t-input-wrapper"><div _ngcontent-ng-c1678597687 class="t-relative"><div _ngcontent-ng-c1678597687 aria-hidden="true" class="t-pseudo-content"><span _ngcontent-ng-c1678597687>This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</span><span _ngcontent-ng-c1678597687 class="t-pseudo-content__extra"></span><span _ngcontent-ng-c1678597687 class="t-caret"></span></div><textarea _ngcontent-ng-c1678597687 automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_121726656985761" tabindex="0">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea><textarea type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" id="tui_21726656985761" inputmode="text" aria-invalid="false">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea></div></div></div></tui-scrollbar></div><div _ngcontent-ng-c1678597687 class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></overwrite-mode-dynamic-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic" heading="Dynamically detected mode" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Dynamically detected mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/overwrite-mode#dynamic" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Parameter <code class="ng-star-inserted">overwriteMode</code> also accepts function that will called before each insertion of new characters. This function has one argument — current element state (read more about it in the <a tuiappearance tuiicons tuilink href="/core-concepts/element-state" data-appearance="link" class="ng-star-inserted"> "Element&nbsp;state" </a> section). And this function should return one of two possible values: <code class="ng-star-inserted">shift</code> or <code class="ng-star-inserted">replace</code> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><overwrite-mode-dynamic-doc-example-3><tui-textarea _nghost-ng-c1678597687 style="max-width: 20rem; --border-end: 0rem; --border-start: 0rem;" class="_expandable _label-outside _has-value ng-untouched ng-pristine ng-valid" data-size="l"><!----><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__wrapper" tuiwrapper class="t-outline" data-appearance="textfield"><!----><label _ngcontent-ng-c1678597687 class="t-content"><div _ngcontent-ng-c1678597687 class="t-wrapper"><!----><tui-scrollbar _ngcontent-ng-c1678597687 automation-id="tui-text-area__scrollbar" class="t-box _native-hidden" _nghost-ng-c3554927007 style="max-height: 480px;"><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><div _ngcontent-ng-c1678597687 class="t-input-wrapper"><div _ngcontent-ng-c1678597687 class="t-relative"><div _ngcontent-ng-c1678597687 aria-hidden="true" class="t-pseudo-content"><span _ngcontent-ng-c1678597687>This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</span><span _ngcontent-ng-c1678597687 class="t-pseudo-content__extra"></span><span _ngcontent-ng-c1678597687 class="t-caret"></span></div><textarea _ngcontent-ng-c1678597687 automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_121726756643530" tabindex="0">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea><textarea type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" id="tui_21726756643530" inputmode="text" aria-invalid="false">This artificial example demonstrates the usage of dynamic mode. If this textarea contains only digits — "replace" mode is enabled. Otherwise, "shift" mode is enabled.</textarea></div></div></div></tui-scrollbar></div><div _ngcontent-ng-c1678597687 class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></overwrite-mode-dynamic-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -119,6 +119,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><next-steps _nghost-ng-c151208708><section _ngcontent-ng-c151208708 class="tui-space_top-12"><h2 _ngcontent-ng-c151208708>Next steps</h2><p _ngcontent-ng-c151208708>The following sections are recommended to explore core concepts further:</p><ul _ngcontent-ng-c151208708 class="tui-list"><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Mask expression </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> Processors </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> Plugins </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/overwrite-mode" data-appearance="link"> Overwrite mode </a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></overwrite-mode-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/plugins/index.html b/core-concepts/plugins/index.html
index 382093745..bdf1e2e48 100644
--- a/core-concepts/plugins/index.html
+++ b/core-concepts/plugins/index.html
@@ -30,7 +30,7 @@
 </style><style ng-app-id="ng">._hidden[_ngcontent-ng-c151208708]{display:none}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_71726656985684" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_71726656985684"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><plugins-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Plugins" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Plugins <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><strong>Plugins</strong> are functions that are called with input/textarea element and mask options as arguments upon mask initialization. They can optionally return cleanup logic and allow you to extend mask with arbitrary additional behavior. </p><tui-doc-example id="reject" heading="Visualize rejected characters" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Visualize rejected characters</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#reject" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> index.less <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> index.ts <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-3" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> This plugin is available as <code>maskitoRejectEvent</code> in <code>@maskito/kit</code></div></tui-notification><plugins-reject-doc-example-1><tui-input _nghost-ng-c3899723740 style="animation-duration: 300ms; animation-iteration-count: 1; animation-name: reject--1; max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_01726656985710" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_91726656985711" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_01726656985710"> CVC </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-reject-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_71726756643499" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_71726756643499"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><plugins-mode-doc-page class="ng-star-inserted"><tui-doc-page header="Plugins" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Plugins <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><strong>Plugins</strong> are functions that are called with input/textarea element and mask options as arguments upon mask initialization. They can optionally return cleanup logic and allow you to extend mask with arbitrary additional behavior. </p><tui-doc-example id="reject" heading="Visualize rejected characters" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Visualize rejected characters</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#reject" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> index.less <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> index.ts <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-3" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> This plugin is available as <code>maskitoRejectEvent</code> in <code>@maskito/kit</code></div></tui-notification><plugins-reject-doc-example-1><tui-input _nghost-ng-c3899723740 style="animation-duration: 300ms; animation-iteration-count: 1; animation-name: reject--1; max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_01726756643541" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_91726756643542" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_01726756643541"> CVC </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-reject-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -48,7 +48,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="initial-calibration" heading="Built-in initial calibration plugin" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Built-in initial calibration plugin</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#initial-calibration" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><strong class="ng-star-inserted">Maskito</strong> libraries were created to prevent <u class="ng-star-inserted">only user</u> from typing invalid value. However, sometimes you (developer) need to enable mask but you not sure that you programmatically patched textfield with valid value. In this case you can use <a tuiappearance tuiicons tuilink href="/core-concepts/transformer" data-appearance="link" class="ng-star-inserted"><code>maskitoTransform</code></a> or just add <code class="ng-star-inserted">maskitoInitialCalibrationPlugin</code> to mask options. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> index.ts <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><plugins-initial-calibration-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-valid ng-dirty _focused" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _focused _focus-visible" _nghost-ng-c1657133415 data-focused="true" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class="_focused" style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="123" id="tui_11726656985713" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_111726656985713" tabindex="0" aria-invalid="false" value="123"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_11726656985713"> Enter number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">123</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-initial-calibration-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="initial-calibration" heading="Built-in initial calibration plugin" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Built-in initial calibration plugin</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#initial-calibration" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><strong class="ng-star-inserted">Maskito</strong> libraries were created to prevent <u class="ng-star-inserted">only user</u> from typing invalid value. However, sometimes you (developer) need to enable mask but you not sure that you programmatically patched textfield with valid value. In this case you can use <a tuiappearance tuiicons tuilink href="/core-concepts/transformer" data-appearance="link" class="ng-star-inserted"><code>maskitoTransform</code></a> or just add <code class="ng-star-inserted">maskitoInitialCalibrationPlugin</code> to mask options. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> index.ts <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><plugins-initial-calibration-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-valid ng-dirty _focused" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _focused _focus-visible" _nghost-ng-c1657133415 data-focused="true" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class="_focused" style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="123" id="tui_11726756643543" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_111726756643544" tabindex="0" aria-invalid="false" value="123"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_11726756643543"> Enter number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">123</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-initial-calibration-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -60,7 +60,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="strict-composition" heading="Built-in plugin for composition event" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Built-in plugin for composition event</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#strict-composition" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> By default, <strong>Maskito</strong> does not break IME Composition and waits until <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event" rel="noreferrer" target="_blank" data-appearance="link"><code>compositionend</code></a> fires to begin calibration of the textfield's value. It is especially important for East Asian languages such as Chinese, Japanese, Korean, and other languages with complex characters. </p><p class="ng-star-inserted"> However, sometimes this behaviour is not desired and you can want to enable mask validation on every keystroke (to be like a classic not-composition input). For example, some Android devices with enabled system autocomplete can interpret user's input as part of composition event – waiting for <code>compositionend</code> can be not required for some cases (e.g. entering of numbers or your application is not used by East Asian clients). For this cases, you can use <code>maskitoStrictCompositionPlugin</code> . It applies mask's constraints on ANY intermediate value of IME composition. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><plugins-strict-composition-doc-example-3><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_131726656985715" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_131726656985715"> Enter number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-strict-composition-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="strict-composition" heading="Built-in plugin for composition event" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Built-in plugin for composition event</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#strict-composition" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> By default, <strong>Maskito</strong> does not break IME Composition and waits until <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event" rel="noreferrer" target="_blank" data-appearance="link"><code>compositionend</code></a> fires to begin calibration of the textfield's value. It is especially important for East Asian languages such as Chinese, Japanese, Korean, and other languages with complex characters. </p><p class="ng-star-inserted"> However, sometimes this behaviour is not desired and you can want to enable mask validation on every keystroke (to be like a classic not-composition input). For example, some Android devices with enabled system autocomplete can interpret user's input as part of composition event – waiting for <code>compositionend</code> can be not required for some cases (e.g. entering of numbers or your application is not used by East Asian clients). For this cases, you can use <code>maskitoStrictCompositionPlugin</code> . It applies mask's constraints on ANY intermediate value of IME composition. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><plugins-strict-composition-doc-example-3><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_131726756643545" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_131726756643545"> Enter number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-strict-composition-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -90,7 +90,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="change-event" heading="Built-in plugin for change event" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Built-in plugin for change event</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#change-event" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/Element/beforeinput_event" target="_blank" data-appearance="link" class="ng-star-inserted"><code>beforeinput</code></a> event default behavior is cancelled to process user entered invalid value. This causes native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event" target="_blank" data-appearance="link" class="ng-star-inserted"><code>change</code></a> event to <strong class="ng-star-inserted">NOT</strong> be dispatched by browser. A <code class="ng-star-inserted">change</code> event, as opposed to <code class="ng-star-inserted">input</code> , is triggered only when user left the field and value was changed during interaction. If you rely on this behavior, add <code class="ng-star-inserted">maskitoChangeEventPlugin</code> to your mask configuration. It will dispatch synthetic <code class="ng-star-inserted">change</code> event using the same logic. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><plugins-change-event-doc-example-4><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_21726656985716" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_151726656985717" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_21726656985716"> Enter number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-change-event-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="change-event" heading="Built-in plugin for change event" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Built-in plugin for change event</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/core-concepts/plugins#change-event" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/Element/beforeinput_event" target="_blank" data-appearance="link" class="ng-star-inserted"><code>beforeinput</code></a> event default behavior is cancelled to process user entered invalid value. This causes native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event" target="_blank" data-appearance="link" class="ng-star-inserted"><code>change</code></a> event to <strong class="ng-star-inserted">NOT</strong> be dispatched by browser. A <code class="ng-star-inserted">change</code> event, as opposed to <code class="ng-star-inserted">input</code> , is triggered only when user left the field and value was changed during interaction. If you rely on this behavior, add <code class="ng-star-inserted">maskitoChangeEventPlugin</code> to your mask configuration. It will dispatch synthetic <code class="ng-star-inserted">change</code> event using the same logic. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><plugins-change-event-doc-example-4><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_21726756643547" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_151726756643547" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_21726756643547"> Enter number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></plugins-change-event-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -121,6 +121,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><next-steps _nghost-ng-c151208708><section _ngcontent-ng-c151208708 class="tui-space_top-12"><h2 _ngcontent-ng-c151208708>Next steps</h2><p _ngcontent-ng-c151208708>The following sections are recommended to explore core concepts further:</p><ul _ngcontent-ng-c151208708 class="tui-list"><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Mask expression </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> Processors </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> Plugins </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/overwrite-mode" data-appearance="link"> Overwrite mode </a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></plugins-mode-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/processors/index.html b/core-concepts/processors/index.html
index 2463e46c7..a1c821a27 100644
--- a/core-concepts/processors/index.html
+++ b/core-concepts/processors/index.html
@@ -28,7 +28,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-app-id="ng">tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">._hidden[_ngcontent-ng-c151208708]{display:none}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_51726656985515" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_51726656985515"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><processors-doc-page class="ng-star-inserted"><tui-doc-page header="Processors" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Processors <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><a tuiappearance tuiicons tuilink href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" data-appearance="link"><code>MaskitoOptions</code></a> have optional parameters <code>preprocessors</code> and <code>postprocessors</code> . Both accept array of pure functions. These functions are triggered on every user's input ( <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event" rel="noreferrer" target="_blank" data-appearance="link"> beforeinput </a> and <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event" rel="noreferrer" target="_blank" data-appearance="link"> input </a> events). They provide an opportunity to modify value before&nbsp;/&nbsp;after the mask is applied. </p><section><p> Preprocessors and postprocessors accept different types of arguments but they have two important similarities: </p><ul class="tui-list"><li class="tui-list__item"> The first argument always contains object with information that you can change. Object with the same properties and updated values can be returned from the processor. It means that you can keep all properties untouched or you can change any or all of these properties. </li><li class="tui-list__item"> The rest arguments contain information that can be useful to build some complex logic, but you cannot change it. </li></ul></section></section><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-12" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Before you learn more about processors, you should learn a single prerequisite — meaning of the term <a tuiappearance tuiicons tuilink href="/core-concepts/element-state" data-appearance style="text-decoration-line: underline;"> "Element&nbsp;state" </a> . </div></tui-notification><section class="tui-space_bottom-12"><h2>Preprocessors</h2><p> Each preprocessor is a function that is called <strong>before</strong> mask is applied. </p><p> For example, if user types a new character, all preprocessors will be called first, and only then final value that they returned will be passed into the mask, and finally the mask will accept or reject new typed character and update actual value of the text field. </p><section class="tui-space_bottom-6"><p>Preprocessor accepts two arguments:</p><ol class="tui-list tui-list_ordered"><li class="tui-list__item"><strong> Object with two properties: <code>elementState</code> and <code>data</code> . </strong> Object of the same interface with updated or unchanged properties can be returned from the preprocessor. <tui-doc-code class="tui-space_top-1" _nghost-ng-c694226118 style="visibility: hidden;"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_51726756643318" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_51726756643318"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><processors-doc-page class="ng-star-inserted"><tui-doc-page header="Processors" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Processors <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section class="tui-space_bottom-6"><p class="tui-space_top-0"><a tuiappearance tuiicons tuilink href="https://github.com/taiga-family/maskito/blob/main/projects/core/src/lib/types/mask-options.ts" rel="noreferrer" target="_blank" data-appearance="link"><code>MaskitoOptions</code></a> have optional parameters <code>preprocessors</code> and <code>postprocessors</code> . Both accept array of pure functions. These functions are triggered on every user's input ( <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event" rel="noreferrer" target="_blank" data-appearance="link"> beforeinput </a> and <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event" rel="noreferrer" target="_blank" data-appearance="link"> input </a> events). They provide an opportunity to modify value before&nbsp;/&nbsp;after the mask is applied. </p><section><p> Preprocessors and postprocessors accept different types of arguments but they have two important similarities: </p><ul class="tui-list"><li class="tui-list__item"> The first argument always contains object with information that you can change. Object with the same properties and updated values can be returned from the processor. It means that you can keep all properties untouched or you can change any or all of these properties. </li><li class="tui-list__item"> The rest arguments contain information that can be useful to build some complex logic, but you cannot change it. </li></ul></section></section><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-12" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Before you learn more about processors, you should learn a single prerequisite — meaning of the term <a tuiappearance tuiicons tuilink href="/core-concepts/element-state" data-appearance style="text-decoration-line: underline;"> "Element&nbsp;state" </a> . </div></tui-notification><section class="tui-space_bottom-12"><h2>Preprocessors</h2><p> Each preprocessor is a function that is called <strong>before</strong> mask is applied. </p><p> For example, if user types a new character, all preprocessors will be called first, and only then final value that they returned will be passed into the mask, and finally the mask will accept or reject new typed character and update actual value of the text field. </p><section class="tui-space_bottom-6"><p>Preprocessor accepts two arguments:</p><ol class="tui-list tui-list_ordered"><li class="tui-list__item"><strong> Object with two properties: <code>elementState</code> and <code>data</code> . </strong> Object of the same interface with updated or unchanged properties can be returned from the preprocessor. <tui-doc-code class="tui-space_top-1" _nghost-ng-c694226118 style="visibility: hidden;"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -53,6 +53,6 @@
         
     </div>
 </pre><!----></tui-doc-code></section><tui-notification tuiicons tuiappearance size="m" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div><strong>Stacking of multiple processors</strong><p> The <strong>Maskito</strong> team likes code decomposition and promotes it! Don't put all complex logic inside a single processor. Both parameters <code>preprocessors</code> and <code>postprocessors</code> accepts <strong>array</strong> of same type processors. Break your code into the several independent processors so that each processor implements only a single task. </p></div></tui-notification><next-steps _nghost-ng-c151208708><section _ngcontent-ng-c151208708 class="tui-space_top-12"><h2 _ngcontent-ng-c151208708>Next steps</h2><p _ngcontent-ng-c151208708>The following sections are recommended to explore core concepts further:</p><ul _ngcontent-ng-c151208708 class="tui-list"><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Mask expression </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item _hidden"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> Processors </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> Plugins </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/overwrite-mode" data-appearance="link"> Overwrite mode </a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></processors-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/core-concepts/transformer/index.html b/core-concepts/transformer/index.html
index 53289f3d6..29651ad70 100644
--- a/core-concepts/transformer/index.html
+++ b/core-concepts/transformer/index.html
@@ -29,13 +29,13 @@
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">._hidden[_ngcontent-ng-c151208708]{display:none}</style><style ng-app-id="ng">tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: 0 .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);block-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;isolation:isolate}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiSwitch],[tuiChip]>[tuiSwitch],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip>[tuiIconButton],[tuiChip]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: var(--t-0, 0rem);--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img,tui-chip tui-avatar,[tuiChip] tui-avatar{inline-size:1.5rem;margin-inline-start:-.375rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;margin:0}tui-chip[tuiAppearance][data-appearance=error],[tuiChip][tuiAppearance][data-appearance=error],tui-chip[tuiAppearance][data-appearance=success],[tuiChip][tuiAppearance][data-appearance=success],tui-chip[tuiAppearance][data-appearance=warning],[tuiChip][tuiAppearance][data-appearance=warning],tui-chip[tuiAppearance][data-appearance=info],[tuiChip][tuiAppearance][data-appearance=info],tui-chip[tuiAppearance][data-appearance=neutral],[tuiChip][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}
 </style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_141726656985988" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_141726656985988"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><transformer-doc-page class="ng-star-inserted"><tui-doc-page header="Transformer" package="CORE" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Transformer <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(207,62%,82%);" data-appearance="custom" data-size="xs"> CORE </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0"><strong>Maskito</strong> libraries were created to prevent user from typing invalid value. <br><strong>Maskito</strong> listens <code>beforeinput</code> and <code>input</code> events. Programmatic (by developer) changes of input's value don't trigger these events! </p><tui-notification tuiicons tuiappearance size="m" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div><strong>Maskito</strong> is based on the assumption that developer is capable to programmatically patch input with <u>valid</u> value! </div></tui-notification><p> If you need to programmatically patch input's value but you are not sure that your value is valid (for example, you get it from the server), you should use <code>maskitoTransform</code> utility . </p></section><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_141726756643790" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_141726756643790"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overview" target="_self" data-appearance="icon"> Overview <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/mask-expression" target="_self" data-appearance="icon"> Mask expression <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/element-state" target="_self" data-appearance="icon"> Element state <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/processors" target="_self" data-appearance="icon"> Processors <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/plugins" target="_self" data-appearance="icon"> Plugins <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/core-concepts/overwrite-mode" target="_self" data-appearance="icon"> Overwrite mode <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/core-concepts/transformer" target="_self" data-appearance="icon"> Transformer <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><transformer-doc-page class="ng-star-inserted"><tui-doc-page header="Transformer" package="CORE" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Transformer <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(207,62%,82%);" data-appearance="custom" data-size="xs"> CORE </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0"><strong>Maskito</strong> libraries were created to prevent user from typing invalid value. <br><strong>Maskito</strong> listens <code>beforeinput</code> and <code>input</code> events. Programmatic (by developer) changes of input's value don't trigger these events! </p><tui-notification tuiicons tuiappearance size="m" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div><strong>Maskito</strong> is based on the assumption that developer is capable to programmatically patch input with <u>valid</u> value! </div></tui-notification><p> If you need to programmatically patch input's value but you are not sure that your value is valid (for example, you get it from the server), you should use <code>maskitoTransform</code> utility . </p></section><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
         
     </div>
 </pre><!----></tui-doc-code><next-steps _nghost-ng-c151208708><section _ngcontent-ng-c151208708 class="tui-space_top-12"><h2 _ngcontent-ng-c151208708>Next steps</h2><p _ngcontent-ng-c151208708>The following sections are recommended to explore core concepts further:</p><ul _ngcontent-ng-c151208708 class="tui-list"><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Mask expression </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> Processors </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> Plugins </a></li><li _ngcontent-ng-c151208708 routerlinkactive="_hidden" class="tui-list__item"><a _ngcontent-ng-c151208708 tuiappearance tuiicons tuilink href="/core-concepts/overwrite-mode" data-appearance="link"> Overwrite mode </a></li></ul></section></next-steps><!----><!----></div></tui-doc-page></transformer-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/angular/Setup/index.html b/frameworks/angular/Setup/index.html
index 5aadff080..a06e05d8c 100644
--- a/frameworks/angular/Setup/index.html
+++ b/frameworks/angular/Setup/index.html
@@ -31,7 +31,7 @@
 </style><style ng-app-id="ng">[tuiCheckbox]{--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckbox]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[tuiCheckbox]:disabled._readonly{opacity:1}[tuiCheckbox]:checked:before,[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-checked-icon);mask-image:var(--t-checked-icon);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate-icon);mask-image:var(--t-indeterminate-icon)}[tuiCheckbox][data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}
 </style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1351726656987905" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1351726656987905"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page class="ng-star-inserted"><tui-doc-page header="Angular" path="angular" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Angular <!----><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular" class="ng-star-inserted"> Overview </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular/Setup" class="ng-star-inserted"> Setup </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1391726756645814" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1391726756645814"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page class="ng-star-inserted"><tui-doc-page header="Angular" path="angular" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Angular <!----><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular" class="ng-star-inserted"> Overview </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular/Setup" class="ng-star-inserted"> Setup </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
 </a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><section class="ng-star-inserted"><ol class="tui-list tui-list_ordered"><li class="tui-list__item"> Install libraries <tui-doc-code code="npm install @maskito/{core,angular}" filename="/your/project/path>" _nghost-ng-c694226118 style="visibility: hidden;" class="_has-filename"><p _ngcontent-ng-c694226118 class="t-header ng-star-inserted"> /your/project/path&gt;
 </p><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
@@ -47,6 +47,6 @@
         
     </div>
 </pre><!----></tui-doc-code></li></ol></section><!----><!----><!----><!----></div></tui-doc-page></angular-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/angular/index.html b/frameworks/angular/index.html
index 3d8aa97f0..b374b672d 100644
--- a/frameworks/angular/index.html
+++ b/frameworks/angular/index.html
@@ -31,7 +31,7 @@
 </style><style ng-app-id="ng">[tuiCheckbox]{--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckbox]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[tuiCheckbox]:disabled._readonly{opacity:1}[tuiCheckbox]:checked:before,[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-checked-icon);mask-image:var(--t-checked-icon);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate-icon);mask-image:var(--t-indeterminate-icon)}[tuiCheckbox][data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}
 </style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_171726656985995" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_171726656985995"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page class="ng-star-inserted"><tui-doc-page header="Angular" path="angular" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Angular <!----><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular" class="ng-star-inserted"> Overview </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular/Setup" class="ng-star-inserted"> Setup </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_171726756643828" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_171726756643828"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><angular-doc-page class="ng-star-inserted"><tui-doc-page header="Angular" path="angular" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Angular <!----><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular" class="ng-star-inserted"> Overview </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/frameworks/angular/Setup" class="ng-star-inserted"> Setup </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/angular" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
 </a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><code class="ng-star-inserted">@maskito/angular</code> is a light-weighted library to use <strong class="ng-star-inserted">Maskito</strong> in an Angular-way. <tui-notification tuiicons tuiappearance appearance="warning" size="m" class="tui-space_top-6 ng-star-inserted" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuiappearance tuiicons tuilink href="/core-concepts/overview" data-appearance style="text-decoration-line: underline;"> "Core&nbsp;Concepts" </a> first. </p></div></tui-notification><section class="tui-space_top-12 ng-star-inserted"><h2>Write less code</h2><ul class="tui-list"><li class="tui-list__item"><strong>No need to query element from DOM.</strong> Just pass all required options to <code>[maskito]</code> directive. </li><li class="tui-list__item"><strong>No need to worry about clean-ups.</strong> All created event listeners are automatically removed after element is detached from DOM. </li></ul></section><section class="tui-space_top-12 ng-star-inserted"><h2>Basic directive approach</h2><p>Use it when you have direct access to native input element.</p><tui-doc-code filename="your.component.ts" _nghost-ng-c694226118 style="visibility: hidden;" class="_has-filename"><p _ngcontent-ng-c694226118 class="t-header ng-star-inserted"> your.component.ts
 </p><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
@@ -46,9 +46,9 @@
         </button>
         
     </div>
-</pre><!----></tui-doc-code></section><tui-doc-example id="custom-input" description="See querying nested input in action" heading="Custom input" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Custom input</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/frameworks/angular#custom-input" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> See querying nested input in action <!----><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> TypeScript <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Default <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Custom <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><div style="width: 20rem;"><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-3" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Default behavior is enough for <a tuiappearance tuiicons tuilink href="https://github.com/taiga-family/taiga-ui" data-appearance style="text-decoration-line: underline;"> Taiga UI </a> inputs </div></tui-notification><nested-doc-example-1><tui-input _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_191726656986024" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_191726656986024"> Name on the card
+</pre><!----></tui-doc-code></section><tui-doc-example id="custom-input" description="See querying nested input in action" heading="Custom input" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Custom input</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/frameworks/angular#custom-input" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> See querying nested input in action <!----><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> TypeScript <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Default <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Custom <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><div style="width: 20rem;"><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-3" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Default behavior is enough for <a tuiappearance tuiicons tuilink href="https://github.com/taiga-family/taiga-ui" data-appearance style="text-decoration-line: underline;"> Taiga UI </a> inputs </div></tui-notification><nested-doc-example-1><tui-input _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_191726756643863" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_191726756643863"> Name on the card
 </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></nested-doc-example-1><tui-notification tuiicons tuiappearance size="m" class="tui-space_vertical-3" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"> Custom predicate is required if target input is not the first on in the DOM </tui-notification><nested-doc-example-2><label tuilabel class="tui-space_bottom-3" data-orientation="horizontal"><input tuiappearance tuicheckbox type="checkbox" data-appearance="whiteblock" data-size="m" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg); --t-indeterminate-icon: url(assets/taiga-ui/icons/minus.svg);" class="ng-untouched ng-pristine ng-valid"> Add card holder name
-</label><tui-input _nghost-ng-c3899723740 class="ng-untouched ng-pristine _disabled" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _disabled" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class data-state="disabled" style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine" id="tui_interactive_211726656986027" tabindex="-1" aria-invalid="false" value disabled><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for> Name on the card
+</label><tui-input _nghost-ng-c3899723740 class="ng-untouched ng-pristine _disabled" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _disabled" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class data-state="disabled" style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine" id="tui_interactive_211726756643866" tabindex="-1" aria-invalid="false" value disabled><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for> Name on the card
 </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></nested-doc-example-2></div><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
@@ -113,6 +113,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></angular-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/react/index.html b/frameworks/react/index.html
index 628201637..a447f0788 100644
--- a/frameworks/react/index.html
+++ b/frameworks/react/index.html
@@ -29,7 +29,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_161726656986112" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_161726656986112"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><react-doc-page class="ng-star-inserted"><tui-doc-page header="React" path="react" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> React <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/react" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_161726756643926" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_161726756643926"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><react-doc-page class="ng-star-inserted"><tui-doc-page header="React" path="react" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> React <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/react" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
 </a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><code>@maskito/react</code> is a light-weighted library to use <strong>Maskito</strong> in an React-way. </p><tui-notification tuiicons tuiappearance appearance="warning" size="m" class="tui-space_top-6" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuiappearance tuiicons tuilink href="/core-concepts/overview" data-appearance style="text-decoration-line: underline;"> "Core&nbsp;Concepts" </a> first. </p></div></tui-notification><section class="tui-space_top-12"><h2>Getting Started</h2><p>Install libraries</p><tui-doc-code code="npm install @maskito/{core,react}" _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
@@ -67,6 +67,6 @@
         
     </div>
 </pre><!----></tui-doc-code></section><!----><!----></div></tui-doc-page></react-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/frameworks/vue/index.html b/frameworks/vue/index.html
index 1a7c64d8e..e2530c140 100644
--- a/frameworks/vue/index.html
+++ b/frameworks/vue/index.html
@@ -28,7 +28,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-app-id="ng">tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_231726656986211" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_231726656986211"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><vue-doc-page class="ng-star-inserted"><tui-doc-page header="Vue" path="vue" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Vue <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/vue" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_231726756644039" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_231726756644039"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/angular" target="_self" data-appearance="icon"> Angular <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/frameworks/react" target="_self" data-appearance="icon"> React <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/frameworks/vue" target="_self" data-appearance="icon"> Vue <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><vue-doc-page class="ng-star-inserted"><tui-doc-page header="Vue" path="vue" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Vue <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/vue" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
 </a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><code>@maskito/vue</code> is a light-weighted library to use <strong>Maskito</strong> in as a Vue directive. </p><tui-notification tuiicons tuiappearance appearance="warning" size="m" class="tui-space_top-6" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div><strong>Prerequisites</strong><p class="tui-space_bottom-0"> To get the most out of this guide, you should review the topic <a tuiappearance tuiicons tuilink href="/core-concepts/overview" data-appearance style="text-decoration-line: underline;"> "Core&nbsp;Concepts" </a> first. </p></div></tui-notification><section class="tui-space_top-12"><h2>Getting Started</h2><p>Install libraries</p><tui-doc-code code="npm install @maskito/{core,vue}" _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
@@ -54,6 +54,6 @@
         
     </div>
 </pre><!----></tui-doc-code></section><!----><!----></div></tui-doc-page></vue-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/getting-started/maskito-libraries/index.html b/getting-started/maskito-libraries/index.html
index c6f5b28f1..03590146c 100644
--- a/getting-started/maskito-libraries/index.html
+++ b/getting-started/maskito-libraries/index.html
@@ -28,7 +28,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c3711820930]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-ng-c3711820930]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-ng-c3711820930]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-ng-c3711820930]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-ng-c3711820930]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-ng-c3711820930]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-ng-c3711820930]{color:#000}.t-tabs[_ngcontent-ng-c3711820930]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-ng-c3711820930]{margin-top:.25rem}}.t-content[_ngcontent-ng-c3711820930]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3711820930]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-ng-c3711820930]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-ng-c3711820930]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-ng-c3711820930]{align-self:flex-end;line-height:2.75rem;margin-left:auto}</style><style ng-app-id="ng">tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_11726656985030" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_11726656985030"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/getting-started/what-is-maskito" target="_self" data-appearance="icon"> What is Maskito? <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/getting-started/maskito-libraries" target="_self" data-appearance="icon"> Maskito libraries <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><maskito-libraries-doc-page class="ng-star-inserted"><tui-doc-page header="Maskito libraries" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Maskito libraries <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><strong>Maskito</strong> is a collection of libraries. Explore them and learn how to install and use them. </p><ul class="tui-list"><li class="tui-list__item tui-space_bottom-12"><strong>@maskito/core</strong><p class="tui-space_top-0"> It is the main zero-dependency and framework-agnostic package. It can be used alone in vanilla JavaScript project. It listens to <code>beforeinput</code> and <code>input</code> events to validate and calibrate text field value. </p><tui-notification tuiicons tuiappearance appearance="info" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> All other Maskito's packages require <code>@maskito/core</code> as peer-dependency. </div></tui-notification><tui-doc-code code="npm install @maskito/core" filename="/your/project/path>" _nghost-ng-c694226118 style="visibility: hidden;" class="_has-filename"><p _ngcontent-ng-c694226118 class="t-header ng-star-inserted"> /your/project/path&gt;
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_11726756642795" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_11726756642795"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/getting-started/what-is-maskito" target="_self" data-appearance="icon"> What is Maskito? <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/getting-started/maskito-libraries" target="_self" data-appearance="icon"> Maskito libraries <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><maskito-libraries-doc-page class="ng-star-inserted"><tui-doc-page header="Maskito libraries" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Maskito libraries <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><strong>Maskito</strong> is a collection of libraries. Explore them and learn how to install and use them. </p><ul class="tui-list"><li class="tui-list__item tui-space_bottom-12"><strong>@maskito/core</strong><p class="tui-space_top-0"> It is the main zero-dependency and framework-agnostic package. It can be used alone in vanilla JavaScript project. It listens to <code>beforeinput</code> and <code>input</code> events to validate and calibrate text field value. </p><tui-notification tuiicons tuiappearance appearance="info" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> All other Maskito's packages require <code>@maskito/core</code> as peer-dependency. </div></tui-notification><tui-doc-code code="npm install @maskito/core" filename="/your/project/path>" _nghost-ng-c694226118 style="visibility: hidden;" class="_has-filename"><p _ngcontent-ng-c694226118 class="t-header ng-star-inserted"> /your/project/path&gt;
 </p><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
@@ -71,6 +71,6 @@
         
     </div>
 </pre><!----></tui-doc-code><p> Learn more about this library in <a tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance="link"> "Vue" </a> section. </p></li></ul><!----><!----></div></tui-doc-page></maskito-libraries-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/getting-started/what-is-maskito/index.html b/getting-started/what-is-maskito/index.html
index ad13a42c0..1fd281a12 100644
--- a/getting-started/what-is-maskito/index.html
+++ b/getting-started/what-is-maskito/index.html
@@ -31,7 +31,7 @@
 </style><style ng-app-id="ng">[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-ui-s)}
 </style><style ng-app-id="ng">[_nghost-ng-c2833459386]{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}[data-size=xs][_nghost-ng-c2833459386]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}[data-size=xs][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-m);font-size:.5625rem}[data-size=s][_nghost-ng-c2833459386]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}[data-size=s][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-xs);font-weight:700}[data-size=m][_nghost-ng-c2833459386]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}[data-size=m][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-m);font-weight:700}[data-size=l][_nghost-ng-c2833459386]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}[data-size=l][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-l);font-weight:700}[data-size=xl][_nghost-ng-c2833459386]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}[data-size=xl][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-heading-4)}[data-size=xxl][_nghost-ng-c2833459386]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[data-size=xxl][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-heading-3)}[data-size=xxxl][_nghost-ng-c2833459386]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}[data-size=xxxl][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-heading-3)}[data-type=img][_nghost-ng-c2833459386]:not(._svg){background:transparent}[data-type=icon][_nghost-ng-c2833459386]:before{content:""}._round[_nghost-ng-c2833459386]{--t-radius: calc(var(--t-size) / 2)}._svg[_nghost-ng-c2833459386]   img[_ngcontent-ng-c2833459386]{padding:20%;object-fit:contain}[_nghost-ng-c2833459386]   tui-icon[_ngcontent-ng-c2833459386]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:60%;block-size:60%}[_nghost-ng-c2833459386]     img, [_nghost-ng-c2833459386]     picture, [_nghost-ng-c2833459386]     video{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_11726656985028" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_11726656985028"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/getting-started/what-is-maskito" target="_self" data-appearance="icon"> What is Maskito? <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/getting-started/maskito-libraries" target="_self" data-appearance="icon"> Maskito libraries <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-ng-c976433331 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c976433331 header="What is Maskito?" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> What is Maskito? <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><div _ngcontent-ng-c976433331><strong _ngcontent-ng-c976433331>Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-ng-c976433331> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Why Maskito?</h2><ul _ngcontent-ng-c976433331 class="tui-list"><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> is robust. The whole project is developed with <code _ngcontent-ng-c976433331>strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="https://www.cypress.io" rel="noreferrer" target="_blank" data-appearance="link"> Cypress </a> tests. </li><li _ngcontent-ng-c976433331 class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-ng-c976433331 class="tui-list__item"> You can use it with <code _ngcontent-ng-c976433331>HTMLInputElement</code> / <code _ngcontent-ng-c976433331>HTMLTextAreaElement</code> or even with <code _ngcontent-ng-c976433331>[contenteditable]</code> element. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/angular" data-appearance="link"> Angular </a> , <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/react" data-appearance="link"> React </a> and <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance="link"> Vue </a> as well. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-ng-c976433331> No textfield with invalid value! Use Maskito. <strong _ngcontent-ng-c976433331>Mask it!</strong></p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Learn about Maskito</h2><div _ngcontent-ng-c976433331 class="cards"><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/getting-started/maskito-libraries" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Explore libraries <span _ngcontent-ng-c976433331 tuisubtitle> Maskito consists of several libraries. <br _ngcontent-ng-c976433331> Explore them and learn how to install and use them. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.layout-grid" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/layout-grid.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/overview" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Core concepts <span _ngcontent-ng-c976433331 tuisubtitle> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.settings" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/settings.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_11726756642785" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_11726756642785"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/getting-started/what-is-maskito" target="_self" data-appearance="icon"> What is Maskito? <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/getting-started/maskito-libraries" target="_self" data-appearance="icon"> Maskito libraries <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-ng-c976433331 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c976433331 header="What is Maskito?" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> What is Maskito? <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><div _ngcontent-ng-c976433331><strong _ngcontent-ng-c976433331>Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-ng-c976433331> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Why Maskito?</h2><ul _ngcontent-ng-c976433331 class="tui-list"><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> is robust. The whole project is developed with <code _ngcontent-ng-c976433331>strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="https://www.cypress.io" rel="noreferrer" target="_blank" data-appearance="link"> Cypress </a> tests. </li><li _ngcontent-ng-c976433331 class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-ng-c976433331 class="tui-list__item"> You can use it with <code _ngcontent-ng-c976433331>HTMLInputElement</code> / <code _ngcontent-ng-c976433331>HTMLTextAreaElement</code> or even with <code _ngcontent-ng-c976433331>[contenteditable]</code> element. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/angular" data-appearance="link"> Angular </a> , <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/react" data-appearance="link"> React </a> and <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance="link"> Vue </a> as well. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-ng-c976433331> No textfield with invalid value! Use Maskito. <strong _ngcontent-ng-c976433331>Mask it!</strong></p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Learn about Maskito</h2><div _ngcontent-ng-c976433331 class="cards"><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/getting-started/maskito-libraries" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Explore libraries <span _ngcontent-ng-c976433331 tuisubtitle> Maskito consists of several libraries. <br _ngcontent-ng-c976433331> Explore them and learn how to install and use them. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.layout-grid" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/layout-grid.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/overview" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Core concepts <span _ngcontent-ng-c976433331 tuisubtitle> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.settings" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/settings.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 9c73d566c..18e9b8042 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,7 @@
 </style><style ng-app-id="ng">[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-ui-s)}
 </style><style ng-app-id="ng">[_nghost-ng-c2833459386]{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}[data-size=xs][_nghost-ng-c2833459386]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}[data-size=xs][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-m);font-size:.5625rem}[data-size=s][_nghost-ng-c2833459386]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}[data-size=s][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-xs);font-weight:700}[data-size=m][_nghost-ng-c2833459386]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}[data-size=m][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-m);font-weight:700}[data-size=l][_nghost-ng-c2833459386]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}[data-size=l][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-text-l);font-weight:700}[data-size=xl][_nghost-ng-c2833459386]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}[data-size=xl][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-heading-4)}[data-size=xxl][_nghost-ng-c2833459386]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[data-size=xxl][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-heading-3)}[data-size=xxxl][_nghost-ng-c2833459386]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}[data-size=xxxl][data-type=content][_nghost-ng-c2833459386]{font:var(--tui-font-heading-3)}[data-type=img][_nghost-ng-c2833459386]:not(._svg){background:transparent}[data-type=icon][_nghost-ng-c2833459386]:before{content:""}._round[_nghost-ng-c2833459386]{--t-radius: calc(var(--t-size) / 2)}._svg[_nghost-ng-c2833459386]   img[_ngcontent-ng-c2833459386]{padding:20%;object-fit:contain}[_nghost-ng-c2833459386]   tui-icon[_ngcontent-ng-c2833459386]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:60%;block-size:60%}[_nghost-ng-c2833459386]     img, [_nghost-ng-c2833459386]     picture, [_nghost-ng-c2833459386]     video{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1331726656987822" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1331726656987822"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/getting-started/what-is-maskito" target="_self" data-appearance="icon"> What is Maskito? <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/getting-started/maskito-libraries" target="_self" data-appearance="icon"> Maskito libraries <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-ng-c976433331 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c976433331 header="What is Maskito?" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> What is Maskito? <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><div _ngcontent-ng-c976433331><strong _ngcontent-ng-c976433331>Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-ng-c976433331> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Why Maskito?</h2><ul _ngcontent-ng-c976433331 class="tui-list"><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> is robust. The whole project is developed with <code _ngcontent-ng-c976433331>strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="https://www.cypress.io" rel="noreferrer" target="_blank" data-appearance="link"> Cypress </a> tests. </li><li _ngcontent-ng-c976433331 class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-ng-c976433331 class="tui-list__item"> You can use it with <code _ngcontent-ng-c976433331>HTMLInputElement</code> / <code _ngcontent-ng-c976433331>HTMLTextAreaElement</code> or even with <code _ngcontent-ng-c976433331>[contenteditable]</code> element. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/angular" data-appearance="link"> Angular </a> , <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/react" data-appearance="link"> React </a> and <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance="link"> Vue </a> as well. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-ng-c976433331> No textfield with invalid value! Use Maskito. <strong _ngcontent-ng-c976433331>Mask it!</strong></p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Learn about Maskito</h2><div _ngcontent-ng-c976433331 class="cards"><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/getting-started/maskito-libraries" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Explore libraries <span _ngcontent-ng-c976433331 tuisubtitle> Maskito consists of several libraries. <br _ngcontent-ng-c976433331> Explore them and learn how to install and use them. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.layout-grid" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/layout-grid.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/overview" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Core concepts <span _ngcontent-ng-c976433331 tuisubtitle> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.settings" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/settings.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1371726756645740" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1371726756645740"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/getting-started/what-is-maskito" target="_self" data-appearance="icon"> What is Maskito? <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/getting-started/maskito-libraries" target="_self" data-appearance="icon"> Maskito libraries <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><what-is-maskito-doc-page _nghost-ng-c976433331 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c976433331 header="What is Maskito?" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> What is Maskito? <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><div _ngcontent-ng-c976433331><strong _ngcontent-ng-c976433331>Maskito</strong> is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format. </div><p _ngcontent-ng-c976433331> Core concepts of the libraries are simple but they provide flexible API to set any format you wish: numbers, phone, date, credit card number etc. </p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Why Maskito?</h2><ul _ngcontent-ng-c976433331 class="tui-list"><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> is robust. The whole project is developed with <code _ngcontent-ng-c976433331>strict</code> TypeScript mode. Our code is covered by hundreds of <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="https://www.cypress.io" rel="noreferrer" target="_blank" data-appearance="link"> Cypress </a> tests. </li><li _ngcontent-ng-c976433331 class="tui-list__item">Server Side Rendering and Shadow DOM support.</li><li _ngcontent-ng-c976433331 class="tui-list__item"> You can use it with <code _ngcontent-ng-c976433331>HTMLInputElement</code> / <code _ngcontent-ng-c976433331>HTMLTextAreaElement</code> or even with <code _ngcontent-ng-c976433331>[contenteditable]</code> element. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/angular" data-appearance="link"> Angular </a> , <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/react" data-appearance="link"> React </a> and <a _ngcontent-ng-c976433331 tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance="link"> Vue </a> as well. </li><li _ngcontent-ng-c976433331 class="tui-list__item"><strong _ngcontent-ng-c976433331>Maskito</strong> includes optional framework-agnostic package with configurable ready-to-use masks. </li></ul></section><p _ngcontent-ng-c976433331> No textfield with invalid value! Use Maskito. <strong _ngcontent-ng-c976433331>Mask it!</strong></p><section _ngcontent-ng-c976433331 class="tui-space_top-8"><h2 _ngcontent-ng-c976433331>Learn about Maskito</h2><div _ngcontent-ng-c976433331 class="cards"><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/getting-started/maskito-libraries" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Explore libraries <span _ngcontent-ng-c976433331 tuisubtitle> Maskito consists of several libraries. <br _ngcontent-ng-c976433331> Explore them and learn how to install and use them. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.layout-grid" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/layout-grid.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a><a _ngcontent-ng-c976433331 tuicardlarge tuiheader tuisurface="elevated" href="/core-concepts/overview" data-space="normal" data-size="s" data-surface="elevated"><h1 _ngcontent-ng-c976433331 tuititle> Core concepts <span _ngcontent-ng-c976433331 tuisubtitle> Learn about mask expression, preprocessors and postprocessors, overwrite mode etc. </span></h1><aside _ngcontent-ng-c976433331 tuiaccessories><tui-avatar _ngcontent-ng-c976433331 tuiappearance appearance="secondary" size="l" src="@tui.settings" _nghost-ng-c2833459386 data-appearance="secondary" data-size="l" data-type="icon" class="_round"><!----><tui-icon _ngcontent-ng-c2833459386 style="--t-icon: url(assets/taiga-ui/icons/settings.svg);" class="ng-star-inserted"></tui-icon><!----><!----><!----><!----></tui-avatar></aside></a></div></section><!----><!----></div></tui-doc-page></what-is-maskito-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/index.original.html b/index.original.html
index 6c91add84..eaa5f378e 100644
--- a/index.original.html
+++ b/index.original.html
@@ -20,5 +20,5 @@
     <style>:root{--tui-font-heading:"Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--tui-font-text:"Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--tui-font-heading-1:bold 3.125rem/3.5rem var(--tui-font-heading);--tui-font-heading-2:bold 2.75rem/3rem var(--tui-font-heading);--tui-font-heading-3:bold 2.25rem/2.5rem var(--tui-font-heading);--tui-font-heading-4:bold 1.75rem/2rem var(--tui-font-heading);--tui-font-heading-5:bold 1.5rem/1.75rem var(--tui-font-heading);--tui-font-heading-6:bold 1.25rem/1.5rem var(--tui-font-heading);--tui-font-text-xl:normal 1.1875rem/1.75rem var(--tui-font-text);--tui-font-text-l:normal 1.0625rem/1.75rem var(--tui-font-text);--tui-font-text-m:normal 1rem/1.5rem var(--tui-font-text);--tui-font-text-s:normal .8125rem/1.25rem var(--tui-font-text);--tui-font-text-xs:normal .6875rem/1rem var(--tui-font-text);--tui-font-text-ui-l:normal 1.0625rem/1.5rem var(--tui-font-text);--tui-font-text-ui-m:normal 1rem/1.25rem var(--tui-font-text);--tui-font-text-ui-s:normal .8125rem/1rem var(--tui-font-text);--tui-font-text-ui-xs:normal .6875rem/.8125rem var(--tui-font-text);--tui-radius-xs:.25rem;--tui-radius-s:.5rem;--tui-radius-m:.625rem;--tui-radius-l:.75rem;--tui-radius-xl:1.5rem;--tui-height-xs:1.5rem;--tui-height-s:2rem;--tui-height-m:2.75rem;--tui-height-l:3.5rem;--tui-padding-s:.625rem;--tui-padding-m:.75rem;--tui-padding-l:1rem;--tui-duration:.3s;--tui-disabled-opacity:.56}:root{--tui-background-base:#fff;--tui-background-base-alt:#f6f6f6;--tui-background-neutral-1:rgba(0, 0, 0, .04);--tui-background-neutral-1-hover:rgba(0, 0, 0, .08);--tui-background-neutral-1-pressed:rgba(0, 0, 0, .12);--tui-background-neutral-2:rgba(0, 0, 0, .08);--tui-background-neutral-2-hover:rgba(0, 0, 0, .1);--tui-background-neutral-2-pressed:rgba(0, 0, 0, .14);--tui-background-accent-1:#526ed3;--tui-background-accent-1-hover:#6c86e2;--tui-background-accent-1-pressed:#314692;--tui-background-accent-2:#ff7043;--tui-background-accent-2-hover:#ff9a94;--tui-background-accent-2-pressed:#e7716a;--tui-background-accent-opposite:#000;--tui-background-accent-opposite-hover:#333;--tui-background-accent-opposite-pressed:#808080;--tui-background-elevation-1:#fff;--tui-background-elevation-2:#fff;--tui-background-elevation-3:#fff;--tui-service-autofill-background:#fff5c0;--tui-service-selection-background:rgba(112, 182, 246, .12);--tui-service-backdrop:rgba(0, 0, 0, .75);--tui-border-normal:rgba(0, 0, 0, .1);--tui-border-hover:rgba(0, 0, 0, .16);--tui-border-focus:rgba(51, 51, 51, .64);--tui-status-negative:#f45725;--tui-status-negative-pale:rgba(244, 87, 37, .12);--tui-status-negative-pale-hover:rgba(244, 87, 37, .24);--tui-status-positive:#4ac99b;--tui-status-positive-pale:rgba(74, 201, 155, .12);--tui-status-positive-pale-hover:rgba(74, 201, 155, .24);--tui-status-warning:#ffc700;--tui-status-warning-pale:rgba(255, 199, 0, .12);--tui-status-warning-pale-hover:rgba(255, 199, 0, .24);--tui-status-info:#70b6f6;--tui-status-info-pale:rgba(112, 182, 246, .12);--tui-status-info-pale-hover:rgba(112, 182, 246, .24);--tui-status-neutral:#79818c;--tui-text-primary:#1b1f3b;--tui-text-secondary:rgba(27, 31, 59, .65);--tui-text-tertiary:rgba(27, 31, 59, .4);--tui-text-primary-on-accent-1:#fff;--tui-text-primary-on-accent-2:#fff;--tui-text-action:#526ed3;--tui-text-action-hover:#6c86e2;--tui-text-positive:#3aa981;--tui-text-positive-hover:#7ac5aa;--tui-text-negative:#dd4c1e;--tui-text-negative-hover:#e38163;--tui-chart-categorical-00:var(--tui-background-accent-1);--tui-chart-categorical-01:#ea97c4;--tui-chart-categorical-02:#a0c5df;--tui-chart-categorical-03:#fee797;--tui-chart-categorical-04:#b0b0b0;--tui-chart-categorical-05:#e29398;--tui-chart-categorical-06:#b8474e;--tui-chart-categorical-07:#fcc068;--tui-chart-categorical-08:#ff8a00;--tui-chart-categorical-09:#dab3f9;--tui-chart-categorical-10:#7b439e;--tui-chart-categorical-11:#8dda71;--tui-chart-categorical-12:#fcbb14;--tui-chart-categorical-13:#a8cef1;--tui-chart-categorical-14:#bd65a4;--tui-chart-categorical-15:#7fd7cc;--tui-chart-categorical-16:#2fad96;--tui-chart-categorical-17:#d4aca2;--tui-chart-categorical-18:#9d6f64;--tui-chart-categorical-19:#d2e9a2;--tui-chart-categorical-20:#aadc42;--tui-chart-categorical-21:#3682db;--tui-chart-categorical-22:#34b41f;--tui-shadow-small:0 .25rem 1.25rem rgba(0, 0, 0, .1);--tui-shadow-small-hover:0 1rem 2.5rem rgba(0, 0, 0, .14);--tui-shadow-medium:0 .375rem 2rem rgba(0, 0, 0, .12);--tui-shadow-medium-hover:0 1.25rem 4rem rgba(0, 0, 0, .18);--tui-shadow-popup:0 1.25rem 3rem rgba(0, 0, 0, .2)}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format("truetype")}html{block-size:100%;font-size:16px}body{block-size:100%;min-block-size:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{-webkit-overflow-scrolling:touch}@supports (-webkit-hyphens: none) and (text-align-last: right){:after{content:none}}body{margin:0}html,body{scroll-behavior:var(--tui-scroll-behavior);block-size:100%}@media (prefers-reduced-motion){html,body{scroll-behavior:auto}}html{color-scheme:light}</style><link rel="stylesheet" href="styles.d47747aa47088386.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.d47747aa47088386.css"></noscript></head>
     <body>
         <app>Loading...</app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script></body>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script></body>
 </html>
diff --git a/kit/date-range/API/index.html b/kit/date-range/API/index.html
index 733648424..de2e668e4 100644
--- a/kit/date-range/API/index.html
+++ b/kit/date-range/API/index.html
@@ -31,8 +31,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c1290158773]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-ng-c1290158773]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-ng-c1290158773]     input{cursor:default}.t-hosted[_ngcontent-ng-c1290158773]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c1290158773]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-ng-c1290158773]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-ng-c1290158773]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-app-id="ng">[_nghost-ng-c1084144546]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-ng-c1084144546]{transform:rotate(180deg)}tui-icon[_ngcontent-ng-c1084144546]{border:.25rem solid transparent}</style><style ng-app-id="ng">tui-textfield{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;block-size:var(--t-height);color:var(--tui-text-tertiary);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m);box-sizing:border-box}tui-textfield[style*="--t-icon-start:"]{--t-left: 2.25rem}tui-textfield[style*="--t-icon-end:"]{--t-right: 2.25rem}tui-textfield:after{margin-inline-start:.25rem}tui-textfield input,tui-textfield select{font:var(--tui-font-text-m)}tui-textfield[data-size=s]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=s][style*="--t-icon-start:"]{--t-left: 1.25rem}tui-textfield[data-size=s][style*="--t-icon-end:"]{--t-right: 1.25rem}tui-textfield[data-size=s]:before{margin:0 .5rem 0 -.125rem;font-size:1rem}tui-textfield[data-size=s]:after{margin:0 -.175rem 0 .575rem;font-size:1rem}tui-textfield[data-size=s] input,tui-textfield[data-size=s] select{font:var(--tui-font-text-s)}tui-textfield[data-size=s] .t-content{gap:0;margin-inline-end:-.325rem}tui-textfield[data-size=m]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=m][style*="--t-icon-start:"]{--t-left: 1.75rem}tui-textfield[data-size=m][style*="--t-icon-end:"]{--t-right: 1.75rem}tui-textfield[data-size=m]:before{margin:0 .375rem 0 -.125rem}tui-textfield[data-size=m]:after{margin:0 -.125rem 0 .5rem}tui-textfield[data-size=m] input,tui-textfield[data-size=m] select{font:var(--tui-font-text-s)}tui-textfield[data-size=m] .t-content{margin-inline-end:-.125rem}tui-textfield:hover{color:var(--tui-text-secondary)}tui-textfield:hover:has(input:read-only),tui-textfield:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}tui-textfield:before{z-index:1;margin-inline-end:.75rem}tui-textfield:has(:disabled:not(.t-filler,button,option)):before,tui-textfield:has(:disabled:not(.t-filler,button,option)):after,tui-textfield:has(:disabled:not(.t-filler,button,option)) .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield._disabled:before,tui-textfield._disabled:after,tui-textfield._disabled .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield:has(label:not(:empty)) .t-template,tui-textfield:has(label:not(:empty)) input,tui-textfield:has(label:not(:empty)) select{padding-top:calc(var(--t-height) / 3)}tui-textfield:has(label:not(:empty)) .t-template:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) input:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) select:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) .t-template._empty,tui-textfield:has(label:not(:empty)) input._empty,tui-textfield:has(label:not(:empty)) select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield._with-label .t-template,tui-textfield._with-label input,tui-textfield._with-label select{padding-top:calc(var(--t-height) / 3)}tui-textfield._with-label .t-template:not(:-webkit-autofill)::placeholder,tui-textfield._with-label input:not(:-webkit-autofill)::placeholder,tui-textfield._with-label select:not(:-webkit-autofill)::placeholder,tui-textfield._with-label .t-template._empty,tui-textfield._with-label input._empty,tui-textfield._with-label select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield .t-template,tui-textfield input:defined,tui-textfield select:defined{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:none;border-inline-start:var(--t-left, 0) solid transparent!important;border-inline-end:calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side)) solid transparent!important;border-radius:inherit;padding:inherit}tui-textfield .t-template{display:flex;align-items:center}tui-textfield._with-template select{color:transparent!important}tui-textfield input:defined,tui-textfield select:defined{pointer-events:auto;background:transparent no-repeat center right 1rem / 2rem;background-clip:border-box,padding-box}tui-textfield input:defined:read-only~.t-filler,tui-textfield select:defined:read-only~.t-filler{display:none}tui-textfield input:defined:disabled~label,tui-textfield select:defined:disabled~label,tui-textfield input:defined:disabled~.t-content,tui-textfield select:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}tui-textfield input:defined:disabled~label tui-icon,tui-textfield select:defined:disabled~label tui-icon,tui-textfield input:defined:disabled~.t-content tui-icon,tui-textfield select:defined:disabled~.t-content tui-icon{display:none}tui-textfield input:defined:-webkit-autofill~label,tui-textfield select:defined:-webkit-autofill~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown)~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown)~label{font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}tui-textfield input:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]._empty,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]~label,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}@supports (-webkit-touch-callout: none){tui-textfield input:defined._ios-fix,tui-textfield select:defined._ios-fix{position:fixed;left:1000rem}}tui-textfield label:not([data-orientation=vertical]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}tui-textfield label:defined,tui-textfield input:defined::placeholder,tui-textfield select:defined._empty{color:var(--tui-text-secondary)}tui-textfield select:not([data-mode~=readonly]){cursor:pointer}tui-textfield button,tui-textfield a{pointer-events:auto}tui-textfield .t-content{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate}tui-textfield .t-content tui-icon{pointer-events:auto}tui-textfield .t-clear{display:none;pointer-events:auto}tui-textfield .t-filler:defined{pointer-events:none;background:none;color:var(--tui-text-tertiary);opacity:1}tui-textfield [tuiFluidTypography]{font-weight:700}
 </style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1111726656987688" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1111726656987688"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateRange <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_431726656987718" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1211726656987718" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_431726656987718"> Enter dates </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [mode] </code><!----><!----><!----></div> Date format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly tabindex="0" aria-invalid="false" value="dd/mm/yyyy"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">dd/mm/yyyy</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateSeparator] </code><!----><!----><!----></div> Separator between date segments (days, months and years). <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[dateSeparator]" value="." class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [rangeSeparator] </code><!----><!----><!----></div> Separator between dates of the date range. <p class="ng-star-inserted"><strong>Default:</strong><code>&nbsp;–&nbsp;</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[rangeSeparator]" value="&nbsp;–&nbsp;" class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> Earliest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly tabindex="0" aria-invalid="false" value="0001-01-01"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0001-01-01</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> Latest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly tabindex="0" aria-invalid="false" value="9999-12-31"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9999-12-31</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [minLength] </code><!----><!----><!----></div> Minimal length of the range <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateSegments%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateSegments&lt;number&gt; </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[minLength]" readonly tabindex="0" aria-invalid="false" value="[object Object]"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">[object Object]</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [maxLength] </code><!----><!----><!----></div> Maximal length of the range <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateSegments%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateSegments&lt;number&gt; </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[maxLength]" readonly tabindex="0" aria-invalid="false" value="[object Object]"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">[object Object]</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-range-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1151726756645568" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1151726756645568"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateRange <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_451726756645613" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1251726756645613" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_451726756645613"> Enter dates </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [mode] </code><!----><!----><!----></div> Date format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly tabindex="0" aria-invalid="false" value="dd/mm/yyyy"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">dd/mm/yyyy</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateSeparator] </code><!----><!----><!----></div> Separator between date segments (days, months and years). <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[dateSeparator]" value="." class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [rangeSeparator] </code><!----><!----><!----></div> Separator between dates of the date range. <p class="ng-star-inserted"><strong>Default:</strong><code>&nbsp;–&nbsp;</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[rangeSeparator]" value="&nbsp;–&nbsp;" class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> Earliest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly tabindex="0" aria-invalid="false" value="0001-01-01"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0001-01-01</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> Latest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly tabindex="0" aria-invalid="false" value="9999-12-31"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9999-12-31</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [minLength] </code><!----><!----><!----></div> Minimal length of the range <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateSegments%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateSegments&lt;number&gt; </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[minLength]" readonly tabindex="0" aria-invalid="false" value="[object Object]"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">[object Object]</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [maxLength] </code><!----><!----><!----></div> Maximal length of the range <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateSegments%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateSegments&lt;number&gt; </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[maxLength]" readonly tabindex="0" aria-invalid="false" value="[object Object]"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">{}</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">[object Object]</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-range-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-range/index.html b/kit/date-range/index.html
index 93f018e33..a79a836cd 100644
--- a/kit/date-range/index.html
+++ b/kit/date-range/index.html
@@ -29,8 +29,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1794875140]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;inline-size:1.5rem;block-size:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}[data-appearance=error][_nghost-ng-c1794875140]{color:var(--tui-text-negative)}.t-tooltip-icon[_ngcontent-ng-c1794875140]{display:inline-block;inline-size:100%;block-size:100%}.t-icon[_ngcontent-ng-c1794875140]{border:.25rem solid transparent}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_331726656986564" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_331726656986564"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateRange <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateRangeOptionsGenerator</code> to create a mask to input a range of dates. <tui-doc-example id="date-localization" heading="Date localization" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Date localization</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#date-localization" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">mode</code> and <code class="ng-star-inserted">dateSeparator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-1><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 4.5rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09/20/2020&nbsp;–&nbsp;02/06/2023" id="tui_61726656986591" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_351726656986591" tabindex="0" aria-invalid="false" value="09/20/2020&nbsp;–&nbsp;02/06/2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_61726656986591"> US format </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09/20/2020&nbsp;–&nbsp;02/06/2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_331726756644427" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_331726756644427"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-range-mask-doc class="ng-star-inserted"><tui-doc-page header="DateRange" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateRange <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-range/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-range" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateRangeOptionsGenerator</code> to create a mask to input a range of dates. <tui-doc-example id="date-localization" heading="Date localization" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Date localization</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#date-localization" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">mode</code> and <code class="ng-star-inserted">dateSeparator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-1><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 4.5rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09/20/2020&nbsp;–&nbsp;02/06/2023" id="tui_61726756644454" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_351726756644454" tabindex="0" aria-invalid="false" value="09/20/2020&nbsp;–&nbsp;02/06/2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_61726756644454"> US format </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09/20/2020&nbsp;–&nbsp;02/06/2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -60,7 +60,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max dates" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min and max dates</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#min-max" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" data-appearance="link" class="ng-star-inserted"> Date </a> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-2><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="19.11.1711&nbsp;–&nbsp;15.04.1765" id="tui_71726656986592" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_371726656986592" tabindex="0" aria-invalid="false" value="19.11.1711&nbsp;–&nbsp;15.04.1765"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">19.11.1711&nbsp;–&nbsp;15.04.1765</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max dates" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min and max dates</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#min-max" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" data-appearance="link" class="ng-star-inserted"> Date </a> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-2><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="19.11.1711&nbsp;–&nbsp;15.04.1765" id="tui_71726756644455" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_371726756644456" tabindex="0" aria-invalid="false" value="19.11.1711&nbsp;–&nbsp;15.04.1765"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">19.11.1711&nbsp;–&nbsp;15.04.1765</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -90,7 +90,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max-length" heading="Min and max length of range" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min and max length of range</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#min-max-length" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">minLength</code> and <code class="ng-star-inserted">maxLength</code> parameters to set minimal and maximal length of the date range. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-3><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 4.5rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="01.01.2023&nbsp;–&nbsp;05.01.2023" id="tui_81726656986593" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_391726656986594" tabindex="0" aria-invalid="false" value="01.01.2023&nbsp;–&nbsp;05.01.2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">01.01.2023&nbsp;–&nbsp;05.01.2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max-length" heading="Min and max length of range" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min and max length of range</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#min-max-length" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">minLength</code> and <code class="ng-star-inserted">maxLength</code> parameters to set minimal and maximal length of the date range. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-3><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 4.5rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="01.01.2023&nbsp;–&nbsp;05.01.2023" id="tui_81726756644456" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_391726756644456" tabindex="0" aria-invalid="false" value="01.01.2023&nbsp;–&nbsp;05.01.2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">01.01.2023&nbsp;–&nbsp;05.01.2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -120,7 +120,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="custom-range-separator" heading="Custom range separator" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Custom range separator</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#custom-range-separator" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">rangeSeparator</code> parameter to customize separator between dates of the date range. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-4><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="01.01.2023 ~ 05.01.2023" id="tui_91726656986594" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_411726656986595" tabindex="0" aria-invalid="false" value="01.01.2023 ~ 05.01.2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">01.01.2023 ~ 05.01.2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="custom-range-separator" heading="Custom range separator" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Custom range separator</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-range#custom-range-separator" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">rangeSeparator</code> parameter to customize separator between dates of the date range. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-range-mask-doc-example-4><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="01.01.2023 ~ 05.01.2023" id="tui_91726756644457" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_411726756644457" tabindex="0" aria-invalid="false" value="01.01.2023 ~ 05.01.2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">01.01.2023 ~ 05.01.2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-range-mask-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -151,6 +151,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></date-range-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-time/API/index.html b/kit/date-time/API/index.html
index 2f4f7192b..1d75a1d10 100644
--- a/kit/date-time/API/index.html
+++ b/kit/date-time/API/index.html
@@ -31,8 +31,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c1290158773]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-ng-c1290158773]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-ng-c1290158773]     input{cursor:default}.t-hosted[_ngcontent-ng-c1290158773]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c1290158773]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-ng-c1290158773]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-ng-c1290158773]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-app-id="ng">[_nghost-ng-c1084144546]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-ng-c1084144546]{transform:rotate(180deg)}tui-icon[_ngcontent-ng-c1084144546]{border:.25rem solid transparent}</style><style ng-app-id="ng">tui-textfield{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;block-size:var(--t-height);color:var(--tui-text-tertiary);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m);box-sizing:border-box}tui-textfield[style*="--t-icon-start:"]{--t-left: 2.25rem}tui-textfield[style*="--t-icon-end:"]{--t-right: 2.25rem}tui-textfield:after{margin-inline-start:.25rem}tui-textfield input,tui-textfield select{font:var(--tui-font-text-m)}tui-textfield[data-size=s]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=s][style*="--t-icon-start:"]{--t-left: 1.25rem}tui-textfield[data-size=s][style*="--t-icon-end:"]{--t-right: 1.25rem}tui-textfield[data-size=s]:before{margin:0 .5rem 0 -.125rem;font-size:1rem}tui-textfield[data-size=s]:after{margin:0 -.175rem 0 .575rem;font-size:1rem}tui-textfield[data-size=s] input,tui-textfield[data-size=s] select{font:var(--tui-font-text-s)}tui-textfield[data-size=s] .t-content{gap:0;margin-inline-end:-.325rem}tui-textfield[data-size=m]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=m][style*="--t-icon-start:"]{--t-left: 1.75rem}tui-textfield[data-size=m][style*="--t-icon-end:"]{--t-right: 1.75rem}tui-textfield[data-size=m]:before{margin:0 .375rem 0 -.125rem}tui-textfield[data-size=m]:after{margin:0 -.125rem 0 .5rem}tui-textfield[data-size=m] input,tui-textfield[data-size=m] select{font:var(--tui-font-text-s)}tui-textfield[data-size=m] .t-content{margin-inline-end:-.125rem}tui-textfield:hover{color:var(--tui-text-secondary)}tui-textfield:hover:has(input:read-only),tui-textfield:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}tui-textfield:before{z-index:1;margin-inline-end:.75rem}tui-textfield:has(:disabled:not(.t-filler,button,option)):before,tui-textfield:has(:disabled:not(.t-filler,button,option)):after,tui-textfield:has(:disabled:not(.t-filler,button,option)) .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield._disabled:before,tui-textfield._disabled:after,tui-textfield._disabled .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield:has(label:not(:empty)) .t-template,tui-textfield:has(label:not(:empty)) input,tui-textfield:has(label:not(:empty)) select{padding-top:calc(var(--t-height) / 3)}tui-textfield:has(label:not(:empty)) .t-template:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) input:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) select:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) .t-template._empty,tui-textfield:has(label:not(:empty)) input._empty,tui-textfield:has(label:not(:empty)) select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield._with-label .t-template,tui-textfield._with-label input,tui-textfield._with-label select{padding-top:calc(var(--t-height) / 3)}tui-textfield._with-label .t-template:not(:-webkit-autofill)::placeholder,tui-textfield._with-label input:not(:-webkit-autofill)::placeholder,tui-textfield._with-label select:not(:-webkit-autofill)::placeholder,tui-textfield._with-label .t-template._empty,tui-textfield._with-label input._empty,tui-textfield._with-label select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield .t-template,tui-textfield input:defined,tui-textfield select:defined{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:none;border-inline-start:var(--t-left, 0) solid transparent!important;border-inline-end:calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side)) solid transparent!important;border-radius:inherit;padding:inherit}tui-textfield .t-template{display:flex;align-items:center}tui-textfield._with-template select{color:transparent!important}tui-textfield input:defined,tui-textfield select:defined{pointer-events:auto;background:transparent no-repeat center right 1rem / 2rem;background-clip:border-box,padding-box}tui-textfield input:defined:read-only~.t-filler,tui-textfield select:defined:read-only~.t-filler{display:none}tui-textfield input:defined:disabled~label,tui-textfield select:defined:disabled~label,tui-textfield input:defined:disabled~.t-content,tui-textfield select:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}tui-textfield input:defined:disabled~label tui-icon,tui-textfield select:defined:disabled~label tui-icon,tui-textfield input:defined:disabled~.t-content tui-icon,tui-textfield select:defined:disabled~.t-content tui-icon{display:none}tui-textfield input:defined:-webkit-autofill~label,tui-textfield select:defined:-webkit-autofill~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown)~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown)~label{font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}tui-textfield input:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]._empty,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]~label,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}@supports (-webkit-touch-callout: none){tui-textfield input:defined._ios-fix,tui-textfield select:defined._ios-fix{position:fixed;left:1000rem}}tui-textfield label:not([data-orientation=vertical]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}tui-textfield label:defined,tui-textfield input:defined::placeholder,tui-textfield select:defined._empty{color:var(--tui-text-secondary)}tui-textfield select:not([data-mode~=readonly]){cursor:pointer}tui-textfield button,tui-textfield a{pointer-events:auto}tui-textfield .t-content{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate}tui-textfield .t-content tui-icon{pointer-events:auto}tui-textfield .t-clear{display:none;pointer-events:auto}tui-textfield .t-filler:defined{pointer-events:none;background:none;color:var(--tui-text-tertiary);opacity:1}tui-textfield [tuiFluidTypography]{font-weight:700}
 </style><style ng-app-id="ng">[_nghost-ng-c702293032]{display:flex;border-radius:var(--tui-radius-m);text-align:start}.t-textfield[_ngcontent-ng-c702293032]{flex:1;min-inline-size:0;max-inline-size:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-ng-c702293032]:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.t-value-content[_ngcontent-ng-c702293032]{inline-size:100%}.t-buttons[_ngcontent-ng-c702293032]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]{flex-direction:row-reverse}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:first-child{margin:0 0 0 .125rem;border-start-end-radius:inherit;border-end-end-radius:inherit}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:last-child{border-radius:0}[data-size=m][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{inline-size:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{inline-size:calc(var(--tui-height-l) * .75)}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{display:flex;flex:1;block-size:auto;align-items:center;justify-content:center;border-radius:0}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:first-child{margin-bottom:.125rem;border-start-end-radius:inherit}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:last-child{border-end-end-radius:inherit}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1201726656987801" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1201726656987801"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateTime <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_401726656987831" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1301726656987831" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_401726656987831"> Enter date and time </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateMode] </code><!----><!----><!----></div> Date format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[dateMode]" readonly tabindex="0" aria-invalid="false" value="dd/mm/yyyy"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">dd/mm/yyyy</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [timeMode] </code><!----><!----><!----></div> Time format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoTimeMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoTimeMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[timeMode]" readonly tabindex="0" aria-invalid="false" value="HH:MM"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">HH:MM</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateSeparator] </code><!----><!----><!----></div> Date separator <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[dateSeparator]" value="." class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateTimeSeparator] </code><!----><!----><!----></div> Separator between date and time <p class="ng-star-inserted"><strong>Default:</strong><code>,&nbsp;</code> (comma and space) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[dateTimeSeparator]" value=", " class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [timeStep] </code><!----><!----><!----></div> The value by which the keyboard arrows increment/decrement time segments <p class="ng-star-inserted"><strong>Default:</strong><code>0</code> (disable stepping) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1361726656987856" tabindex="0" aria-invalid="false" value="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> Earliest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly tabindex="0" aria-invalid="false" value="0001-01-01T00:00:00"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'0001-01-01T00:00:00'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0001-01-01T00:00:00</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> Latest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly tabindex="0" aria-invalid="false" value="9999-12-31T23:59:59"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'9999-12-31T23:59:59'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9999-12-31T23:59:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-time-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1161726756645700" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1161726756645700"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateTime <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_381726756645734" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1261726756645734" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_381726756645734"> Enter date and time </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateMode] </code><!----><!----><!----></div> Date format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[dateMode]" readonly tabindex="0" aria-invalid="false" value="dd/mm/yyyy"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">dd/mm/yyyy</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [timeMode] </code><!----><!----><!----></div> Time format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoTimeMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoTimeMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[timeMode]" readonly tabindex="0" aria-invalid="false" value="HH:MM"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">HH:MM</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateSeparator] </code><!----><!----><!----></div> Date separator <p class="ng-star-inserted"><strong>Default:</strong><code>.</code> (dot). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[dateSeparator]" value="." class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [dateTimeSeparator] </code><!----><!----><!----></div> Separator between date and time <p class="ng-star-inserted"><strong>Default:</strong><code>,&nbsp;</code> (comma and space) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[dateTimeSeparator]" value=", " class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [timeStep] </code><!----><!----><!----></div> The value by which the keyboard arrows increment/decrement time segments <p class="ng-star-inserted"><strong>Default:</strong><code>0</code> (disable stepping) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1321726756645753" tabindex="0" aria-invalid="false" value="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> Earliest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly tabindex="0" aria-invalid="false" value="0001-01-01T00:00:00"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'0001-01-01T00:00:00'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0001-01-01T00:00:00</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> Latest date <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly tabindex="0" aria-invalid="false" value="9999-12-31T23:59:59"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'9999-12-31T23:59:59'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9999-12-31T23:59:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-time-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date-time/index.html b/kit/date-time/index.html
index e49486428..e80a53ff0 100644
--- a/kit/date-time/index.html
+++ b/kit/date-time/index.html
@@ -29,8 +29,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_381726656986696" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_381726656986696"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateTime <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateTimeOptionsGenerator</code> to create a mask to input both date and time. <tui-doc-example id="localization" heading="Localization" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Localization</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#localization" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">dateMode</code> , <code class="ng-star-inserted">timeMode</code> and <code class="ng-star-inserted">dateSeparator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-1><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09/20/2020, 15:30" id="tui_111726656986715" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_401726656986716" tabindex="0" aria-invalid="false" value="09/20/2020, 15:30"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_111726656986715"> Localization </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09/20/2020, 15:30</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_381726756644510" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_381726756644510"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-time-mask-doc class="ng-star-inserted"><tui-doc-page header="DateTime" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> DateTime <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date-time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date-time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoDateTimeOptionsGenerator</code> to create a mask to input both date and time. <tui-doc-example id="localization" heading="Localization" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Localization</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#localization" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">dateMode</code> , <code class="ng-star-inserted">timeMode</code> and <code class="ng-star-inserted">dateSeparator</code> parameters to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-1><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09/20/2020, 15:30" id="tui_111726756644534" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_401726756644535" tabindex="0" aria-invalid="false" value="09/20/2020, 15:30"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_111726756644534"> Localization </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09/20/2020, 15:30</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -60,7 +60,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="date-time-separator" heading="Custom separator between date and time" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Custom separator between date and time</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#date-time-separator" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">dateTimeSeparator</code> parameter to configure separator between date and time strings. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-2><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="05.02.2004; 10:10" id="tui_121726656986716" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_421726656986716" tabindex="0" aria-invalid="false" value="05.02.2004; 10:10"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_121726656986716"> Custom date and time separator </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">05.02.2004; 10:10</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="date-time-separator" heading="Custom separator between date and time" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Custom separator between date and time</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#date-time-separator" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">dateTimeSeparator</code> parameter to configure separator between date and time strings. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-2><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="05.02.2004; 10:10" id="tui_121726756644535" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_421726756644536" tabindex="0" aria-invalid="false" value="05.02.2004; 10:10"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_121726756644535"> Custom date and time separator </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">05.02.2004; 10:10</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -90,7 +90,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min and max</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#min-max" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow to set the earliest and the latest available dates. They accept native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" data-appearance="link" class="ng-star-inserted"> Date </a> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-3><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09-01-2018,&nbsp;15:30" id="tui_131726656986717" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_441726656986718" tabindex="0" aria-invalid="false" value="09-01-2018,&nbsp;15:30"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_131726656986717"> Min-max </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09-01-2018,&nbsp;15:30</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="min-max" heading="Min and max" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min and max</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#min-max" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Parameters <code class="ng-star-inserted">min</code> and <code class="ng-star-inserted">max</code> allow to set the earliest and the latest available dates. They accept native <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" data-appearance="link" class="ng-star-inserted"> Date </a> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-3><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09-01-2018,&nbsp;15:30" id="tui_131726756644537" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_441726756644537" tabindex="0" aria-invalid="false" value="09-01-2018,&nbsp;15:30"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_131726756644537"> Min-max </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09-01-2018,&nbsp;15:30</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -120,7 +120,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="time-step" heading="Time segments stepping via arrows" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Time segments stepping via arrows</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#time-step" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code>timeStep</code> allows you to increment / decrement time segments by pressing <code>ArrowUp</code> / <code>ArrowDown</code> . </p><p class="tui-space_top-0 ng-star-inserted"> Use <code>step === 0</code> (default value) to disable this feature. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-4><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09.01.2018,&nbsp;15:30" id="tui_141726656986718" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_461726656986718" tabindex="0" aria-invalid="false" value="09.01.2018,&nbsp;15:30"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_141726656986718"> Time Stepping </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09.01.2018,&nbsp;15:30</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="time-step" heading="Time segments stepping via arrows" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Time segments stepping via arrows</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date-time#time-step" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code>timeStep</code> allows you to increment / decrement time segments by pressing <code>ArrowUp</code> / <code>ArrowDown</code> . </p><p class="tui-space_top-0 ng-star-inserted"> Use <code>step === 0</code> (default value) to disable this feature. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-time-mask-doc-example-4><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="09.01.2018,&nbsp;15:30" id="tui_141726756644538" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_461726756644538" tabindex="0" aria-invalid="false" value="09.01.2018,&nbsp;15:30"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_141726756644538"> Time Stepping </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">09.01.2018,&nbsp;15:30</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-time-mask-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -151,6 +151,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></date-time-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date/API/index.html b/kit/date/API/index.html
index 53e914a74..ae0b41bdf 100644
--- a/kit/date/API/index.html
+++ b/kit/date/API/index.html
@@ -30,8 +30,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c3888982576]{position:relative;display:block;min-inline-size:100%;margin:1.5rem 0;pointer-events:none}.t-settings[_ngcontent-ng-c3888982576]{position:absolute;bottom:calc(100% + .75rem);display:flex;gap:1rem;align-items:center;justify-content:flex-end;pointer-events:none;inline-size:100%}.t-settings[_ngcontent-ng-c3888982576] > *[_ngcontent-ng-c3888982576]{pointer-events:auto}.t-label[_ngcontent-ng-c3888982576]{display:flex;align-items:center;gap:.5rem}.t-wrapper[_ngcontent-ng-c3888982576]{display:flex;box-shadow:var(--tui-shadow-medium);border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);max-inline-size:100%;min-block-size:6rem;inline-size:100%;min-inline-size:10rem;color:var(--tui-text-primary);background-color:var(--tui-background-base);overflow:hidden;pointer-events:auto}.t-wrapper.t-wrapper_transparent[_ngcontent-ng-c3888982576]{background-image:linear-gradient(45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-background-base-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-background-base-alt) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}@media screen and (max-width: 47.9625em){.t-wrapper[_ngcontent-ng-c3888982576]{min-block-size:auto}}.t-content[_ngcontent-ng-c3888982576]{flex:1 1 0;min-inline-size:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3888982576]{padding:1rem}}.t-form[_ngcontent-ng-c3888982576]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-ng-c3888982576]{inline-size:100%;margin-bottom:.5rem}.t-expand[_ngcontent-ng-c3888982576]{inline-size:100%}.t-value[_ngcontent-ng-c3888982576]{flex:1;background:var(--tui-background-neutral-1);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-ng-c3888982576]{inline-size:12.5rem}.t-select[_ngcontent-ng-c3888982576]{max-inline-size:15rem}.t-resizer[_ngcontent-ng-c3888982576]{position:relative;display:flex;box-shadow:var(--tui-shadow-medium);inline-size:3.5rem;min-block-size:inherit;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-border-normal);outline:none;background:var(--tui-background-base);color:var(--tui-text-primary)}.t-resizer[_ngcontent-ng-c3888982576]:before, .t-resizer[_ngcontent-ng-c3888982576]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);inline-size:1px;background:var(--tui-border-normal);box-shadow:-.25rem 0 var(--tui-border-normal);transform:translateZ(0)}.t-resizer[_ngcontent-ng-c3888982576]:after{bottom:.75rem;top:calc(50% + 1rem)}@media screen and (max-width: 47.9625em){.t-resizer[_ngcontent-ng-c3888982576]{display:none}}.t-resizer-text[_ngcontent-ng-c3888982576]{position:relative;z-index:1;font:var(--tui-font-text-s);padding:.75rem;background:var(--tui-background-base)}.wrapper_light[_ngcontent-ng-c3888982576]   .t-resizer-text[_ngcontent-ng-c3888982576]{background:#3e464e}.t-group[_ngcontent-ng-c3888982576], .t-checkbox[_ngcontent-ng-c3888982576]{display:flex;align-items:center;margin-left:.75rem}.t-button[_ngcontent-ng-c3888982576], .t-form-controls[_ngcontent-ng-c3888982576]{margin-top:.75rem}@supports (position: sticky){@media screen and (min-height: 37.5rem){._sticky[_nghost-ng-c3888982576]{position:sticky;top:4.625rem;z-index:2}}}</style><style ng-app-id="ng">[_nghost-ng-c3254876711]{display:block;min-inline-size:100%}.t-table[_ngcontent-ng-c3254876711]{inline-size:100%;table-layout:fixed}.t-row[_ngcontent-ng-c3254876711]:not(:last-child){border-block-end:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){.t-row[_ngcontent-ng-c3254876711]{display:flex;flex-wrap:wrap}.t-row_header[_ngcontent-ng-c3254876711]{display:none}}.t-cell[_ngcontent-ng-c3254876711]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-ng-c3254876711]:first-child{padding-left:0}.t-cell[_ngcontent-ng-c3254876711]:last-child{padding-right:0}.t-cell_prop[_ngcontent-ng-c3254876711]{inline-size:40%}.t-cell_value[_ngcontent-ng-c3254876711]{text-align:end}@media screen and (max-width: 47.9625em){.t-cell[_ngcontent-ng-c3254876711]{inline-size:100%;block-size:auto;padding:.5rem 0;text-align:start}}.t-th[_ngcontent-ng-c3254876711]{padding:.5rem 1rem;color:var(--tui-text-secondary);font-weight:400;text-align:start}.t-th_value[_ngcontent-ng-c3254876711]{max-inline-size:20rem;text-align:end}@media screen and (max-width: 47.9625em){.t-th_value[_ngcontent-ng-c3254876711]{inline-size:9.375rem}}.t-property[_ngcontent-ng-c3254876711]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}@media screen and (max-width: 47.9625em){.t-property[_ngcontent-ng-c3254876711]{padding:.5rem 0}}.t-type[_ngcontent-ng-c3254876711]{font-family:monospace}.t-deprecated[_ngcontent-ng-c3254876711]   .t-property-code[_ngcontent-ng-c3254876711]{text-decoration:line-through}.t-deprecated-label[_ngcontent-ng-c3254876711]{margin-right:.125rem;color:var(--tui-text-negative);font-size:.75rem}.t-additional-info[_ngcontent-ng-c3254876711]{display:flex;gap:.3125rem;align-items:center}.t-exception[_ngcontent-ng-c3254876711]{display:block;inline-size:-webkit-max-content;inline-size:max-content}.t-output[_ngcontent-ng-c3254876711]{text-align:start;opacity:0}.t-heading[_ngcontent-ng-c3254876711]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-ng-c3254876711]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-ng-c3254876711]{display:inline-flex;color:var(--tui-text-action);text-decoration:none;align-items:center;justify-content:center;gap:3px}.t-code-reference[_ngcontent-ng-c3254876711]:after{content:"";font-size:1rem;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}.t-switch[_ngcontent-ng-c3254876711]{display:block}@media not screen and (max-width: 47.9625em){.t-switch[_ngcontent-ng-c3254876711]{margin-left:auto}}</style><style ng-app-id="ng">[tuiSwitch]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitch][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem currentColor;outline-width:.167rem;transform:scale(.375)}[tuiSwitch][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitch]:checked:before{transform:none}[tuiSwitch]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitch]:disabled._readonly{opacity:1}[tuiSwitch]:before,[tuiSwitch]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;block-size:100%;inline-size:1.5rem}[tuiSwitch]:before{display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitch]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem currentColor;outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}
 </style><style ng-app-id="ng">[_nghost-ng-c1290158773]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-ng-c1290158773]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-ng-c1290158773]     input{cursor:default}.t-hosted[_ngcontent-ng-c1290158773]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c1290158773]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-ng-c1290158773]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-ng-c1290158773]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-app-id="ng">[_nghost-ng-c1084144546]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-ng-c1084144546]{transform:rotate(180deg)}tui-icon[_ngcontent-ng-c1084144546]{border:.25rem solid transparent}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1041726656987682" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1041726656987682"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-ng-c1160474243 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1160474243 header="Date" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Date <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-ng-c1160474243 _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input _ngcontent-ng-c1160474243 tuitextfieldcustomcontent="@tui.calendar" class="input-date ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1160474243 type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_351726656987708" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1101726656987708" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_351726656987708"> Enter date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-ng-c1160474243 _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [mode] </code><!----><!----><!----></div> Date format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly tabindex="0" aria-invalid="false" value="dd/mm/yyyy"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">dd/mm/yyyy</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [separator] </code><!----><!----><!----></div> Symbol for separating date-segments (days, months, years) <p _ngcontent-ng-c1160474243 class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-ng-c1160474243>Default:</strong><code _ngcontent-ng-c1160474243>.</code> (dot) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly tabindex="0" aria-invalid="false" value="."><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'.'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">.</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> Earliest date <p _ngcontent-ng-c1160474243 class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-ng-c1160474243>Default:</strong><code _ngcontent-ng-c1160474243>new Date('0001-01-01')</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly tabindex="0" aria-invalid="false" value="0001-01-01"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0001-01-01</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> Latest date <p _ngcontent-ng-c1160474243 class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-ng-c1160474243>Default:</strong><code _ngcontent-ng-c1160474243>new Date('9999-12-31')</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly tabindex="0" aria-invalid="false" value="9999-12-31"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9999-12-31</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1001726756645542" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_1001726756645542"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-ng-c1160474243 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1160474243 header="Date" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Date <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-ng-c1160474243 _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input _ngcontent-ng-c1160474243 tuitextfieldcustomcontent="@tui.calendar" class="input-date ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1160474243 type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_331726756645571" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1061726756645572" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_331726756645571"> Enter date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-ng-c1160474243 _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [mode] </code><!----><!----><!----></div> Date format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoDateMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoDateMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly tabindex="0" aria-invalid="false" value="dd/mm/yyyy"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'dd/mm/yyyy'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">dd/mm/yyyy</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [separator] </code><!----><!----><!----></div> Symbol for separating date-segments (days, months, years) <p _ngcontent-ng-c1160474243 class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-ng-c1160474243>Default:</strong><code _ngcontent-ng-c1160474243>.</code> (dot) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[separator]" readonly tabindex="0" aria-invalid="false" value="."><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'.'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">.</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> Earliest date <p _ngcontent-ng-c1160474243 class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-ng-c1160474243>Default:</strong><code _ngcontent-ng-c1160474243>new Date('0001-01-01')</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[min]" readonly tabindex="0" aria-invalid="false" value="0001-01-01"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'0001-01-01'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0001-01-01</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> Latest date <p _ngcontent-ng-c1160474243 class="tui-space_bottom-0 ng-star-inserted"><strong _ngcontent-ng-c1160474243>Default:</strong><code _ngcontent-ng-c1160474243>new Date('9999-12-31')</code></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date"> Date </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[max]" readonly tabindex="0" aria-invalid="false" value="9999-12-31"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'9999-12-31'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9999-12-31</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></date-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/date/index.html b/kit/date/index.html
index 30bcb37b0..bd2a16ce0 100644
--- a/kit/date/index.html
+++ b/kit/date/index.html
@@ -29,8 +29,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_321726656986544" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_321726656986544"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-ng-c1160474243 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1160474243 header="Date" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Date <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code _ngcontent-ng-c1160474243 class="ng-star-inserted">maskitoDateOptionsGenerator</code> to create a mask for date input. <tui-doc-example _ngcontent-ng-c1160474243 id="date-localization" heading="Date localization" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Date localization</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date#date-localization" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code _ngcontent-ng-c1160474243 class="ng-star-inserted">mode</code> and <code _ngcontent-ng-c1160474243 class="ng-star-inserted">separator</code> properties to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-1 _ngcontent-ng-c1160474243><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="2005/10/21" id="tui_91726656986563" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_341726656986563" tabindex="0" aria-invalid="false" value="2005/10/21"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_91726656986563"> Localization </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">2005/10/21</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_321726756644376" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_321726756644376"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><date-mask-doc _nghost-ng-c1160474243 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c1160474243 header="Date" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Date <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/date/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/date" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code _ngcontent-ng-c1160474243 class="ng-star-inserted">maskitoDateOptionsGenerator</code> to create a mask for date input. <tui-doc-example _ngcontent-ng-c1160474243 id="date-localization" heading="Date localization" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Date localization</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date#date-localization" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code _ngcontent-ng-c1160474243 class="ng-star-inserted">mode</code> and <code _ngcontent-ng-c1160474243 class="ng-star-inserted">separator</code> properties to get a mask with a locale specific representation of dates. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-1 _ngcontent-ng-c1160474243><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="2005/10/21" id="tui_91726756644392" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_341726756644393" tabindex="0" aria-invalid="false" value="2005/10/21"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_91726756644392"> Localization </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">2005/10/21</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -60,7 +60,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1160474243 id="min-max" heading="Min/Max" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min/Max</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date#min-max" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Properties <code _ngcontent-ng-c1160474243 class="ng-star-inserted">min</code> and <code _ngcontent-ng-c1160474243 class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a _ngcontent-ng-c1160474243 tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" data-appearance="link" class="ng-star-inserted"> Date </a> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-2 _ngcontent-ng-c1160474243><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="20.01.2023" id="tui_101726656986564" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_361726656986564" tabindex="0" aria-invalid="false" value="20.01.2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_101726656986564"> Date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">20.01.2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c1160474243 id="min-max" heading="Min/Max" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Min/Max</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/date#min-max" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Properties <code _ngcontent-ng-c1160474243 class="ng-star-inserted">min</code> and <code _ngcontent-ng-c1160474243 class="ng-star-inserted">max</code> allow you to set the earliest and the latest available dates. They accept native <a _ngcontent-ng-c1160474243 tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" rel="noreferrer" target="_blank" data-appearance="link" class="ng-star-inserted"> Date </a> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><date-mask-doc-example-2 _ngcontent-ng-c1160474243><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="20.01.2023" id="tui_101726756644393" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_361726756644394" tabindex="0" aria-invalid="false" value="20.01.2023"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_101726756644393"> Date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">20.01.2023</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></date-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -91,6 +91,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></date-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/number/API/index.html b/kit/number/API/index.html
index 701441f0f..14885a774 100644
--- a/kit/number/API/index.html
+++ b/kit/number/API/index.html
@@ -33,8 +33,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c1290158773]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-ng-c1290158773]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-ng-c1290158773]     input{cursor:default}.t-hosted[_ngcontent-ng-c1290158773]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c1290158773]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-ng-c1290158773]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-ng-c1290158773]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-app-id="ng">[_nghost-ng-c1084144546]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-ng-c1084144546]{transform:rotate(180deg)}tui-icon[_ngcontent-ng-c1084144546]{border:.25rem solid transparent}</style><style ng-app-id="ng">tui-textfield{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;block-size:var(--t-height);color:var(--tui-text-tertiary);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m);box-sizing:border-box}tui-textfield[style*="--t-icon-start:"]{--t-left: 2.25rem}tui-textfield[style*="--t-icon-end:"]{--t-right: 2.25rem}tui-textfield:after{margin-inline-start:.25rem}tui-textfield input,tui-textfield select{font:var(--tui-font-text-m)}tui-textfield[data-size=s]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=s][style*="--t-icon-start:"]{--t-left: 1.25rem}tui-textfield[data-size=s][style*="--t-icon-end:"]{--t-right: 1.25rem}tui-textfield[data-size=s]:before{margin:0 .5rem 0 -.125rem;font-size:1rem}tui-textfield[data-size=s]:after{margin:0 -.175rem 0 .575rem;font-size:1rem}tui-textfield[data-size=s] input,tui-textfield[data-size=s] select{font:var(--tui-font-text-s)}tui-textfield[data-size=s] .t-content{gap:0;margin-inline-end:-.325rem}tui-textfield[data-size=m]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=m][style*="--t-icon-start:"]{--t-left: 1.75rem}tui-textfield[data-size=m][style*="--t-icon-end:"]{--t-right: 1.75rem}tui-textfield[data-size=m]:before{margin:0 .375rem 0 -.125rem}tui-textfield[data-size=m]:after{margin:0 -.125rem 0 .5rem}tui-textfield[data-size=m] input,tui-textfield[data-size=m] select{font:var(--tui-font-text-s)}tui-textfield[data-size=m] .t-content{margin-inline-end:-.125rem}tui-textfield:hover{color:var(--tui-text-secondary)}tui-textfield:hover:has(input:read-only),tui-textfield:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}tui-textfield:before{z-index:1;margin-inline-end:.75rem}tui-textfield:has(:disabled:not(.t-filler,button,option)):before,tui-textfield:has(:disabled:not(.t-filler,button,option)):after,tui-textfield:has(:disabled:not(.t-filler,button,option)) .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield._disabled:before,tui-textfield._disabled:after,tui-textfield._disabled .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield:has(label:not(:empty)) .t-template,tui-textfield:has(label:not(:empty)) input,tui-textfield:has(label:not(:empty)) select{padding-top:calc(var(--t-height) / 3)}tui-textfield:has(label:not(:empty)) .t-template:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) input:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) select:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) .t-template._empty,tui-textfield:has(label:not(:empty)) input._empty,tui-textfield:has(label:not(:empty)) select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield._with-label .t-template,tui-textfield._with-label input,tui-textfield._with-label select{padding-top:calc(var(--t-height) / 3)}tui-textfield._with-label .t-template:not(:-webkit-autofill)::placeholder,tui-textfield._with-label input:not(:-webkit-autofill)::placeholder,tui-textfield._with-label select:not(:-webkit-autofill)::placeholder,tui-textfield._with-label .t-template._empty,tui-textfield._with-label input._empty,tui-textfield._with-label select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield .t-template,tui-textfield input:defined,tui-textfield select:defined{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:none;border-inline-start:var(--t-left, 0) solid transparent!important;border-inline-end:calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side)) solid transparent!important;border-radius:inherit;padding:inherit}tui-textfield .t-template{display:flex;align-items:center}tui-textfield._with-template select{color:transparent!important}tui-textfield input:defined,tui-textfield select:defined{pointer-events:auto;background:transparent no-repeat center right 1rem / 2rem;background-clip:border-box,padding-box}tui-textfield input:defined:read-only~.t-filler,tui-textfield select:defined:read-only~.t-filler{display:none}tui-textfield input:defined:disabled~label,tui-textfield select:defined:disabled~label,tui-textfield input:defined:disabled~.t-content,tui-textfield select:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}tui-textfield input:defined:disabled~label tui-icon,tui-textfield select:defined:disabled~label tui-icon,tui-textfield input:defined:disabled~.t-content tui-icon,tui-textfield select:defined:disabled~.t-content tui-icon{display:none}tui-textfield input:defined:-webkit-autofill~label,tui-textfield select:defined:-webkit-autofill~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown)~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown)~label{font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}tui-textfield input:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]._empty,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]~label,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}@supports (-webkit-touch-callout: none){tui-textfield input:defined._ios-fix,tui-textfield select:defined._ios-fix{position:fixed;left:1000rem}}tui-textfield label:not([data-orientation=vertical]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}tui-textfield label:defined,tui-textfield input:defined::placeholder,tui-textfield select:defined._empty{color:var(--tui-text-secondary)}tui-textfield select:not([data-mode~=readonly]){cursor:pointer}tui-textfield button,tui-textfield a{pointer-events:auto}tui-textfield .t-content{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate}tui-textfield .t-content tui-icon{pointer-events:auto}tui-textfield .t-clear{display:none;pointer-events:auto}tui-textfield .t-filler:defined{pointer-events:none;background:none;color:var(--tui-text-tertiary);opacity:1}tui-textfield [tuiFluidTypography]{font-weight:700}
 </style><style ng-app-id="ng">[_nghost-ng-c702293032]{display:flex;border-radius:var(--tui-radius-m);text-align:start}.t-textfield[_ngcontent-ng-c702293032]{flex:1;min-inline-size:0;max-inline-size:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-ng-c702293032]:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.t-value-content[_ngcontent-ng-c702293032]{inline-size:100%}.t-buttons[_ngcontent-ng-c702293032]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]{flex-direction:row-reverse}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:first-child{margin:0 0 0 .125rem;border-start-end-radius:inherit;border-end-end-radius:inherit}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:last-child{border-radius:0}[data-size=m][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{inline-size:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{inline-size:calc(var(--tui-height-l) * .75)}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{display:flex;flex:1;block-size:auto;align-items:center;justify-content:center;border-radius:0}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:first-child{margin-bottom:.125rem;border-start-end-radius:inherit}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:last-child{border-end-end-radius:inherit}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_871726656987533" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_871726656987533"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Number <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input tuihintcontent="Only digits (+ decimal separator) are allowed" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_331726656987576" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1011726656987576" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_331726656987576"> Enter a number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [precision] </code><!----><!----><!----></div> A number of digits after <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"> Use <code>Infinity</code> for an untouched decimal part. </p><p class="ng-star-inserted"><strong>Default:</strong><code>0</code> (decimal part is forbidden). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[precision]" readonly tabindex="0" aria-invalid="false" value="0"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">0</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [decimalSeparator] </code><!----><!----><!----></div> Symbol for separating fraction. <p class="ng-star-inserted"><strong>Default:</strong> dot. </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[decimalSeparator]" value="." class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [decimalPseudoSeparators] </code><!----><!----><!----></div> Symbols to be replaced with <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>['.', 'ю', 'б']</code> . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string[] <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[decimalPseudoSeparators]" readonly tabindex="0" aria-invalid="false" value=".,,,б,ю"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">['.', ',', 'б', 'ю']</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">.,,,б,ю</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [decimalZeroPadding] </code><!----><!----><!----></div> If number of digits after <code class="ng-star-inserted">decimalSeparator</code> is <strong class="ng-star-inserted">always equal</strong> to the <code class="ng-star-inserted">precision</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>false</code> (number of digits can be less than precision) . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><input _ngcontent-ng-c3254876711 tuiappearance role="switch" tuiswitch type="checkbox" class="t-switch ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" id="[decimalZeroPadding]" data-appearance="secondary" data-size="m" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [thousandSeparator] </code><!----><!----><!----></div> Symbol for separating thousands. <p class="ng-star-inserted"><strong>Default:</strong> non-breaking space. </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[thousandSeparator]" value="&nbsp;" class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> The lowest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MIN_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1071726656987602" tabindex="0" aria-invalid="false" value="−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" disabled data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> The greatest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MAX_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1091726656987606" tabindex="0" aria-invalid="false" value="9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" disabled data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [prefix] </code><!----><!----><!----></div> A prefix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no prefix). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[prefix]" value class="ng-untouched ng-pristine ng-valid _empty" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [postfix] </code><!----><!----><!----></div> A postfix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no postfix). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[postfix]" value class="ng-untouched ng-pristine ng-valid _empty" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [minusSign] </code><!----><!----><!----></div> A minus symbol. <p class="ng-star-inserted"><strong>Default:</strong><a tuiappearance tuiicons tuilink href="https://symbl.cc/en/2212" rel="noreferrer" target="_blank" data-appearance="link"><code>\u2212</code></a></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[minusSign]" value="−" class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></number-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_911726756645383" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_911726756645383"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Number <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input tuihintcontent="Only digits (+ decimal separator) are allowed" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_351726756645433" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1051726756645433" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_351726756645433"> Enter a number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [precision] </code><!----><!----><!----></div> A number of digits after <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"> Use <code>Infinity</code> for an untouched decimal part. </p><p class="ng-star-inserted"><strong>Default:</strong><code>0</code> (decimal part is forbidden). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[precision]" readonly tabindex="0" aria-invalid="false" value="0"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">0</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [decimalSeparator] </code><!----><!----><!----></div> Symbol for separating fraction. <p class="ng-star-inserted"><strong>Default:</strong> dot. </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[decimalSeparator]" value="." class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [decimalPseudoSeparators] </code><!----><!----><!----></div> Symbols to be replaced with <code class="ng-star-inserted">decimalSeparator</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>['.', 'ю', 'б']</code> . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string[] <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[decimalPseudoSeparators]" readonly tabindex="0" aria-invalid="false" value=".,,,б,ю"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">['.', ',', 'б', 'ю']</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">.,,,б,ю</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [decimalZeroPadding] </code><!----><!----><!----></div> If number of digits after <code class="ng-star-inserted">decimalSeparator</code> is <strong class="ng-star-inserted">always equal</strong> to the <code class="ng-star-inserted">precision</code> . <p class="ng-star-inserted"><strong>Default:</strong><code>false</code> (number of digits can be less than precision) . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> boolean <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><input _ngcontent-ng-c3254876711 tuiappearance role="switch" tuiswitch type="checkbox" class="t-switch ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" id="[decimalZeroPadding]" data-appearance="secondary" data-size="m" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [thousandSeparator] </code><!----><!----><!----></div> Symbol for separating thousands. <p class="ng-star-inserted"><strong>Default:</strong> non-breaking space. </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[thousandSeparator]" value="&nbsp;" class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [min] </code><!----><!----><!----></div> The lowest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MIN_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1111726756645458" tabindex="0" aria-invalid="false" value="−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">−9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" disabled data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [max] </code><!----><!----><!----></div> The greatest permitted value. <p class="ng-star-inserted"><strong>Default:</strong><code>Number.MAX_SAFE_INTEGER</code> . </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1131726756645463" tabindex="0" aria-invalid="false" value="9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">9&nbsp;007&nbsp;199&nbsp;254&nbsp;740&nbsp;991</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" disabled data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [prefix] </code><!----><!----><!----></div> A prefix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no prefix). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[prefix]" value class="ng-untouched ng-pristine ng-valid _empty" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [postfix] </code><!----><!----><!----></div> A postfix symbol, like currency. <p class="ng-star-inserted"><strong>Default:</strong> empty string (no postfix). </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[postfix]" value class="ng-untouched ng-pristine ng-valid _empty" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [minusSign] </code><!----><!----><!----></div> A minus symbol. <p class="ng-star-inserted"><strong>Default:</strong><a tuiappearance tuiicons tuilink href="https://symbl.cc/en/2212" rel="noreferrer" target="_blank" data-appearance="link"><code>\u2212</code></a></p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> string <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><tui-textfield _ngcontent-ng-c3254876711 tuiicons tuitextfieldsize="m" class="ng-tns-c3254876711-11 ng-star-inserted" data-size="m" style="--t-side: 0px;"><input _ngcontent-ng-c3254876711 tuiappearance tuitextfield id="[minusSign]" value="−" class="ng-untouched ng-pristine ng-valid" data-appearance="textfield" data-focus="false"><span class="t-content"><button tuiappearance tuiicons appearance="icon" size="xs" tabindex="-1" tuiiconbutton type="button" class="t-clear ng-star-inserted" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/x.svg);" data-size="xs"></button><!----><!----></span><span class="t-template"><!----></span><!----></tui-textfield><!----><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></number-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/number/index.html b/kit/number/index.html
index 99cd47502..0a64753ce 100644
--- a/kit/number/index.html
+++ b/kit/number/index.html
@@ -31,14 +31,14 @@
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[tuiLabel]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabel]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabel]:has(tui-textfield),[tuiLabel]:has(tui-primitive-textfield),[tuiLabel]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabel] input[type=checkbox],[tuiLabel] input[type=radio]{margin-inline-end:.5rem}[tuiLabel] input[type=checkbox][data-size=s],[tuiLabel] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-top:.125rem}[tuiLabel] small{font:var(--tui-font-text-s)}[tuiLabel] [tuiTitle]{margin-top:.125rem}[tuiLabel] [tuiSubtitle]{color:var(--tui-text-secondary)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_181726656986248" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_181726656986248"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Number <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_181726756644053" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_181726756644053"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><number-mask-doc class="ng-star-inserted"><tui-doc-page header="Number" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Number <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/number/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/number" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
 </a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code class="ng-star-inserted">maskitoNumberOptionsGenerator</code> to create a mask for entering a formatted number. <tui-notification tuiicons tuiappearance size="m" class="tui-space_top-4 ng-star-inserted" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Despite the name of the mask, element's raw value is still string. <p> Use <code>maskitoParseNumber</code> to get number-type value. </p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
         
     </div>
-</pre><!----></tui-doc-code></div></tui-notification><tui-doc-example id="high-precision" heading="High precision" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">High precision</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#high-precision" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">precision</code> parameter to configure the number of digits after decimal separator. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" placeholder="3,141..." tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_31726656986271" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_201726656986272" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_31726656986271"><strong>π</strong> -value </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code></div></tui-notification><tui-doc-example id="high-precision" heading="High precision" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">High precision</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#high-precision" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">precision</code> parameter to configure the number of digits after decimal separator. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" placeholder="3,141..." tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_31726756644078" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_201726756644079" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_31726756644078"><strong>π</strong> -value </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -68,7 +68,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="separators" heading="Separators" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Separators</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#separators" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">decimalSeparator</code> and <code class="ng-star-inserted">thousandSeparator</code> to get mask with locale specific representation of numbers. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-4" style="max-width: 30rem; --t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"> In Germany people use comma as decimal separator and dot for thousands </tui-notification><number-mask-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" placeholder="1.000,42" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_41726656986272" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_221726656986272" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_41726656986272"> Type number like a German </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="separators" heading="Separators" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Separators</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#separators" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> Use <code class="ng-star-inserted">decimalSeparator</code> and <code class="ng-star-inserted">thousandSeparator</code> to get mask with locale specific representation of numbers. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><tui-notification tuiicons tuiappearance size="m" class="tui-space_bottom-4" style="max-width: 30rem; --t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"> In Germany people use comma as decimal separator and dot for thousands </tui-notification><number-mask-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" placeholder="1.000,42" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_41726756644079" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_221726756644080" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_41726756644079"> Type number like a German </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -98,7 +98,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="postfix" heading="Postfix" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Postfix</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#postfix" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><div class="ng-star-inserted"> Use <code>postfix</code> parameter to set non-removable text after the number. </div><div class="ng-star-inserted"> Additionally you can use <code>maskitoCaretGuard</code> to clamp caret inside allowable range. </div><div class="tui-space_top-4 ng-star-inserted"> This example also shows how to restrict the greatest permitted value via <code>max</code> parameter. </div><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-3><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="97%" id="tui_51726656986273" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_241726656986273" tabindex="0" aria-invalid="false" value="97%"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">97%</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="postfix" heading="Postfix" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Postfix</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#postfix" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><div class="ng-star-inserted"> Use <code>postfix</code> parameter to set non-removable text after the number. </div><div class="ng-star-inserted"> Additionally you can use <code>maskitoCaretGuard</code> to clamp caret inside allowable range. </div><div class="tui-space_top-4 ng-star-inserted"> This example also shows how to restrict the greatest permitted value via <code>max</code> parameter. </div><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-3><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="97%" id="tui_51726756644080" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_241726756644080" tabindex="0" aria-invalid="false" value="97%"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">97%</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -128,7 +128,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="decimal-zero-padding" heading="Decimal zero padding" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Decimal zero padding</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#decimal-zero-padding" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> Set <code>decimalZeroPadding: true</code> to always show trailing zeroes. </p><p class="ng-star-inserted"> Non removable dollar sign is achieved by using <code>prefix</code> parameter. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-4><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="$100.00" id="tui_61726656986274" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_261726656986274" tabindex="0" aria-invalid="false" value="$100.00"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_61726656986274"> Cost </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">$100.00</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="decimal-zero-padding" heading="Decimal zero padding" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Decimal zero padding</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#decimal-zero-padding" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> Set <code>decimalZeroPadding: true</code> to always show trailing zeroes. </p><p class="ng-star-inserted"> Non removable dollar sign is achieved by using <code>prefix</code> parameter. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-4><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="$100.00" id="tui_61726756644081" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_261726756644081" tabindex="0" aria-invalid="false" value="$100.00"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_61726756644081"> Cost </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">$100.00</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-4><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -158,7 +158,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="minus-sign" heading="Minus sign" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Minus sign</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#minus-sign" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="ng-star-inserted"> Use <code>minusSign</code> parameter to configure the character which indicates that a number is negative. </p><p class="ng-star-inserted"> In this example <a tuiappearance tuiicons tuilink href="https://symbl.cc/en/2010" rel="noreferrer" target="_blank" data-appearance="link"> hyphen </a> is used as <code>minusSign</code></p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-5><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="-42" id="tui_71726656986275" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_281726656986275" tabindex="0" aria-invalid="false" value="-42"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">-42</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-5><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="minus-sign" heading="Minus sign" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Minus sign</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#minus-sign" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="ng-star-inserted"> Use <code>minusSign</code> parameter to configure the character which indicates that a number is negative. </p><p class="ng-star-inserted"> In this example <a tuiappearance tuiicons tuilink href="https://symbl.cc/en/2010" rel="noreferrer" target="_blank" data-appearance="link"> hyphen </a> is used as <code>minusSign</code></p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-5><tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="-42" id="tui_71726756644082" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_281726756644082" tabindex="0" aria-invalid="false" value="-42"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">-42</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></number-mask-doc-example-5><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -188,7 +188,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic-decimal-zero-padding" heading="Dynamic decimal zero padding" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Dynamic decimal zero padding</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#dynamic-decimal-zero-padding" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><div class="ng-star-inserted">You can change options on the fly to build complex logic.</div><div class="ng-star-inserted"> This example shows how to initially disable <code>decimalZeroPadding</code> and enable it only after user inserts decimal separator. </div><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-6><label tuilabel data-orientation="vertical"> Enable decimal zero padding by typing dot <tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="42" id="tui_81726656986276" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_301726656986276" tabindex="0" aria-invalid="false" value="42"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">42</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></label></number-mask-doc-example-6><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="dynamic-decimal-zero-padding" heading="Dynamic decimal zero padding" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Dynamic decimal zero padding</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/number#dynamic-decimal-zero-padding" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><div class="ng-star-inserted">You can change options on the fly to build complex logic.</div><div class="ng-star-inserted"> This example shows how to initially disable <code>decimalZeroPadding</code> and enable it only after user inserts decimal separator. </div><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><number-mask-doc-example-6><label tuilabel data-orientation="vertical"> Enable decimal zero padding by typing dot <tui-input _nghost-ng-c3899723740 style="max-width: 30rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="42" id="tui_81726756644083" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_301726756644083" tabindex="0" aria-invalid="false" value="42"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">42</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></label></number-mask-doc-example-6><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -201,6 +201,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></number-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/time/API/index.html b/kit/time/API/index.html
index 5ddb799cc..70862a74d 100644
--- a/kit/time/API/index.html
+++ b/kit/time/API/index.html
@@ -31,8 +31,8 @@
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c3888982576]{position:relative;display:block;min-inline-size:100%;margin:1.5rem 0;pointer-events:none}.t-settings[_ngcontent-ng-c3888982576]{position:absolute;bottom:calc(100% + .75rem);display:flex;gap:1rem;align-items:center;justify-content:flex-end;pointer-events:none;inline-size:100%}.t-settings[_ngcontent-ng-c3888982576] > *[_ngcontent-ng-c3888982576]{pointer-events:auto}.t-label[_ngcontent-ng-c3888982576]{display:flex;align-items:center;gap:.5rem}.t-wrapper[_ngcontent-ng-c3888982576]{display:flex;box-shadow:var(--tui-shadow-medium);border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);max-inline-size:100%;min-block-size:6rem;inline-size:100%;min-inline-size:10rem;color:var(--tui-text-primary);background-color:var(--tui-background-base);overflow:hidden;pointer-events:auto}.t-wrapper.t-wrapper_transparent[_ngcontent-ng-c3888982576]{background-image:linear-gradient(45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-background-base-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-background-base-alt) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}@media screen and (max-width: 47.9625em){.t-wrapper[_ngcontent-ng-c3888982576]{min-block-size:auto}}.t-content[_ngcontent-ng-c3888982576]{flex:1 1 0;min-inline-size:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-ng-c3888982576]{padding:1rem}}.t-form[_ngcontent-ng-c3888982576]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-ng-c3888982576]{inline-size:100%;margin-bottom:.5rem}.t-expand[_ngcontent-ng-c3888982576]{inline-size:100%}.t-value[_ngcontent-ng-c3888982576]{flex:1;background:var(--tui-background-neutral-1);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-ng-c3888982576]{inline-size:12.5rem}.t-select[_ngcontent-ng-c3888982576]{max-inline-size:15rem}.t-resizer[_ngcontent-ng-c3888982576]{position:relative;display:flex;box-shadow:var(--tui-shadow-medium);inline-size:3.5rem;min-block-size:inherit;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-border-normal);outline:none;background:var(--tui-background-base);color:var(--tui-text-primary)}.t-resizer[_ngcontent-ng-c3888982576]:before, .t-resizer[_ngcontent-ng-c3888982576]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);inline-size:1px;background:var(--tui-border-normal);box-shadow:-.25rem 0 var(--tui-border-normal);transform:translateZ(0)}.t-resizer[_ngcontent-ng-c3888982576]:after{bottom:.75rem;top:calc(50% + 1rem)}@media screen and (max-width: 47.9625em){.t-resizer[_ngcontent-ng-c3888982576]{display:none}}.t-resizer-text[_ngcontent-ng-c3888982576]{position:relative;z-index:1;font:var(--tui-font-text-s);padding:.75rem;background:var(--tui-background-base)}.wrapper_light[_ngcontent-ng-c3888982576]   .t-resizer-text[_ngcontent-ng-c3888982576]{background:#3e464e}.t-group[_ngcontent-ng-c3888982576], .t-checkbox[_ngcontent-ng-c3888982576]{display:flex;align-items:center;margin-left:.75rem}.t-button[_ngcontent-ng-c3888982576], .t-form-controls[_ngcontent-ng-c3888982576]{margin-top:.75rem}@supports (position: sticky){@media screen and (min-height: 37.5rem){._sticky[_nghost-ng-c3888982576]{position:sticky;top:4.625rem;z-index:2}}}</style><style ng-app-id="ng">[_nghost-ng-c3254876711]{display:block;min-inline-size:100%}.t-table[_ngcontent-ng-c3254876711]{inline-size:100%;table-layout:fixed}.t-row[_ngcontent-ng-c3254876711]:not(:last-child){border-block-end:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){.t-row[_ngcontent-ng-c3254876711]{display:flex;flex-wrap:wrap}.t-row_header[_ngcontent-ng-c3254876711]{display:none}}.t-cell[_ngcontent-ng-c3254876711]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-ng-c3254876711]:first-child{padding-left:0}.t-cell[_ngcontent-ng-c3254876711]:last-child{padding-right:0}.t-cell_prop[_ngcontent-ng-c3254876711]{inline-size:40%}.t-cell_value[_ngcontent-ng-c3254876711]{text-align:end}@media screen and (max-width: 47.9625em){.t-cell[_ngcontent-ng-c3254876711]{inline-size:100%;block-size:auto;padding:.5rem 0;text-align:start}}.t-th[_ngcontent-ng-c3254876711]{padding:.5rem 1rem;color:var(--tui-text-secondary);font-weight:400;text-align:start}.t-th_value[_ngcontent-ng-c3254876711]{max-inline-size:20rem;text-align:end}@media screen and (max-width: 47.9625em){.t-th_value[_ngcontent-ng-c3254876711]{inline-size:9.375rem}}.t-property[_ngcontent-ng-c3254876711]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}@media screen and (max-width: 47.9625em){.t-property[_ngcontent-ng-c3254876711]{padding:.5rem 0}}.t-type[_ngcontent-ng-c3254876711]{font-family:monospace}.t-deprecated[_ngcontent-ng-c3254876711]   .t-property-code[_ngcontent-ng-c3254876711]{text-decoration:line-through}.t-deprecated-label[_ngcontent-ng-c3254876711]{margin-right:.125rem;color:var(--tui-text-negative);font-size:.75rem}.t-additional-info[_ngcontent-ng-c3254876711]{display:flex;gap:.3125rem;align-items:center}.t-exception[_ngcontent-ng-c3254876711]{display:block;inline-size:-webkit-max-content;inline-size:max-content}.t-output[_ngcontent-ng-c3254876711]{text-align:start;opacity:0}.t-heading[_ngcontent-ng-c3254876711]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-ng-c3254876711]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-ng-c3254876711]{display:inline-flex;color:var(--tui-text-action);text-decoration:none;align-items:center;justify-content:center;gap:3px}.t-code-reference[_ngcontent-ng-c3254876711]:after{content:"";font-size:1rem;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>') center / 100%}.t-switch[_ngcontent-ng-c3254876711]{display:block}@media not screen and (max-width: 47.9625em){.t-switch[_ngcontent-ng-c3254876711]{margin-left:auto}}</style><style ng-app-id="ng">[tuiSwitch]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitch][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem currentColor;outline-width:.167rem;transform:scale(.375)}[tuiSwitch][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitch]:checked:before{transform:none}[tuiSwitch]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitch]:disabled._readonly{opacity:1}[tuiSwitch]:before,[tuiSwitch]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;block-size:100%;inline-size:1.5rem}[tuiSwitch]:before{display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitch]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem currentColor;outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}
 </style><style ng-app-id="ng">[_nghost-ng-c1290158773]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-ng-c1290158773]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-ng-c1290158773]     input{cursor:default}.t-hosted[_ngcontent-ng-c1290158773]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c1290158773]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-ng-c1290158773]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-ng-c1290158773]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}</style><style ng-app-id="ng">[_nghost-ng-c1084144546]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-ng-c1084144546]{transform:rotate(180deg)}tui-icon[_ngcontent-ng-c1084144546]{border:.25rem solid transparent}</style><style ng-app-id="ng">[_nghost-ng-c702293032]{display:flex;border-radius:var(--tui-radius-m);text-align:start}.t-textfield[_ngcontent-ng-c702293032]{flex:1;min-inline-size:0;max-inline-size:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-ng-c702293032]:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.t-value-content[_ngcontent-ng-c702293032]{inline-size:100%}.t-buttons[_ngcontent-ng-c702293032]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]{flex-direction:row-reverse}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:first-child{margin:0 0 0 .125rem;border-start-end-radius:inherit;border-end-end-radius:inherit}[data-size=s][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:last-child{border-radius:0}[data-size=m][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{inline-size:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-ng-c702293032] + .t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{inline-size:calc(var(--tui-height-l) * .75)}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]{display:flex;flex:1;block-size:auto;align-items:center;justify-content:center;border-radius:0}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:first-child{margin-bottom:.125rem;border-start-end-radius:inherit}.t-buttons[_ngcontent-ng-c702293032]   .t-button[_ngcontent-ng-c702293032]:last-child{border-end-end-radius:inherit}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_881726656987543" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_881726656987543"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-ng-c4277180793 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c4277180793 header="Time" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Time <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
-</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-ng-c4277180793 _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input _ngcontent-ng-c4277180793 tuitextfieldcustomcontent="@tui.clock" class="input-time ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4277180793 type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_321726656987577" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_961726656987577" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_321726656987577"> Enter time </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-ng-c4277180793 _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [mode] </code><!----><!----><!----></div> Time format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoTimeMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoTimeMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly tabindex="0" aria-invalid="false" value="HH:MM"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">HH:MM</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [timeSegmentMaxValues] </code><!----><!----><!----></div> Max value for every time segment <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoTimeSegments%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoTimeSegments&lt;number&gt; </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[timeSegmentMaxValues]" readonly tabindex="0" aria-invalid="false" value="[object Object]"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">{hours: 23, minutes: 59, seconds: 59, milliseconds: 999}</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">[object Object]</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [step] </code><!----><!----><!----></div> The value by which the keyboard arrows increment/decrement time segments <p _ngcontent-ng-c4277180793 class="ng-star-inserted"><strong _ngcontent-ng-c4277180793>Default:</strong><code _ngcontent-ng-c4277180793>0</code> (disable stepping) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_1021726656987600" tabindex="0" aria-invalid="false" value="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></time-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-13 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_841726756645408" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_841726756645408"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-ng-c4277180793 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c4277180793 header="Time" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Time <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+</a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----><!----><!----><tui-doc-demo _ngcontent-ng-c4277180793 _nghost-ng-c3888982576 class="_sticky ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-settings"><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="secondary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid"> Dark mode </label><label _ngcontent-ng-c3888982576 class="t-label"><input _ngcontent-ng-c3888982576 tuiappearance role="switch" size="s" tuiswitch type="checkbox" data-appearance="primary" data-size="s" style="--t-checked-icon: url(assets/taiga-ui/icons/check.svg);" class="ng-untouched ng-pristine ng-valid" checked> Background </label></div><div _ngcontent-ng-c3888982576 tuiresizable class="t-wrapper" tuitheme="light"><div _ngcontent-ng-c3888982576 class="t-content"><div _ngcontent-ng-c3888982576 id="demo-content"><form _ngcontent-ng-c3888982576 novalidate class="t-form ng-untouched ng-pristine ng-valid ng-star-inserted"><div _ngcontent-ng-c3888982576 class="t-input-wrapper"><tui-input _ngcontent-ng-c4277180793 tuitextfieldcustomcontent="@tui.clock" class="input-time ng-untouched ng-pristine ng-valid ng-star-inserted" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4277180793 type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_301726756645448" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_921726756645449" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_301726756645448"> Enter time </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><button _ngcontent-ng-c3888982576 tuiappearance tuiicons tuichevron automation-id="tui-demo-button__toggle-details" size="s" tuibutton type="button" class="t-button" data-appearance="primary" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);" data-size="s"> Form value </button><tui-expand _ngcontent-ng-c3888982576 ngskiphydration="true" class="t-expand ng-tns-c2297013872-12 ng-star-inserted" _nghost-ng-c2297013872 aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-12 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></form><!----><!----></div></div><div _ngcontent-ng-c3888982576 class="t-resizer" style="cursor: ew-resize; touch-action: none;">-</div></div></tui-doc-demo><tui-doc-documentation _ngcontent-ng-c4277180793 _nghost-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><!----><!----><table _ngcontent-ng-c3254876711 class="t-table ng-tns-c3254876711-11 ng-star-inserted"><tr _ngcontent-ng-c3254876711 class="t-row t-row_header ng-tns-c3254876711-11"><th _ngcontent-ng-c3254876711 class="t-th t-cell t-cell_prop ng-tns-c3254876711-11">Name and description</th><th _ngcontent-ng-c3254876711 class="t-th ng-tns-c3254876711-11">Type</th><th _ngcontent-ng-c3254876711 class="t-th t-cell t-th_value ng-tns-c3254876711-11 ng-star-inserted"> Value </th><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [mode] </code><!----><!----><!----></div> Time format mode <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoTimeMode%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoTimeMode </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[mode]" readonly tabindex="0" aria-invalid="false" value="HH:MM"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">'HH:MM'</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">HH:MM</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [timeSegmentMaxValues] </code><!----><!----><!----></div> Max value for every time segment <!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"><a _ngcontent-ng-c3254876711 target="_blank" class="t-code-reference ng-tns-c3254876711-11 ng-star-inserted" href="https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+MaskitoTimeSegments%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&amp;type=code"> MaskitoTimeSegments&lt;number&gt; </a><!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><tui-select _ngcontent-ng-c3254876711 tuidropdownlimitwidth="min" tuitextfieldsize="m" _nghost-ng-c1290158773 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><div _ngcontent-ng-c1290158773 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c1290158773 automation-id="tui-select__textfield" class="t-textfield _hidden _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 1.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><!----><!----><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="[timeSegmentMaxValues]" readonly tabindex="0" aria-invalid="false" value="[object Object]"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__value" class="t-input t-input_template ng-star-inserted"><div _ngcontent-ng-c1290158773 automation-id="tui-select__value" ngprojectas="tuiContent" class="t-value ng-star-inserted"><code _ngcontent-ng-c3254876711 class="ng-tns-c3254876711-11 ng-star-inserted">{hours: 23, minutes: 59, seconds: 59, milliseconds: 999}</code><!----></div><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">[object Object]</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><div _ngcontent-ng-c1290158773 appearance="icon" tuiwrapper class="t-icon ng-star-inserted" data-appearance="icon"><tui-arrow _nghost-ng-c1084144546 class="ng-star-inserted"><tui-icon _ngcontent-ng-c1084144546 style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);" class="ng-star-inserted"></tui-icon><!----><!----></tui-arrow><!----></div><!----></div><!----></div></div></div></tui-primitive-textfield><!----></div></tui-select><!----><!----><!----><!----><!----><!----></td><!----></tr><tr _ngcontent-ng-c3254876711 class="t-row ng-tns-c3254876711-11 ng-star-inserted"><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><div _ngcontent-ng-c3254876711 automation-id="tui-documentation__property-name" class="t-property t-additional-info ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-property-code ng-tns-c3254876711-11 ng-star-inserted" style="color: var(--tui-background-accent-2-pressed);"> [step] </code><!----><!----><!----></div> The value by which the keyboard arrows increment/decrement time segments <p _ngcontent-ng-c4277180793 class="ng-star-inserted"><strong _ngcontent-ng-c4277180793>Default:</strong><code _ngcontent-ng-c4277180793>0</code> (disable stepping) </p><!----></td><td _ngcontent-ng-c3254876711 class="t-cell ng-tns-c3254876711-11"><span _ngcontent-ng-c3254876711 class="type ng-tns-c3254876711-11"><code _ngcontent-ng-c3254876711 class="t-code-type ng-tns-c3254876711-11"> number <!----><!----><!----><!----><!----></code></span></td><td _ngcontent-ng-c3254876711 class="t-cell t-cell_value ng-tns-c3254876711-11 ng-star-inserted"><!----><!----><tui-input-number _ngcontent-ng-c3254876711 tuitextfieldsize="m" _nghost-ng-c702293032 class="ng-tns-c3254876711-11 ng-untouched ng-pristine ng-valid ng-star-inserted" data-size="m"><tui-primitive-textfield _ngcontent-ng-c702293032 tuitextfieldpostfix tuitextfieldprefix tuivalueaccessor class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_981726756645467" tabindex="0" aria-invalid="false" value="0" inputmode="decimal" maxlength="23"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">0</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield><section _ngcontent-ng-c702293032 class="t-buttons ng-star-inserted"><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/plus.svg);" data-size="s"> + </button><button _ngcontent-ng-c702293032 tuiappearance tuiicons size="s" tabindex="-1" tuiiconbutton type="button" class="t-button" data-appearance="textfield" style="--t-icon-start: url(assets/taiga-ui/icons/minus.svg);" data-size="s"> - </button></section><!----><!----><!----></tui-input-number><!----><!----><!----><!----><!----><!----><!----><!----></td><!----></tr><!----></table><!----><!----><!----></tui-doc-documentation><!----><!----><!----><!----></div></tui-doc-page></time-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/kit/time/index.html b/kit/time/index.html
index cd991374b..fa3659963 100644
--- a/kit/time/index.html
+++ b/kit/time/index.html
@@ -30,14 +30,14 @@
 </style><style ng-app-id="ng">tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_251726656986358" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_251726656986358"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-ng-c4277180793 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c4277180793 header="Time" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Time <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_251726756644212" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_251726756644212"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted" style><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/number" target="_self" data-appearance="icon"> Number <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/kit/time" target="_self" data-appearance="icon"> Time <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date" target="_self" data-appearance="icon"> Date <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-range" target="_self" data-appearance="icon"> DateRange <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/kit/date-time" target="_self" data-appearance="icon"> DateTime <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><time-mask-doc _nghost-ng-c4277180793 class="ng-star-inserted"><tui-doc-page _ngcontent-ng-c4277180793 header="Time" package="KIT" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Time <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(262,62%,82%);" data-appearance="custom" data-size="xs"> KIT </tui-chip><!----><!----></h1><tui-tabs-with-more _ngcontent-ng-c3711820930 class="t-tabs ng-star-inserted" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time" class="ng-star-inserted"> Description and examples </a><!----><!----><!----><!----><a _ngcontent-ng-c3711820930 tuiicons type="button" routerlinkactive tuitab href="/kit/time/API" class="ng-star-inserted"> API </a><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><a tuiappearance tuiicons appearance="icon" size="s" target="_blank" tuiiconbutton type="button" style="height: var(--tui-height-l); --t-icon-start: url(assets/taiga-ui/icons/code.svg);" href="https://github.com/taiga-family/maskito/tree/main/projects/kit/src/lib/masks/time" data-appearance="icon" data-size="s" class="ng-star-inserted"> Source code
 </a><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><!----><!----><!----> Use <code _ngcontent-ng-c4277180793 class="ng-star-inserted">maskitoTimeOptionsGenerator</code> to create a mask for time input. <tui-notification _ngcontent-ng-c4277180793 tuiicons tuiappearance size="m" class="tui-space_top-4 ng-star-inserted" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div _ngcontent-ng-c4277180793> Despite the name of the mask, element's raw value is still string. <p _ngcontent-ng-c4277180793> Use <code _ngcontent-ng-c4277180793>maskitoParseTime</code> to get milliseconds from masked string. </p><p _ngcontent-ng-c4277180793> Use <code _ngcontent-ng-c4277180793>maskitoStringifyTime</code> to get the masked string from milliseconds. </p><tui-doc-code _ngcontent-ng-c4277180793 _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
         
     </div>
-</pre><!----></tui-doc-code></div></tui-notification><tui-doc-example _ngcontent-ng-c4277180793 id="mode" heading="Mode" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/time#mode" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c4277180793 class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Use <code _ngcontent-ng-c4277180793>mode</code> property to set time format. </p><p _ngcontent-ng-c4277180793 class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-ng-c4277180793>Available options</strong> : <code _ngcontent-ng-c4277180793>HH:MM</code> , <code _ngcontent-ng-c4277180793>HH:MM:SS</code> or <code _ngcontent-ng-c4277180793>HH:MM:SS.MSS</code> . </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-1 _ngcontent-ng-c4277180793><tui-input tuitextfieldcustomcontent="@tui.clock" tuitextfieldfiller="hh:mm:ss" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="23:59:59" id="tui_31726656986388" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_271726656986388" tabindex="0" aria-invalid="false" value="23:59:59"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_31726656986388"> HH:MM:SS </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">23:59:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></time-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code></div></tui-notification><tui-doc-example _ngcontent-ng-c4277180793 id="mode" heading="Mode" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Mode</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/time#mode" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c4277180793 class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Use <code _ngcontent-ng-c4277180793>mode</code> property to set time format. </p><p _ngcontent-ng-c4277180793 class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-ng-c4277180793>Available options</strong> : <code _ngcontent-ng-c4277180793>HH:MM</code> , <code _ngcontent-ng-c4277180793>HH:MM:SS</code> or <code _ngcontent-ng-c4277180793>HH:MM:SS.MSS</code> . </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-1 _ngcontent-ng-c4277180793><tui-input tuitextfieldcustomcontent="@tui.clock" tuitextfieldfiller="hh:mm:ss" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="23:59:59" id="tui_31726756644241" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_271726756644242" tabindex="0" aria-invalid="false" value="23:59:59"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_31726756644241"> HH:MM:SS </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">23:59:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></time-mask-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -67,7 +67,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c4277180793 id="twelve-hours" heading="12-hours format" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">12-hours format</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/time#twelve-hours" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c4277180793 class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code _ngcontent-ng-c4277180793>timeSegmentMaxValues</code> allows you to set max value for every time segment. </p><p _ngcontent-ng-c4277180793 class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-ng-c4277180793>Time segments</strong> are units of the time which form time string. For example, <code _ngcontent-ng-c4277180793>HH:MM</code> consists of two time segments: hours and minutes. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-2 _ngcontent-ng-c4277180793><tui-input tuitextfieldcustomcontent="@tui.clock" tuitextfieldfiller="hh:mm" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="11:59" id="tui_41726656986389" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_291726656986389" tabindex="0" aria-invalid="false" value="11:59"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">11:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></time-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c4277180793 id="twelve-hours" heading="12-hours format" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">12-hours format</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/time#twelve-hours" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c4277180793 class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code _ngcontent-ng-c4277180793>timeSegmentMaxValues</code> allows you to set max value for every time segment. </p><p _ngcontent-ng-c4277180793 class="tui-space_top-0 ng-star-inserted"><strong _ngcontent-ng-c4277180793>Time segments</strong> are units of the time which form time string. For example, <code _ngcontent-ng-c4277180793>HH:MM</code> consists of two time segments: hours and minutes. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-2 _ngcontent-ng-c4277180793><tui-input tuitextfieldcustomcontent="@tui.clock" tuitextfieldfiller="hh:mm" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="11:59" id="tui_41726756644243" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_291726756644244" tabindex="0" aria-invalid="false" value="11:59"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">11:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></time-mask-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -97,7 +97,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c4277180793 id="step" heading="Arrows stepping" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Arrows stepping</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/time#step" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c4277180793 class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code _ngcontent-ng-c4277180793>step</code> allows you to increment/decrement time segments by pressing <code _ngcontent-ng-c4277180793>ArrowUp</code> / <code _ngcontent-ng-c4277180793>ArrowDown</code> . </p><p _ngcontent-ng-c4277180793 class="tui-space_top-0 ng-star-inserted"> Use <code _ngcontent-ng-c4277180793>step === 0</code> (default value) to disable this feature. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-3 _ngcontent-ng-c4277180793><tui-input tuitextfieldcustomcontent="@tui.clock" tuitextfieldfiller="hh:mm:ss" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="11:59:59" id="tui_51726656986390" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_311726656986390" tabindex="0" aria-invalid="false" value="11:59:59"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">11:59:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></time-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example _ngcontent-ng-c4277180793 id="step" heading="Arrows stepping" _nghost-ng-c3443978456 class="_fullsize ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Arrows stepping</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/kit/time#step" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p _ngcontent-ng-c4277180793 class="tui-space_top-0 tui-space_bottom-1 ng-star-inserted"> Property <code _ngcontent-ng-c4277180793>step</code> allows you to increment/decrement time segments by pressing <code _ngcontent-ng-c4277180793>ArrowUp</code> / <code _ngcontent-ng-c4277180793>ArrowDown</code> . </p><p _ngcontent-ng-c4277180793 class="tui-space_top-0 ng-star-inserted"> Use <code _ngcontent-ng-c4277180793>step === 0</code> (default value) to disable this feature. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><time-mask-doc-example-3 _ngcontent-ng-c4277180793><tui-input tuitextfieldcustomcontent="@tui.clock" tuitextfieldfiller="hh:mm:ss" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="11:59:59" id="tui_51726756644245" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_311726756644245" tabindex="0" aria-invalid="false" value="11:59:59"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">11:59:59</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></time-mask-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -128,6 +128,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----><!----><!----><!----><!----></div></tui-doc-page></time-mask-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/main.2305a4be4def1e8f.js b/main.2305a4be4def1e8f.js
deleted file mode 100644
index ba1cec847..000000000
--- a/main.2305a4be4def1e8f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";var $v,Hv,zv,jv,Wv,Gv,Xv,Kv,Qv,Yv,Zv,Jv,qv,ey,ty,ny,iy,oy,Uv=Object.freeze,SM=Object.defineProperty,Zo=(wt,ke)=>Uv(SM(wt,"raw",{value:Uv(ke||wt.slice())}));(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[8792],{5981:(wt,ke,u)=>{u.d(ke,{t:()=>c});var t=u(6104);class c extends t.B{constructor(N){super(),this._value=N}get value(){return this.getValue()}_subscribe(N){const X=super._subscribe(N);return!X.closed&&N.next(this._value),X}getValue(){const{hasError:N,thrownError:X,_value:$}=this;if(N)throw X;return this._throwIfClosed(),$}next(N){super.next(this._value=N)}}},9406:(wt,ke,u)=>{u.d(ke,{c:()=>se});var t=u(4500),c=u(2029),S=u(1479),N=u(6106),X=u(2493),$=u(4418),W=u(2895);let se=(()=>{class ye{constructor(ee){ee&&(this._subscribe=ee)}lift(ee){const Ae=new ye;return Ae.source=this,Ae.operator=ee,Ae}subscribe(ee,Ae,j){const oe=function Q(ye){return ye&&ye instanceof t.vU||function J(ye){return ye&&(0,$.T)(ye.next)&&(0,$.T)(ye.error)&&(0,$.T)(ye.complete)}(ye)&&(0,c.Uv)(ye)}(ee)?ee:new t.Ms(ee,Ae,j);return(0,W.Y)(()=>{const{operator:Be,source:nt}=this;oe.add(Be?Be.call(oe,nt):nt?this._subscribe(oe):this._trySubscribe(oe))}),oe}_trySubscribe(ee){try{return this._subscribe(ee)}catch(Ae){ee.error(Ae)}}forEach(ee,Ae){return new(Ae=ne(Ae))((j,oe)=>{const Be=new t.Ms({next:nt=>{try{ee(nt)}catch(Ue){oe(Ue),Be.unsubscribe()}},error:oe,complete:j});this.subscribe(Be)})}_subscribe(ee){var Ae;return null===(Ae=this.source)||void 0===Ae?void 0:Ae.subscribe(ee)}[S.s](){return this}pipe(...ee){return(0,N.m)(ee)(this)}toPromise(ee){return new(ee=ne(ee))((Ae,j)=>{let oe;this.subscribe(Be=>oe=Be,Be=>j(Be),()=>Ae(oe))})}}return ye.create=be=>new ye(be),ye})();function ne(ye){var be;return null!==(be=null!=ye?ye:X.$.Promise)&&void 0!==be?be:Promise}},9090:(wt,ke,u)=>{u.d(ke,{m:()=>S});var t=u(6104),c=u(4808);class S extends t.B{constructor(X=1/0,$=1/0,W=c.U){super(),this._bufferSize=X,this._windowTime=$,this._timestampProvider=W,this._buffer=[],this._infiniteTimeWindow=!0,this._infiniteTimeWindow=$===1/0,this._bufferSize=Math.max(1,X),this._windowTime=Math.max(1,$)}next(X){const{isStopped:$,_buffer:W,_infiniteTimeWindow:se,_timestampProvider:ne,_windowTime:J}=this;$||(W.push(X),!se&&W.push(ne.now()+J)),this._trimBuffer(),super.next(X)}_subscribe(X){this._throwIfClosed(),this._trimBuffer();const $=this._innerSubscribe(X),{_infiniteTimeWindow:W,_buffer:se}=this,ne=se.slice();for(let J=0;J<ne.length&&!X.closed;J+=W?1:2)X.next(ne[J]);return this._checkFinalizedStatuses(X),$}_trimBuffer(){const{_bufferSize:X,_timestampProvider:$,_buffer:W,_infiniteTimeWindow:se}=this,ne=(se?1:2)*X;if(X<1/0&&ne<W.length&&W.splice(0,W.length-ne),!se){const J=$.now();let Q=0;for(let ye=1;ye<W.length&&W[ye]<=J;ye+=2)Q=ye;Q&&W.splice(0,Q+1)}}}},6104:(wt,ke,u)=>{u.d(ke,{B:()=>W});var t=u(9406),c=u(2029);const N=(0,u(4520).L)(ne=>function(){ne(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"});var X=u(9583),$=u(2895);let W=(()=>{class ne extends t.c{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(Q){const ye=new se(this,this);return ye.operator=Q,ye}_throwIfClosed(){if(this.closed)throw new N}next(Q){(0,$.Y)(()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const ye of this.currentObservers)ye.next(Q)}})}error(Q){(0,$.Y)(()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=Q;const{observers:ye}=this;for(;ye.length;)ye.shift().error(Q)}})}complete(){(0,$.Y)(()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:Q}=this;for(;Q.length;)Q.shift().complete()}})}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var Q;return(null===(Q=this.observers)||void 0===Q?void 0:Q.length)>0}_trySubscribe(Q){return this._throwIfClosed(),super._trySubscribe(Q)}_subscribe(Q){return this._throwIfClosed(),this._checkFinalizedStatuses(Q),this._innerSubscribe(Q)}_innerSubscribe(Q){const{hasError:ye,isStopped:be,observers:ee}=this;return ye||be?c.Kn:(this.currentObservers=null,ee.push(Q),new c.yU(()=>{this.currentObservers=null,(0,X.o)(ee,Q)}))}_checkFinalizedStatuses(Q){const{hasError:ye,thrownError:be,isStopped:ee}=this;ye?Q.error(be):ee&&Q.complete()}asObservable(){const Q=new t.c;return Q.source=this,Q}}return ne.create=(J,Q)=>new se(J,Q),ne})();class se extends W{constructor(J,Q){super(),this.destination=J,this.source=Q}next(J){var Q,ye;null===(ye=null===(Q=this.destination)||void 0===Q?void 0:Q.next)||void 0===ye||ye.call(Q,J)}error(J){var Q,ye;null===(ye=null===(Q=this.destination)||void 0===Q?void 0:Q.error)||void 0===ye||ye.call(Q,J)}complete(){var J,Q;null===(Q=null===(J=this.destination)||void 0===J?void 0:J.complete)||void 0===Q||Q.call(J)}_subscribe(J){var Q,ye;return null!==(ye=null===(Q=this.source)||void 0===Q?void 0:Q.subscribe(J))&&void 0!==ye?ye:c.Kn}}},4500:(wt,ke,u)=>{u.d(ke,{Ms:()=>j,vU:()=>ye});var t=u(4418),c=u(2029),S=u(2493),N=u(6379),X=u(262);const $=ne("C",void 0,void 0);function ne(U,Me,xe){return{kind:U,value:Me,error:xe}}var J=u(6171),Q=u(2895);class ye extends c.yU{constructor(Me){super(),this.isStopped=!1,Me?(this.destination=Me,(0,c.Uv)(Me)&&Me.add(this)):this.destination=Ue}static create(Me,xe,Xe){return new j(Me,xe,Xe)}next(Me){this.isStopped?nt(function se(U){return ne("N",U,void 0)}(Me),this):this._next(Me)}error(Me){this.isStopped?nt(function W(U){return ne("E",void 0,U)}(Me),this):(this.isStopped=!0,this._error(Me))}complete(){this.isStopped?nt($,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(Me){this.destination.next(Me)}_error(Me){try{this.destination.error(Me)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const be=Function.prototype.bind;function ee(U,Me){return be.call(U,Me)}class Ae{constructor(Me){this.partialObserver=Me}next(Me){const{partialObserver:xe}=this;if(xe.next)try{xe.next(Me)}catch(Xe){oe(Xe)}}error(Me){const{partialObserver:xe}=this;if(xe.error)try{xe.error(Me)}catch(Xe){oe(Xe)}else oe(Me)}complete(){const{partialObserver:Me}=this;if(Me.complete)try{Me.complete()}catch(xe){oe(xe)}}}class j extends ye{constructor(Me,xe,Xe){let Ge;if(super(),(0,t.T)(Me)||!Me)Ge={next:null!=Me?Me:void 0,error:null!=xe?xe:void 0,complete:null!=Xe?Xe:void 0};else{let at;this&&S.$.useDeprecatedNextContext?(at=Object.create(Me),at.unsubscribe=()=>this.unsubscribe(),Ge={next:Me.next&&ee(Me.next,at),error:Me.error&&ee(Me.error,at),complete:Me.complete&&ee(Me.complete,at)}):Ge=Me}this.destination=new Ae(Ge)}}function oe(U){S.$.useDeprecatedSynchronousErrorHandling?(0,Q.l)(U):(0,N.m)(U)}function nt(U,Me){const{onStoppedNotification:xe}=S.$;xe&&J.f.setTimeout(()=>xe(U,Me))}const Ue={closed:!0,next:X.l,error:function Be(U){throw U},complete:X.l}},2029:(wt,ke,u)=>{u.d(ke,{Kn:()=>$,yU:()=>X,Uv:()=>W});var t=u(4418);const S=(0,u(4520).L)(ne=>function(Q){ne(this),this.message=Q?"".concat(Q.length," errors occurred during unsubscription:\n").concat(Q.map((ye,be)=>"".concat(be+1,") ").concat(ye.toString())).join("\n  ")):"",this.name="UnsubscriptionError",this.errors=Q});var N=u(9583);class X{constructor(J){this.initialTeardown=J,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let J;if(!this.closed){this.closed=!0;const{_parentage:Q}=this;if(Q)if(this._parentage=null,Array.isArray(Q))for(const ee of Q)ee.remove(this);else Q.remove(this);const{initialTeardown:ye}=this;if((0,t.T)(ye))try{ye()}catch(ee){J=ee instanceof S?ee.errors:[ee]}const{_finalizers:be}=this;if(be){this._finalizers=null;for(const ee of be)try{se(ee)}catch(Ae){J=null!=J?J:[],Ae instanceof S?J=[...J,...Ae.errors]:J.push(Ae)}}if(J)throw new S(J)}}add(J){var Q;if(J&&J!==this)if(this.closed)se(J);else{if(J instanceof X){if(J.closed||J._hasParent(this))return;J._addParent(this)}(this._finalizers=null!==(Q=this._finalizers)&&void 0!==Q?Q:[]).push(J)}}_hasParent(J){const{_parentage:Q}=this;return Q===J||Array.isArray(Q)&&Q.includes(J)}_addParent(J){const{_parentage:Q}=this;this._parentage=Array.isArray(Q)?(Q.push(J),Q):Q?[Q,J]:J}_removeParent(J){const{_parentage:Q}=this;Q===J?this._parentage=null:Array.isArray(Q)&&(0,N.o)(Q,J)}remove(J){const{_finalizers:Q}=this;Q&&(0,N.o)(Q,J),J instanceof X&&J._removeParent(this)}}X.EMPTY=(()=>{const ne=new X;return ne.closed=!0,ne})();const $=X.EMPTY;function W(ne){return ne instanceof X||ne&&"closed"in ne&&(0,t.T)(ne.remove)&&(0,t.T)(ne.add)&&(0,t.T)(ne.unsubscribe)}function se(ne){(0,t.T)(ne)?ne():ne.unsubscribe()}},2493:(wt,ke,u)=>{u.d(ke,{$:()=>t});const t={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1}},199:(wt,ke,u)=>{u.d(ke,{z:()=>J});var t=u(9406),c=u(6872),S=u(8399),N=u(9656),X=u(6219),$=u(2363),W=u(6405),se=u(6111),ne=u(1982);function J(...be){const ee=(0,$.lI)(be),Ae=(0,$.ms)(be),{args:j,keys:oe}=(0,c.D)(be);if(0===j.length)return(0,S.H)([],ee);const Be=new t.c(function Q(be,ee,Ae=N.D){return j=>{ye(ee,()=>{const{length:oe}=be,Be=new Array(oe);let nt=oe,Ue=oe;for(let U=0;U<oe;U++)ye(ee,()=>{const Me=(0,S.H)(be[U],ee);let xe=!1;Me.subscribe((0,se._)(j,Xe=>{Be[U]=Xe,xe||(xe=!0,Ue--),Ue||j.next(Ae(Be.slice()))},()=>{--nt||j.complete()}))},j)},j)}}(j,ee,oe?nt=>(0,W.e)(oe,nt):N.D));return Ae?Be.pipe((0,X.I)(Ae)):Be}function ye(be,ee,Ae){be?(0,ne.N)(Ae,be,ee):ee()}},7267:(wt,ke,u)=>{u.d(ke,{x:()=>X});var t=u(3806),S=u(2363),N=u(8399);function X(...$){return function c(){return(0,t.U)(1)}()((0,N.H)($,(0,S.lI)($)))}},8001:(wt,ke,u)=>{u.d(ke,{v:()=>S});var t=u(9406),c=u(8621);function S(N){return new t.c(X=>{(0,c.Tg)(N()).subscribe(X)})}},8448:(wt,ke,u)=>{u.d(ke,{w:()=>c});const c=new(u(9406).c)(X=>X.complete())},8399:(wt,ke,u)=>{u.d(ke,{H:()=>Xe});var t=u(8621),c=u(1982),S=u(9867),N=u(6111);function X(Ge,at=0){return(0,S.N)((tt,_t)=>{tt.subscribe((0,N._)(_t,Ht=>(0,c.N)(_t,Ge,()=>_t.next(Ht),at),()=>(0,c.N)(_t,Ge,()=>_t.complete(),at),Ht=>(0,c.N)(_t,Ge,()=>_t.error(Ht),at)))})}function $(Ge,at=0){return(0,S.N)((tt,_t)=>{_t.add(Ge.schedule(()=>tt.subscribe(_t),at))})}var ne=u(9406),Q=u(7028),ye=u(4418);function ee(Ge,at){if(!Ge)throw new Error("Iterable cannot be null");return new ne.c(tt=>{(0,c.N)(tt,at,()=>{const _t=Ge[Symbol.asyncIterator]();(0,c.N)(tt,at,()=>{_t.next().then(Ht=>{Ht.done?tt.complete():tt.next(Ht.value)})},0,!0)})})}var Ae=u(8932),j=u(5717),oe=u(5206),Be=u(6472),nt=u(7462),Ue=u(2246),U=u(8889);function Xe(Ge,at){return at?function xe(Ge,at){if(null!=Ge){if((0,Ae.l)(Ge))return function W(Ge,at){return(0,t.Tg)(Ge).pipe($(at),X(at))}(Ge,at);if((0,oe.X)(Ge))return function J(Ge,at){return new ne.c(tt=>{let _t=0;return at.schedule(function(){_t===Ge.length?tt.complete():(tt.next(Ge[_t++]),tt.closed||this.schedule())})})}(Ge,at);if((0,j.y)(Ge))return function se(Ge,at){return(0,t.Tg)(Ge).pipe($(at),X(at))}(Ge,at);if((0,nt.T)(Ge))return ee(Ge,at);if((0,Be.x)(Ge))return function be(Ge,at){return new ne.c(tt=>{let _t;return(0,c.N)(tt,at,()=>{_t=Ge[Q.l](),(0,c.N)(tt,at,()=>{let Ht,Wt;try{({value:Ht,done:Wt}=_t.next())}catch(Tt){return void tt.error(Tt)}Wt?tt.complete():tt.next(Ht)},0,!0)}),()=>(0,ye.T)(null==_t?void 0:_t.return)&&_t.return()})}(Ge,at);if((0,U.U)(Ge))return function Me(Ge,at){return ee((0,U.C)(Ge),at)}(Ge,at)}throw(0,Ue.L)(Ge)}(Ge,at):(0,t.Tg)(Ge)}},8129:(wt,ke,u)=>{u.d(ke,{R:()=>J});var t=u(8621),c=u(9406),S=u(3422),N=u(5206),X=u(4418),$=u(6219);const W=["addListener","removeListener"],se=["addEventListener","removeEventListener"],ne=["on","off"];function J(Ae,j,oe,Be){if((0,X.T)(oe)&&(Be=oe,oe=void 0),Be)return J(Ae,j,oe).pipe((0,$.I)(Be));const[nt,Ue]=function ee(Ae){return(0,X.T)(Ae.addEventListener)&&(0,X.T)(Ae.removeEventListener)}(Ae)?se.map(U=>Me=>Ae[U](j,Me,oe)):function ye(Ae){return(0,X.T)(Ae.addListener)&&(0,X.T)(Ae.removeListener)}(Ae)?W.map(Q(Ae,j)):function be(Ae){return(0,X.T)(Ae.on)&&(0,X.T)(Ae.off)}(Ae)?ne.map(Q(Ae,j)):[];if(!nt&&(0,N.X)(Ae))return(0,S.Z)(U=>J(U,j,oe))((0,t.Tg)(Ae));if(!nt)throw new TypeError("Invalid event target");return new c.c(U=>{const Me=(...xe)=>U.next(1<xe.length?xe:xe[0]);return nt(Me),()=>Ue(Me)})}function Q(Ae,j){return oe=>Be=>Ae[oe](j,Be)}},8621:(wt,ke,u)=>{u.d(ke,{Tg:()=>be});var t=u(7270),c=u(5206),S=u(5717),N=u(9406),X=u(8932),$=u(7462),W=u(2246),se=u(6472),ne=u(8889),J=u(4418),Q=u(6379),ye=u(1479);function be(U){if(U instanceof N.c)return U;if(null!=U){if((0,X.l)(U))return function ee(U){return new N.c(Me=>{const xe=U[ye.s]();if((0,J.T)(xe.subscribe))return xe.subscribe(Me);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}(U);if((0,c.X)(U))return function Ae(U){return new N.c(Me=>{for(let xe=0;xe<U.length&&!Me.closed;xe++)Me.next(U[xe]);Me.complete()})}(U);if((0,S.y)(U))return function j(U){return new N.c(Me=>{U.then(xe=>{Me.closed||(Me.next(xe),Me.complete())},xe=>Me.error(xe)).then(null,Q.m)})}(U);if((0,$.T)(U))return Be(U);if((0,se.x)(U))return function oe(U){return new N.c(Me=>{for(const xe of U)if(Me.next(xe),Me.closed)return;Me.complete()})}(U);if((0,ne.U)(U))return function nt(U){return Be((0,ne.C)(U))}(U)}throw(0,W.L)(U)}function Be(U){return new N.c(Me=>{(function Ue(U,Me){var xe,Xe,Ge,at;return(0,t.sH)(this,void 0,void 0,function*(){try{for(xe=(0,t.xN)(U);!(Xe=yield xe.next()).done;)if(Me.next(Xe.value),Me.closed)return}catch(tt){Ge={error:tt}}finally{try{Xe&&!Xe.done&&(at=xe.return)&&(yield at.call(xe))}finally{if(Ge)throw Ge.error}}Me.complete()})})(U,Me).catch(xe=>Me.error(xe))})}},2489:(wt,ke,u)=>{u.d(ke,{h:()=>$});var t=u(3806),c=u(8621),S=u(8448),N=u(2363),X=u(8399);function $(...W){const se=(0,N.lI)(W),ne=(0,N.R0)(W,1/0),J=W;return J.length?1===J.length?(0,c.Tg)(J[0]):(0,t.U)(ne)((0,X.H)(J,se)):S.w}},871:(wt,ke,u)=>{u.d(ke,{t:()=>S});var t=u(9406),c=u(262);const S=new t.c(c.l)},756:(wt,ke,u)=>{u.d(ke,{of:()=>S});var t=u(2363),c=u(8399);function S(...N){const X=(0,t.lI)(N);return(0,c.H)(N,X)}},8823:(wt,ke,u)=>{u.d(ke,{$:()=>S});var t=u(9406),c=u(4418);function S(N,X){const $=(0,c.T)(N)?N:()=>N,W=se=>se.error($());return new t.c(X?se=>X.schedule(W,0,se):W)}},3229:(wt,ke,u)=>{u.d(ke,{O:()=>X});var t=u(9406),c=u(4929),S=u(1677);function X($=0,W,se=c.b){let ne=-1;return null!=W&&((0,S.m)(W)?se=W:ne=W),new t.c(J=>{let Q=function N($){return $ instanceof Date&&!isNaN($)}($)?+$-se.now():$;Q<0&&(Q=0);let ye=0;return se.schedule(function(){J.closed||(J.next(ye++),0<=ne?this.schedule(void 0,ne):J.complete())},Q)})}},6111:(wt,ke,u)=>{u.d(ke,{_:()=>c});var t=u(4500);function c(N,X,$,W,se){return new S(N,X,$,W,se)}class S extends t.vU{constructor(X,$,W,se,ne,J){super(X),this.onFinalize=ne,this.shouldUnsubscribe=J,this._next=$?function(Q){try{$(Q)}catch(ye){X.error(ye)}}:super._next,this._error=se?function(Q){try{se(Q)}catch(ye){X.error(ye)}finally{this.unsubscribe()}}:super._error,this._complete=W?function(){try{W()}catch(Q){X.error(Q)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var X;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:$}=this;super.unsubscribe(),!$&&(null===(X=this.onFinalize)||void 0===X||X.call(this))}}}},4526:(wt,ke,u)=>{u.d(ke,{W:()=>N});var t=u(8621),c=u(6111),S=u(9867);function N(X){return(0,S.N)(($,W)=>{let J,se=null,ne=!1;se=$.subscribe((0,c._)(W,void 0,void 0,Q=>{J=(0,t.Tg)(X(Q,N(X)($))),se?(se.unsubscribe(),se=null,J.subscribe(W)):ne=!0})),ne&&(se.unsubscribe(),se=null,J.subscribe(W))})}},4807:(wt,ke,u)=>{u.d(ke,{H:()=>S});var t=u(3422),c=u(4418);function S(N,X){return(0,c.T)(X)?(0,t.Z)(N,X,1):(0,t.Z)(N,1)}},8887:(wt,ke,u)=>{u.d(ke,{B:()=>N});var t=u(4929),c=u(9867),S=u(6111);function N(X,$=t.E){return(0,c.N)((W,se)=>{let ne=null,J=null,Q=null;const ye=()=>{if(ne){ne.unsubscribe(),ne=null;const ee=J;J=null,se.next(ee)}};function be(){const ee=Q+X,Ae=$.now();if(Ae<ee)return ne=this.schedule(void 0,ee-Ae),void se.add(ne);ye()}W.subscribe((0,S._)(se,ee=>{J=ee,Q=$.now(),ne||(ne=$.schedule(be,X),se.add(ne))},()=>{ye(),se.complete()},void 0,()=>{J=ne=null}))})}},2290:(wt,ke,u)=>{u.d(ke,{U:()=>S});var t=u(9867),c=u(6111);function S(N){return(0,t.N)((X,$)=>{let W=!1;X.subscribe((0,c._)($,se=>{W=!0,$.next(se)},()=>{W||$.next(N),$.complete()}))})}},8283:(wt,ke,u)=>{u.d(ke,{c:()=>be});var t=u(4929),c=u(7267),S=u(8486),N=u(9867),X=u(6111),$=u(262),se=u(3770),ne=u(3422),J=u(8621);function Q(ee,Ae){return Ae?j=>(0,c.x)(Ae.pipe((0,S.s)(1),function W(){return(0,N.N)((ee,Ae)=>{ee.subscribe((0,X._)(Ae,$.l))})}()),j.pipe(Q(ee))):(0,ne.Z)((j,oe)=>(0,J.Tg)(ee(j,oe)).pipe((0,S.s)(1),(0,se.u)(j)))}var ye=u(3229);function be(ee,Ae=t.E){const j=(0,ye.O)(ee,Ae);return Q(()=>j)}},3793:(wt,ke,u)=>{u.d(ke,{F:()=>N});var t=u(9656),c=u(9867),S=u(6111);function N($,W=t.D){return $=null!=$?$:X,(0,c.N)((se,ne)=>{let J,Q=!0;se.subscribe((0,S._)(ne,ye=>{const be=W(ye);(Q||!$(J,be))&&(Q=!1,J=be,ne.next(ye))}))})}function X($,W){return $===W}},8503:(wt,ke,u)=>{u.d(ke,{p:()=>S});var t=u(9867),c=u(6111);function S(N,X){return(0,t.N)(($,W)=>{let se=0;$.subscribe((0,c._)(W,ne=>N.call(X,ne,se++)&&W.next(ne)))})}},6347:(wt,ke,u)=>{u.d(ke,{j:()=>c});var t=u(9867);function c(S){return(0,t.N)((N,X)=>{try{N.subscribe(X)}finally{X.add(S)}})}},3527:(wt,ke,u)=>{u.d(ke,{T:()=>S});var t=u(9867),c=u(6111);function S(N,X){return(0,t.N)(($,W)=>{let se=0;$.subscribe((0,c._)(W,ne=>{W.next(N.call(X,ne,se++))}))})}},3770:(wt,ke,u)=>{u.d(ke,{u:()=>c});var t=u(3527);function c(S){return(0,t.T)(()=>S)}},3806:(wt,ke,u)=>{u.d(ke,{U:()=>S});var t=u(3422),c=u(9656);function S(N=1/0){return(0,t.Z)(c.D,N)}},3422:(wt,ke,u)=>{u.d(ke,{Z:()=>se});var t=u(3527),c=u(8621),S=u(9867),N=u(1982),X=u(6111),W=u(4418);function se(ne,J,Q=1/0){return(0,W.T)(J)?se((ye,be)=>(0,t.T)((ee,Ae)=>J(ye,ee,be,Ae))((0,c.Tg)(ne(ye,be))),Q):("number"==typeof J&&(Q=J),(0,S.N)((ye,be)=>function $(ne,J,Q,ye,be,ee,Ae,j){const oe=[];let Be=0,nt=0,Ue=!1;const U=()=>{Ue&&!oe.length&&!Be&&J.complete()},Me=Xe=>Be<ye?xe(Xe):oe.push(Xe),xe=Xe=>{ee&&J.next(Xe),Be++;let Ge=!1;(0,c.Tg)(Q(Xe,nt++)).subscribe((0,X._)(J,at=>{null==be||be(at),ee?Me(at):J.next(at)},()=>{Ge=!0},void 0,()=>{if(Ge)try{for(Be--;oe.length&&Be<ye;){const at=oe.shift();Ae?(0,N.N)(J,Ae,()=>xe(at)):xe(at)}U()}catch(at){J.error(at)}}))};return ne.subscribe((0,X._)(J,Me,()=>{Ue=!0,U()})),()=>{null==j||j()}}(ye,be,ne,Q)))}},9922:(wt,ke,u)=>{u.d(ke,{u:()=>$});var t=u(8448),c=u(9867),S=u(6111),N=u(8621),X=u(3229);function $(W){let ne,se=1/0;return null!=W&&("object"==typeof W?({count:se=1/0,delay:ne}=W):se=W),se<=0?()=>t.w:(0,c.N)((J,Q)=>{let be,ye=0;const ee=()=>{if(null==be||be.unsubscribe(),be=null,null!=ne){const j="number"==typeof ne?(0,X.O)(ne):(0,N.Tg)(ne(ye)),oe=(0,S._)(Q,()=>{oe.unsubscribe(),Ae()});j.subscribe(oe)}else Ae()},Ae=()=>{let j=!1;be=J.subscribe((0,S._)(Q,void 0,()=>{++ye<se?be?ee():j=!0:Q.complete()})),j&&ee()};Ae()})}},7782:(wt,ke,u)=>{u.d(ke,{u:()=>X});var t=u(8621),c=u(6104),S=u(4500),N=u(9867);function X(W={}){const{connector:se=(()=>new c.B),resetOnError:ne=!0,resetOnComplete:J=!0,resetOnRefCountZero:Q=!0}=W;return ye=>{let be,ee,Ae,j=0,oe=!1,Be=!1;const nt=()=>{null==ee||ee.unsubscribe(),ee=void 0},Ue=()=>{nt(),be=Ae=void 0,oe=Be=!1},U=()=>{const Me=be;Ue(),null==Me||Me.unsubscribe()};return(0,N.N)((Me,xe)=>{j++,!Be&&!oe&&nt();const Xe=Ae=null!=Ae?Ae:se();xe.add(()=>{j--,0===j&&!Be&&!oe&&(ee=$(U,Q))}),Xe.subscribe(xe),!be&&j>0&&(be=new S.Ms({next:Ge=>Xe.next(Ge),error:Ge=>{Be=!0,nt(),ee=$(Ue,ne,Ge),Xe.error(Ge)},complete:()=>{oe=!0,nt(),ee=$(Ue,J),Xe.complete()}}),(0,t.Tg)(Me).subscribe(be))})(ye)}}function $(W,se,...ne){if(!0===se)return void W();if(!1===se)return;const J=new S.Ms({next:()=>{J.unsubscribe(),W()}});return(0,t.Tg)(se(...ne)).subscribe(J)}},6661:(wt,ke,u)=>{u.d(ke,{t:()=>S});var t=u(9090),c=u(7782);function S(N,X,$){let W,se=!1;return N&&"object"==typeof N?({bufferSize:W=1/0,windowTime:X=1/0,refCount:se=!1,scheduler:$}=N):W=null!=N?N:1/0,(0,c.u)({connector:()=>new t.m(W,X,$),resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:se})}},9990:(wt,ke,u)=>{u.d(ke,{i:()=>c});var t=u(8503);function c(S){return(0,t.p)((N,X)=>S<=X)}},965:(wt,ke,u)=>{u.d(ke,{Z:()=>N});var t=u(7267),c=u(2363),S=u(9867);function N(...X){const $=(0,c.lI)(X);return(0,S.N)((W,se)=>{($?(0,t.x)(X,W,$):(0,t.x)(X,W)).subscribe(se)})}},2831:(wt,ke,u)=>{u.d(ke,{n:()=>N});var t=u(8621),c=u(9867),S=u(6111);function N(X,$){return(0,c.N)((W,se)=>{let ne=null,J=0,Q=!1;const ye=()=>Q&&!ne&&se.complete();W.subscribe((0,S._)(se,be=>{null==ne||ne.unsubscribe();let ee=0;const Ae=J++;(0,t.Tg)(X(be,Ae)).subscribe(ne=(0,S._)(se,j=>se.next($?$(be,j,Ae,ee++):j),()=>{ne=null,ye()}))},()=>{Q=!0,ye()}))})}},8486:(wt,ke,u)=>{u.d(ke,{s:()=>N});var t=u(8448),c=u(9867),S=u(6111);function N(X){return X<=0?()=>t.w:(0,c.N)(($,W)=>{let se=0;$.subscribe((0,S._)(W,ne=>{++se<=X&&(W.next(ne),X<=se&&W.complete())}))})}},6340:(wt,ke,u)=>{u.d(ke,{Q:()=>X});var t=u(9867),c=u(6111),S=u(8621),N=u(262);function X($){return(0,t.N)((W,se)=>{(0,S.Tg)($).subscribe((0,c._)(se,()=>se.complete(),N.l)),!se.closed&&W.subscribe(se)})}},7049:(wt,ke,u)=>{u.d(ke,{v:()=>S});var t=u(9867),c=u(6111);function S(N,X=!1){return(0,t.N)(($,W)=>{let se=0;$.subscribe((0,c._)(W,ne=>{const J=N(ne,se++);(J||X)&&W.next(ne),!J&&W.complete()}))})}},7236:(wt,ke,u)=>{u.d(ke,{M:()=>X});var t=u(4418),c=u(9867),S=u(6111),N=u(9656);function X($,W,se){const ne=(0,t.T)($)||W||se?{next:$,error:W,complete:se}:$;return ne?(0,c.N)((J,Q)=>{var ye;null===(ye=ne.subscribe)||void 0===ye||ye.call(ne);let be=!0;J.subscribe((0,S._)(Q,ee=>{var Ae;null===(Ae=ne.next)||void 0===Ae||Ae.call(ne,ee),Q.next(ee)},()=>{var ee;be=!1,null===(ee=ne.complete)||void 0===ee||ee.call(ne),Q.complete()},ee=>{var Ae;be=!1,null===(Ae=ne.error)||void 0===Ae||Ae.call(ne,ee),Q.error(ee)},()=>{var ee,Ae;be&&(null===(ee=ne.unsubscribe)||void 0===ee||ee.call(ne)),null===(Ae=ne.finalize)||void 0===Ae||Ae.call(ne)}))}):N.D}},1472:(wt,ke,u)=>{u.d(ke,{c:()=>W});var t=u(4929),c=u(9867),S=u(6111),N=u(8621),$=u(3229);function W(se,ne=t.E,J){const Q=(0,$.O)(se,ne);return function X(se,ne){return(0,c.N)((J,Q)=>{const{leading:ye=!0,trailing:be=!1}=null!=ne?ne:{};let ee=!1,Ae=null,j=null,oe=!1;const Be=()=>{null==j||j.unsubscribe(),j=null,be&&(U(),oe&&Q.complete())},nt=()=>{j=null,oe&&Q.complete()},Ue=Me=>j=(0,N.Tg)(se(Me)).subscribe((0,S._)(Q,Be,nt)),U=()=>{if(ee){ee=!1;const Me=Ae;Ae=null,Q.next(Me),!oe&&Ue(Me)}};J.subscribe((0,S._)(Q,Me=>{ee=!0,Ae=Me,(!j||j.closed)&&(ye?U():Ue(Me))},()=>{oe=!0,(!(be&&ee&&j)||j.closed)&&Q.complete()}))})}(()=>Q,J)}},1227:(wt,ke,u)=>{u.d(ke,{R:()=>X});var t=u(2029);class c extends t.yU{constructor(W,se){super()}schedule(W,se=0){return this}}const S={setInterval($,W,...se){const{delegate:ne}=S;return null!=ne&&ne.setInterval?ne.setInterval($,W,...se):setInterval($,W,...se)},clearInterval($){const{delegate:W}=S;return((null==W?void 0:W.clearInterval)||clearInterval)($)},delegate:void 0};var N=u(9583);class X extends c{constructor(W,se){super(W,se),this.scheduler=W,this.work=se,this.pending=!1}schedule(W,se=0){var ne;if(this.closed)return this;this.state=W;const J=this.id,Q=this.scheduler;return null!=J&&(this.id=this.recycleAsyncId(Q,J,se)),this.pending=!0,this.delay=se,this.id=null!==(ne=this.id)&&void 0!==ne?ne:this.requestAsyncId(Q,this.id,se),this}requestAsyncId(W,se,ne=0){return S.setInterval(W.flush.bind(W,this),ne)}recycleAsyncId(W,se,ne=0){if(null!=ne&&this.delay===ne&&!1===this.pending)return se;null!=se&&S.clearInterval(se)}execute(W,se){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;const ne=this._execute(W,se);if(ne)return ne;!1===this.pending&&null!=this.id&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))}_execute(W,se){let J,ne=!1;try{this.work(W)}catch(Q){ne=!0,J=Q||new Error("Scheduled action threw falsy error")}if(ne)return this.unsubscribe(),J}unsubscribe(){if(!this.closed){const{id:W,scheduler:se}=this,{actions:ne}=se;this.work=this.state=this.scheduler=null,this.pending=!1,(0,N.o)(ne,this),null!=W&&(this.id=this.recycleAsyncId(se,W,null)),this.delay=null,super.unsubscribe()}}}},1246:(wt,ke,u)=>{u.d(ke,{q:()=>S});var t=u(4808);class c{constructor(X,$=c.now){this.schedulerActionCtor=X,this.now=$}schedule(X,$=0,W){return new this.schedulerActionCtor(this,X).schedule(W,$)}}c.now=t.U.now;class S extends c{constructor(X,$=c.now){super(X,$),this.actions=[],this._active=!1}flush(X){const{actions:$}=this;if(this._active)return void $.push(X);let W;this._active=!0;do{if(W=X.execute(X.state,X.delay))break}while(X=$.shift());if(this._active=!1,W){for(;X=$.shift();)X.unsubscribe();throw W}}}},4929:(wt,ke,u)=>{u.d(ke,{E:()=>S,b:()=>N});var t=u(1227);const S=new(u(1246).q)(t.R),N=S},4808:(wt,ke,u)=>{u.d(ke,{U:()=>t});const t={now:()=>(t.delegate||Date).now(),delegate:void 0}},6171:(wt,ke,u)=>{u.d(ke,{f:()=>t});const t={setTimeout(c,S,...N){const{delegate:X}=t;return null!=X&&X.setTimeout?X.setTimeout(c,S,...N):setTimeout(c,S,...N)},clearTimeout(c){const{delegate:S}=t;return((null==S?void 0:S.clearTimeout)||clearTimeout)(c)},delegate:void 0}},7028:(wt,ke,u)=>{u.d(ke,{l:()=>c});const c=function t(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},1479:(wt,ke,u)=>{u.d(ke,{s:()=>t});const t="function"==typeof Symbol&&Symbol.observable||"@@observable"},2363:(wt,ke,u)=>{u.d(ke,{R0:()=>$,lI:()=>X,ms:()=>N});var t=u(4418),c=u(1677);function S(W){return W[W.length-1]}function N(W){return(0,t.T)(S(W))?W.pop():void 0}function X(W){return(0,c.m)(S(W))?W.pop():void 0}function $(W,se){return"number"==typeof S(W)?W.pop():se}},6872:(wt,ke,u)=>{u.d(ke,{D:()=>X});const{isArray:t}=Array,{getPrototypeOf:c,prototype:S,keys:N}=Object;function X(W){if(1===W.length){const se=W[0];if(t(se))return{args:se,keys:null};if(function $(W){return W&&"object"==typeof W&&c(W)===S}(se)){const ne=N(se);return{args:ne.map(J=>se[J]),keys:ne}}}return{args:W,keys:null}}},8751:(wt,ke,u)=>{u.d(ke,{K:()=>c});const{isArray:t}=Array;function c(S){return 1===S.length&&t(S[0])?S[0]:S}},9583:(wt,ke,u)=>{function t(c,S){if(c){const N=c.indexOf(S);0<=N&&c.splice(N,1)}}u.d(ke,{o:()=>t})},4520:(wt,ke,u)=>{function t(c){const N=c(X=>{Error.call(X),X.stack=(new Error).stack});return N.prototype=Object.create(Error.prototype),N.prototype.constructor=N,N}u.d(ke,{L:()=>t})},6405:(wt,ke,u)=>{function t(c,S){return c.reduce((N,X,$)=>(N[X]=S[$],N),{})}u.d(ke,{e:()=>t})},2895:(wt,ke,u)=>{u.d(ke,{Y:()=>S,l:()=>N});var t=u(2493);let c=null;function S(X){if(t.$.useDeprecatedSynchronousErrorHandling){const $=!c;if($&&(c={errorThrown:!1,error:null}),X(),$){const{errorThrown:W,error:se}=c;if(c=null,W)throw se}}else X()}function N(X){t.$.useDeprecatedSynchronousErrorHandling&&c&&(c.errorThrown=!0,c.error=X)}},1982:(wt,ke,u)=>{function t(c,S,N,X=0,$=!1){const W=S.schedule(function(){N(),$?c.add(this.schedule(null,X)):this.unsubscribe()},X);if(c.add(W),!$)return W}u.d(ke,{N:()=>t})},9656:(wt,ke,u)=>{function t(c){return c}u.d(ke,{D:()=>t})},5206:(wt,ke,u)=>{u.d(ke,{X:()=>t});const t=c=>c&&"number"==typeof c.length&&"function"!=typeof c},7462:(wt,ke,u)=>{u.d(ke,{T:()=>c});var t=u(4418);function c(S){return Symbol.asyncIterator&&(0,t.T)(null==S?void 0:S[Symbol.asyncIterator])}},4418:(wt,ke,u)=>{function t(c){return"function"==typeof c}u.d(ke,{T:()=>t})},8932:(wt,ke,u)=>{u.d(ke,{l:()=>S});var t=u(1479),c=u(4418);function S(N){return(0,c.T)(N[t.s])}},6472:(wt,ke,u)=>{u.d(ke,{x:()=>S});var t=u(7028),c=u(4418);function S(N){return(0,c.T)(null==N?void 0:N[t.l])}},5717:(wt,ke,u)=>{u.d(ke,{y:()=>c});var t=u(4418);function c(S){return(0,t.T)(null==S?void 0:S.then)}},8889:(wt,ke,u)=>{u.d(ke,{C:()=>S,U:()=>N});var t=u(7270),c=u(4418);function S(X){return(0,t.AQ)(this,arguments,function*(){const W=X.getReader();try{for(;;){const{value:se,done:ne}=yield(0,t.N3)(W.read());if(ne)return yield(0,t.N3)(void 0);yield yield(0,t.N3)(se)}}finally{W.releaseLock()}})}function N(X){return(0,c.T)(null==X?void 0:X.getReader)}},1677:(wt,ke,u)=>{u.d(ke,{m:()=>c});var t=u(4418);function c(S){return S&&(0,t.T)(S.schedule)}},9867:(wt,ke,u)=>{u.d(ke,{N:()=>S,S:()=>c});var t=u(4418);function c(N){return(0,t.T)(null==N?void 0:N.lift)}function S(N){return X=>{if(c(X))return X.lift(function($){try{return N($,this)}catch(W){this.error(W)}});throw new TypeError("Unable to lift unknown Observable type")}}},6219:(wt,ke,u)=>{u.d(ke,{I:()=>N});var t=u(3527);const{isArray:c}=Array;function N(X){return(0,t.T)($=>function S(X,$){return c($)?X(...$):X($)}(X,$))}},262:(wt,ke,u)=>{function t(){}u.d(ke,{l:()=>t})},6106:(wt,ke,u)=>{u.d(ke,{F:()=>c,m:()=>S});var t=u(9656);function c(...N){return S(N)}function S(N){return 0===N.length?t.D:1===N.length?N[0]:function($){return N.reduce((W,se)=>se(W),$)}}},6379:(wt,ke,u)=>{u.d(ke,{m:()=>S});var t=u(2493),c=u(6171);function S(N){c.f.setTimeout(()=>{const{onUnhandledError:X}=t.$;if(!X)throw N;X(N)})}},2246:(wt,ke,u)=>{function t(c){return new TypeError("You provided ".concat(null!==c&&"object"==typeof c?"an invalid object":"'".concat(c,"'")," where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable."))}u.d(ke,{L:()=>t})},8844:(wt,ke,u)=>{u.d(ke,{u:()=>X,z:()=>$});var t=u(3308),c=u(2978),S=u(8832),N=u(1860);let X=(()=>{var W;class se{constructor(){this.elementRef=(0,c.WQX)(c.aKT).nativeElement,this.ngZone=(0,c.WQX)(c.SKi),this.maskedElement=null,this.options=null,this.elementPredicate=N.iZ;const J=(0,c.WQX)(S.me,{self:!0,optional:!0});if(J){const Q=J.writeValue.bind(J);J.writeValue=ye=>{Q(this.options?(0,N.bc)(String(null!=ye?ye:""),this.options):ye)}}}ngOnChanges(){var J=this;return(0,t.A)(function*(){const{elementPredicate:Q,options:ye,maskedElement:be,elementRef:ee,ngZone:Ae}=J;if(null==be||be.destroy(),!ye)return;const j=yield Q(ee);J.elementPredicate===Q&&Ae.runOutsideAngular(()=>{J.maskedElement=new N.NU(j,ye)})})()}ngOnDestroy(){var J;null===(J=this.maskedElement)||void 0===J||J.destroy()}}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275dir=c.FsC({type:W,selectors:[["","maskito",""]],inputs:{options:["maskito","options"],elementPredicate:["maskitoElement","elementPredicate"]},standalone:!0,features:[c.OA$]}),se})(),$=(()=>{var W;class se{transform(J,Q){return(0,N.bc)(String(null!=J?J:""),null!=Q?Q:N.oI)}}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275pipe=c.EJ8({name:"maskito",type:W,pure:!0,standalone:!0}),se})()},1860:(wt,ke,u)=>{function t(k){const{anchorOffset:Z=0,focusOffset:ie=0}=k.ownerDocument.getSelection()||{};return[Math.min(Z,ie),Math.max(Z,ie)]}u.d(ke,{iZ:()=>X,oI:()=>$,NU:()=>mt,_E:()=>le,mz:()=>H,DR:()=>ce,bc:()=>Pt,Gq:()=>Ge});class S{constructor(Z){this.element=Z,this.maxLength=1/0}get value(){return this.element.innerText.replace(/\n\n$/,"\n")}set value(Z){this.element.innerHTML=Z.replace(/\n$/,"\n\n")}get selectionStart(){return t(this.element)[0]}get selectionEnd(){return t(this.element)[1]}setSelectionRange(Z,ie){!function c(k,[Z,ie]){var de,te,Oe,Ne;const Le=k.ownerDocument,Re=Le.createRange();Re.setStart(k.firstChild||k,Math.min(Z,null!==(de=null===(te=k.textContent)||void 0===te?void 0:te.length)&&void 0!==de?de:0)),Re.setEnd(k.lastChild||k,Math.min(ie,null!==(Oe=null===(Ne=k.textContent)||void 0===Ne?void 0:Ne.length)&&void 0!==Oe?Oe:0));const Ke=Le.getSelection();Ke&&(Ke.removeAllRanges(),Ke.addRange(Re))}(this.element,[null!=Z?Z:0,null!=ie?ie:0])}select(){this.setSelectionRange(0,this.value.length)}}const X=k=>k.isContentEditable?function N(k){const Z=new S(k);return new Proxy(k,{get(ie,de){if(de in Z)return Z[de];const te=ie[de];return"function"==typeof te?te.bind(ie):te},set:(ie,de,te,Oe)=>Reflect.set(de in Z?Z:ie,de,te,Oe)})}(k):k.querySelector("input,textarea")||k,$={mask:/^.*$/,preprocessors:[],postprocessors:[],plugins:[],overwriteMode:"shift"};class W{constructor(){this.now=null,this.past=[],this.future=[]}undo(){const Z=this.past.pop();Z&&this.now&&(this.future.push(this.now),this.updateElement(Z,"historyUndo"))}redo(){const Z=this.future.pop();Z&&this.now&&(this.past.push(this.now),this.updateElement(Z,"historyRedo"))}updateHistory(Z){if(!this.now)return void(this.now=Z);const ie=this.now.value!==Z.value,de=this.now.selection.some((te,Oe)=>te!==Z.selection[Oe]);!ie&&!de||(ie&&(this.past.push(this.now),this.future=[]),this.now=Z)}updateElement(Z,ie){this.now=Z,this.updateElementState(Z,{inputType:ie,data:null})}}function ne(k,...Z){return Z.every(({value:ie,selection:de})=>ie===k.value&&de[0]===k.selection[0]&&de[1]===k.selection[1])}function Q(k){return"string"==typeof k}function ye(k,Z,ie,de){let te="";for(let Oe=Z.length;Oe<k.length;Oe++){const Ne=k[Oe]||"",Le=(null==de?void 0:de.value[Oe])===Ne;if(!Q(Ne)||Ne===ie&&!Le)return te;te+=Ne}return te}function be(k,Z){return Array.isArray(Z)?k.length===Z.length&&Array.from(k).every((ie,de)=>{const te=Z[de]||"";return Q(te)?ie===te:ie.match(te)}):Z.test(k)}function j(k,Z,ie=null){if(be(k.value,Z))return k;const{value:de,selection:te}=Array.isArray(Z)?function ee(k,Z,ie){var de,te;let Oe=null,Ne=null;const Le=Array.from(k.value).reduce((Ke,Dt,Rt)=>{const Xt=Ke+ye(Z,Ke,Dt,ie),sn=Z[Xt.length]||"";return null===Oe&&Rt>=k.selection[0]&&(Oe=Xt.length),null===Ne&&Rt>=k.selection[1]&&(Ne=Xt.length),Q(sn)?Xt+sn:Dt.match(sn)?Xt+Dt:Xt},""),Re=ye(Z,Le,"",ie);return{value:be(Le+Re,Z)?Le+Re:Le,selection:[null!==(de=Oe)&&void 0!==de?de:Le.length,null!==(te=Ne)&&void 0!==te?te:Le.length]}}(k,Z,ie):function Ae({value:k,selection:Z},ie){const[de,te]=Z;let Oe=de,Ne=te;return{value:Array.from(k).reduce((Re,Ke,Dt)=>{const Rt=Re+Ke;return de===Dt&&(Oe=Re.length),te===Dt&&(Ne=Re.length),Rt.match(ie)?Rt:Re},""),selection:[Oe,Ne]}}(k,Z);return{selection:te,value:Array.isArray(Z)?de.slice(0,Z.length):de}}function oe(k,Z){if(!Array.isArray(Z))return k;const[ie,de]=k.selection,te=[],Oe=Array.from(k.value).reduce((Ne,Le,Re)=>{const Ke=Z[Re]||"";return Re===ie&&te.push(Ne.length),Re===de&&te.push(Ne.length),Q(Ke)&&Ke===Le?Ne:Ne+Le},"");return te.length<2&&te.push(...new Array(2-te.length).fill(Oe.length)),{value:Oe,selection:[te[0],te[1]]}}class Be{constructor(Z,ie){this.initialElementState=Z,this.maskOptions=ie,this.value="",this.selection=[0,0];const{value:de,selection:te}=j(this.initialElementState,this.getMaskExpression(this.initialElementState));this.value=de,this.selection=te}addCharacters([Z,ie],de){const{value:te,maskOptions:Oe}=this,Ne=this.getMaskExpression({value:te.slice(0,Z)+de+te.slice(ie),selection:[Z+de.length,Z+de.length]}),Le={value:te,selection:[Z,ie]},Re=oe(Le,Ne),[Ke,Dt]=function J({value:k,selection:Z},ie,de){const[te,Oe]=Z;return{value:k,selection:"replace"===("function"==typeof de?de({value:k,selection:Z}):de)?[te,te+ie.length]:[te,Oe]}}(Re,de,Oe.overwriteMode).selection,Rt=Re.value.slice(0,Ke)+de,Yt=Rt.length,Xt=j({value:Rt+Re.value.slice(Dt),selection:[Yt,Yt]},Ne,Le);if(te.slice(0,Ke)===j({value:Rt,selection:[Yt,Yt]},Ne,Le).value||ne(this,Xt))throw new Error("Invalid mask value");this.value=Xt.value,this.selection=Xt.selection}deleteCharacters([Z,ie]){if(Z===ie||!ie)return;const{value:de}=this,te=this.getMaskExpression({value:de.slice(0,Z)+de.slice(ie),selection:[Z,Z]}),Oe={value:de,selection:[Z,ie]},Ne=oe(Oe,te),[Le,Re]=Ne.selection,Dt=j({value:Ne.value.slice(0,Le)+Ne.value.slice(Re),selection:[Le,Le]},te,Oe);this.value=Dt.value,this.selection=Dt.selection}getMaskExpression(Z){const{mask:ie}=this.maskOptions;return"function"==typeof ie?ie(Z):ie}}class nt{constructor(Z){this.element=Z,this.listeners=[]}listen(Z,ie,de){const te=ie;this.element.addEventListener(Z,te,de),this.listeners.push(()=>this.element.removeEventListener(Z,te))}destroy(){this.listeners.forEach(Z=>Z())}}const Ue_CTRL=1,Ue_ALT=2,Ue_SHIFT=4,Ue_META=8;function Me(k,Z,ie){return k.ctrlKey===!!(Z&Ue_CTRL)&&k.altKey===!!(Z&Ue_ALT)&&k.shiftKey===!!(Z&Ue_SHIFT)&&k.metaKey===!!(Z&Ue_META)&&k.keyCode===ie}function Ge(k,Z){const ie=k.value;if("string"==typeof Z)k.value=Z;else{const[te,Oe]=Z.selection;var de;k.value=Z.value,k.matches(":focus")&&(null===(de=k.setSelectionRange)||void 0===de||de.call(k,te,Oe))}k.value!==ie&&k.dispatchEvent(new Event("input",{bubbles:!0}))}function at({value:k,selection:Z},ie){const[de,te]=Z;if(de!==te)return[de,te];const Oe=ie?k.slice(de).indexOf("\n")+1||k.length:k.slice(0,te).lastIndexOf("\n")+1;return[ie?de:Oe,ie?Oe:te]}function tt({value:k,selection:Z},ie){const[de,te]=Z;return de!==te?[de,te]:(ie?[de,te+1]:[de-1,te]).map(Ne=>Math.min(Math.max(Ne,0),k.length))}const _t=/\s+$/g,Ht=/^\s+/g,Wt=/\s/;function Tt({value:k,selection:Z},ie){const[de,te]=Z;if(de!==te)return[de,te];if(ie){const Re=k.slice(de),[Ke]=Re.match(Ht)||[""],Dt=Re.trimStart().search(Wt);return[de,-1!==Dt?de+Ke.length+Dt:k.length]}const Oe=k.slice(0,te),[Ne]=Oe.match(_t)||[""],Le=Oe.trimEnd().split("").reverse().findIndex(Re=>Wt.exec(Re));return[-1!==Le?te-Ne.length-Le:0,te]}function Ot(k=[]){return(Z,...ie)=>k.reduce((de,te)=>({...de,...te(de,...ie)}),Z)}function Pt(k,Z){const ie={...$,...Z},de=Ot(ie.preprocessors),te=Ot(ie.postprocessors),Oe="string"==typeof k?{value:k,selection:[0,0]}:k,{elementState:Ne}=de({elementState:Oe,data:""},"validation"),Le=new Be(Ne,ie),{value:Re,selection:Ke}=te(Le,Oe);return"string"==typeof k?Re:{value:Re,selection:Ke}}class mt extends W{constructor(Z,ie){super(),this.element=Z,this.maskitoOptions=ie,this.isTextArea="TEXTAREA"===this.element.nodeName,this.eventListener=new nt(this.element),this.options={...$,...this.maskitoOptions},this.preprocessor=Ot(this.options.preprocessors),this.postprocessor=Ot(this.options.postprocessors),this.teardowns=this.options.plugins.map(de=>de(this.element,this.options)),this.updateHistory(this.elementState),this.eventListener.listen("keydown",de=>function xe(k){return Me(k,Ue_CTRL,89)||Me(k,Ue_CTRL|Ue_SHIFT,90)||Me(k,Ue_META|Ue_SHIFT,90)}(de)?(de.preventDefault(),this.redo()):function Xe(k){return Me(k,Ue_CTRL,90)||Me(k,Ue_META,90)}(de)?(de.preventDefault(),this.undo()):void 0),this.eventListener.listen("beforeinput",de=>{var te,Oe,Ne;const Le=de.inputType.includes("Forward");switch(this.updateHistory(this.elementState),de.inputType){case"historyUndo":return de.preventDefault(),this.undo();case"historyRedo":return de.preventDefault(),this.redo();case"deleteByCut":case"deleteContentBackward":case"deleteContentForward":return this.handleDelete({event:de,isForward:Le,selection:tt(this.elementState,Le)});case"deleteWordForward":case"deleteWordBackward":return this.handleDelete({event:de,isForward:Le,selection:Tt(this.elementState,Le),force:!0});case"deleteSoftLineBackward":case"deleteSoftLineForward":case"deleteHardLineBackward":case"deleteHardLineForward":return this.handleDelete({event:de,isForward:Le,selection:at(this.elementState,Le),force:!0});case"insertCompositionText":case"insertReplacementText":return;case"insertLineBreak":case"insertParagraph":return this.handleEnter(de);default:return this.handleInsert(de,null!==(te=null!==(Oe=de.data)&&void 0!==Oe?Oe:null===(Ne=de.dataTransfer)||void 0===Ne?void 0:Ne.getData("text/plain"))&&void 0!==te?te:"")}}),this.eventListener.listen("input",({inputType:de})=>{"insertCompositionText"!==de&&(this.ensureValueFitsMask(),this.updateHistory(this.elementState))}),this.eventListener.listen("compositionend",()=>{this.ensureValueFitsMask(),this.updateHistory(this.elementState)})}destroy(){this.eventListener.destroy(),this.teardowns.forEach(Z=>null==Z?void 0:Z())}updateElementState({value:Z,selection:ie},de={inputType:"insertText",data:null}){const te=this.elementState.value;this.updateValue(Z),this.updateSelectionRange(ie),te!==Z&&this.dispatchInputEvent(de)}get elementState(){const{value:Z,selectionStart:ie,selectionEnd:de}=this.element;return{value:Z,selection:[null!=ie?ie:0,null!=de?de:0]}}get maxLength(){const{maxLength:Z}=this.element;return-1===Z?1/0:Z}updateSelectionRange([Z,ie]){const{element:de}=this;var te;!de.matches(":focus")||de.selectionStart===Z&&de.selectionEnd===ie||null===(te=de.setSelectionRange)||void 0===te||te.call(de,Z,ie)}updateValue(Z){this.element.value=Z}ensureValueFitsMask(){this.updateElementState(Pt(this.elementState,this.options))}dispatchInputEvent(Z={inputType:"insertText",data:null}){globalThis.InputEvent&&this.element.dispatchEvent(new InputEvent("input",{...Z,bubbles:!0,cancelable:!1}))}handleDelete({event:Z,selection:ie,isForward:de,force:te=!1}){const Oe={value:this.elementState.value,selection:ie},[Ne,Le]=Oe.selection,{elementState:Re}=this.preprocessor({elementState:Oe,data:""},de?"deleteForward":"deleteBackward"),Ke=new Be(Re,this.options),[Dt,Rt]=Re.selection;Ke.deleteCharacters([Dt,Rt]);const Yt=this.postprocessor(Ke,Oe);if(Oe.value.slice(0,Ne)+Oe.value.slice(Le)!==Yt.value||te||this.element.isContentEditable){if(Z.preventDefault(),function se(k,...Z){return Z.every(({value:ie})=>ie===k.value)}(Oe,Re,Ke,Yt))return this.updateSelectionRange(de?[Rt,Rt]:[Dt,Dt]);this.updateElementState(Yt,{inputType:Z.inputType,data:null}),this.updateHistory(Yt)}}handleInsert(Z,ie){const de=this.elementState,{elementState:te,data:Oe=ie}=this.preprocessor({data:ie,elementState:de},"insert"),Ne=new Be(te,this.options);try{Ne.addCharacters(te.selection,Oe)}catch{return Z.preventDefault()}const[Le,Re]=te.selection,Ke=de.value.slice(0,Le)+ie+de.value.slice(Re),Dt=this.postprocessor(Ne,de);if(Dt.value.length>this.maxLength)return Z.preventDefault();(Ke!==Dt.value||this.element.isContentEditable)&&(Z.preventDefault(),this.updateElementState(Dt,{data:ie,inputType:Z.inputType}),this.updateHistory(Dt))}handleEnter(Z){(this.isTextArea||this.element.isContentEditable)&&this.handleInsert(Z,"\n")}}function le(){return k=>{if(k.isContentEditable)return;let Z=k.value;const ie=()=>{Z=k.value},de=()=>{k.value!==Z&&k.dispatchEvent(new Event("change",{bubbles:!0}))};return k.addEventListener("focus",ie),k.addEventListener("change",ie),k.addEventListener("blur",de),()=>{k.removeEventListener("focus",ie),k.removeEventListener("change",ie),k.removeEventListener("blur",de)}}}function H(k){return(Z,ie)=>{var de,te;const Oe=null!==(de=Z.selectionStart)&&void 0!==de?de:0,Ne=null!==(te=Z.selectionEnd)&&void 0!==te?te:0;Ge(Z,{value:Pt(Z.value,k||ie),selection:[Oe,Ne]})}}function ce(){return(k,Z)=>{const ie=de=>{var te,Oe;if("insertCompositionText"!==de.inputType)return;const Le={selection:[null!==(te=k.selectionStart)&&void 0!==te?te:0,null!==(Oe=k.selectionEnd)&&void 0!==Oe?Oe:0],value:k.value},Re=Pt(Le,Z);ne(Le,Re)||(de.preventDefault(),Ge(k,Re))};return k.addEventListener("input",ie),()=>k.removeEventListener("input",ie)}}},1760:(wt,ke,u)=>{u.d(ke,{$:()=>t,w:()=>c});const t={WhatIsMaskito:"getting-started/what-is-maskito",MaskitoLibraries:"getting-started/maskito-libraries",CoreConceptsOverview:"core-concepts/overview",MaskExpression:"core-concepts/mask-expression",ElementState:"core-concepts/element-state",Processors:"core-concepts/processors",Plugins:"core-concepts/plugins",OverwriteMode:"core-concepts/overwrite-mode",Transformer:"core-concepts/transformer",Angular:"frameworks/angular",React:"frameworks/react",Vue:"frameworks/vue",Number:"kit/number",Time:"kit/time",Date:"kit/date",DateRange:"kit/date-range",DateTime:"kit/date-time",PhonePackage:"addons/phone",Card:"recipes/card",Phone:"recipes/phone",Textarea:"recipes/textarea",ContentEditable:"recipes/content-editable",Prefix:"recipes/prefix",Postfix:"recipes/postfix",Placeholder:"recipes/placeholder",BrowserSupport:"browser-support",SupportedInputTypes:"supported-input-types",RealWorldForm:"real-world-form",Stackblitz:"stackblitz"},c={MaskitoOptions:"mask",JavaScript:"JavaScript",Angular:"Angular",React:"React",Vue:"Vue"}},2601:(wt,ke,u)=>{var t=u(6098),c=u(6610),S=u(2978),N=u(7212),X=u(4768),$=u(1760),W=u(5851),se=u(2748),ne=u(1872),J=u(4822),Q=u(7355),ye=u(965),be=u(8887),ee=u(3527);let Ae=(()=>{var ve;class q{constructor(){this.stackblitzStarterPath="/".concat($.$.Stackblitz),(0,S.WQX)(c.Xr).setOffset([0,64])}}return(ve=q).\u0275fac=function(je){return new(je||ve)},ve.\u0275cmp=S.VBU({type:ve,selectors:[["app"]],standalone:!0,features:[S.Jv_([W.ke,{provide:se.Aq,useFactory:()=>{const Pe=(0,J.qW)();return(0,S.WQX)(W.ke).pipe((0,ye.Z)(null),(0,be.B)(0),(0,ee.T)(()=>{const je=Array.from(Pe.querySelectorAll("tui-doc-example")),St=Array.from(Pe.querySelectorAll("tui-doc-code"));return je.every(Ft=>Ft.querySelector(".t-example"))&&St.every(Ft=>Ft.querySelector(".t-code"))}),(0,N.pQ)())}}]),S.aNF],decls:5,vars:1,consts:[["ngProjectAs","tuiDocHeader",5,["tuiDocHeader"]],["appearance","icon","href","https://github.com/taiga-family/maskito","iconStart","assets/icons/github.svg","rel","noreferrer","target","_blank","title","Maskito source code on GitHub","tuiLink","",1,"link"],["appearance","icon","href","https://t.me/taiga_ui/10600","iconStart","assets/icons/telegram.svg","rel","noreferrer","target","_blank","title","Get help on Telegram","tuiLink","",1,"link"],["appearance","icon","iconStart","assets/icons/stackblitz.svg","title","Maskito StackBlitz Starter","tuiLink","",1,"link",3,"routerLink"]],template:function(je,St){1&je&&(S.j41(0,"tui-doc-main"),S.qex(1,0),S.nrm(2,"a",1)(3,"a",2)(4,"a",3),S.bVm(),S.k0s()),2&je&&(S.R7$(4),S.Y8G("routerLink",St.stackblitzStarterPath))},dependencies:[X.Wk,ne.gf,Q.Jc],styles:["[_nghost-%COMP%]{display:block;font:var(--tui-font-text-m);color:var(--tui-text-primary)}.link[_ngcontent-%COMP%]{margin-left:1rem}"],changeDetection:0}),q})();var j=u(3308),oe=u(756),Be=u(8399),nt=u(9406),Ue=u(4807),U=u(8503),Me=u(6347),xe=u(2831);class Xe{}class Ge{}class at{constructor(q){this.normalizedNames=new Map,this.lazyUpdate=null,q?"string"==typeof q?this.lazyInit=()=>{this.headers=new Map,q.split("\n").forEach(Pe=>{const je=Pe.indexOf(":");if(je>0){const St=Pe.slice(0,je),Ft=St.toLowerCase(),mn=Pe.slice(je+1).trim();this.maybeSetNormalizedName(St,Ft),this.headers.has(Ft)?this.headers.get(Ft).push(mn):this.headers.set(Ft,[mn])}})}:typeof Headers<"u"&&q instanceof Headers?(this.headers=new Map,q.forEach((Pe,je)=>{this.setHeaderEntries(je,Pe)})):this.lazyInit=()=>{this.headers=new Map,Object.entries(q).forEach(([Pe,je])=>{this.setHeaderEntries(Pe,je)})}:this.headers=new Map}has(q){return this.init(),this.headers.has(q.toLowerCase())}get(q){this.init();const Pe=this.headers.get(q.toLowerCase());return Pe&&Pe.length>0?Pe[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(q){return this.init(),this.headers.get(q.toLowerCase())||null}append(q,Pe){return this.clone({name:q,value:Pe,op:"a"})}set(q,Pe){return this.clone({name:q,value:Pe,op:"s"})}delete(q,Pe){return this.clone({name:q,value:Pe,op:"d"})}maybeSetNormalizedName(q,Pe){this.normalizedNames.has(Pe)||this.normalizedNames.set(Pe,q)}init(){this.lazyInit&&(this.lazyInit instanceof at?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(q=>this.applyUpdate(q)),this.lazyUpdate=null))}copyFrom(q){q.init(),Array.from(q.headers.keys()).forEach(Pe=>{this.headers.set(Pe,q.headers.get(Pe)),this.normalizedNames.set(Pe,q.normalizedNames.get(Pe))})}clone(q){const Pe=new at;return Pe.lazyInit=this.lazyInit&&this.lazyInit instanceof at?this.lazyInit:this,Pe.lazyUpdate=(this.lazyUpdate||[]).concat([q]),Pe}applyUpdate(q){const Pe=q.name.toLowerCase();switch(q.op){case"a":case"s":let je=q.value;if("string"==typeof je&&(je=[je]),0===je.length)return;this.maybeSetNormalizedName(q.name,Pe);const St=("a"===q.op?this.headers.get(Pe):void 0)||[];St.push(...je),this.headers.set(Pe,St);break;case"d":const Ft=q.value;if(Ft){let mn=this.headers.get(Pe);if(!mn)return;mn=mn.filter(Kt=>-1===Ft.indexOf(Kt)),0===mn.length?(this.headers.delete(Pe),this.normalizedNames.delete(Pe)):this.headers.set(Pe,mn)}else this.headers.delete(Pe),this.normalizedNames.delete(Pe)}}setHeaderEntries(q,Pe){const je=(Array.isArray(Pe)?Pe:[Pe]).map(Ft=>Ft.toString()),St=q.toLowerCase();this.headers.set(St,je),this.maybeSetNormalizedName(q,St)}forEach(q){this.init(),Array.from(this.normalizedNames.keys()).forEach(Pe=>q(this.normalizedNames.get(Pe),this.headers.get(Pe)))}}class _t{encodeKey(q){return Ot(q)}encodeValue(q){return Ot(q)}decodeKey(q){return decodeURIComponent(q)}decodeValue(q){return decodeURIComponent(q)}}const Wt=/%(\d[a-f0-9])/gi,Tt={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function Ot(ve){return encodeURIComponent(ve).replace(Wt,(q,Pe)=>{var je;return null!==(je=Tt[Pe])&&void 0!==je?je:q})}function Pt(ve){return"".concat(ve)}class mt{constructor(q={}){if(this.updates=null,this.cloneFrom=null,this.encoder=q.encoder||new _t,q.fromString){if(q.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function Ht(ve,q){const Pe=new Map;return ve.length>0&&ve.replace(/^\?/,"").split("&").forEach(St=>{const Ft=St.indexOf("="),[mn,Kt]=-1==Ft?[q.decodeKey(St),""]:[q.decodeKey(St.slice(0,Ft)),q.decodeValue(St.slice(Ft+1))],Bn=Pe.get(mn)||[];Bn.push(Kt),Pe.set(mn,Bn)}),Pe}(q.fromString,this.encoder)}else q.fromObject?(this.map=new Map,Object.keys(q.fromObject).forEach(Pe=>{const je=q.fromObject[Pe],St=Array.isArray(je)?je.map(Pt):[Pt(je)];this.map.set(Pe,St)})):this.map=null}has(q){return this.init(),this.map.has(q)}get(q){this.init();const Pe=this.map.get(q);return Pe?Pe[0]:null}getAll(q){return this.init(),this.map.get(q)||null}keys(){return this.init(),Array.from(this.map.keys())}append(q,Pe){return this.clone({param:q,value:Pe,op:"a"})}appendAll(q){const Pe=[];return Object.keys(q).forEach(je=>{const St=q[je];Array.isArray(St)?St.forEach(Ft=>{Pe.push({param:je,value:Ft,op:"a"})}):Pe.push({param:je,value:St,op:"a"})}),this.clone(Pe)}set(q,Pe){return this.clone({param:q,value:Pe,op:"s"})}delete(q,Pe){return this.clone({param:q,value:Pe,op:"d"})}toString(){return this.init(),this.keys().map(q=>{const Pe=this.encoder.encodeKey(q);return this.map.get(q).map(je=>Pe+"="+this.encoder.encodeValue(je)).join("&")}).filter(q=>""!==q).join("&")}clone(q){const Pe=new mt({encoder:this.encoder});return Pe.cloneFrom=this.cloneFrom||this,Pe.updates=(this.updates||[]).concat(q),Pe}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(q=>this.map.set(q,this.cloneFrom.map.get(q))),this.updates.forEach(q=>{switch(q.op){case"a":case"s":const Pe=("a"===q.op?this.map.get(q.param):void 0)||[];Pe.push(Pt(q.value)),this.map.set(q.param,Pe);break;case"d":if(void 0===q.value){this.map.delete(q.param);break}{let je=this.map.get(q.param)||[];const St=je.indexOf(Pt(q.value));-1!==St&&je.splice(St,1),je.length>0?this.map.set(q.param,je):this.map.delete(q.param)}}}),this.cloneFrom=this.updates=null)}}class H{constructor(){this.map=new Map}set(q,Pe){return this.map.set(q,Pe),this}get(q){return this.map.has(q)||this.map.set(q,q.defaultValue()),this.map.get(q)}delete(q){return this.map.delete(q),this}has(q){return this.map.has(q)}keys(){return this.map.keys()}}function k(ve){return typeof ArrayBuffer<"u"&&ve instanceof ArrayBuffer}function Z(ve){return typeof Blob<"u"&&ve instanceof Blob}function ie(ve){return typeof FormData<"u"&&ve instanceof FormData}class te{constructor(q,Pe,je,St){let Ft;if(this.url=Pe,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=q.toUpperCase(),function ce(ve){switch(ve){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||St?(this.body=void 0!==je?je:null,Ft=St):Ft=je,Ft&&(this.reportProgress=!!Ft.reportProgress,this.withCredentials=!!Ft.withCredentials,Ft.responseType&&(this.responseType=Ft.responseType),Ft.headers&&(this.headers=Ft.headers),Ft.context&&(this.context=Ft.context),Ft.params&&(this.params=Ft.params)),this.headers||(this.headers=new at),this.context||(this.context=new H),this.params){const mn=this.params.toString();if(0===mn.length)this.urlWithParams=Pe;else{const Kt=Pe.indexOf("?");this.urlWithParams=Pe+(-1===Kt?"?":Kt<Pe.length-1?"&":"")+mn}}else this.params=new mt,this.urlWithParams=Pe}serializeBody(){return null===this.body?null:k(this.body)||Z(this.body)||ie(this.body)||function de(ve){return typeof URLSearchParams<"u"&&ve instanceof URLSearchParams}(this.body)||"string"==typeof this.body?this.body:this.body instanceof mt?this.body.toString():"object"==typeof this.body||"boolean"==typeof this.body||Array.isArray(this.body)?JSON.stringify(this.body):this.body.toString()}detectContentTypeHeader(){return null===this.body||ie(this.body)?null:Z(this.body)?this.body.type||null:k(this.body)?null:"string"==typeof this.body?"text/plain":this.body instanceof mt?"application/x-www-form-urlencoded;charset=UTF-8":"object"==typeof this.body||"number"==typeof this.body||"boolean"==typeof this.body?"application/json":null}clone(q={}){var Pe;const je=q.method||this.method,St=q.url||this.url,Ft=q.responseType||this.responseType,mn=void 0!==q.body?q.body:this.body,Kt=void 0!==q.withCredentials?q.withCredentials:this.withCredentials,Bn=void 0!==q.reportProgress?q.reportProgress:this.reportProgress;let kn=q.headers||this.headers,Mn=q.params||this.params;const Ei=null!==(Pe=q.context)&&void 0!==Pe?Pe:this.context;return void 0!==q.setHeaders&&(kn=Object.keys(q.setHeaders).reduce((Ci,wi)=>Ci.set(wi,q.setHeaders[wi]),kn)),q.setParams&&(Mn=Object.keys(q.setParams).reduce((Ci,wi)=>Ci.set(wi,q.setParams[wi]),Mn)),new te(je,St,mn,{params:Mn,headers:kn,context:Ei,reportProgress:Bn,responseType:Ft,withCredentials:Kt})}}var Oe=function(ve){return ve[ve.Sent=0]="Sent",ve[ve.UploadProgress=1]="UploadProgress",ve[ve.ResponseHeader=2]="ResponseHeader",ve[ve.DownloadProgress=3]="DownloadProgress",ve[ve.Response=4]="Response",ve[ve.User=5]="User",ve}(Oe||{});class Ne{constructor(q,Pe=200,je="OK"){this.headers=q.headers||new at,this.status=void 0!==q.status?q.status:Pe,this.statusText=q.statusText||je,this.url=q.url||null,this.ok=this.status>=200&&this.status<300}}class Le extends Ne{constructor(q={}){super(q),this.type=Oe.ResponseHeader}clone(q={}){return new Le({headers:q.headers||this.headers,status:void 0!==q.status?q.status:this.status,statusText:q.statusText||this.statusText,url:q.url||this.url||void 0})}}class Re extends Ne{constructor(q={}){super(q),this.type=Oe.Response,this.body=void 0!==q.body?q.body:null}clone(q={}){return new Re({body:void 0!==q.body?q.body:this.body,headers:q.headers||this.headers,status:void 0!==q.status?q.status:this.status,statusText:q.statusText||this.statusText,url:q.url||this.url||void 0})}}class Ke extends Ne{constructor(q){super(q,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.message=this.status>=200&&this.status<300?"Http failure during parsing for ".concat(q.url||"(unknown url)"):"Http failure response for ".concat(q.url||"(unknown url)",": ").concat(q.status," ").concat(q.statusText),this.error=q.error||null}}function Dt(ve,q){return{body:q,headers:ve.headers,context:ve.context,observe:ve.observe,params:ve.params,reportProgress:ve.reportProgress,responseType:ve.responseType,withCredentials:ve.withCredentials}}let Rt=(()=>{var ve;class q{constructor(je){this.handler=je}request(je,St,Ft={}){let mn;if(je instanceof te)mn=je;else{let kn,Mn;kn=Ft.headers instanceof at?Ft.headers:new at(Ft.headers),Ft.params&&(Mn=Ft.params instanceof mt?Ft.params:new mt({fromObject:Ft.params})),mn=new te(je,St,void 0!==Ft.body?Ft.body:null,{headers:kn,context:Ft.context,params:Mn,reportProgress:Ft.reportProgress,responseType:Ft.responseType||"json",withCredentials:Ft.withCredentials})}const Kt=(0,oe.of)(mn).pipe((0,Ue.H)(kn=>this.handler.handle(kn)));if(je instanceof te||"events"===Ft.observe)return Kt;const Bn=Kt.pipe((0,U.p)(kn=>kn instanceof Re));switch(Ft.observe||"body"){case"body":switch(mn.responseType){case"arraybuffer":return Bn.pipe((0,ee.T)(kn=>{if(null!==kn.body&&!(kn.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return kn.body}));case"blob":return Bn.pipe((0,ee.T)(kn=>{if(null!==kn.body&&!(kn.body instanceof Blob))throw new Error("Response is not a Blob.");return kn.body}));case"text":return Bn.pipe((0,ee.T)(kn=>{if(null!==kn.body&&"string"!=typeof kn.body)throw new Error("Response is not a string.");return kn.body}));default:return Bn.pipe((0,ee.T)(kn=>kn.body))}case"response":return Bn;default:throw new Error("Unreachable: unhandled observe type ".concat(Ft.observe,"}"))}}delete(je,St={}){return this.request("DELETE",je,St)}get(je,St={}){return this.request("GET",je,St)}head(je,St={}){return this.request("HEAD",je,St)}jsonp(je,St){return this.request("JSONP",je,{params:(new mt).append(St,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options(je,St={}){return this.request("OPTIONS",je,St)}patch(je,St,Ft={}){return this.request("PATCH",je,Dt(Ft,St))}post(je,St,Ft={}){return this.request("POST",je,Dt(Ft,St))}put(je,St,Ft={}){return this.request("PUT",je,Dt(Ft,St))}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(Xe))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})();function ct(ve,q){return q(ve)}const vt=new S.nKC(""),Vt=new S.nKC("");let Dn=(()=>{var ve;class q extends Xe{constructor(je,St){super(),this.backend=je,this.injector=St,this.chain=null,this.pendingTasks=(0,S.WQX)(S.$K3)}handle(je){if(null===this.chain){const Ft=Array.from(new Set([...this.injector.get(vt),...this.injector.get(Vt,[])]));this.chain=Ft.reduceRight((mn,Kt)=>function he(ve,q,Pe){return(je,St)=>Pe.runInContext(()=>q(je,Ft=>ve(Ft,St)))}(mn,Kt,this.injector),ct)}const St=this.pendingTasks.add();return this.chain(je,Ft=>this.backend.handle(Ft)).pipe((0,Me.j)(()=>this.pendingTasks.remove(St)))}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(Ge),S.KVO(S.uvJ))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})();const go=/^\)\]\}',?\n/;let Et=(()=>{var ve;class q{constructor(je){this.xhrFactory=je}handle(je){if("JSONP"===je.method)throw new S.wOt(-2800,!1);const St=this.xhrFactory;return(St.\u0275loadImpl?(0,Be.H)(St.\u0275loadImpl()):(0,oe.of)(null)).pipe((0,xe.n)(()=>new nt.c(mn=>{const Kt=St.build();if(Kt.open(je.method,je.urlWithParams),je.withCredentials&&(Kt.withCredentials=!0),je.headers.forEach((oi,ei)=>Kt.setRequestHeader(oi,ei.join(","))),je.headers.has("Accept")||Kt.setRequestHeader("Accept","application/json, text/plain, */*"),!je.headers.has("Content-Type")){const oi=je.detectContentTypeHeader();null!==oi&&Kt.setRequestHeader("Content-Type",oi)}if(je.responseType){const oi=je.responseType.toLowerCase();Kt.responseType="json"!==oi?oi:"text"}const Bn=je.serializeBody();let kn=null;const Mn=()=>{if(null!==kn)return kn;const oi=Kt.statusText||"OK",ei=new at(Kt.getAllResponseHeaders()),Gi=function Ui(ve){return"responseURL"in ve&&ve.responseURL?ve.responseURL:/^X-Request-URL:/m.test(ve.getAllResponseHeaders())?ve.getResponseHeader("X-Request-URL"):null}(Kt)||je.url;return kn=new Le({headers:ei,status:Kt.status,statusText:oi,url:Gi}),kn},Ei=()=>{let{headers:oi,status:ei,statusText:Gi,url:Vo}=Mn(),vi=null;204!==ei&&(vi=typeof Kt.response>"u"?Kt.responseText:Kt.response),0===ei&&(ei=vi?200:0);let di=ei>=200&&ei<300;if("json"===je.responseType&&"string"==typeof vi){const co=vi;vi=vi.replace(go,"");try{vi=""!==vi?JSON.parse(vi):null}catch(Uo){vi=co,di&&(di=!1,vi={error:Uo,text:vi})}}di?(mn.next(new Re({body:vi,headers:oi,status:ei,statusText:Gi,url:Vo||void 0})),mn.complete()):mn.error(new Ke({error:vi,headers:oi,status:ei,statusText:Gi,url:Vo||void 0}))},Ci=oi=>{const{url:ei}=Mn(),Gi=new Ke({error:oi,status:Kt.status||0,statusText:Kt.statusText||"Unknown Error",url:ei||void 0});mn.error(Gi)};let wi=!1;const gi=oi=>{wi||(mn.next(Mn()),wi=!0);let ei={type:Oe.DownloadProgress,loaded:oi.loaded};oi.lengthComputable&&(ei.total=oi.total),"text"===je.responseType&&Kt.responseText&&(ei.partialText=Kt.responseText),mn.next(ei)},Ro=oi=>{let ei={type:Oe.UploadProgress,loaded:oi.loaded};oi.lengthComputable&&(ei.total=oi.total),mn.next(ei)};return Kt.addEventListener("load",Ei),Kt.addEventListener("error",Ci),Kt.addEventListener("timeout",Ci),Kt.addEventListener("abort",Ci),je.reportProgress&&(Kt.addEventListener("progress",gi),null!==Bn&&Kt.upload&&Kt.upload.addEventListener("progress",Ro)),Kt.send(Bn),mn.next({type:Oe.Sent}),()=>{Kt.removeEventListener("error",Ci),Kt.removeEventListener("abort",Ci),Kt.removeEventListener("load",Ei),Kt.removeEventListener("timeout",Ci),je.reportProgress&&(Kt.removeEventListener("progress",gi),null!==Bn&&Kt.upload&&Kt.upload.removeEventListener("progress",Ro)),Kt.readyState!==Kt.DONE&&Kt.abort()}})))}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(c.N0))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})();const on=new S.nKC("XSRF_ENABLED"),xt=new S.nKC("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>"XSRF-TOKEN"}),rt=new S.nKC("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>"X-XSRF-TOKEN"});class ze{}let we=(()=>{var ve;class q{constructor(je,St,Ft){this.doc=je,this.platform=St,this.cookieName=Ft,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const je=this.doc.cookie||"";return je!==this.lastCookieString&&(this.parseCount++,this.lastToken=(0,c._b)(je,this.cookieName),this.lastCookieString=je),this.lastToken}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(c.qQ),S.KVO(S.Agw),S.KVO(xt))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})();function ge(ve,q){const Pe=ve.url.toLowerCase();if(!(0,S.WQX)(on)||"GET"===ve.method||"HEAD"===ve.method||Pe.startsWith("http://")||Pe.startsWith("https://"))return q(ve);const je=(0,S.WQX)(ze).getToken(),St=(0,S.WQX)(rt);return null!=je&&!ve.headers.has(St)&&(ve=ve.clone({headers:ve.headers.set(St,je)})),q(ve)}var Je=u(194),qe=u(1249);let ft=(()=>{var ve;class q extends Je.S6{constructor(je,St){super(),this._nextAnimationId=0,this._renderer=je.createRenderer(St.body,{id:"0",encapsulation:S.gXe.None,styles:[],data:{animation:[]}})}build(je){const St=this._nextAnimationId.toString();this._nextAnimationId++;const Ft=Array.isArray(je)?(0,Je.K2)(je):je;return yt(this._renderer,null,St,"register",[Ft]),new gt(St,this._renderer)}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(S._9s),S.KVO(c.qQ))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})();class gt extends Je.Ro{constructor(q,Pe){super(),this._id=q,this._renderer=Pe}create(q,Pe){return new bt(this._id,q,Pe||{},this._renderer)}}class bt{constructor(q,Pe,je,St){this.id=q,this.element=Pe,this._renderer=St,this.parentPlayer=null,this._started=!1,this.totalTime=0,this._command("create",je)}_listen(q,Pe){return this._renderer.listen(this.element,"@@".concat(this.id,":").concat(q),Pe)}_command(q,...Pe){return yt(this._renderer,this.element,this.id,q,Pe)}onDone(q){this._listen("done",q)}onStart(q){this._listen("start",q)}onDestroy(q){this._listen("destroy",q)}init(){this._command("init")}hasStarted(){return this._started}play(){this._command("play"),this._started=!0}pause(){this._command("pause")}restart(){this._command("restart")}finish(){this._command("finish")}destroy(){this._command("destroy")}reset(){this._command("reset"),this._started=!1}setPosition(q){this._command("setPosition",q)}getPosition(){var q,Pe;return null!==(q=null===(Pe=this._renderer.engine.players[+this.id])||void 0===Pe?void 0:Pe.getPosition())&&void 0!==q?q:0}}function yt(ve,q,Pe,je,St){return ve.setProperty(q,"@@".concat(Pe,":").concat(je),St)}const Nt="@.disabled";let en=(()=>{var ve;class q{constructor(je,St,Ft){this.delegate=je,this.engine=St,this._zone=Ft,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,St.onRemovalComplete=(mn,Kt)=>{const Bn=null==Kt?void 0:Kt.parentNode(mn);Bn&&Kt.removeChild(Bn,mn)}}createRenderer(je,St){const mn=this.delegate.createRenderer(je,St);if(!(je&&St&&St.data&&St.data.animation)){let Ei=this._rendererCache.get(mn);return Ei||(Ei=new Zt("",mn,this.engine,()=>this._rendererCache.delete(mn)),this._rendererCache.set(mn,Ei)),Ei}const Kt=St.id,Bn=St.id+"-"+this._currentId;this._currentId++,this.engine.register(Bn,je);const kn=Ei=>{Array.isArray(Ei)?Ei.forEach(kn):this.engine.registerTrigger(Kt,Bn,je,Ei.name,Ei)};return St.data.animation.forEach(kn),new fn(this,Bn,mn,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(je,St,Ft){je>=0&&je<this._microtaskId?this._zone.run(()=>St(Ft)):(0==this._animationCallbacksBuffer.length&&queueMicrotask(()=>{this._zone.run(()=>{this._animationCallbacksBuffer.forEach(mn=>{const[Kt,Bn]=mn;Kt(Bn)}),this._animationCallbacksBuffer=[]})}),this._animationCallbacksBuffer.push([St,Ft]))}end(){this._cdRecurDepth--,0==this._cdRecurDepth&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(S._9s),S.KVO(qe.O6),S.KVO(S.SKi))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})();class Zt{constructor(q,Pe,je,St){this.namespaceId=q,this.delegate=Pe,this.engine=je,this._onDestroy=St}get data(){return this.delegate.data}destroyNode(q){var Pe,je;null===(Pe=(je=this.delegate).destroyNode)||void 0===Pe||Pe.call(je,q)}destroy(){var q;this.engine.destroy(this.namespaceId,this.delegate),this.engine.afterFlushAnimationsDone(()=>{queueMicrotask(()=>{this.delegate.destroy()})}),null===(q=this._onDestroy)||void 0===q||q.call(this)}createElement(q,Pe){return this.delegate.createElement(q,Pe)}createComment(q){return this.delegate.createComment(q)}createText(q){return this.delegate.createText(q)}appendChild(q,Pe){this.delegate.appendChild(q,Pe),this.engine.onInsert(this.namespaceId,Pe,q,!1)}insertBefore(q,Pe,je,St=!0){this.delegate.insertBefore(q,Pe,je),this.engine.onInsert(this.namespaceId,Pe,q,St)}removeChild(q,Pe,je){this.engine.onRemove(this.namespaceId,Pe,this.delegate)}selectRootElement(q,Pe){return this.delegate.selectRootElement(q,Pe)}parentNode(q){return this.delegate.parentNode(q)}nextSibling(q){return this.delegate.nextSibling(q)}setAttribute(q,Pe,je,St){this.delegate.setAttribute(q,Pe,je,St)}removeAttribute(q,Pe,je){this.delegate.removeAttribute(q,Pe,je)}addClass(q,Pe){this.delegate.addClass(q,Pe)}removeClass(q,Pe){this.delegate.removeClass(q,Pe)}setStyle(q,Pe,je,St){this.delegate.setStyle(q,Pe,je,St)}removeStyle(q,Pe,je){this.delegate.removeStyle(q,Pe,je)}setProperty(q,Pe,je){"@"==Pe.charAt(0)&&Pe==Nt?this.disableAnimations(q,!!je):this.delegate.setProperty(q,Pe,je)}setValue(q,Pe){this.delegate.setValue(q,Pe)}listen(q,Pe,je){return this.delegate.listen(q,Pe,je)}disableAnimations(q,Pe){this.engine.disableAnimations(q,Pe)}}class fn extends Zt{constructor(q,Pe,je,St,Ft){super(Pe,je,St,Ft),this.factory=q,this.namespaceId=Pe}setProperty(q,Pe,je){"@"==Pe.charAt(0)?"."==Pe.charAt(1)&&Pe==Nt?this.disableAnimations(q,je=void 0===je||!!je):this.engine.process(this.namespaceId,q,Pe.slice(1),je):this.delegate.setProperty(q,Pe,je)}listen(q,Pe,je){if("@"==Pe.charAt(0)){const St=function On(ve){switch(ve){case"body":return document.body;case"document":return document;case"window":return window;default:return ve}}(q);let Ft=Pe.slice(1),mn="";return"@"!=Ft.charAt(0)&&([Ft,mn]=function Wn(ve){const q=ve.indexOf(".");return[ve.substring(0,q),ve.slice(q+1)]}(Ft)),this.engine.listen(this.namespaceId,St,Ft,mn,Kt=>{this.factory.scheduleListenerCallback(Kt._data||-1,je,Kt)})}return this.delegate.listen(q,Pe,je)}}const Di=[{provide:Je.S6,useClass:ft},{provide:qe.Yp,useFactory:function Rn(){return new qe.zT}},{provide:qe.O6,useClass:(()=>{var ve;class q extends qe.O6{constructor(je,St,Ft,mn){super(je.body,St,Ft)}ngOnDestroy(){this.flush()}}return(ve=q).\u0275fac=function(je){return new(je||ve)(S.KVO(c.qQ),S.KVO(qe.Xw),S.KVO(qe.Yp),S.KVO(S.o8S))},ve.\u0275prov=S.jDH({token:ve,factory:ve.\u0275fac}),q})()},{provide:S._9s,useFactory:function Qn(ve,q,Pe){return new en(ve,q,Pe)},deps:[t.B7,qe.O6,S.SKi]}],$i=[{provide:qe.Xw,useFactory:()=>new qe.LS},{provide:S.bc$,useValue:"BrowserAnimations"},...Di];var lo=u(8191);const Pr=[{section:"Getting started",title:"What is Maskito?",route:$.$.WhatIsMaskito,keywords:"getting, started, what, is, maskito"},{section:"Getting started",title:"Maskito libraries",route:$.$.MaskitoLibraries,keywords:"install, package, packages, maskito, npm, setup, explore, ecosystem"},{section:"Core concepts",title:"Overview",route:$.$.CoreConceptsOverview,keywords:"core, concepts, overview"},{section:"Core concepts",title:"Mask expression",route:$.$.MaskExpression,keywords:"core, concepts, mask, expression, reg, exp, fixed"},{section:"Core concepts",title:"Element state",route:$.$.ElementState,keywords:"core, concepts, element, state"},{section:"Core concepts",title:"Processors",route:$.$.Processors,keywords:"core, concepts, preprocessor, postprocessor, processor, element, state, elementState"},{section:"Core concepts",title:"Plugins",route:$.$.Plugins,keywords:"core, concepts, extension, event, focus, blur"},{section:"Core concepts",title:"Overwrite mode",route:$.$.OverwriteMode,keywords:"core, concepts, overwrite, mode, shift, replace"},{section:"Core concepts",title:"Transformer",route:$.$.Transformer,keywords:"core, concepts, programmatic, patch, set, update, value"},{section:"Frameworks",title:"Angular",route:$.$.Angular,keywords:"ng, angular, framework, addon"},{section:"Frameworks",title:"React",route:$.$.React,keywords:"react, framework, addon"},{section:"Frameworks",title:"Vue",route:$.$.Vue,keywords:"vue, framework, addon"},{section:"Kit",title:"Number",route:$.$.Number,keywords:"digit, number, money, mask, kit, generator"},{section:"Kit",title:"Time",route:$.$.Time,keywords:"time, hour, minute, second, mask, kit, generator"},{section:"Kit",title:"Date",route:$.$.Date,keywords:"date, day, month, year, mask, kit, generator"},{section:"Kit",title:"DateRange",route:$.$.DateRange,keywords:"date, day, month, year, mask, range, kit, generator"},{section:"Kit",title:"DateTime",route:$.$.DateTime,keywords:"date, day, month, year, mask, time, date-time, hour, minute, second, kit, generator"},{section:"Addons",title:"@maskito/phone",route:$.$.PhonePackage,keywords:"phone, libphonenumber, international, generator"},{section:"Recipes",title:"Card",route:$.$.Card,keywords:"card, credit, cvv, debit, mask, recipe"},{section:"Recipes",title:"Phone",route:$.$.Phone,keywords:"phone, mobile, tel, telephone, mask, recipe"},{section:"Recipes",title:"Textarea",route:$.$.Textarea,keywords:"textarea, latin, mask, recipe"},{section:"Recipes",title:"ContentEditable",route:$.$.ContentEditable,keywords:"content, editable, contenteditable, contentEditable, mask, recipe"},{section:"Recipes",title:"With prefix",route:$.$.Prefix,keywords:"prefix, before, recipe"},{section:"Recipes",title:"With postfix",route:$.$.Postfix,keywords:"postfix, after, percent, am, pm, recipe"},{section:"Recipes",title:"With placeholder",route:$.$.Placeholder,keywords:"guide, placeholder, fill, recipe"},{section:"Other",title:"Browser support",route:$.$.BrowserSupport,keywords:"chrome, safari, ie, edge, firefox, browser, support"},{section:"Other",title:"Supported <input /> types",route:$.$.SupportedInputTypes,keywords:"input, type, text, password, search, tel, url, email, number, date, month"},{section:"Other",title:"Maskito in Real World Form",route:$.$.RealWorldForm,keywords:"browser, autofill, showcase, in, action, demo"},{section:"Other",title:"Changelog",route:"https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md",target:"_blank",keywords:"release, change, changelog, archive, history"}];var Rr=u(1286),yr=u(7300);const hr=[{path:$.$.WhatIsMaskito,loadComponent:()=>Promise.all([u.e(2076),u.e(3781)]).then(u.bind(u,3781)),title:"What is Maskito?"},{path:$.$.MaskitoLibraries,loadComponent:()=>u.e(7093).then(u.bind(u,7093)),title:"Maskito libraries"},{path:$.$.CoreConceptsOverview,loadComponent:()=>Promise.all([u.e(2076),u.e(3443)]).then(u.bind(u,3443)),title:"Core concepts"},{path:$.$.MaskExpression,loadComponent:()=>Promise.all([u.e(2076),u.e(2361)]).then(u.bind(u,2361)),title:"Mask expression"},{path:$.$.ElementState,loadComponent:()=>u.e(6233).then(u.bind(u,6233)),title:"Element state"},{path:$.$.Processors,loadComponent:()=>Promise.all([u.e(2076),u.e(625)]).then(u.bind(u,625)),title:"Processors"},{path:$.$.Plugins,loadComponent:()=>Promise.all([u.e(2076),u.e(2731)]).then(u.bind(u,2731)),title:"Plugins"},{path:$.$.OverwriteMode,loadComponent:()=>Promise.all([u.e(6973),u.e(2076),u.e(9167)]).then(u.bind(u,9167)),title:"Overwrite mode"},{path:$.$.Transformer,loadComponent:()=>Promise.all([u.e(2076),u.e(6781)]).then(u.bind(u,6781)),title:"Transformer"},{path:$.$.Angular,loadComponent:()=>u.e(5787).then(u.bind(u,5787)),title:"Angular"},{path:$.$.React,loadComponent:()=>u.e(4610).then(u.bind(u,4610)),title:"React"},{path:$.$.Vue,loadComponent:()=>u.e(6355).then(u.bind(u,6355)),title:"Vue"},{path:$.$.Number,loadComponent:()=>u.e(7706).then(u.bind(u,7706)),title:"Number"},{path:$.$.Time,loadComponent:()=>u.e(3156).then(u.bind(u,3156)),title:"Time"},{path:$.$.Date,loadComponent:()=>u.e(3298).then(u.bind(u,3298)),title:"Date"},{path:$.$.DateRange,loadComponent:()=>u.e(2909).then(u.bind(u,2909)),title:"DateRange"},{path:$.$.DateTime,loadComponent:()=>u.e(4667).then(u.bind(u,4667)),title:"DateTime"},{path:$.$.Card,loadComponent:()=>u.e(9035).then(u.bind(u,9035)),title:"Card"},{path:$.$.Phone,loadComponent:()=>u.e(2490).then(u.bind(u,2490)),title:"Phone"},{path:$.$.PhonePackage,loadComponent:()=>Promise.all([u.e(1756),u.e(8736)]).then(u.bind(u,8736)),title:"Phone"},{path:$.$.Textarea,loadComponent:()=>Promise.all([u.e(6973),u.e(5538)]).then(u.bind(u,5538)),title:"Textarea"},{path:$.$.ContentEditable,loadComponent:()=>u.e(699).then(u.bind(u,699)),title:"ContentEditable"},{path:$.$.Prefix,loadComponent:()=>u.e(2326).then(u.bind(u,2326)),title:"With prefix"},{path:$.$.Postfix,loadComponent:()=>u.e(778).then(u.bind(u,778)),title:"With postfix"},{path:$.$.Placeholder,loadComponent:()=>u.e(8809).then(u.bind(u,8809)),title:"With placeholder"},{path:$.$.BrowserSupport,loadComponent:()=>u.e(2181).then(u.bind(u,2181)),title:"Browser support"},{path:$.$.SupportedInputTypes,loadComponent:()=>Promise.all([u.e(1756),u.e(4658)]).then(u.bind(u,4658)),title:"Supported <input /> types"},{path:$.$.RealWorldForm,loadComponent:()=>Promise.all([u.e(1756),u.e(6973),u.e(9306)]).then(u.bind(u,9306)),title:"Maskito in Real World Form"},{path:$.$.Stackblitz,loadComponent:()=>Promise.resolve().then(u.bind(u,1286)).then(ve=>ve.StackblitzStarterComponent),title:"Stackblitz Starter"}].map(yr.r6).concat({path:"**",redirectTo:$.$.WhatIsMaskito});var Po=u(5173);const ir=new Po.lS((()=>{var ve;class q{}return(ve=q).\u0275fac=function(je){return new(je||ve)},ve.\u0275cmp=S.VBU({type:ve,selectors:[["angular-logo"]],standalone:!0,features:[S.aNF],decls:1,vars:0,consts:[["src","assets/icons/angular.svg"]],template:function(je,St){1&je&&S.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),q})()),Co=new Po.lS((()=>{var ve;class q{}return(ve=q).\u0275fac=function(je){return new(je||ve)},ve.\u0275cmp=S.VBU({type:ve,selectors:[["javascript-logo"]],standalone:!0,features:[S.aNF],decls:1,vars:0,consts:[["src","assets/icons/javascript.svg"]],template:function(je,St){1&je&&S.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),q})()),qn=new Po.lS((()=>{var ve;class q{}return(ve=q).\u0275fac=function(je){return new(je||ve)},ve.\u0275cmp=S.VBU({type:ve,selectors:[["react-logo"]],standalone:!0,features:[S.aNF],decls:1,vars:0,consts:[["src","assets/icons/react.svg"]],template:function(je,St){1&je&&S.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),q})()),pi=new Po.lS((()=>{var ve;class q{}return(ve=q).\u0275fac=function(je){return new(je||ve)},ve.\u0275cmp=S.VBU({type:ve,selectors:[["vue-logo"]],standalone:!0,features:[S.aNF],decls:1,vars:0,consts:[["src","assets/icons/vue.svg"]],template:function(je,St){1&je&&S.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),q})()),Qi=new Po.lS((()=>{var ve;class q{}return(ve=q).\u0275fac=function(je){return new(je||ve)},ve.\u0275cmp=S.VBU({type:ve,selectors:[["logo"]],standalone:!0,features:[S.aNF],decls:5,vars:0,consts:[["routerLink","/","tuiLink","",1,"logo-link"],[1,"logo-name"],["alt","Maskito logo","src","assets/icons/maskito.svg",1,"logo"],["alt","by T-Bank","src","assets/icons/by.svg",1,"by"]],template:function(je,St){1&je&&(S.j41(0,"a",0)(1,"span",1),S.nrm(2,"img",2),S.EFF(3," Maskito "),S.k0s()(),S.nrm(4,"img",3))},dependencies:[X.Wk,Q.Jc],styles:["[_nghost-%COMP%]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{font-size:0}}.logo-link[_ngcontent-%COMP%]{display:flex}.logo-name[_ngcontent-%COMP%]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-%COMP%]{margin-right:.625rem}.by[_ngcontent-%COMP%]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-%COMP%]{display:none}}"],changeDetection:0}),q})()),hi={providers:[function Lo(){return[...$i]}(),(0,X.lh)(hr,(0,X.oH)({scrollPositionRestoration:"enabled",anchorScrolling:"enabled"})),function $t(...ve){const q=[Rt,Et,Dn,{provide:Xe,useExisting:Dn},{provide:Ge,useExisting:Et},{provide:vt,useValue:ge,multi:!0},{provide:on,useValue:!0},{provide:ze,useClass:we}];for(const Pe of ve)q.push(...Pe.\u0275providers);return(0,S.EmA)(q)}(),{provide:c.hb,useClass:c.Sm},{provide:se.xq,useValue:"Maskito | "},{provide:se.sy,useValue:Qi},{provide:se.Xw,useValue:["Description and examples","API"]},{provide:se.rm,useValue:Pr},{provide:se.QP,useValue:ve=>{const q="https://github.com/taiga-family/maskito/tree/main/projects";return ve.path?"".concat(q,"/").concat(ve.path):ve.package&&"kit"===ve.package.toLowerCase()?"".concat(q,"/").concat(ve.package.toLowerCase(),"/src/lib/masks/").concat((ve.header.slice(0,1).toLowerCase()+ve.header.slice(1)).replaceAll(/[A-Z]/g,Pe=>"-".concat(Pe.toLowerCase()))):null}},{provide:se.ii,useClass:Rr.StackblitzService},{provide:se.iQ,useValue:ve=>{const q=Object.keys(ve);return 1===q.length&&q[0]===$.w.MaskitoOptions?{...ve,[$.w.JavaScript]:"import {Maskito, MaskitoOptions} from '@maskito/core';\nimport maskitoOptions from './mask';\n\nconst element = document.querySelector('input,textarea')!;\nconst maskedInput = new Maskito(element, maskitoOptions);\n\n// Call this function when the element is detached from DOM\nmaskedInput.destroy();",[$.w.Angular]:"import {Component} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport type {MaskitoOptions} from '@maskito/core';\n\nimport mask from './mask';\n\n@Component({\n  selector: 'my-app',\n  standalone: true,\n  imports: [MaskitoDirective],\n  template: '<input [maskito]=\"options\" />',\n})\nexport class App {\n  readonly options: MaskitoOptions = mask;\n}",[$.w.React]:"import * as React from 'react';\nimport {useMaskito} from '@maskito/react';\n\nimport options from './mask';\n\nexport default function App() {\n  const maskedInputRef = useMaskito({options});\n\n  return <input ref={maskedInputRef} />;\n}",[$.w.Vue]:"import {createApp} from 'vue';\nimport {maskito} from '@maskito/vue';\n\nimport options from './mask';\n\nconst app = createApp({\n  template: '<input v-maskito=\"options\" />',\n  directives: {maskito},\n  data: () => ({ options }),\n});"}:ve}},(0,ne.Yh)({codeEditorVisibilityHandler:ve=>{const q=Object.keys(ve);return q.includes($.w.MaskitoOptions)&&q.includes($.w.JavaScript)},tabTitles:new Map([[$.w.Angular,ir],[$.w.JavaScript,Co],[$.w.React,qn],[$.w.Vue,pi]])}),{provide:lo.sq,useFactory:()=>{const ve=(0,c.UE)((0,S.WQX)(S.Agw));return{coreLibraryLoader:(q=(0,j.A)(function*(){return u.e(2707).then(u.bind(u,2707))}),function(){return q.apply(this,arguments)}),lineNumbersLoader:function(){var q=(0,j.A)(function*(){return ve?u.e(3819).then(u.bind(u,3819)):Promise.resolve()});return function(){return q.apply(this,arguments)}}(),languages:{typescript:function(){var q=(0,j.A)(function*(){return u.e(7491).then(u.bind(u,7491))});return function(){return q.apply(this,arguments)}}(),less:function(){var q=(0,j.A)(function*(){return u.e(5961).then(u.bind(u,5961))});return function(){return q.apply(this,arguments)}}(),xml:function(){var q=(0,j.A)(function*(){return u.e(3863).then(u.bind(u,3863))});return function(){return q.apply(this,arguments)}}()}};var q}},{provide:se.Y$,useValue:ve=>{if(ve.toLowerCase().startsWith("maskito"))return"https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+".concat(ve,"%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&type=code");switch(ve){case"Date":return"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date";case"MetadataJson":return"https://github.com/catamphetamine/libphonenumber-js?tab=readme-ov-file#min-vs-max-vs-mobile-vs-core";default:return null}}}]};(0,t.B8)(Ae,hi).catch(ve=>console.error(ve))},1286:(wt,ke,u)=>{u.r(ke),u.d(ke,{StackblitzEditButtonComponent:()=>S,StackblitzService:()=>Ln,StackblitzStarterComponent:()=>tn});var t=u(4135),c=u(2978);let S=(()=>{var it;class Ye{}return(it=Ye).\u0275fac=function(ae){return new(ae||it)},it.\u0275cmp=c.VBU({type:it,selectors:[["stackblitz-edit-button"]],standalone:!0,features:[c.aNF],decls:2,vars:0,consts:[["appearance","flat","iconStart","assets/icons/stackblitz.svg","size","s","title","Edit on StackBlitz","tuiButton","","type","button"]],template:function(ae,he){1&ae&&(c.j41(0,"button",0),c.EFF(1," Edit "),c.k0s())},dependencies:[t.p],styles:["@media screen and (max-width: 47.9625em){button[_ngcontent-%COMP%]{font-size:0;margin-right:-1rem}}"],changeDetection:0}),Ye})();var N=u(3308),X=u(6610),$=u(7300),W=u(8598),se=u(1760);const ne=JSON.parse('{"g5":{"ZX":">=1.0.0"}}'),be="https://stackblitz.com",ee=["angular-cli","create-react-app","html","javascript","node","polymer","typescript","vue"],Ae=["project","search","ports","settings"],j=["light","dark"],oe=["editor","preview"],Be={clickToLoad:it=>Ue("ctl",it),devToolsHeight:it=>Me("devtoolsheight",it),forceEmbedLayout:it=>Ue("embed",it),hideDevTools:it=>Ue("hidedevtools",it),hideExplorer:it=>Ue("hideExplorer",it),hideNavigation:it=>Ue("hideNavigation",it),openFile:it=>Xe("file",it),showSidebar:it=>function U(it,Ye){return"boolean"==typeof Ye?"".concat(it,"=").concat(Ye?"1":"0"):""}("showSidebar",it),sidebarView:it=>xe("sidebarView",it,Ae),startScript:it=>Xe("startScript",it),terminalHeight:it=>Me("terminalHeight",it),theme:it=>xe("theme",it,j),view:it=>xe("view",it,oe),zenMode:it=>Ue("zenMode",it),organization:it=>"".concat(Xe("orgName",null==it?void 0:it.name),"&").concat(Xe("orgProvider",null==it?void 0:it.provider)),crossOriginIsolated:it=>Ue("corp",it)};function nt(it={}){const Ye=Object.entries(it).map(([ct,ae])=>null!=ae&&Be.hasOwnProperty(ct)?Be[ct](ae):"").filter(Boolean);return Ye.length?"?".concat(Ye.join("&")):""}function Ue(it,Ye){return!0===Ye?"".concat(it,"=1"):""}function Me(it,Ye){if("number"==typeof Ye&&!Number.isNaN(Ye)){const ct=Math.min(100,Math.max(0,Ye));return"".concat(it,"=").concat(encodeURIComponent(Math.round(ct)))}return""}function xe(it,Ye="",ct=[]){return ct.includes(Ye)?"".concat(it,"=").concat(encodeURIComponent(Ye)):""}function Xe(it,Ye){return(Array.isArray(Ye)?Ye:[Ye]).filter(ae=>"string"==typeof ae&&""!==ae.trim()).map(ae=>"".concat(it,"=").concat(encodeURIComponent(ae))).join("&")}function at(it,Ye){return"".concat(_t(Ye)).concat(it).concat(nt(Ye))}function _t(it={}){return("string"==typeof it.origin?it.origin:be).replace(/\/$/,"")}function Tt(it){return it&&!1===it.newWindow?"_self":"_blank"}function de({template:it,title:Ye,description:ct,dependencies:ae,files:he,settings:We}){if(!ee.includes(it)){const Dn=ee.map(pn=>"'".concat(pn,"'")).join(", ");console.warn("Unsupported project.template: must be one of ".concat(Dn))}const vt=[],Vt=(Dn,pn,Sn="")=>{vt.push(function Z(it,Ye){const ct=document.createElement("input");return ct.type="hidden",ct.name=it,ct.value=Ye,ct}(Dn,"string"==typeof pn?pn:Sn))};Vt("project[title]",Ye),"string"==typeof ct&&ct.length>0&&Vt("project[description]",ct),Vt("project[template]",it,"javascript"),ae&&("node"===it?console.warn("Invalid project.dependencies: dependencies must be provided as a 'package.json' file when using the 'node' template."):Vt("project[dependencies]",JSON.stringify(ae))),We&&Vt("project[settings]",JSON.stringify(We)),Object.entries(he).forEach(([Dn,pn])=>{Vt("project[files][".concat(function ie(it){return it.replace(/\[/g,"%5B").replace(/\]/g,"%5D")}(Dn),"]"),pn)});const dn=document.createElement("form");return dn.method="POST",dn.setAttribute("style","display:none!important;"),dn.append(...vt),dn}const Xt_openProject=function Le(it,Ye){!function Oe(it,Ye){const ct=de(it);ct.action=at("/run",Ye),ct.target=Tt(Ye),document.body.appendChild(ct),ct.submit(),document.body.removeChild(ct)}(it,Ye)};var sn=u(5173);let Ln=(()=>{var it;class Ye{constructor(){this.baseProjectConfigs={template:"typescript",dependencies:{"@maskito/core":"latest","@maskito/kit":"latest","@maskito/phone":"latest","libphonenumber-js":ne.g5.ZX}},this.name="Stackblitz",this.content=new sn.lS(S)}edit(ae,he,We){var vt=this;return(0,N.A)(function*(){var Vt,dn;const[Dn="",pn=""]=yield Promise.all([u.e(1250).then(u.t.bind(u,1250,17)),u.e(2741).then(u.t.bind(u,2741,17))].map($.XZ));return Xt_openProject({...vt.baseProjectConfigs,title:"maskito/".concat(ae,"/").concat(he),description:"Maskito example of the component ".concat(ae),files:{"index.html":ae.includes("textarea")?"<textarea></textarea>":"<input />","styles.css":pn,"index.ts":null!==(Vt=(0,$.SH)(Dn)[0])&&void 0!==Vt?Vt:"","mask.ts":null!==(dn=We[se.w.MaskitoOptions])&&void 0!==dn?dn:""}},{openFile:"index.ts,mask.ts"})})()}openStarter({title:ae,description:he,files:We},vt){return Xt_openProject({...this.baseProjectConfigs,title:ae,description:he,files:We},vt)}}return(it=Ye).\u0275fac=function(ae){return new(ae||it)},it.\u0275prov=c.jDH({token:it,factory:it.\u0275fac}),Ye})(),tn=(()=>{var it;class Ye{constructor(){this.platformId=(0,c.WQX)(c.Agw),this.stackblitz=(0,c.WQX)(Ln)}ngOnInit(){var ae=this;return(0,N.A)(function*(){(0,X.UE)(ae.platformId)&&(yield ae.openStackblitz())})()}openStackblitz(){var ae=this;return(0,N.A)(function*(){const[he="",We=""]=yield Promise.all([u.e(3918).then(u.t.bind(u,3918,17)),u.e(2741).then(u.t.bind(u,2741,17))].map($.XZ));return ae.stackblitz.openStarter({title:"Maskito Starter",description:"A starter with Maskito library\nDocumentation: https://maskito.dev",files:{"index.html":"<input />","index.ts":he,"styles.css":We}},{newWindow:!1,openFile:"index.ts",hideExplorer:!0})})()}}return(it=Ye).\u0275fac=function(ae){return new(ae||it)},it.\u0275cmp=c.VBU({type:it,selectors:[["stackblitz-starter"]],standalone:!0,features:[c.Jv_([Ln]),c.aNF],decls:1,vars:1,consts:[["size","xxl","textContent","Stackblitz loading...",1,"loader",3,"overlay"]],template:function(ae,he){1&ae&&c.nrm(0,"tui-loader",0),2&ae&&c.Y8G("overlay",!0)},dependencies:[W.ap],styles:[".loader[_ngcontent-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;z-index:1;background:var(--tui-background-base)}"],changeDetection:0}),Ye})()},168:(wt,ke,u)=>{u.d(ke,{sd:()=>te,N_:()=>Oe,GH:()=>Ye,DX:()=>We,lp:()=>uo,hK:()=>de,TK:()=>fi,VM:()=>an,xg:()=>k,Kf:()=>Z,iZ:()=>Ne,A6:()=>Le,d5:()=>Ii,Um:()=>Ln});var t=u(1860);function c(Ee,$e,et){const Je=Math.min(Number(et),Math.max(Number($e),Number(Ee)));return Ee instanceof Date?new Date(Je):Je}function S(Ee,{day:$e,month:et,year:Je}={}){const qe=new Date(Ee);return $e&&qe.setDate(qe.getDate()+$e),et&&qe.setMonth(qe.getMonth()+et),Je&&qe.setFullYear(qe.getFullYear()+Je),qe}function N(Ee){return{day:String(Ee.getDate()).padStart(2,"0"),month:String(Ee.getMonth()+1).padStart(2,"0"),year:String(Ee.getFullYear()).padStart(4,"0"),hours:String(Ee.getHours()).padStart(2,"0"),minutes:String(Ee.getMinutes()).padStart(2,"0"),seconds:String(Ee.getSeconds()).padStart(2,"0"),milliseconds:String(Ee.getMilliseconds()).padStart(3,"0")}}function X(Ee){return Ee.replaceAll(/\W/g,"").length}function W(Ee,$e){return!(Ee.length<$e.length)&&Ee.split(/\D/).every(et=>!/^0+$/.exec(et))}function se(Ee,$e,et){const Je=X($e);return Ee.replace(et,"").match(new RegExp("(\\D*\\d[^\\d\\s]*){1,".concat(Je,"}"),"g"))||[]}function ne(Ee,$e){const et=$e.replaceAll(/[^dmy]/g,""),Je=Ee.replaceAll(/\D+/g,""),qe={day:Je.slice(et.indexOf("d"),et.lastIndexOf("d")+1),month:Je.slice(et.indexOf("m"),et.lastIndexOf("m")+1),year:Je.slice(et.indexOf("y"),et.lastIndexOf("y")+1)};return Object.fromEntries(Object.entries(qe).filter(([ft,gt])=>!!gt).sort(([ft],[gt])=>$e.toLowerCase().indexOf(ft.slice(0,1))>$e.toLowerCase().indexOf(gt.slice(0,1))?1:-1))}function J(Ee,$e){var et,Je,qe,ft,gt,bt,yt;const It=2===(null===(et=Ee.year)||void 0===et?void 0:et.length)?"20".concat(Ee.year):Ee.year,Nt=new Date(Number(null!=It?It:"0"),Number(null!==(Je=Ee.month)&&void 0!==Je?Je:"1")-1,Number(null!==(qe=Ee.day)&&void 0!==qe?qe:"1"),Number(null!==(ft=null==$e?void 0:$e.hours)&&void 0!==ft?ft:"0"),Number(null!==(gt=null==$e?void 0:$e.minutes)&&void 0!==gt?gt:"0"),Number(null!==(bt=null==$e?void 0:$e.seconds)&&void 0!==bt?bt:"0"),Number(null!==(yt=null==$e?void 0:$e.milliseconds)&&void 0!==yt?yt:"0"));return Nt.setFullYear(Number(null!=It?It:"0")),Nt}const Q=", ";function be({day:Ee,month:$e,year:et,hours:Je,minutes:qe,seconds:ft,milliseconds:gt},{dateMode:bt,dateTimeSeparator:yt=Q,timeMode:It}){var Nt;const en=2===(null===(Nt=bt.match(/y/g))||void 0===Nt?void 0:Nt.length)?null==et?void 0:et.slice(-2):et;return(bt+(It?yt+It:"")).replaceAll(/d+/g,null!=Ee?Ee:"").replaceAll(/m+/g,null!=$e?$e:"").replaceAll(/y+/g,null!=en?en:"").replaceAll(/H+/g,null!=Je?Je:"").replaceAll("MSS",null!=gt?gt:"").replaceAll(/M+/g,null!=qe?qe:"").replaceAll(/S+/g,null!=ft?ft:"").replaceAll(/^\D+/g,"").replaceAll(/\D+$/g,"")}var ee=u(4495);const Ae=Ee=>{var $e,et,Je,qe,ft,gt;return{day:null!==($e=null===(et=Ee.match(/d/g))||void 0===et?void 0:et.length)&&void 0!==$e?$e:0,month:null!==(Je=null===(qe=Ee.match(/m/g))||void 0===qe?void 0:qe.length)&&void 0!==Je?Je:0,year:null!==(ft=null===(gt=Ee.match(/y/g))||void 0===gt?void 0:gt.length)&&void 0!==ft?ft:0}};function j({dateString:Ee,dateModeTemplate:$e,dateSegmentsSeparator:et,offset:Je,selection:[qe,ft]}){const gt=ne(Ee,$e),bt=Object.entries(gt),yt={};for(const[en,Zt]of bt){const fn=be(yt,{dateMode:$e}),On=ee.Gq[en],$n=Je+fn.length+(fn.length&&et.length)+Ae($e)[en],Rn=$n>=qe&&$n===ft;if(Rn&&Number(Zt)>Number(On))return{validatedDateString:"",updatedSelection:[qe,ft]};if(Rn&&Number(Zt)<1)return{validatedDateString:"",updatedSelection:[qe,ft]};yt[en]=Zt}const It=be(yt,{dateMode:$e}),Nt=It.length-Ee.length;return{validatedDateString:It,updatedSelection:[qe+Nt,ft+Nt]}}let Be,oe=Ee=>Ee;const nt=/[\\^$.*+?()[\]{}|]/g,Ue=new RegExp(nt.source);function U(Ee){return Ee&&Ue.test(Ee)?Ee.replaceAll(nt,String.raw(Be||(Be=oe($v||($v=Zo(["$&"],["\\$&"])))))):Ee}function Me(Ee,{prefix:$e,postfix:et}){var Je,qe;const ft=new RegExp("^".concat(U($e))),gt=new RegExp("".concat(U(et),"$")),[bt=""]=null!==(Je=Ee.match(ft))&&void 0!==Je?Je:[],[yt=""]=null!==(qe=Ee.match(gt))&&void 0!==qe?qe:[];return{extractedPrefix:bt,extractedPostfix:yt,cleanValue:Ee.replace(ft,"").replace(gt,"")}}function Xe(Ee){return Ee}function Ge(Ee){return!Ee||"object"==typeof Ee&&0===Object.keys(Ee).length}const at=/^0+$/;function tt(Ee,$e,et=0){const Je=Ee.padEnd($e.length,"0");if(Number(Je)<=Number($e))return{validatedSegmentValue:Ee,prefixedZeroesCount:et};if(Je.endsWith("0"))return tt("0".concat(Ee.slice(0,$e.length-1)),$e,et+1);const qe=Ee.slice(0,$e.length-1);return at.exec(qe)?{validatedSegmentValue:"",prefixedZeroesCount:et}:tt("".concat(qe,"0"),$e,et)}function _t(Ee){return Ee.replaceAll(new RegExp(ee.yq,"g"),ee.L7)}function Ht(Ee){return Ee.replaceAll(/[\uff10-\uff19]/g,$e=>String.fromCharCode($e.charCodeAt(0)-65248))}function Wt(){return({elementState:Ee,data:$e})=>{const{value:et,selection:Je}=Ee;return{elementState:{selection:Je,value:_t(et)},data:_t($e)}}}function Tt({dateModeTemplate:Ee,dateSegmentSeparator:$e,splitFn:et,uniteFn:Je}){return({value:qe,selection:ft})=>{var gt;const[bt,yt]=ft,{dateStrings:It,restPart:Nt=""}=et(qe),en=[];let Zt=0;It.forEach(On=>{const Wn=ne(On,Ee),Rn=Object.entries(Wn).reduce((Qn,[Di,$i])=>{const{validatedSegmentValue:eo,prefixedZeroesCount:mo}=tt($i,"".concat(ee.Gq[Di]));return Zt+=mo,{...Qn,[Di]:eo}},{});en.push(be(Rn,{dateMode:Ee}))});const fn=Je(en,qe)+(null!==(gt=It[It.length-1])&&void 0!==gt&&gt.endsWith($e)?$e:"")+Nt;return Zt&&fn.slice(yt+Zt,yt+Zt+$e.length)===$e&&(Zt+=$e.length),{selection:[bt+Zt,yt+Zt],value:fn}}}function Ot({dateModeTemplate:Ee,firstDateEndSeparator:$e,dateSegmentSeparator:et,pseudoFirstDateEndSeparators:Je}){return({elementState:qe,data:ft})=>{const{value:gt,selection:bt}=qe,yt=function $(Ee,$e){const et=X($e),[Je=""]=new RegExp("(\\D*\\d){".concat(et,"}")).exec(Ee)||[];return Je}(gt,Ee),It=Je.filter(en=>!$e.includes(en)&&en!==et),Nt=new RegExp("[".concat(It.join(""),"]"),"gi");return{elementState:{selection:bt,value:yt&&gt.length>yt.length?yt+gt.slice(yt.length).replace(/^[\D\s]*/,$e):gt},data:ft.replace(Nt,$e)}}}function Pt(){return({elementState:Ee,data:$e})=>{const{value:et,selection:Je}=Ee;return{elementState:{selection:Je,value:Ht(et)},data:Ht($e)}}}function mt(Ee,$e){const et=Ae($e);return Object.fromEntries(Object.entries(Ee).map(([Je,qe])=>{const ft=et[Je];return[Je,qe.length===ft&&/^0+$/.exec(qe)?"1".padStart(ft,"0"):qe]}))}function le({dateModeTemplate:Ee,min:$e=ee.Wv,max:et=ee.Qn,rangeSeparator:Je="",dateSegmentSeparator:qe="."}){return({value:ft,selection:gt})=>{const bt=Je&&ft.endsWith(Je),yt=se(ft,Ee,Je);let It="";for(const Nt of yt){It+=It?Je:"";const en=ne(Nt,Ee);W(Nt,Ee)?It+=be(N(c(J(en),$e,et)),{dateMode:Ee}):It+=be(mt(en,Ee),{dateMode:Ee})+(Nt.endsWith(qe)?qe:"")}return{selection:gt,value:It+(bt?Je:"")}}}function H({dateModeTemplate:Ee,dateSegmentsSeparator:$e,rangeSeparator:et="",dateTimeSeparator:Je=Q}){return({elementState:qe,data:ft})=>{var gt;const bt=et?new RegExp("".concat(et,"|-")):Je,yt=ft.split(bt),It=ft.includes(Je)?[null!==(gt=yt[0])&&void 0!==gt?gt:""]:yt;if(It.every(Nt=>Nt.trim().split(/\D/).filter(Boolean).length===Ee.split($e).length)){const Nt=It.map(en=>function ce(Ee,$e,et){const Je=Ee.split(/\D/).filter(Boolean),qe=$e.split(et);return Je.map((gt,bt)=>{var yt,It;return bt===qe.length-1?gt:gt.padStart(null!==(yt=null===(It=qe[bt])||void 0===It?void 0:It.length)&&void 0!==yt?yt:0,"0")}).join(et)}(en,Ee,$e)).join(et);return{elementState:qe,data:"".concat(Nt).concat(ft.includes(Je)&&Je+yt[1]||"")}}return{elementState:qe,data:ft}}}function k(Ee){const $e=new RegExp("".concat(U(Ee),"$"));return Ee?({value:et,selection:Je},qe)=>{if(!et&&!qe.value.endsWith(Ee))return{value:et,selection:Je};if(!et.endsWith(Ee)&&!qe.value.endsWith(Ee))return{selection:Je,value:et+Ee};const ft=qe.value.replace($e,""),gt=qe.selection[1]>=ft.length,bt=function xe(Ee,$e){let et="";for(let Je=0;Je<Ee.length;Je++){if(Ee[Je]!==$e[Je])return et;et+=Ee[Je]}return et}(ft,et);return{selection:Je,value:Array.from(Ee).reverse().reduce((yt,It,Nt)=>{const en=yt.length-1-Nt;return yt[en]!==It||bt[en]===It&&gt?yt.slice(0,en+1)+It+yt.slice(en+1):yt},et)}}:Xe}function Z(Ee){return Ee?({value:$e,selection:et},Je)=>{if($e.startsWith(Ee)||!$e&&!Je.value.startsWith(Ee))return{value:$e,selection:et};const[qe,ft]=et,gt=Array.from(Ee).reduce((yt,It,Nt)=>yt[Nt]===It?yt:yt.slice(0,Nt)+It+yt.slice(Nt),$e),bt=gt.length-$e.length;return{selection:[qe+bt,ft+bt],value:gt}}:Xe}function ie({dateModeTemplate:Ee,dateSegmentsSeparator:$e,rangeSeparator:et=""}){return({elementState:Je,data:qe})=>{const{value:ft,selection:gt}=Je;if(qe===$e)return{elementState:Je,data:gt[0]===ft.length?qe:""};const bt=qe.replaceAll(new RegExp("[^\\d".concat(U($e)).concat(et,"]"),"g"),"");if(!bt)return{elementState:Je,data:""};const[yt,It]=gt;let Nt=It+qe.length;const en=ft.slice(0,yt)+bt+ft.slice(Nt),Zt=se(en,Ee,et);let fn="";const On=!!et&&en.includes(et);for(const $n of Zt){const{validatedDateString:Rn,updatedSelection:Qn}=j({dateString:$n,dateModeTemplate:Ee,dateSegmentsSeparator:$e,offset:fn.length,selection:[yt,Nt]});if($n&&!Rn)return{elementState:Je,data:""};Nt=Qn[1],fn+=On&&!fn?Rn+et:Rn}const Wn=fn.slice(yt,Nt);return{elementState:{selection:gt,value:fn.slice(0,yt)+Wn.split($e).map($n=>"0".repeat($n.length)).join($e)+fn.slice(Nt)},data:Wn}}}function de(Ee,$e,et){return(Je,qe)=>{const ft=()=>$e(Je,qe);return Je.addEventListener(Ee,ft,et),()=>Je.removeEventListener(Ee,ft,et)}}function te(Ee){return de("focus",$e=>{$e.value||(0,t.Gq)($e,Ee)})}function Oe(Ee){return $e=>{const et=$e.ownerDocument;let Je=0;const qe=()=>Je++,ft=()=>{Je=Math.max(--Je,0)},gt=()=>{var bt,yt;if(!$e.matches(":focus"))return;if(Je)return et.addEventListener("mouseup",gt,{once:!0,passive:!0});const It=null!==(bt=$e.selectionStart)&&void 0!==bt?bt:0,Nt=null!==(yt=$e.selectionEnd)&&void 0!==yt?yt:0,[en,Zt]=Ee($e.value,[It,Nt]);(en>It||Zt<Nt)&&$e.setSelectionRange(c(It,en,Zt),c(Nt,en,Zt))};return et.addEventListener("selectionchange",gt,{passive:!0}),$e.addEventListener("mousedown",qe,{passive:!0}),et.addEventListener("mouseup",ft,{passive:!0}),()=>{et.removeEventListener("selectionchange",gt),et.removeEventListener("mousedown",qe),et.removeEventListener("mouseup",ft)}}}const Ne=Ee=>{const $e=()=>{const et=Ee.value;Ee.addEventListener("beforeinput",Je=>{Je.defaultPrevented&&et===Ee.value&&Ee.dispatchEvent(new CustomEvent("maskitoReject",{bubbles:!0}))},{once:!0})};return Ee.addEventListener("beforeinput",$e,!0),()=>Ee.removeEventListener("beforeinput",$e,!0)};function Le(Ee){return de("blur",$e=>{$e.value===Ee&&(0,t.Gq)($e,"")})}const Re=()=>{};function Ke({step:Ee,fullMode:$e,timeSegmentMaxValues:et}){const Je=function Dt(Ee){return new Map([["hours",Rt(Ee,"HH")],["milliseconds",Rt(Ee,"MSS")],["minutes",Rt(Ee,"MM")],["seconds",Rt(Ee,"SS")]])}($e);return Ee<=0?Re:qe=>{const ft=gt=>{var bt;if("ArrowUp"!==gt.key&&"ArrowDown"!==gt.key)return;gt.preventDefault();const yt=null!==(bt=qe.selectionStart)&&void 0!==bt?bt:0,It=function Yt({segmentsIndexes:Ee,selectionStart:$e}){for(const[et,Je]of Ee.entries()){const[qe,ft]=Je;if(qe<=$e&&$e<=ft)return et}return null}({segmentsIndexes:Je,selectionStart:yt});if(!It)return;const Nt=function Xt({selection:Ee,value:$e,toAdd:et,max:Je}){const[qe,ft]=Ee,bt=function sn(Ee,$e){return Ee<0&&(Ee+=Math.floor(Math.abs(Ee)/$e+1)*$e),Ee%$e}(Number($e.slice(qe,ft).padEnd(ft-qe,"0"))+et,Je+1);return $e.slice(0,qe)+String(bt).padStart(ft-qe,"0")+$e.slice(ft,$e.length)}({selection:Je.get(It),value:qe.value,toAdd:"ArrowUp"===gt.key?Ee:-Ee,max:et[It]});(0,t.Gq)(qe,{value:Nt,selection:[yt,yt]})};return qe.addEventListener("keydown",ft),()=>qe.removeEventListener("keydown",ft)}}function Rt(Ee,$e){const et=Ee.indexOf($e);return-1===et?[-1,-1]:[et,et+$e.length]}function Ln(Ee,$e=!1){let et="",Je="validation";const qe=bt=>{for(let yt=bt.length-1;yt>=et.length;yt--)if(bt[yt]!==Ee[yt])return bt.slice(0,yt+1);return bt.slice(0,et.length)},ft=[Oe(bt=>[0,qe(bt).length])];let gt=!1;if($e){const bt=de("focus",It=>{gt=!0,(0,t.Gq)(It,It.value+Ee.slice(It.value.length))},{capture:!0}),yt=de("blur",It=>{gt=!1,(0,t.Gq)(It,qe(It.value))},{capture:!0});ft.push(bt,yt)}return{plugins:ft,removePlaceholder:qe,preprocessors:[({elementState:bt,data:yt},It)=>{Je=It;const{value:Nt,selection:en}=bt;return{elementState:{selection:en,value:qe(Nt)},data:yt}}],postprocessors:[({value:bt,selection:yt},It)=>{et=bt;const Nt=bt+Ee.slice(bt.length,It.value.length)===It.value;if("validation"===Je&&Nt)return{selection:yt,value:It.value};const en=gt||!$e?bt+Ee.slice(bt.length):bt;if(en===It.value&&"deleteBackward"===Je){const[Zt]=It.selection;return{value:en,selection:[Zt,Zt]}}return{value:en,selection:yt}}]}}function Ye({mode:Ee,separator:$e=".",max:et,min:Je}){const qe=Ee.split("/").join($e);return{...t.oI,mask:Array.from(qe).map(ft=>$e.includes(ft)?ft:/\d/),overwriteMode:"replace",preprocessors:[Pt(),({elementState:Ee},$e)=>{const{value:et,selection:Je}=Ee;if(!et||function it(Ee,[$e,et]){return et===Ee.length}(et,Je))return{elementState:Ee};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},H({dateModeTemplate:qe,dateSegmentsSeparator:$e}),ie({dateModeTemplate:qe,dateSegmentsSeparator:$e})],postprocessors:[Tt({dateModeTemplate:qe,dateSegmentSeparator:$e,splitFn:ft=>({dateStrings:[ft]}),uniteFn:([ft=""])=>ft}),le({min:Je,max:et,dateModeTemplate:qe,dateSegmentSeparator:$e})]}}const ct=[ee.SD,ee.c,ee.PN,ee.el,ee.ZQ];function ae({dateModeTemplate:Ee,rangeSeparator:$e,minLength:et,maxLength:Je,max:qe=ee.Qn}){return Ge(et)&&Ge(Je)?Xe:({value:ft,selection:gt})=>{const bt=se(ft,Ee,$e);if(2!==bt.length||bt.some(On=>!W(On,Ee)))return{value:ft,selection:gt};const[yt,It]=bt.map(On=>J(ne(On,Ee)));if(!yt||!It)return{value:ft,selection:gt};const Nt=S(yt,{...et,day:(null==et?void 0:et.day)&&et.day-1}),en=Ge(Je)?qe:S(yt,{...Je,day:(null==Je?void 0:Je.day)&&Je.day-1}),Zt=c(It,Nt,qe);return{selection:gt,value:bt[0]+$e+be(N(Zt>en?en:Zt),{dateMode:Ee})}}}function he({dateModeTemplate:Ee,rangeSeparator:$e}){return({value:et,selection:Je})=>{const qe=se(et,Ee,$e),ft=2===qe.length&&qe.every(Zt=>W(Zt,Ee)),[gt,bt]=Je;if(!((gt>=et.length||0===gt&&bt>=et.length)&&ft))return{value:et,selection:Je};const[Nt,en]=qe.map(Zt=>J(ne(Zt,Ee)));return{selection:Je,value:Nt&&en&&Nt>en?qe.reverse().join($e):et}}}function We({mode:Ee,min:$e,max:et,minLength:Je,maxLength:qe,dateSeparator:ft=".",rangeSeparator:gt="".concat(ee.am).concat(ee.c).concat(ee.am)}){const bt=Ee.split("/").join(ft),yt=Array.from(bt).map(It=>ft.includes(It)?It:/\d/);return{...t.oI,mask:[...yt,...Array.from(gt),...yt],overwriteMode:"replace",preprocessors:[Pt(),Ot({dateModeTemplate:bt,dateSegmentSeparator:ft,firstDateEndSeparator:gt,pseudoFirstDateEndSeparators:ct}),({elementState:Ee},$e)=>{const{value:et,selection:Je}=Ee;if(!et||function it(Ee,[$e,et]){return et===Ee.length}(et,Je))return{elementState:Ee};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},H({dateModeTemplate:bt,rangeSeparator:gt,dateSegmentsSeparator:ft}),ie({dateModeTemplate:bt,rangeSeparator:gt,dateSegmentsSeparator:ft})],postprocessors:[Tt({dateModeTemplate:bt,dateSegmentSeparator:ft,splitFn:It=>({dateStrings:se(It,bt,gt)}),uniteFn:(It,Nt)=>It.reduce((en,Zt,fn)=>en+Zt+(!fn&&Nt.includes(gt)?gt:""),"")}),le({min:$e,max:et,dateModeTemplate:bt,rangeSeparator:gt,dateSegmentSeparator:ft}),ae({dateModeTemplate:bt,minLength:Je,maxLength:qe,max:et,rangeSeparator:gt}),he({dateModeTemplate:bt,rangeSeparator:gt})]}}function dn(Ee){return function vt(Ee,$e){return Object.fromEntries(Object.entries(Ee).map(([et,Je])=>[et,$e(String(Je),ee.Kb[et])]))}(Ee,($e,et)=>$e.padStart(et,"0"))}const Dn={HH:"hours",MM:"minutes",SS:"seconds",MSS:"milliseconds"};function pn(Ee,$e){const et=Ee.replaceAll(/\D+/g,"");let Je=0;return Object.fromEntries($e.split(/\W/).map(qe=>{const ft=et.slice(Je,Je+qe.length);return Je+=qe.length,[Dn[qe],ft]}))}const Sn=/^\D*/,Zi=/\D*$/;function wn({hours:Ee="",minutes:$e="",seconds:et="",milliseconds:Je=""}){return"".concat(Ee,":").concat($e,":").concat(et,".").concat(Je).replace(Sn,"").replace(Zi,"")}const Fi=new RegExp("[".concat(ee.ub.map(U).join(""),"]$"));function Hn({timeString:Ee,paddedMaxValues:$e,offset:et,selection:[Je,qe],timeMode:ft}){const gt=pn(Ee,ft),bt=Object.entries(gt),yt={};let It=0;for(const[fn,On]of bt){const Wn=wn(yt),$n=$e[fn],Qn=et+Wn.length+(Wn.length&&1)+ee.Kb[fn];if(Qn>=Je&&Qn<=qe&&Number(On)>Number($n))return{validatedTimeString:"",updatedTimeSelection:[Je,qe]};const{validatedSegmentValue:$i,prefixedZeroesCount:eo}=tt(On,"".concat($n));It+=eo,yt[fn]=$i}const[Nt=""]=Ee.match(Fi)||[],en=wn(yt)+Nt,Zt=Math.max(en.length-Ee.length,0);return{validatedTimeString:en,updatedTimeSelection:[Je+It+Zt,qe+It+Zt]}}function bi(Ee,{dateModeTemplate:$e,dateTimeSeparator:et}){const Je=Ee.includes(et);return[Ee.slice(0,$e.length),Ee.slice(Je?$e.length+et.length:$e.length)]}function Do({dateModeTemplate:Ee,timeMode:$e,min:et=ee.Wv,max:Je=ee.Qn,dateTimeSeparator:qe}){return({value:ft,selection:gt})=>{const[bt,yt]=bi(ft,{dateModeTemplate:Ee,dateTimeSeparator:qe}),It=ne(bt,Ee),Nt=pn(yt,$e);if(!function Vi(Ee,{dateMode:$e,timeMode:et,dateTimeSeparator:Je=Q}){var qe;return Ee.length>=$e.length+et.length+Je.length&&(null!==(qe=Ee.split(Je)[0])&&void 0!==qe?qe:"").split(/\D/).every(ft=>!/^0+$/.exec(ft))}(ft,{dateMode:Ee,timeMode:$e,dateTimeSeparator:qe})){const On=mt(It,Ee),{year:Wn,month:$n,day:Rn}=W(bt,Ee)?N(c(J(On),et,Je)):On,Qn=be({year:Wn,month:$n,day:Rn,...Nt},{dateMode:Ee,dateTimeSeparator:qe,timeMode:$e});return{selection:gt,value:Qn+ft.slice(Qn.length)}}return{selection:gt,value:be(N(c(J(It,Nt),et,Je)),{dateMode:Ee,dateTimeSeparator:qe,timeMode:$e})}}}function li({dateModeTemplate:Ee,dateSegmentsSeparator:$e,dateTimeSeparator:et,timeMode:Je}){const qe=new RegExp("[^\\d".concat(ee.ub.map(U).join("")).concat(U($e),"]+"));return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft;if(gt===$e)return{elementState:ft,data:yt[0]===bt.length?gt:""};const It=gt.replace(qe,"");if(!It)return{elementState:ft,data:""};const[Nt,en]=yt;let Zt=en+gt.length;const fn=bt.slice(0,Nt)+It+bt.slice(Zt),[On,Wn]=bi(fn,{dateModeTemplate:Ee,dateTimeSeparator:et});let $n="";const Rn=fn.includes(et),{validatedDateString:Qn,updatedSelection:Di}=j({dateString:On,dateSegmentsSeparator:$e,dateModeTemplate:Ee,offset:0,selection:[Nt,Zt]});if(On&&!Qn)return{elementState:ft,data:""};Zt=Di[1],$n+=Qn;const $i=dn(ee.qi),{validatedTimeString:eo,updatedTimeSelection:mo}=Hn({timeString:Wn,paddedMaxValues:$i,offset:$n.length+et.length,selection:[Nt,Zt],timeMode:Je});if(Wn&&!eo)return{elementState:ft,data:""};Zt=mo[1],$n+=Rn?et+eo:eo;const Lo=$n.slice(Nt,Zt);return{elementState:{selection:yt,value:$n.slice(0,Nt)+Lo.split($e).map(_o=>"0".repeat(_o.length)).join($e)+$n.slice(Zt)},data:Lo}}}function uo({dateMode:Ee,timeMode:$e,dateSeparator:et=".",min:Je,max:qe,dateTimeSeparator:ft=Q,timeStep:gt=0}){const bt=Ee.split("/").join(et);return{...t.oI,mask:[...Array.from(bt).map(yt=>et.includes(yt)?yt:/\d/),...ft.split(""),...Array.from($e).map(yt=>ee.ub.includes(yt)?yt:/\d/)],overwriteMode:"replace",preprocessors:[Pt(),Wt(),Ot({dateModeTemplate:bt,dateSegmentSeparator:et,firstDateEndSeparator:ft,pseudoFirstDateEndSeparators:ft.split("")}),({elementState:Ee},$e)=>{const{value:et,selection:Je}=Ee;if(!et||function it(Ee,[$e,et]){return et===Ee.length}(et,Je))return{elementState:Ee};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},H({dateModeTemplate:bt,dateSegmentsSeparator:et,dateTimeSeparator:ft}),li({dateModeTemplate:bt,dateSegmentsSeparator:et,dateTimeSeparator:ft,timeMode:$e})],postprocessors:[Tt({dateModeTemplate:bt,dateSegmentSeparator:et,splitFn:yt=>{const[It,Nt]=bi(yt,{dateModeTemplate:bt,dateTimeSeparator:ft});return{dateStrings:[It],restPart:Nt}},uniteFn:([yt],It)=>yt+(It.includes(ft)?ft:"")}),Do({min:Je,max:qe,dateModeTemplate:bt,timeMode:$e,dateTimeSeparator:ft})],plugins:[Ke({step:gt,fullMode:"".concat(bt).concat(ft).concat($e),timeSegmentMaxValues:ee.qi})]}}function go({prefix:Ee,postfix:$e}){return({elementState:et,data:Je})=>{const{cleanValue:qe}=Me(Je,{prefix:Ee,postfix:$e});return{elementState:et,data:qe}}}let Et,on,Ui=Ee=>Ee;function ln({decimalSeparator:Ee,isNegativeAllowed:$e,precision:et,thousandSeparator:Je,prefix:qe,postfix:ft,decimalPseudoSeparators:gt=[],pseudoMinuses:bt=[],minusSign:yt}){const It=xt(qe),Nt=String.raw(Et||(Et=Ui(Hv||(Hv=Zo(["d"],["\\d"]))))),en=$e?"[".concat(yt).concat(bt.map($n=>"\\".concat($n)).join(""),"]?"):"",Zt=Je?"[".concat(Nt).concat(U(Je).replaceAll(/\s/g,String.raw(on||(on=Ui(zv||(zv=Zo(["s"],["\\s"])))))),"]*"):"[".concat(Nt,"]*"),fn=Number.isFinite(et)?et:"",On=et>0?"([".concat(U(Ee)).concat(gt.map(U).join(""),"]").concat(Nt,"{0,").concat(fn,"})?"):"",Wn=xt(ft);return new RegExp("^".concat(It).concat(en).concat(Zt).concat(On).concat(Wn,"$"))}function xt(Ee){return Ee?"".concat(Ee.split("").map($e=>"".concat(U($e),"?")).join("")):""}function an(Ee,$e="."){const et=!!new RegExp("^\\D*[".concat(ee.el,"\\").concat(ee.SD).concat(ee.c).concat(ee.PN).concat(ee.ZQ,"]")).exec(Ee),Je=U($e),qe=Ee.replaceAll(new RegExp("".concat(Je,"(?!\\d)"),"g"),"").replaceAll(new RegExp("[^\\d".concat(Je,"]"),"g"),"").replace($e,".");return qe?Number("".concat(et?ee.SD:"").concat(qe)):NaN}function ze(Ee,{decimalSeparator:$e,thousandSeparator:et}){const[Je="",qe=""]=Ee.split($e),[,ft="",gt=""]=new RegExp("([^\\d".concat(U(et),"]+)?(.*)")).exec(Je)||[];return{minus:ft,integerPart:gt,decimalPart:qe}}function ge({decimalSeparator:Ee,precision:$e,decimalZeroPadding:et,prefix:Je,postfix:qe}){return $e<=0||!et?Xe:({value:ft,selection:gt})=>{const{cleanValue:bt,extractedPrefix:yt,extractedPostfix:It}=Me(ft,{prefix:Je,postfix:qe});if(Number.isNaN(an(bt,Ee)))return{value:ft,selection:gt};const[Nt,en=""]=bt.split(Ee);return{value:yt+Nt+Ee+en.padEnd($e,"0")+It,selection:gt}}}function Y({prefix:Ee,postfix:$e,decimalSeparator:et,thousandSeparator:Je}){return({value:qe,selection:ft})=>{const[gt]=ft,{cleanValue:bt,extractedPrefix:yt,extractedPostfix:It}=Me(qe,{prefix:Ee,postfix:$e}),{minus:Nt,integerPart:en,decimalPart:Zt}=ze(bt,{decimalSeparator:et,thousandSeparator:Je}),fn=!en&&!Zt&&bt.includes(et);return!en&&!Number(Zt)&&gt===(Nt+yt).length||fn?{selection:ft,value:yt+Nt+It}:{value:qe,selection:ft}}}function He({decimalSeparator:Ee,decimalPseudoSeparators:$e,pseudoMinuses:et,prefix:Je,postfix:qe,minusSign:ft}){let gt=!0;const bt=ln({decimalSeparator:Ee,decimalPseudoSeparators:$e,pseudoMinuses:et,prefix:"",postfix:"",thousandSeparator:"",precision:1/0,isNegativeAllowed:!0,minusSign:ft});return({elementState:yt,data:It})=>{if(!gt)return{elementState:yt,data:It};gt=!1;const{value:Nt,selection:en}=yt,[Zt,fn]=en,{extractedPrefix:On,cleanValue:Wn,extractedPostfix:$n}=Me(Nt,{prefix:Je,postfix:qe}),Rn=(0,t.bc)({selection:[Math.max(Zt-On.length,0),c(fn-On.length,0,Wn.length)],value:Wn},{mask:bt}),[Qn,Di]=Rn.selection;return{elementState:{selection:[Qn+On.length,Di+On.length],value:On+Rn.value+$n},data:It}}}function $t({min:Ee,max:$e,decimalSeparator:et,minusSign:Je}){return({value:qe,selection:ft})=>{const gt=an(qe,et),bt=gt>0?Math.min(gt,$e):Math.max(gt,Ee);if(gt&&bt!==gt){const yt="".concat(bt).replace(".",et).replace(ee.SD,Je);return{value:yt,selection:[yt.length,yt.length]}}return{value:qe,selection:ft}}}function jt({decimalSeparator:Ee,thousandSeparator:$e,decimalZeroPadding:et}){return({elementState:Je,data:qe},ft)=>{const{value:gt,selection:bt}=Je,[yt,It]=bt,Nt=gt.slice(yt,It),en=et?[Ee,$e]:[$e],Zt=et&&yt>gt.indexOf(Ee)&&!!Nt.match(/^0+$/gi);return"deleteBackward"!==ft&&"deleteForward"!==ft||!en.includes(Nt)&&!Zt?{elementState:Je,data:qe}:{elementState:{value:gt,selection:"deleteForward"===ft?[It,It]:[yt,yt]},data:qe}}}function hn({decimalSeparator:Ee,precision:$e,prefix:et,postfix:Je}){const qe=new RegExp("^\\D*".concat(U(Ee)));return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft,{cleanValue:It,extractedPrefix:Nt}=Me(bt,{prefix:et,postfix:Je}),[en,Zt]=yt,fn=c(en-Nt.length,0,It.length),On=c(Zt-Nt.length,0,It.length);return $e<=0||It.slice(0,fn).includes(Ee)||It.slice(On).includes(Ee)||!gt.match(qe)?{elementState:ft,data:gt}:{elementState:ft,data:/\d+/.exec(It.slice(0,fn))?gt:"0".concat(gt)}}}function gn({validCharacter:Ee,pseudoCharacters:$e,prefix:et,postfix:Je}){const qe=new RegExp("[".concat($e.join(""),"]"),"gi");return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft,{cleanValue:It,extractedPostfix:Nt,extractedPrefix:en}=Me(bt,{prefix:et,postfix:Je});return{elementState:{selection:yt,value:en+It.replace(qe,Ee)+Nt},data:gt.replace(qe,Ee)}}}function ii({decimalSeparator:Ee,prefix:$e,postfix:et}){return({elementState:Je,data:qe})=>{const{value:ft,selection:gt}=Je,[bt,yt]=gt,{cleanValue:It}=Me(ft,{prefix:$e,postfix:et});return{elementState:Je,data:!It.includes(Ee)||ft.slice(bt,yt+1).includes(Ee)?qe:qe.replaceAll(new RegExp(U(Ee),"gi"),"")}}}function Vn({thousandSeparator:Ee,decimalSeparator:$e,prefix:et,postfix:Je}){return Ee?({value:ft,selection:gt})=>{const{cleanValue:bt,extractedPostfix:yt,extractedPrefix:It}=Me(ft,{prefix:et,postfix:Je}),{minus:Nt,integerPart:en,decimalPart:Zt}=ze(bt,{decimalSeparator:$e,thousandSeparator:Ee}),[fn,On]=gt;let[Wn,$n]=gt;const Rn=Array.from(en).reduceRight((Qn,Di,$i)=>{const mo=!(!$i&&Di===Ee)&&Qn.length&&(Qn.length+1)%4==0;return mo&&(Di===Ee||((...ft)=>ft.every(gt=>/\s/.test(gt)))(Di,Ee))?Ee+Qn:Di!==Ee||mo?mo?($i<=fn&&Wn++,$i<=On&&$n++,Di+Ee+Qn):Di+Qn:($i&&$i<=fn&&Wn--,$i&&$i<=On&&$n--,Qn)},"");return{value:It+Nt+Rn+(bt.includes($e)?$e:"")+Zt+yt,selection:[Wn,$n]}}:Xe}function jn({precision:Ee,decimalSeparator:$e,prefix:et,postfix:Je}){if(Ee>0)return Xe;const qe=new RegExp("".concat(U($e),".*$"),"g");return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft,{cleanValue:It,extractedPrefix:Nt,extractedPostfix:en}=Me(bt,{prefix:et,postfix:Je}),[Zt,fn]=yt,On=Nt+It.replace(qe,"")+en;return{elementState:{selection:[Math.min(Zt,On.length),Math.min(fn,On.length)],value:On},data:gt.replace(qe,"")}}}const Pn=[0,0];function ki({decimalSeparator:Ee,thousandSeparator:$e,prefix:et,postfix:Je}){const qe=function pt({decimalSeparator:Ee,thousandSeparator:$e,prefix:et,postfix:Je}){const qe=gt=>{const bt=U($e);return gt.replace(new RegExp("^(\\D+)?[0".concat(bt,"]+(?=0)")),"$1").replace(new RegExp("^(\\D+)?[0".concat(bt,"]+(?=[1-9])")),"$1")},ft=(gt,bt)=>{const yt=gt.slice(0,bt),It=gt.slice(bt).startsWith("0");return yt.length-qe(yt).length+(It?1:0)};return({value:gt,selection:bt})=>{const[yt,It]=bt,{cleanValue:Nt,extractedPrefix:en,extractedPostfix:Zt}=Me(gt,{prefix:et,postfix:Je}),fn=Nt.includes(Ee),[On="",Wn=""]=Nt.split(Ee),$n=qe(On);if(On===$n)return{value:gt,selection:bt};const Rn=yt-ft(gt,yt),Qn=It-ft(gt,It);return{value:en+$n+(fn?Ee:"")+Wn+Zt,selection:[Math.max(Rn,0),Math.max(Qn,0)]}}}({decimalSeparator:Ee,thousandSeparator:$e,prefix:et,postfix:Je});return de("blur",ft=>{const gt=qe({value:ft.value,selection:Pn},{value:"",selection:Pn}).value;(0,t.Gq)(ft,gt)},{capture:!0})}function Pi({min:Ee,max:$e,decimalSeparator:et}){return de("blur",(Je,qe)=>{const ft=an(Je.value,et),gt=c(ft,Ee,$e);!Number.isNaN(ft)&&ft!==gt&&(0,t.Gq)(Je,(0,t.bc)(function rt(Ee){const $e=String(Ee),[et="",Je]=$e.split("e-");let qe=$e;if(Je){var ft;const[,gt]=et.split("."),bt=Number(Je)+(null!==(ft=null==gt?void 0:gt.length)&&void 0!==ft?ft:0);qe=Ee.toFixed(bt)}return qe}(gt),qe))},{capture:!0})}function ri({decimalSeparator:Ee,prefix:$e,postfix:et}){return de("blur",Je=>{const{cleanValue:qe,extractedPostfix:ft,extractedPrefix:gt}=Me(Je.value,{prefix:$e,postfix:et}),bt=gt+qe.replace(new RegExp("^(\\D+)?".concat(U(Ee))),"$10".concat(Ee))+ft;(0,t.Gq)(Je,bt)},{capture:!0})}function fi({max:Ee=Number.MAX_SAFE_INTEGER,min:$e=Number.MIN_SAFE_INTEGER,precision:et=0,thousandSeparator:Je=ee.am,decimalSeparator:qe=".",decimalPseudoSeparators:ft,decimalZeroPadding:gt=!1,prefix:bt="",postfix:yt="",minusSign:It=ee.el}={}){const Nt=[ee.SD,ee.c,ee.PN,ee.ZQ,ee.el].filter(fn=>fn!==Je&&fn!==qe&&fn!==It),en=function we({decimalSeparator:Ee,thousandSeparator:$e,decimalPseudoSeparators:et=ee.A2}){return et.filter(Je=>Je!==$e&&Je!==Ee)}({decimalSeparator:qe,thousandSeparator:Je,decimalPseudoSeparators:ft}),Zt=bt.endsWith(qe)&&et>0?"".concat(bt).concat(ee.Um):bt;return{...t.oI,mask:ln({decimalSeparator:qe,precision:et,thousandSeparator:Je,prefix:Zt,postfix:yt,isNegativeAllowed:$e<0,minusSign:It}),preprocessors:[Pt(),He({decimalSeparator:qe,decimalPseudoSeparators:en,pseudoMinuses:Nt,prefix:Zt,postfix:yt,minusSign:It}),go({prefix:Zt,postfix:yt}),gn({validCharacter:It,pseudoCharacters:Nt,prefix:Zt,postfix:yt}),gn({validCharacter:qe,pseudoCharacters:en,prefix:Zt,postfix:yt}),hn({decimalSeparator:qe,precision:et,prefix:Zt,postfix:yt}),jt({decimalSeparator:qe,decimalZeroPadding:gt,thousandSeparator:Je}),jn({precision:et,decimalSeparator:qe,prefix:Zt,postfix:yt}),ii({decimalSeparator:qe,prefix:Zt,postfix:yt})],postprocessors:[$t({decimalSeparator:qe,min:$e,max:Ee,minusSign:It}),Z(Zt),k(yt),Vn({decimalSeparator:qe,thousandSeparator:Je,prefix:Zt,postfix:yt}),ge({decimalSeparator:qe,decimalZeroPadding:gt,precision:et,prefix:Zt,postfix:yt}),Y({prefix:Zt,postfix:yt,decimalSeparator:qe,thousandSeparator:Je})],plugins:[ki({decimalSeparator:qe,thousandSeparator:Je,prefix:Zt,postfix:yt}),ri({decimalSeparator:qe,prefix:Zt,postfix:yt}),Pi({min:$e,max:Ee,decimalSeparator:qe})],overwriteMode:gt?({value:fn,selection:[On]})=>On<=fn.indexOf(qe)?"shift":"replace":"shift"}}function xi(Ee,$e){const et=dn(Ee),Je=new RegExp("[^\\d".concat(ee.ub.map(U).join(""),"]+"));return({elementState:qe,data:ft},gt)=>{if("deleteBackward"===gt||"deleteForward"===gt)return{elementState:qe,data:ft};const{value:bt,selection:yt}=qe;if("validation"===gt){const{validatedTimeString:Rn,updatedTimeSelection:Qn}=Hn({timeString:bt,paddedMaxValues:et,offset:0,selection:yt,timeMode:$e});return{elementState:{value:Rn,selection:Qn},data:ft}}const It=ft.replace(Je,""),[Nt,en]=yt;let Zt=en+It.length;const fn=bt.slice(0,Nt)+It+bt.slice(Zt),{validatedTimeString:On,updatedTimeSelection:Wn}=Hn({timeString:fn,paddedMaxValues:et,offset:0,selection:[Nt,Zt],timeMode:$e});if(fn&&!On)return{elementState:qe,data:""};Zt=Wn[1];const $n=On.slice(Nt,Zt);return{elementState:{selection:yt,value:On.slice(0,Nt)+"0".repeat($n.length)+On.slice(Zt)},data:$n}}}function Ii({mode:Ee,timeSegmentMaxValues:$e={},step:et=0}){const Je={...ee.qi,...$e};return{...t.oI,mask:Array.from(Ee).map(qe=>ee.ub.includes(qe)?qe:/\d/),preprocessors:[Pt(),Wt(),({elementState:Ee},$e)=>{const{value:et,selection:Je}=Ee;if(!et||function it(Ee,[$e,et]){return et===Ee.length}(et,Je))return{elementState:Ee};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},xi(Je,Ee)],plugins:[Ke({fullMode:Ee,step:et,timeSegmentMaxValues:Je})],overwriteMode:"replace"}}},4495:(wt,ke,u)=>{u.d(ke,{L7:()=>Ae,PN:()=>Q,c:()=>J,SD:()=>ye,yq:()=>j,ZQ:()=>ee,el:()=>be,am:()=>se,Um:()=>ne,Gq:()=>t,A2:()=>c,Qn:()=>N,Wv:()=>S,qi:()=>X,ub:()=>$,Kb:()=>W});const t={day:31,month:12,year:9999},c=[".",",","\u0431","\u044e"],S=new Date("0001-01-01"),N=new Date("9999-12-31"),X={hours:23,minutes:59,seconds:59,milliseconds:999},$=[":","."],W={hours:2,minutes:2,seconds:2,milliseconds:3},se="\xa0",ne="\u200b",J="\u2013",Q="\u2014",ye="-",be="\u2212",ee="\u30fc",Ae=":",j="\uff1a"},194:(wt,ke,u)=>{u.d(ke,{FX:()=>nt,K2:()=>W,MA:()=>be,P:()=>Ae,Ro:()=>c,S6:()=>t,hZ:()=>N,i0:()=>X,iF:()=>se,kY:()=>Q,kp:()=>S,sf:()=>oe,ui:()=>Be,yc:()=>j});class t{}class c{}const S="*";function N(Ue,U){return{type:7,name:Ue,definitions:U,options:{}}}function X(Ue,U=null){return{type:4,styles:U,timings:Ue}}function W(Ue,U=null){return{type:2,steps:Ue,options:U}}function se(Ue){return{type:6,styles:Ue,offset:null}}function Q(Ue,U,Me=null){return{type:1,expr:Ue,animation:U,options:Me}}function be(Ue=null){return{type:9,options:Ue}}function Ae(Ue,U,Me=null){return{type:11,selector:Ue,animation:U,options:Me}}function j(Ue,U){return{type:12,timings:Ue,animation:U}}class oe{constructor(U=0,Me=0){this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._originalOnDoneFns=[],this._originalOnStartFns=[],this._started=!1,this._destroyed=!1,this._finished=!1,this._position=0,this.parentPlayer=null,this.totalTime=U+Me}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(U=>U()),this._onDoneFns=[])}onStart(U){this._originalOnStartFns.push(U),this._onStartFns.push(U)}onDone(U){this._originalOnDoneFns.push(U),this._onDoneFns.push(U)}onDestroy(U){this._onDestroyFns.push(U)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){queueMicrotask(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(U=>U()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(U=>U()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(U){this._position=this.totalTime?U*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(U){const Me="start"==U?this._onStartFns:this._onDoneFns;Me.forEach(xe=>xe()),Me.length=0}}class Be{constructor(U){this._onDoneFns=[],this._onStartFns=[],this._finished=!1,this._started=!1,this._destroyed=!1,this._onDestroyFns=[],this.parentPlayer=null,this.totalTime=0,this.players=U;let Me=0,xe=0,Xe=0;const Ge=this.players.length;0==Ge?queueMicrotask(()=>this._onFinish()):this.players.forEach(at=>{at.onDone(()=>{++Me==Ge&&this._onFinish()}),at.onDestroy(()=>{++xe==Ge&&this._onDestroy()}),at.onStart(()=>{++Xe==Ge&&this._onStart()})}),this.totalTime=this.players.reduce((at,tt)=>Math.max(at,tt.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(U=>U()),this._onDoneFns=[])}init(){this.players.forEach(U=>U.init())}onStart(U){this._onStartFns.push(U)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(U=>U()),this._onStartFns=[])}onDone(U){this._onDoneFns.push(U)}onDestroy(U){this._onDestroyFns.push(U)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(U=>U.play())}pause(){this.players.forEach(U=>U.pause())}restart(){this.players.forEach(U=>U.restart())}finish(){this._onFinish(),this.players.forEach(U=>U.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(U=>U.destroy()),this._onDestroyFns.forEach(U=>U()),this._onDestroyFns=[])}reset(){this.players.forEach(U=>U.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(U){const Me=U*this.totalTime;this.players.forEach(xe=>{const Xe=xe.totalTime?Math.min(1,Me/xe.totalTime):1;xe.setPosition(Xe)})}getPosition(){const U=this.players.reduce((Me,xe)=>null===Me||xe.totalTime>Me.totalTime?xe:Me,null);return null!=U?U.getPosition():0}beforeDestroy(){this.players.forEach(U=>{U.beforeDestroy&&U.beforeDestroy()})}triggerCallback(U){const Me="start"==U?this._onStartFns:this._onDoneFns;Me.forEach(xe=>xe()),Me.length=0}}const nt="!"},1249:(wt,ke,u)=>{u.d(ke,{LS:()=>ro,O6:()=>no,Xw:()=>We,Yp:()=>yr,eI:()=>he,zT:()=>zo});var t=u(194),c=u(2978);function N(_e){return new c.wOt(3e3,!1)}function de(_e){switch(_e.length){case 0:return new t.sf;case 1:return _e[0];default:return new t.ui(_e)}}function te(_e,v,T=new Map,L=new Map){const re=[],Se=[];let ot=-1,dt=null;if(v.forEach(Ct=>{const kt=Ct.get("offset"),Cn=kt==ot,In=Cn&&dt||new Map;Ct.forEach((ti,Yn)=>{let vn=Yn,zn=ti;if("offset"!==Yn)switch(vn=_e.normalizePropertyName(vn,re),zn){case t.FX:zn=T.get(Yn);break;case t.kp:zn=L.get(Yn);break;default:zn=_e.normalizeStyleValue(Yn,vn,zn,re)}In.set(vn,zn)}),Cn||Se.push(In),dt=In,ot=kt}),re.length)throw function _t(_e){return new c.wOt(3502,!1)}();return Se}function Oe(_e,v,T,L){switch(v){case"start":_e.onStart(()=>L(T&&Ne(T,"start",_e)));break;case"done":_e.onDone(()=>L(T&&Ne(T,"done",_e)));break;case"destroy":_e.onDestroy(()=>L(T&&Ne(T,"destroy",_e)))}}function Ne(_e,v,T){const L=T.totalTime,Se=Le(_e.element,_e.triggerName,_e.fromState,_e.toState,v||_e.phaseName,null==L?_e.totalTime:L,!!T.disabled),ot=_e._data;return null!=ot&&(Se._data=ot),Se}function Le(_e,v,T,L,re="",Se=0,ot){return{element:_e,triggerName:v,fromState:T,toState:L,phaseName:re,totalTime:Se,disabled:!!ot}}function Re(_e,v,T){let L=_e.get(v);return L||_e.set(v,L=T),L}function Ke(_e){const v=_e.indexOf(":");return[_e.substring(1,v),_e.slice(v+1)]}const Dt=(()=>typeof document>"u"?null:document.documentElement)();function Rt(_e){const v=_e.parentNode||_e.host||null;return v===Dt?null:v}let Xt=null,sn=!1;function Ye(_e,v){for(;v;){if(v===_e)return!0;v=Rt(v)}return!1}function ct(_e,v,T){if(T)return Array.from(_e.querySelectorAll(v));const L=_e.querySelector(v);return L?[L]:[]}let he=(()=>{var _e;class v{validateStyleProperty(L){return function Ln(_e){Xt||(Xt=function it(){return typeof document<"u"?document.body:null}()||{},sn=!!Xt.style&&"WebkitAppearance"in Xt.style);let v=!0;return Xt.style&&!function Yt(_e){return"ebkit"==_e.substring(1,6)}(_e)&&(v=_e in Xt.style,!v&&sn&&(v="Webkit"+_e.charAt(0).toUpperCase()+_e.slice(1)in Xt.style)),v}(L)}matchesElement(L,re){return!1}containsElement(L,re){return Ye(L,re)}getParentElement(L){return Rt(L)}query(L,re,Se){return ct(L,re,Se)}computeStyle(L,re,Se){return Se||""}animate(L,re,Se,ot,dt,Ct=[],kt){return new t.sf(Se,ot)}}return(_e=v).\u0275fac=function(L){return new(L||_e)},_e.\u0275prov=c.jDH({token:_e,factory:_e.\u0275fac}),v})(),We=(()=>{class v{}return v.NOOP=new he,v})();const vt=1e3,Dn="ng-enter",pn="ng-leave",Sn="ng-trigger",Zi=".ng-trigger",wn="ng-animating",Fi=".ng-animating";function Hn(_e){if("number"==typeof _e)return _e;const v=_e.match(/^(-?[\.\d]+)(m?s)/);return!v||v.length<2?0:bi(parseFloat(v[1]),v[2])}function bi(_e,v){return"s"===v?_e*vt:_e}function Vi(_e,v,T){return _e.hasOwnProperty("duration")?_e:function Do(_e,v,T){let re,Se=0,ot="";if("string"==typeof _e){const dt=_e.match(/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i);if(null===dt)return v.push(N()),{duration:0,delay:0,easing:""};re=bi(parseFloat(dt[1]),dt[2]);const Ct=dt[3];null!=Ct&&(Se=bi(parseFloat(Ct),dt[4]));const kt=dt[5];kt&&(ot=kt)}else re=_e;if(!T){let dt=!1,Ct=v.length;re<0&&(v.push(function X(){return new c.wOt(3100,!1)}()),dt=!0),Se<0&&(v.push(function $(){return new c.wOt(3101,!1)}()),dt=!0),dt&&v.splice(Ct,0,N())}return{duration:re,delay:Se,easing:ot}}(_e,v,T)}function li(_e,v={}){return Object.keys(_e).forEach(T=>{v[T]=_e[T]}),v}function uo(_e){const v=new Map;return Object.keys(_e).forEach(T=>{v.set(T,_e[T])}),v}function Et(_e,v=new Map,T){if(T)for(let[L,re]of T)v.set(L,re);for(let[L,re]of _e)v.set(L,re);return v}function on(_e,v,T){v.forEach((L,re)=>{const Se=He(re);T&&!T.has(re)&&T.set(re,_e.style[Se]),_e.style[Se]=L})}function ln(_e,v){v.forEach((T,L)=>{const re=He(L);_e.style[re]=""})}function xt(_e){return Array.isArray(_e)?1==_e.length?_e[0]:(0,t.K2)(_e):_e}const rt=new RegExp("".concat("{{","\\s*(.+?)\\s*").concat("}}"),"g");function ze(_e){let v=[];if("string"==typeof _e){let T;for(;T=rt.exec(_e);)v.push(T[1]);rt.lastIndex=0}return v}function we(_e,v,T){const L=_e.toString(),re=L.replace(rt,(Se,ot)=>{let dt=v[ot];return null==dt&&(T.push(function se(_e){return new c.wOt(3003,!1)}()),dt=""),dt.toString()});return re==L?_e:re}function ge(_e){const v=[];let T=_e.next();for(;!T.done;)v.push(T.value),T=_e.next();return v}const Y=/-+([a-z0-9])/g;function He(_e){return _e.replace(Y,(...v)=>v[1].toUpperCase())}function hn(_e,v,T){switch(v.type){case 7:return _e.visitTrigger(v,T);case 0:return _e.visitState(v,T);case 1:return _e.visitTransition(v,T);case 2:return _e.visitSequence(v,T);case 3:return _e.visitGroup(v,T);case 4:return _e.visitAnimate(v,T);case 5:return _e.visitKeyframes(v,T);case 6:return _e.visitStyle(v,T);case 8:return _e.visitReference(v,T);case 9:return _e.visitAnimateChild(v,T);case 10:return _e.visitAnimateRef(v,T);case 11:return _e.visitQuery(v,T);case 12:return _e.visitStagger(v,T);default:throw function ne(_e){return new c.wOt(3004,!1)}()}}function gn(_e,v){return window.getComputedStyle(_e)[v]}const ri="*";function fi(_e,v){const T=[];return"string"==typeof _e?_e.split(/\s*,\s*/).forEach(L=>function xi(_e,v,T){if(":"==_e[0]){const Ct=function Ii(_e,v){switch(_e){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(T,L)=>parseFloat(L)>parseFloat(T);case":decrement":return(T,L)=>parseFloat(L)<parseFloat(T);default:return v.push(function Xe(_e){return new c.wOt(3016,!1)}()),"* => *"}}(_e,T);if("function"==typeof Ct)return void v.push(Ct);_e=Ct}const L=_e.match(/^(\*|[-\w]+)\s*(<?[=-]>)\s*(\*|[-\w]+)$/);if(null==L||L.length<4)return T.push(function xe(_e){return new c.wOt(3015,!1)}()),v;const re=L[1],Se=L[2],ot=L[3];v.push(Ee(re,ot));"<"==Se[0]&&!(re==ri&&ot==ri)&&v.push(Ee(ot,re))}(L,T,v)):T.push(_e),T}const yn=new Set(["true","1"]),Li=new Set(["false","0"]);function Ee(_e,v){const T=yn.has(_e)||Li.has(_e),L=yn.has(v)||Li.has(v);return(re,Se)=>{let ot=_e==ri||_e==re,dt=v==ri||v==Se;return!ot&&T&&"boolean"==typeof re&&(ot=re?yn.has(_e):Li.has(_e)),!dt&&L&&"boolean"==typeof Se&&(dt=Se?yn.has(v):Li.has(v)),ot&&dt}}const et=new RegExp("s*".concat(":self","s*,?"),"g");function Je(_e,v,T,L){return new ft(_e).build(v,T,L)}class ft{constructor(v){this._driver=v}build(v,T,L){const re=new yt(T);return this._resetContextStyleTimingState(re),hn(this,xt(v),re)}_resetContextStyleTimingState(v){v.currentQuerySelector="",v.collectedStyles=new Map,v.collectedStyles.set("",new Map),v.currentTime=0}visitTrigger(v,T){let L=T.queryCount=0,re=T.depCount=0;const Se=[],ot=[];return"@"==v.name.charAt(0)&&T.errors.push(function Q(){return new c.wOt(3006,!1)}()),v.definitions.forEach(dt=>{if(this._resetContextStyleTimingState(T),0==dt.type){const Ct=dt,kt=Ct.name;kt.toString().split(/\s*,\s*/).forEach(Cn=>{Ct.name=Cn,Se.push(this.visitState(Ct,T))}),Ct.name=kt}else if(1==dt.type){const Ct=this.visitTransition(dt,T);L+=Ct.queryCount,re+=Ct.depCount,ot.push(Ct)}else T.errors.push(function ye(){return new c.wOt(3007,!1)}())}),{type:7,name:v.name,states:Se,transitions:ot,queryCount:L,depCount:re,options:null}}visitState(v,T){const L=this.visitStyle(v.styles,T),re=v.options&&v.options.params||null;if(L.containsDynamicStyles){const Se=new Set,ot=re||{};L.styles.forEach(dt=>{dt instanceof Map&&dt.forEach(Ct=>{ze(Ct).forEach(kt=>{ot.hasOwnProperty(kt)||Se.add(kt)})})}),Se.size&&(ge(Se.values()),T.errors.push(function be(_e,v){return new c.wOt(3008,!1)}()))}return{type:0,name:v.name,style:L,options:re?{params:re}:null}}visitTransition(v,T){T.queryCount=0,T.depCount=0;const L=hn(this,xt(v.animation),T);return{type:1,matchers:fi(v.expr,T.errors),animation:L,queryCount:T.queryCount,depCount:T.depCount,options:en(v.options)}}visitSequence(v,T){return{type:2,steps:v.steps.map(L=>hn(this,L,T)),options:en(v.options)}}visitGroup(v,T){const L=T.currentTime;let re=0;const Se=v.steps.map(ot=>{T.currentTime=L;const dt=hn(this,ot,T);return re=Math.max(re,T.currentTime),dt});return T.currentTime=re,{type:3,steps:Se,options:en(v.options)}}visitAnimate(v,T){const L=function Nt(_e,v){if(_e.hasOwnProperty("duration"))return _e;if("number"==typeof _e)return Zt(Vi(_e,v).duration,0,"");const T=_e;if(T.split(/\s+/).some(Se=>"{"==Se.charAt(0)&&"{"==Se.charAt(1))){const Se=Zt(0,0,"");return Se.dynamic=!0,Se.strValue=T,Se}const re=Vi(T,v);return Zt(re.duration,re.delay,re.easing)}(v.timings,T.errors);T.currentAnimateTimings=L;let re,Se=v.styles?v.styles:(0,t.iF)({});if(5==Se.type)re=this.visitKeyframes(Se,T);else{let ot=v.styles,dt=!1;if(!ot){dt=!0;const kt={};L.easing&&(kt.easing=L.easing),ot=(0,t.iF)(kt)}T.currentTime+=L.duration+L.delay;const Ct=this.visitStyle(ot,T);Ct.isEmptyStep=dt,re=Ct}return T.currentAnimateTimings=null,{type:4,timings:L,style:re,options:null}}visitStyle(v,T){const L=this._makeStyleAst(v,T);return this._validateStyleAst(L,T),L}_makeStyleAst(v,T){const L=[],re=Array.isArray(v.styles)?v.styles:[v.styles];for(let dt of re)"string"==typeof dt?dt===t.kp?L.push(dt):T.errors.push(new c.wOt(3002,!1)):L.push(uo(dt));let Se=!1,ot=null;return L.forEach(dt=>{if(dt instanceof Map&&(dt.has("easing")&&(ot=dt.get("easing"),dt.delete("easing")),!Se))for(let Ct of dt.values())if(Ct.toString().indexOf("{{")>=0){Se=!0;break}}),{type:6,styles:L,easing:ot,offset:v.offset,containsDynamicStyles:Se,options:null}}_validateStyleAst(v,T){const L=T.currentAnimateTimings;let re=T.currentTime,Se=T.currentTime;L&&Se>0&&(Se-=L.duration+L.delay),v.styles.forEach(ot=>{"string"!=typeof ot&&ot.forEach((dt,Ct)=>{const kt=T.collectedStyles.get(T.currentQuerySelector),Cn=kt.get(Ct);let In=!0;Cn&&(Se!=re&&Se>=Cn.startTime&&re<=Cn.endTime&&(T.errors.push(function j(_e,v,T,L,re){return new c.wOt(3010,!1)}()),In=!1),Se=Cn.startTime),In&&kt.set(Ct,{startTime:Se,endTime:re}),T.options&&function an(_e,v,T){const L=v.params||{},re=ze(_e);re.length&&re.forEach(Se=>{L.hasOwnProperty(Se)||T.push(function W(_e){return new c.wOt(3001,!1)}())})}(dt,T.options,T.errors)})})}visitKeyframes(v,T){const L={type:5,styles:[],options:null};if(!T.currentAnimateTimings)return T.errors.push(function oe(){return new c.wOt(3011,!1)}()),L;let Se=0;const ot=[];let dt=!1,Ct=!1,kt=0;const Cn=v.steps.map(P=>{const I=this._makeStyleAst(P,T);let fe=null!=I.offset?I.offset:function It(_e){if("string"==typeof _e)return null;let v=null;if(Array.isArray(_e))_e.forEach(T=>{if(T instanceof Map&&T.has("offset")){const L=T;v=parseFloat(L.get("offset")),L.delete("offset")}});else if(_e instanceof Map&&_e.has("offset")){const T=_e;v=parseFloat(T.get("offset")),T.delete("offset")}return v}(I.styles),A=0;return null!=fe&&(Se++,A=I.offset=fe),Ct=Ct||A<0||A>1,dt=dt||A<kt,kt=A,ot.push(A),I});Ct&&T.errors.push(function Be(){return new c.wOt(3012,!1)}()),dt&&T.errors.push(function nt(){return new c.wOt(3200,!1)}());const In=v.steps.length;let ti=0;Se>0&&Se<In?T.errors.push(function Ue(){return new c.wOt(3202,!1)}()):0==Se&&(ti=1/(In-1));const Yn=In-1,vn=T.currentTime,zn=T.currentAnimateTimings,Bi=zn.duration;return Cn.forEach((P,I)=>{const fe=ti>0?I==Yn?1:ti*I:ot[I],A=fe*Bi;T.currentTime=vn+zn.delay+A,zn.duration=A,this._validateStyleAst(P,T),P.offset=fe,L.styles.push(P)}),L}visitReference(v,T){return{type:8,animation:hn(this,xt(v.animation),T),options:en(v.options)}}visitAnimateChild(v,T){return T.depCount++,{type:9,options:en(v.options)}}visitAnimateRef(v,T){return{type:10,animation:this.visitReference(v.animation,T),options:en(v.options)}}visitQuery(v,T){const L=T.currentQuerySelector,re=v.options||{};T.queryCount++,T.currentQuery=v;const[Se,ot]=function gt(_e){const v=!!_e.split(/\s*,\s*/).find(T=>":self"==T);return v&&(_e=_e.replace(et,"")),_e=_e.replace(/@\*/g,Zi).replace(/@\w+/g,T=>Zi+"-"+T.slice(1)).replace(/:animating/g,Fi),[_e,v]}(v.selector);T.currentQuerySelector=L.length?L+" "+Se:Se,Re(T.collectedStyles,T.currentQuerySelector,new Map);const dt=hn(this,xt(v.animation),T);return T.currentQuery=null,T.currentQuerySelector=L,{type:11,selector:Se,limit:re.limit||0,optional:!!re.optional,includeSelf:ot,animation:dt,originalSelector:v.selector,options:en(v.options)}}visitStagger(v,T){T.currentQuery||T.errors.push(function U(){return new c.wOt(3013,!1)}());const L="full"===v.timings?{duration:0,delay:0,easing:"full"}:Vi(v.timings,T.errors,!0);return{type:12,animation:hn(this,xt(v.animation),T),timings:L,options:null}}}class yt{constructor(v){this.errors=v,this.queryCount=0,this.depCount=0,this.currentTransition=null,this.currentQuery=null,this.currentQuerySelector=null,this.currentAnimateTimings=null,this.currentTime=0,this.collectedStyles=new Map,this.options=null,this.unsupportedCSSPropertiesFound=new Set}}function en(_e){return _e?(_e=li(_e)).params&&(_e.params=function bt(_e){return _e?li(_e):null}(_e.params)):_e={},_e}function Zt(_e,v,T){return{duration:_e,delay:v,easing:T}}function fn(_e,v,T,L,re,Se,ot=null,dt=!1){return{type:1,element:_e,keyframes:v,preStyleProps:T,postStyleProps:L,duration:re,delay:Se,totalTime:re+Se,easing:ot,subTimeline:dt}}class On{constructor(){this._map=new Map}get(v){return this._map.get(v)||[]}append(v,T){let L=this._map.get(v);L||this._map.set(v,L=[]),L.push(...T)}has(v){return this._map.has(v)}clear(){this._map.clear()}}const Rn=new RegExp(":enter","g"),Di=new RegExp(":leave","g");function $i(_e,v,T,L,re,Se=new Map,ot=new Map,dt,Ct,kt=[]){return(new eo).buildKeyframes(_e,v,T,L,re,Se,ot,dt,Ct,kt)}class eo{buildKeyframes(v,T,L,re,Se,ot,dt,Ct,kt,Cn=[]){kt=kt||new On;const In=new Lo(v,T,kt,re,Se,Cn,[]);In.options=Ct;const ti=Ct.delay?Hn(Ct.delay):0;In.currentTimeline.delayNextStep(ti),In.currentTimeline.setStyles([ot],null,In.errors,Ct),hn(this,L,In);const Yn=In.timelines.filter(vn=>vn.containsAnimation());if(Yn.length&&dt.size){let vn;for(let zn=Yn.length-1;zn>=0;zn--){const Bi=Yn[zn];if(Bi.element===T){vn=Bi;break}}vn&&!vn.allowOnlyTimelineStyles()&&vn.setStyles([dt],null,In.errors,Ct)}return Yn.length?Yn.map(vn=>vn.buildKeyframes()):[fn(T,[],[],[],0,ti,"",!1)]}visitTrigger(v,T){}visitState(v,T){}visitTransition(v,T){}visitAnimateChild(v,T){const L=T.subInstructions.get(T.element);if(L){const re=T.createSubContext(v.options),Se=T.currentTimeline.currentTime,ot=this._visitSubInstructions(L,re,re.options);Se!=ot&&T.transformIntoNewTimeline(ot)}T.previousNode=v}visitAnimateRef(v,T){const L=T.createSubContext(v.options);L.transformIntoNewTimeline(),this._applyAnimationRefDelays([v.options,v.animation.options],T,L),this.visitReference(v.animation,L),T.transformIntoNewTimeline(L.currentTimeline.currentTime),T.previousNode=v}_applyAnimationRefDelays(v,T,L){for(const Se of v){const ot=null==Se?void 0:Se.delay;if(ot){var re;const dt="number"==typeof ot?ot:Hn(we(ot,null!==(re=null==Se?void 0:Se.params)&&void 0!==re?re:{},T.errors));L.delayNextStep(dt)}}}_visitSubInstructions(v,T,L){let Se=T.currentTimeline.currentTime;const ot=null!=L.duration?Hn(L.duration):null,dt=null!=L.delay?Hn(L.delay):null;return 0!==ot&&v.forEach(Ct=>{const kt=T.appendInstructionToTimeline(Ct,ot,dt);Se=Math.max(Se,kt.duration+kt.delay)}),Se}visitReference(v,T){T.updateOptions(v.options,!0),hn(this,v.animation,T),T.previousNode=v}visitSequence(v,T){const L=T.subContextCount;let re=T;const Se=v.options;if(Se&&(Se.params||Se.delay)&&(re=T.createSubContext(Se),re.transformIntoNewTimeline(),null!=Se.delay)){6==re.previousNode.type&&(re.currentTimeline.snapshotCurrentStyles(),re.previousNode=mo);const ot=Hn(Se.delay);re.delayNextStep(ot)}v.steps.length&&(v.steps.forEach(ot=>hn(this,ot,re)),re.currentTimeline.applyStylesToKeyframe(),re.subContextCount>L&&re.transformIntoNewTimeline()),T.previousNode=v}visitGroup(v,T){const L=[];let re=T.currentTimeline.currentTime;const Se=v.options&&v.options.delay?Hn(v.options.delay):0;v.steps.forEach(ot=>{const dt=T.createSubContext(v.options);Se&&dt.delayNextStep(Se),hn(this,ot,dt),re=Math.max(re,dt.currentTimeline.currentTime),L.push(dt.currentTimeline)}),L.forEach(ot=>T.currentTimeline.mergeTimelineCollectedStyles(ot)),T.transformIntoNewTimeline(re),T.previousNode=v}_visitTiming(v,T){if(v.dynamic){const L=v.strValue;return Vi(T.params?we(L,T.params,T.errors):L,T.errors)}return{duration:v.duration,delay:v.delay,easing:v.easing}}visitAnimate(v,T){const L=T.currentAnimateTimings=this._visitTiming(v.timings,T),re=T.currentTimeline;L.delay&&(T.incrementTime(L.delay),re.snapshotCurrentStyles());const Se=v.style;5==Se.type?this.visitKeyframes(Se,T):(T.incrementTime(L.duration),this.visitStyle(Se,T),re.applyStylesToKeyframe()),T.currentAnimateTimings=null,T.previousNode=v}visitStyle(v,T){const L=T.currentTimeline,re=T.currentAnimateTimings;!re&&L.hasCurrentStyleProperties()&&L.forwardFrame();const Se=re&&re.easing||v.easing;v.isEmptyStep?L.applyEmptyStep(Se):L.setStyles(v.styles,Se,T.errors,T.options),T.previousNode=v}visitKeyframes(v,T){const L=T.currentAnimateTimings,re=T.currentTimeline.duration,Se=L.duration,dt=T.createSubContext().currentTimeline;dt.easing=L.easing,v.styles.forEach(Ct=>{dt.forwardTime((Ct.offset||0)*Se),dt.setStyles(Ct.styles,Ct.easing,T.errors,T.options),dt.applyStylesToKeyframe()}),T.currentTimeline.mergeTimelineCollectedStyles(dt),T.transformIntoNewTimeline(re+Se),T.previousNode=v}visitQuery(v,T){const L=T.currentTimeline.currentTime,re=v.options||{},Se=re.delay?Hn(re.delay):0;Se&&(6===T.previousNode.type||0==L&&T.currentTimeline.hasCurrentStyleProperties())&&(T.currentTimeline.snapshotCurrentStyles(),T.previousNode=mo);let ot=L;const dt=T.invokeQuery(v.selector,v.originalSelector,v.limit,v.includeSelf,!!re.optional,T.errors);T.currentQueryTotal=dt.length;let Ct=null;dt.forEach((kt,Cn)=>{T.currentQueryIndex=Cn;const In=T.createSubContext(v.options,kt);Se&&In.delayNextStep(Se),kt===T.element&&(Ct=In.currentTimeline),hn(this,v.animation,In),In.currentTimeline.applyStylesToKeyframe(),ot=Math.max(ot,In.currentTimeline.currentTime)}),T.currentQueryIndex=0,T.currentQueryTotal=0,T.transformIntoNewTimeline(ot),Ct&&(T.currentTimeline.mergeTimelineCollectedStyles(Ct),T.currentTimeline.snapshotCurrentStyles()),T.previousNode=v}visitStagger(v,T){const L=T.parentContext,re=T.currentTimeline,Se=v.timings,ot=Math.abs(Se.duration),dt=ot*(T.currentQueryTotal-1);let Ct=ot*T.currentQueryIndex;switch(Se.duration<0?"reverse":Se.easing){case"reverse":Ct=dt-Ct;break;case"full":Ct=L.currentStaggerTime}const Cn=T.currentTimeline;Ct&&Cn.delayNextStep(Ct);const In=Cn.currentTime;hn(this,v.animation,T),T.previousNode=v,L.currentStaggerTime=re.currentTime-In+(re.startTime-L.currentTimeline.startTime)}}const mo={};class Lo{constructor(v,T,L,re,Se,ot,dt,Ct){this._driver=v,this.element=T,this.subInstructions=L,this._enterClassName=re,this._leaveClassName=Se,this.errors=ot,this.timelines=dt,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=mo,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=Ct||new _o(this._driver,T,0),dt.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(v,T){if(!v)return;const L=v;let re=this.options;null!=L.duration&&(re.duration=Hn(L.duration)),null!=L.delay&&(re.delay=Hn(L.delay));const Se=L.params;if(Se){let ot=re.params;ot||(ot=this.options.params={}),Object.keys(Se).forEach(dt=>{(!T||!ot.hasOwnProperty(dt))&&(ot[dt]=we(Se[dt],ot,this.errors))})}}_copyOptions(){const v={};if(this.options){const T=this.options.params;if(T){const L=v.params={};Object.keys(T).forEach(re=>{L[re]=T[re]})}}return v}createSubContext(v=null,T,L){const re=T||this.element,Se=new Lo(this._driver,re,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(re,L||0));return Se.previousNode=this.previousNode,Se.currentAnimateTimings=this.currentAnimateTimings,Se.options=this._copyOptions(),Se.updateOptions(v),Se.currentQueryIndex=this.currentQueryIndex,Se.currentQueryTotal=this.currentQueryTotal,Se.parentContext=this,this.subContextCount++,Se}transformIntoNewTimeline(v){return this.previousNode=mo,this.currentTimeline=this.currentTimeline.fork(this.element,v),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(v,T,L){const re={duration:null!=T?T:v.duration,delay:this.currentTimeline.currentTime+(null!=L?L:0)+v.delay,easing:""},Se=new $r(this._driver,v.element,v.keyframes,v.preStyleProps,v.postStyleProps,re,v.stretchStartingKeyframe);return this.timelines.push(Se),re}incrementTime(v){this.currentTimeline.forwardTime(this.currentTimeline.duration+v)}delayNextStep(v){v>0&&this.currentTimeline.delayNextStep(v)}invokeQuery(v,T,L,re,Se,ot){let dt=[];if(re&&dt.push(this.element),v.length>0){v=(v=v.replace(Rn,"."+this._enterClassName)).replace(Di,"."+this._leaveClassName);let kt=this._driver.query(this.element,v,1!=L);0!==L&&(kt=L<0?kt.slice(kt.length+L,kt.length):kt.slice(0,L)),dt.push(...kt)}return!Se&&0==dt.length&&ot.push(function Me(_e){return new c.wOt(3014,!1)}()),dt}}class _o{constructor(v,T,L,re){this._driver=v,this.element=T,this.startTime=L,this._elementTimelineStylesLookup=re,this.duration=0,this.easing=null,this._previousKeyframe=new Map,this._currentKeyframe=new Map,this._keyframes=new Map,this._styleSummary=new Map,this._localTimelineStyles=new Map,this._pendingStyles=new Map,this._backFill=new Map,this._currentEmptyStepKeyframe=null,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(T),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(T,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(v){const T=1===this._keyframes.size&&this._pendingStyles.size;this.duration||T?(this.forwardTime(this.currentTime+v),T&&this.snapshotCurrentStyles()):this.startTime+=v}fork(v,T){return this.applyStylesToKeyframe(),new _o(this._driver,v,T||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=1,this._loadKeyframe()}forwardTime(v){this.applyStylesToKeyframe(),this.duration=v,this._loadKeyframe()}_updateStyle(v,T){this._localTimelineStyles.set(v,T),this._globalTimelineStyles.set(v,T),this._styleSummary.set(v,{time:this.currentTime,value:T})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(v){v&&this._previousKeyframe.set("easing",v);for(let[T,L]of this._globalTimelineStyles)this._backFill.set(T,L||t.kp),this._currentKeyframe.set(T,t.kp);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(v,T,L,re){T&&this._previousKeyframe.set("easing",T);const Se=re&&re.params||{},ot=function Pr(_e,v){const T=new Map;let L;return _e.forEach(re=>{if("*"===re){L=L||v.keys();for(let Se of L)T.set(Se,t.kp)}else Et(re,T)}),T}(v,this._globalTimelineStyles);for(let[Ct,kt]of ot){const Cn=we(kt,Se,L);var dt;this._pendingStyles.set(Ct,Cn),this._localTimelineStyles.has(Ct)||this._backFill.set(Ct,null!==(dt=this._globalTimelineStyles.get(Ct))&&void 0!==dt?dt:t.kp),this._updateStyle(Ct,Cn)}}applyStylesToKeyframe(){0!=this._pendingStyles.size&&(this._pendingStyles.forEach((v,T)=>{this._currentKeyframe.set(T,v)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((v,T)=>{this._currentKeyframe.has(T)||this._currentKeyframe.set(T,v)}))}snapshotCurrentStyles(){for(let[v,T]of this._localTimelineStyles)this._pendingStyles.set(v,T),this._updateStyle(v,T)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){const v=[];for(let T in this._currentKeyframe)v.push(T);return v}mergeTimelineCollectedStyles(v){v._styleSummary.forEach((T,L)=>{const re=this._styleSummary.get(L);(!re||T.time>re.time)&&this._updateStyle(L,T.value)})}buildKeyframes(){this.applyStylesToKeyframe();const v=new Set,T=new Set,L=1===this._keyframes.size&&0===this.duration;let re=[];this._keyframes.forEach((dt,Ct)=>{const kt=Et(dt,new Map,this._backFill);kt.forEach((Cn,In)=>{Cn===t.FX?v.add(In):Cn===t.kp&&T.add(In)}),L||kt.set("offset",Ct/this.duration),re.push(kt)});const Se=v.size?ge(v.values()):[],ot=T.size?ge(T.values()):[];if(L){const dt=re[0],Ct=new Map(dt);dt.set("offset",0),Ct.set("offset",1),re=[dt,Ct]}return fn(this.element,re,Se,ot,this.duration,this.startTime,this.easing,!1)}}class $r extends _o{constructor(v,T,L,re,Se,ot,dt=!1){super(v,T,ot.delay),this.keyframes=L,this.preStyleProps=re,this.postStyleProps=Se,this._stretchStartingKeyframe=dt,this.timings={duration:ot.duration,delay:ot.delay,easing:ot.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let v=this.keyframes,{delay:T,duration:L,easing:re}=this.timings;if(this._stretchStartingKeyframe&&T){const Se=[],ot=L+T,dt=T/ot,Ct=Et(v[0]);Ct.set("offset",0),Se.push(Ct);const kt=Et(v[0]);kt.set("offset",lo(dt)),Se.push(kt);const Cn=v.length-1;for(let In=1;In<=Cn;In++){let ti=Et(v[In]);const Yn=ti.get("offset");ti.set("offset",lo((T+Yn*L)/ot)),Se.push(ti)}L=ot,T=0,re="",v=Se}return fn(this.element,v,this.preStyleProps,this.postStyleProps,L,T,re,!0)}}function lo(_e,v=3){const T=Math.pow(10,v-1);return Math.round(_e*T)/T}class yr{}const Po=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]);class zo extends yr{normalizePropertyName(v,T){return He(v)}normalizeStyleValue(v,T,L,re){let Se="";const ot=L.toString().trim();if(Po.has(T)&&0!==L&&"0"!==L)if("number"==typeof L)Se="px";else{const dt=L.match(/^[+-]?[\d\.]+([a-z]*)$/);dt&&0==dt[1].length&&re.push(function J(_e,v){return new c.wOt(3005,!1)}())}return ot+Se}}function ir(_e,v,T,L,re,Se,ot,dt,Ct,kt,Cn,In,ti){return{type:0,element:_e,triggerName:v,isRemovalTransition:re,fromState:T,fromStyles:Se,toState:L,toStyles:ot,timelines:dt,queriedElements:Ct,preStyleProps:kt,postStyleProps:Cn,totalTime:In,errors:ti}}const jo={};class Co{constructor(v,T,L){this._triggerName=v,this.ast=T,this._stateStyles=L}match(v,T,L,re){return function qn(_e,v,T,L,re){return _e.some(Se=>Se(v,T,L,re))}(this.ast.matchers,v,T,L,re)}buildStyles(v,T,L){let re=this._stateStyles.get("*");return void 0!==v&&(re=this._stateStyles.get(null==v?void 0:v.toString())||re),re?re.buildStyles(T,L):new Map}build(v,T,L,re,Se,ot,dt,Ct,kt,Cn){var In;const ti=[],Yn=this.ast.options&&this.ast.options.params||jo,zn=this.buildStyles(L,dt&&dt.params||jo,ti),Bi=Ct&&Ct.params||jo,P=this.buildStyles(re,Bi,ti),I=new Set,fe=new Map,A=new Map,Ie="void"===re,Gt={params:Hi(Bi,Yn),delay:null===(In=this.ast.options)||void 0===In?void 0:In.delay},xn=Cn?[]:$i(v,T,this.ast.animation,Se,ot,zn,P,Gt,kt,ti);let si=0;if(xn.forEach(Yi=>{si=Math.max(Yi.duration+Yi.delay,si)}),ti.length)return ir(T,this._triggerName,L,re,Ie,zn,P,[],[],fe,A,si,ti);xn.forEach(Yi=>{const yo=Yi.element,po=Re(fe,yo,new Set);Yi.preStyleProps.forEach(Eo=>po.add(Eo));const so=Re(A,yo,new Set);Yi.postStyleProps.forEach(Eo=>so.add(Eo)),yo!==T&&I.add(yo)});const fo=ge(I.values());return ir(T,this._triggerName,L,re,Ie,zn,P,xn,fo,fe,A,si)}}function Hi(_e,v){const T=li(v);for(const L in _e)_e.hasOwnProperty(L)&&null!=_e[L]&&(T[L]=_e[L]);return T}class pi{constructor(v,T,L){this.styles=v,this.defaultParams=T,this.normalizer=L}buildStyles(v,T){const L=new Map,re=li(this.defaultParams);return Object.keys(v).forEach(Se=>{const ot=v[Se];null!==ot&&(re[Se]=ot)}),this.styles.styles.forEach(Se=>{"string"!=typeof Se&&Se.forEach((ot,dt)=>{ot&&(ot=we(ot,re,T));const Ct=this.normalizer.normalizePropertyName(dt,T);ot=this.normalizer.normalizeStyleValue(dt,Ct,ot,T),L.set(dt,ot)})}),L}}class Qi{constructor(v,T,L){this.name=v,this.ast=T,this._normalizer=L,this.transitionFactories=[],this.states=new Map,T.states.forEach(re=>{this.states.set(re.name,new pi(re.style,re.options&&re.options.params||{},L))}),Wo(this.states,"true","1"),Wo(this.states,"false","0"),T.transitions.forEach(re=>{this.transitionFactories.push(new Co(v,re,this.states))}),this.fallbackTransition=function io(_e,v,T){return new Co(_e,{type:1,animation:{type:2,steps:[],options:null},matchers:[(ot,dt)=>!0],options:null,queryCount:0,depCount:0},v)}(v,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(v,T,L,re){return this.transitionFactories.find(ot=>ot.match(v,T,L,re))||null}matchStyles(v,T,L){return this.fallbackTransition.buildStyles(v,T,L)}}function Wo(_e,v,T){_e.has(v)?_e.has(T)||_e.set(T,_e.get(v)):_e.has(T)&&_e.set(v,_e.get(T))}const oo=new On;class Jo{constructor(v,T,L){this.bodyNode=v,this._driver=T,this._normalizer=L,this._animations=new Map,this._playersById=new Map,this.players=[]}register(v,T){const L=[],Se=Je(this._driver,T,L,[]);if(L.length)throw function Ht(_e){return new c.wOt(3503,!1)}();this._animations.set(v,Se)}_buildPlayer(v,T,L){const re=v.element,Se=te(this._normalizer,v.keyframes,T,L);return this._driver.animate(re,Se,v.duration,v.delay,v.easing,[],!0)}create(v,T,L={}){const re=[],Se=this._animations.get(v);let ot;const dt=new Map;if(Se?(ot=$i(this._driver,T,Se,Dn,pn,new Map,new Map,L,oo,re),ot.forEach(Cn=>{const In=Re(dt,Cn.element,new Map);Cn.postStyleProps.forEach(ti=>In.set(ti,null))})):(re.push(function Wt(){return new c.wOt(3300,!1)}()),ot=[]),re.length)throw function Tt(_e){return new c.wOt(3504,!1)}();dt.forEach((Cn,In)=>{Cn.forEach((ti,Yn)=>{Cn.set(Yn,this._driver.computeStyle(In,Yn,t.kp))})});const kt=de(ot.map(Cn=>{const In=dt.get(Cn.element);return this._buildPlayer(Cn,new Map,In)}));return this._playersById.set(v,kt),kt.onDestroy(()=>this.destroy(v)),this.players.push(kt),kt}destroy(v){const T=this._getPlayer(v);T.destroy(),this._playersById.delete(v);const L=this.players.indexOf(T);L>=0&&this.players.splice(L,1)}_getPlayer(v){const T=this._playersById.get(v);if(!T)throw function Ot(_e){return new c.wOt(3301,!1)}();return T}listen(v,T,L,re){const Se=Le(T,"","","");return Oe(this._getPlayer(v),L,Se,re),()=>{}}command(v,T,L,re){if("register"==L)return void this.register(v,re[0]);if("create"==L)return void this.create(v,T,re[0]||{});const Se=this._getPlayer(v);switch(L){case"play":Se.play();break;case"pause":Se.pause();break;case"reset":Se.reset();break;case"restart":Se.restart();break;case"finish":Se.finish();break;case"init":Se.init();break;case"setPosition":Se.setPosition(parseFloat(re[0]));break;case"destroy":this.destroy(v)}}}const Bo="ng-animate-queued",ve="ng-animate-disabled",St=[],Ft={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},mn={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},Kt="__ng_removed";class Bn{get params(){return this.options.params}constructor(v,T=""){this.namespaceId=T;const L=v&&v.hasOwnProperty("value");if(this.value=function Ro(_e){return null!=_e?_e:null}(L?v.value:v),L){const Se=li(v);delete Se.value,this.options=Se}else this.options={};this.options.params||(this.options.params={})}absorbOptions(v){const T=v.params;if(T){const L=this.options.params;Object.keys(T).forEach(re=>{null==L[re]&&(L[re]=T[re])})}}}const kn="void",Mn=new Bn(kn);class Ei{constructor(v,T,L){this.id=v,this.hostElement=T,this._engine=L,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+v,di(T,this._hostClassName)}listen(v,T,L,re){if(!this._triggers.has(T))throw function Pt(_e,v){return new c.wOt(3302,!1)}();if(null==L||0==L.length)throw function mt(_e){return new c.wOt(3303,!1)}();if(!function ei(_e){return"start"==_e||"done"==_e}(L))throw function le(_e,v){return new c.wOt(3400,!1)}();const Se=Re(this._elementListeners,v,[]),ot={name:T,phase:L,callback:re};Se.push(ot);const dt=Re(this._engine.statesByElement,v,new Map);return dt.has(T)||(di(v,Sn),di(v,Sn+"-"+T),dt.set(T,Mn)),()=>{this._engine.afterFlush(()=>{const Ct=Se.indexOf(ot);Ct>=0&&Se.splice(Ct,1),this._triggers.has(T)||dt.delete(T)})}}register(v,T){return!this._triggers.has(v)&&(this._triggers.set(v,T),!0)}_getTrigger(v){const T=this._triggers.get(v);if(!T)throw function H(_e){return new c.wOt(3401,!1)}();return T}trigger(v,T,L,re=!0){const Se=this._getTrigger(T),ot=new wi(this.id,T,v);let dt=this._engine.statesByElement.get(v);dt||(di(v,Sn),di(v,Sn+"-"+T),this._engine.statesByElement.set(v,dt=new Map));let Ct=dt.get(T);const kt=new Bn(L,this.id);if(!(L&&L.hasOwnProperty("value"))&&Ct&&kt.absorbOptions(Ct.options),dt.set(T,kt),Ct||(Ct=Mn),kt.value!==kn&&Ct.value===kt.value){if(!function rr(_e,v){const T=Object.keys(_e),L=Object.keys(v);if(T.length!=L.length)return!1;for(let re=0;re<T.length;re++){const Se=T[re];if(!v.hasOwnProperty(Se)||_e[Se]!==v[Se])return!1}return!0}(Ct.params,kt.params)){const zn=[],Bi=Se.matchStyles(Ct.value,Ct.params,zn),P=Se.matchStyles(kt.value,kt.params,zn);zn.length?this._engine.reportError(zn):this._engine.afterFlush(()=>{ln(v,Bi),on(v,P)})}return}const ti=Re(this._engine.playersByElement,v,[]);ti.forEach(zn=>{zn.namespaceId==this.id&&zn.triggerName==T&&zn.queued&&zn.destroy()});let Yn=Se.matchTransition(Ct.value,kt.value,v,kt.params),vn=!1;if(!Yn){if(!re)return;Yn=Se.fallbackTransition,vn=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:v,triggerName:T,transition:Yn,fromState:Ct,toState:kt,player:ot,isFallbackTransition:vn}),vn||(di(v,Bo),ot.onStart(()=>{co(v,Bo)})),ot.onDone(()=>{let zn=this.players.indexOf(ot);zn>=0&&this.players.splice(zn,1);const Bi=this._engine.playersByElement.get(v);if(Bi){let P=Bi.indexOf(ot);P>=0&&Bi.splice(P,1)}}),this.players.push(ot),ti.push(ot),ot}deregister(v){this._triggers.delete(v),this._engine.statesByElement.forEach(T=>T.delete(v)),this._elementListeners.forEach((T,L)=>{this._elementListeners.set(L,T.filter(re=>re.name!=v))})}clearElementCache(v){this._engine.statesByElement.delete(v),this._elementListeners.delete(v);const T=this._engine.playersByElement.get(v);T&&(T.forEach(L=>L.destroy()),this._engine.playersByElement.delete(v))}_signalRemovalForInnerTriggers(v,T){const L=this._engine.driver.query(v,Zi,!0);L.forEach(re=>{if(re[Kt])return;const Se=this._engine.fetchNamespacesByElement(re);Se.size?Se.forEach(ot=>ot.triggerLeaveAnimation(re,T,!1,!0)):this.clearElementCache(re)}),this._engine.afterFlushAnimationsDone(()=>L.forEach(re=>this.clearElementCache(re)))}triggerLeaveAnimation(v,T,L,re){const Se=this._engine.statesByElement.get(v),ot=new Map;if(Se){const dt=[];if(Se.forEach((Ct,kt)=>{if(ot.set(kt,Ct.value),this._triggers.has(kt)){const Cn=this.trigger(v,kt,kn,re);Cn&&dt.push(Cn)}}),dt.length)return this._engine.markElementAsRemoved(this.id,v,!0,T,ot),L&&de(dt).onDone(()=>this._engine.processLeaveNode(v)),!0}return!1}prepareLeaveAnimationListeners(v){const T=this._elementListeners.get(v),L=this._engine.statesByElement.get(v);if(T&&L){const re=new Set;T.forEach(Se=>{const ot=Se.name;if(re.has(ot))return;re.add(ot);const Ct=this._triggers.get(ot).fallbackTransition,kt=L.get(ot)||Mn,Cn=new Bn(kn),In=new wi(this.id,ot,v);this._engine.totalQueuedPlayers++,this._queue.push({element:v,triggerName:ot,transition:Ct,fromState:kt,toState:Cn,player:In,isFallbackTransition:!0})})}}removeNode(v,T){const L=this._engine;if(v.childElementCount&&this._signalRemovalForInnerTriggers(v,T),this.triggerLeaveAnimation(v,T,!0))return;let re=!1;if(L.totalAnimations){const Se=L.players.length?L.playersByQueriedElement.get(v):[];if(Se&&Se.length)re=!0;else{let ot=v;for(;ot=ot.parentNode;)if(L.statesByElement.get(ot)){re=!0;break}}}if(this.prepareLeaveAnimationListeners(v),re)L.markElementAsRemoved(this.id,v,!1,T);else{const Se=v[Kt];(!Se||Se===Ft)&&(L.afterFlush(()=>this.clearElementCache(v)),L.destroyInnerAnimations(v),L._onRemovalComplete(v,T))}}insertNode(v,T){di(v,this._hostClassName)}drainQueuedTransitions(v){const T=[];return this._queue.forEach(L=>{const re=L.player;if(re.destroyed)return;const Se=L.element,ot=this._elementListeners.get(Se);ot&&ot.forEach(dt=>{if(dt.name==L.triggerName){const Ct=Le(Se,L.triggerName,L.fromState.value,L.toState.value);Ct._data=v,Oe(L.player,dt.phase,Ct,dt.callback)}}),re.markedForDestroy?this._engine.afterFlush(()=>{re.destroy()}):T.push(L)}),this._queue=[],T.sort((L,re)=>{const Se=L.transition.ast.depCount,ot=re.transition.ast.depCount;return 0==Se||0==ot?Se-ot:this._engine.driver.containsElement(L.element,re.element)?1:-1})}destroy(v){this.players.forEach(T=>T.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,v)}}class Ci{_onRemovalComplete(v,T){this.onRemovalComplete(v,T)}constructor(v,T,L){this.bodyNode=v,this.driver=T,this._normalizer=L,this.players=[],this.newHostElements=new Map,this.playersByElement=new Map,this.playersByQueriedElement=new Map,this.statesByElement=new Map,this.disabledNodes=new Set,this.totalAnimations=0,this.totalQueuedPlayers=0,this._namespaceLookup={},this._namespaceList=[],this._flushFns=[],this._whenQuietFns=[],this.namespacesByHostElement=new Map,this.collectedEnterElements=[],this.collectedLeaveElements=[],this.onRemovalComplete=(re,Se)=>{}}get queuedPlayers(){const v=[];return this._namespaceList.forEach(T=>{T.players.forEach(L=>{L.queued&&v.push(L)})}),v}createNamespace(v,T){const L=new Ei(v,T,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,T)?this._balanceNamespaceList(L,T):(this.newHostElements.set(T,L),this.collectEnterElement(T)),this._namespaceLookup[v]=L}_balanceNamespaceList(v,T){const L=this._namespaceList,re=this.namespacesByHostElement;if(L.length-1>=0){let ot=!1,dt=this.driver.getParentElement(T);for(;dt;){const Ct=re.get(dt);if(Ct){const kt=L.indexOf(Ct);L.splice(kt+1,0,v),ot=!0;break}dt=this.driver.getParentElement(dt)}ot||L.unshift(v)}else L.push(v);return re.set(T,v),v}register(v,T){let L=this._namespaceLookup[v];return L||(L=this.createNamespace(v,T)),L}registerTrigger(v,T,L){let re=this._namespaceLookup[v];re&&re.register(T,L)&&this.totalAnimations++}destroy(v,T){v&&(this.afterFlush(()=>{}),this.afterFlushAnimationsDone(()=>{const L=this._fetchNamespace(v);this.namespacesByHostElement.delete(L.hostElement);const re=this._namespaceList.indexOf(L);re>=0&&this._namespaceList.splice(re,1),L.destroy(T),delete this._namespaceLookup[v]}))}_fetchNamespace(v){return this._namespaceLookup[v]}fetchNamespacesByElement(v){const T=new Set,L=this.statesByElement.get(v);if(L)for(let re of L.values())if(re.namespaceId){const Se=this._fetchNamespace(re.namespaceId);Se&&T.add(Se)}return T}trigger(v,T,L,re){if(oi(T)){const Se=this._fetchNamespace(v);if(Se)return Se.trigger(T,L,re),!0}return!1}insertNode(v,T,L,re){if(!oi(T))return;const Se=T[Kt];if(Se&&Se.setForRemoval){Se.setForRemoval=!1,Se.setForMove=!0;const ot=this.collectedLeaveElements.indexOf(T);ot>=0&&this.collectedLeaveElements.splice(ot,1)}if(v){const ot=this._fetchNamespace(v);ot&&ot.insertNode(T,L)}re&&this.collectEnterElement(T)}collectEnterElement(v){this.collectedEnterElements.push(v)}markElementAsDisabled(v,T){T?this.disabledNodes.has(v)||(this.disabledNodes.add(v),di(v,ve)):this.disabledNodes.has(v)&&(this.disabledNodes.delete(v),co(v,ve))}removeNode(v,T,L){if(oi(T)){const re=v?this._fetchNamespace(v):null;re?re.removeNode(T,L):this.markElementAsRemoved(v,T,!1,L);const Se=this.namespacesByHostElement.get(T);Se&&Se.id!==v&&Se.removeNode(T,L)}else this._onRemovalComplete(T,L)}markElementAsRemoved(v,T,L,re,Se){this.collectedLeaveElements.push(T),T[Kt]={namespaceId:v,setForRemoval:re,hasAnimation:L,removedBeforeQueried:!1,previousTriggersValues:Se}}listen(v,T,L,re,Se){return oi(T)?this._fetchNamespace(v).listen(T,L,re,Se):()=>{}}_buildInstruction(v,T,L,re,Se){return v.transition.build(this.driver,v.element,v.fromState.value,v.toState.value,L,re,v.fromState.options,v.toState.options,T,Se)}destroyInnerAnimations(v){let T=this.driver.query(v,Zi,!0);T.forEach(L=>this.destroyActiveAnimationsForElement(L)),0!=this.playersByQueriedElement.size&&(T=this.driver.query(v,Fi,!0),T.forEach(L=>this.finishActiveQueriedAnimationOnElement(L)))}destroyActiveAnimationsForElement(v){const T=this.playersByElement.get(v);T&&T.forEach(L=>{L.queued?L.markedForDestroy=!0:L.destroy()})}finishActiveQueriedAnimationOnElement(v){const T=this.playersByQueriedElement.get(v);T&&T.forEach(L=>L.finish())}whenRenderingDone(){return new Promise(v=>{if(this.players.length)return de(this.players).onDone(()=>v());v()})}processLeaveNode(v){var T;const L=v[Kt];if(L&&L.setForRemoval){if(v[Kt]=Ft,L.namespaceId){this.destroyInnerAnimations(v);const re=this._fetchNamespace(L.namespaceId);re&&re.clearElementCache(v)}this._onRemovalComplete(v,L.setForRemoval)}null!==(T=v.classList)&&void 0!==T&&T.contains(ve)&&this.markElementAsDisabled(v,!1),this.driver.query(v,".ng-animate-disabled",!0).forEach(re=>{this.markElementAsDisabled(re,!1)})}flush(v=-1){let T=[];if(this.newHostElements.size&&(this.newHostElements.forEach((L,re)=>this._balanceNamespaceList(L,re)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let L=0;L<this.collectedEnterElements.length;L++)di(this.collectedEnterElements[L],"ng-star-inserted");if(this._namespaceList.length&&(this.totalQueuedPlayers||this.collectedLeaveElements.length)){const L=[];try{T=this._flushAnimations(L,v)}finally{for(let re=0;re<L.length;re++)L[re]()}}else for(let L=0;L<this.collectedLeaveElements.length;L++)this.processLeaveNode(this.collectedLeaveElements[L]);if(this.totalQueuedPlayers=0,this.collectedEnterElements.length=0,this.collectedLeaveElements.length=0,this._flushFns.forEach(L=>L()),this._flushFns=[],this._whenQuietFns.length){const L=this._whenQuietFns;this._whenQuietFns=[],T.length?de(T).onDone(()=>{L.forEach(re=>re())}):L.forEach(re=>re())}}reportError(v){throw function ce(_e){return new c.wOt(3402,!1)}()}_flushAnimations(v,T){const L=new On,re=[],Se=new Map,ot=[],dt=new Map,Ct=new Map,kt=new Map,Cn=new Set;this.disabledNodes.forEach(cn=>{Cn.add(cn);const An=this.driver.query(cn,".ng-animate-queued",!0);for(let En=0;En<An.length;En++)Cn.add(An[En])});const In=this.bodyNode,ti=Array.from(this.statesByElement.keys()),Yn=vi(ti,this.collectedEnterElements),vn=new Map;let zn=0;Yn.forEach((cn,An)=>{const En=Dn+zn++;vn.set(An,En),cn.forEach(Zn=>di(Zn,En))});const Bi=[],P=new Set,I=new Set;for(let cn=0;cn<this.collectedLeaveElements.length;cn++){const An=this.collectedLeaveElements[cn],En=An[Kt];En&&En.setForRemoval&&(Bi.push(An),P.add(An),En.hasAnimation?this.driver.query(An,".ng-star-inserted",!0).forEach(Zn=>P.add(Zn)):I.add(An))}const fe=new Map,A=vi(ti,Array.from(P));A.forEach((cn,An)=>{const En=pn+zn++;fe.set(An,En),cn.forEach(Zn=>di(Zn,En))}),v.push(()=>{Yn.forEach((cn,An)=>{const En=vn.get(An);cn.forEach(Zn=>co(Zn,En))}),A.forEach((cn,An)=>{const En=fe.get(An);cn.forEach(Zn=>co(Zn,En))}),Bi.forEach(cn=>{this.processLeaveNode(cn)})});const Ie=[],Gt=[];for(let cn=this._namespaceList.length-1;cn>=0;cn--)this._namespaceList[cn].drainQueuedTransitions(T).forEach(En=>{const Zn=En.player,Si=En.element;if(Ie.push(Zn),this.collectedEnterElements.length){const ao=Si[Kt];if(ao&&ao.setForMove){if(ao.previousTriggersValues&&ao.previousTriggersValues.has(En.triggerName)){const Ao=ao.previousTriggersValues.get(En.triggerName),No=this.statesByElement.get(En.element);if(No&&No.has(En.triggerName)){const Dr=No.get(En.triggerName);Dr.value=Ao,No.set(En.triggerName,Dr)}}return void Zn.destroy()}}const Mo=!In||!this.driver.containsElement(In,Si),Ji=fe.get(Si),So=vn.get(Si),Ai=this._buildInstruction(En,L,So,Ji,Mo);if(Ai.errors&&Ai.errors.length)return void Gt.push(Ai);if(Mo)return Zn.onStart(()=>ln(Si,Ai.fromStyles)),Zn.onDestroy(()=>on(Si,Ai.toStyles)),void re.push(Zn);if(En.isFallbackTransition)return Zn.onStart(()=>ln(Si,Ai.fromStyles)),Zn.onDestroy(()=>on(Si,Ai.toStyles)),void re.push(Zn);const gr=[];Ai.timelines.forEach(ao=>{ao.stretchStartingKeyframe=!0,this.disabledNodes.has(ao.element)||gr.push(ao)}),Ai.timelines=gr,L.append(Si,Ai.timelines),ot.push({instruction:Ai,player:Zn,element:Si}),Ai.queriedElements.forEach(ao=>Re(dt,ao,[]).push(Zn)),Ai.preStyleProps.forEach((ao,Ao)=>{if(ao.size){let No=Ct.get(Ao);No||Ct.set(Ao,No=new Set),ao.forEach((Dr,Go)=>No.add(Go))}}),Ai.postStyleProps.forEach((ao,Ao)=>{let No=kt.get(Ao);No||kt.set(Ao,No=new Set),ao.forEach((Dr,Go)=>No.add(Go))})});if(Gt.length){const cn=[];Gt.forEach(An=>{cn.push(function Z(_e,v){return new c.wOt(3505,!1)}())}),Ie.forEach(An=>An.destroy()),this.reportError(cn)}const xn=new Map,si=new Map;ot.forEach(cn=>{const An=cn.element;L.has(An)&&(si.set(An,An),this._beforeAnimationBuild(cn.player.namespaceId,cn.instruction,xn))}),re.forEach(cn=>{const An=cn.element;this._getPreviousPlayers(An,!1,cn.namespaceId,cn.triggerName,null).forEach(Zn=>{Re(xn,An,[]).push(Zn),Zn.destroy()})});const fo=Bi.filter(cn=>qo(cn,Ct,kt)),Yi=new Map;Vo(Yi,this.driver,I,kt,t.kp).forEach(cn=>{qo(cn,Ct,kt)&&fo.push(cn)});const po=new Map;Yn.forEach((cn,An)=>{Vo(po,this.driver,new Set(cn),Ct,t.FX)}),fo.forEach(cn=>{var An,En;const Zn=Yi.get(cn),Si=po.get(cn);Yi.set(cn,new Map([...null!==(An=null==Zn?void 0:Zn.entries())&&void 0!==An?An:[],...null!==(En=null==Si?void 0:Si.entries())&&void 0!==En?En:[]]))});const so=[],Eo=[],br={};ot.forEach(cn=>{const{element:An,player:En,instruction:Zn}=cn;if(L.has(An)){if(Cn.has(An))return En.onDestroy(()=>on(An,Zn.toStyles)),En.disabled=!0,En.overrideTotalTime(Zn.totalTime),void re.push(En);let Si=br;if(si.size>1){let Ji=An;const So=[];for(;Ji=Ji.parentNode;){const Ai=si.get(Ji);if(Ai){Si=Ai;break}So.push(Ji)}So.forEach(Ai=>si.set(Ai,Si))}const Mo=this._buildAnimation(En.namespaceId,Zn,xn,Se,po,Yi);if(En.setRealPlayer(Mo),Si===br)so.push(En);else{const Ji=this.playersByElement.get(Si);Ji&&Ji.length&&(En.parentPlayer=de(Ji)),re.push(En)}}else ln(An,Zn.fromStyles),En.onDestroy(()=>on(An,Zn.toStyles)),Eo.push(En),Cn.has(An)&&re.push(En)}),Eo.forEach(cn=>{const An=Se.get(cn.element);if(An&&An.length){const En=de(An);cn.setRealPlayer(En)}}),re.forEach(cn=>{cn.parentPlayer?cn.syncPlayerEvents(cn.parentPlayer):cn.destroy()});for(let cn=0;cn<Bi.length;cn++){const An=Bi[cn],En=An[Kt];if(co(An,pn),En&&En.hasAnimation)continue;let Zn=[];if(dt.size){let Mo=dt.get(An);Mo&&Mo.length&&Zn.push(...Mo);let Ji=this.driver.query(An,Fi,!0);for(let So=0;So<Ji.length;So++){let Ai=dt.get(Ji[So]);Ai&&Ai.length&&Zn.push(...Ai)}}const Si=Zn.filter(Mo=>!Mo.destroyed);Si.length?Uo(this,An,Si):this.processLeaveNode(An)}return Bi.length=0,so.forEach(cn=>{this.players.push(cn),cn.onDone(()=>{cn.destroy();const An=this.players.indexOf(cn);this.players.splice(An,1)}),cn.play()}),so}afterFlush(v){this._flushFns.push(v)}afterFlushAnimationsDone(v){this._whenQuietFns.push(v)}_getPreviousPlayers(v,T,L,re,Se){let ot=[];if(T){const dt=this.playersByQueriedElement.get(v);dt&&(ot=dt)}else{const dt=this.playersByElement.get(v);if(dt){const Ct=!Se||Se==kn;dt.forEach(kt=>{kt.queued||!Ct&&kt.triggerName!=re||ot.push(kt)})}}return(L||re)&&(ot=ot.filter(dt=>!(L&&L!=dt.namespaceId||re&&re!=dt.triggerName))),ot}_beforeAnimationBuild(v,T,L){const Se=T.element,ot=T.isRemovalTransition?void 0:v,dt=T.isRemovalTransition?void 0:T.triggerName;for(const Ct of T.timelines){const kt=Ct.element,Cn=kt!==Se,In=Re(L,kt,[]);this._getPreviousPlayers(kt,Cn,ot,dt,T.toState).forEach(Yn=>{const vn=Yn.getRealPlayer();vn.beforeDestroy&&vn.beforeDestroy(),Yn.destroy(),In.push(Yn)})}ln(Se,T.fromStyles)}_buildAnimation(v,T,L,re,Se,ot){const dt=T.triggerName,Ct=T.element,kt=[],Cn=new Set,In=new Set,ti=T.timelines.map(vn=>{const zn=vn.element;Cn.add(zn);const Bi=zn[Kt];if(Bi&&Bi.removedBeforeQueried)return new t.sf(vn.duration,vn.delay);const P=zn!==Ct,I=function Gn(_e){const v=[];return xr(_e,v),v}((L.get(zn)||St).map(xn=>xn.getRealPlayer())).filter(xn=>!!xn.element&&xn.element===zn),fe=Se.get(zn),A=ot.get(zn),Ie=te(this._normalizer,vn.keyframes,fe,A),Gt=this._buildPlayer(vn,Ie,I);if(vn.subTimeline&&re&&In.add(zn),P){const xn=new wi(v,dt,zn);xn.setRealPlayer(Gt),kt.push(xn)}return Gt});kt.forEach(vn=>{Re(this.playersByQueriedElement,vn.element,[]).push(vn),vn.onDone(()=>function gi(_e,v,T){let L=_e.get(v);if(L){if(L.length){const re=L.indexOf(T);L.splice(re,1)}0==L.length&&_e.delete(v)}return L}(this.playersByQueriedElement,vn.element,vn))}),Cn.forEach(vn=>di(vn,wn));const Yn=de(ti);return Yn.onDestroy(()=>{Cn.forEach(vn=>co(vn,wn)),on(Ct,T.toStyles)}),In.forEach(vn=>{Re(re,vn,[]).push(Yn)}),Yn}_buildPlayer(v,T,L){return T.length>0?this.driver.animate(v.element,T,v.duration,v.delay,v.easing,L):new t.sf(v.duration,v.delay)}}class wi{constructor(v,T,L){this.namespaceId=v,this.triggerName=T,this.element=L,this._player=new t.sf,this._containsRealPlayer=!1,this._queuedCallbacks=new Map,this.destroyed=!1,this.parentPlayer=null,this.markedForDestroy=!1,this.disabled=!1,this.queued=!0,this.totalTime=0}setRealPlayer(v){this._containsRealPlayer||(this._player=v,this._queuedCallbacks.forEach((T,L)=>{T.forEach(re=>Oe(v,L,void 0,re))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(v.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(v){this.totalTime=v}syncPlayerEvents(v){const T=this._player;T.triggerCallback&&v.onStart(()=>T.triggerCallback("start")),v.onDone(()=>this.finish()),v.onDestroy(()=>this.destroy())}_queueEvent(v,T){Re(this._queuedCallbacks,v,[]).push(T)}onDone(v){this.queued&&this._queueEvent("done",v),this._player.onDone(v)}onStart(v){this.queued&&this._queueEvent("start",v),this._player.onStart(v)}onDestroy(v){this.queued&&this._queueEvent("destroy",v),this._player.onDestroy(v)}init(){this._player.init()}hasStarted(){return!this.queued&&this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(v){this.queued||this._player.setPosition(v)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(v){const T=this._player;T.triggerCallback&&T.triggerCallback(v)}}function oi(_e){return _e&&1===_e.nodeType}function Gi(_e,v){const T=_e.style.display;return _e.style.display=null!=v?v:"none",T}function Vo(_e,v,T,L,re){const Se=[];T.forEach(Ct=>Se.push(Gi(Ct)));const ot=[];L.forEach((Ct,kt)=>{const Cn=new Map;Ct.forEach(In=>{const ti=v.computeStyle(kt,In,re);Cn.set(In,ti),(!ti||0==ti.length)&&(kt[Kt]=mn,ot.push(kt))}),_e.set(kt,Cn)});let dt=0;return T.forEach(Ct=>Gi(Ct,Se[dt++])),ot}function vi(_e,v){const T=new Map;if(_e.forEach(dt=>T.set(dt,[])),0==v.length)return T;const re=new Set(v),Se=new Map;function ot(dt){if(!dt)return 1;let Ct=Se.get(dt);if(Ct)return Ct;const kt=dt.parentNode;return Ct=T.has(kt)?kt:re.has(kt)?1:ot(kt),Se.set(dt,Ct),Ct}return v.forEach(dt=>{const Ct=ot(dt);1!==Ct&&T.get(Ct).push(dt)}),T}function di(_e,v){var T;null===(T=_e.classList)||void 0===T||T.add(v)}function co(_e,v){var T;null===(T=_e.classList)||void 0===T||T.remove(v)}function Uo(_e,v,T){de(T).onDone(()=>_e.processLeaveNode(v))}function xr(_e,v){for(let T=0;T<_e.length;T++){const L=_e[T];L instanceof t.ui?xr(L.players,v):v.push(L)}}function qo(_e,v,T){const L=T.get(_e);if(!L)return!1;let re=v.get(_e);return re?L.forEach(Se=>re.add(Se)):v.set(_e,L),T.delete(_e),!0}class no{constructor(v,T,L){this.bodyNode=v,this._driver=T,this._normalizer=L,this._triggerCache={},this.onRemovalComplete=(re,Se)=>{},this._transitionEngine=new Ci(v,T,L),this._timelineEngine=new Jo(v,T,L),this._transitionEngine.onRemovalComplete=(re,Se)=>this.onRemovalComplete(re,Se)}registerTrigger(v,T,L,re,Se){const ot=v+"-"+re;let dt=this._triggerCache[ot];if(!dt){const Ct=[],Cn=Je(this._driver,Se,Ct,[]);if(Ct.length)throw function tt(_e,v){return new c.wOt(3404,!1)}();dt=function to(_e,v,T){return new Qi(_e,v,T)}(re,Cn,this._normalizer),this._triggerCache[ot]=dt}this._transitionEngine.registerTrigger(T,re,dt)}register(v,T){this._transitionEngine.register(v,T)}destroy(v,T){this._transitionEngine.destroy(v,T)}onInsert(v,T,L,re){this._transitionEngine.insertNode(v,T,L,re)}onRemove(v,T,L){this._transitionEngine.removeNode(v,T,L)}disableAnimations(v,T){this._transitionEngine.markElementAsDisabled(v,T)}process(v,T,L,re){if("@"==L.charAt(0)){const[Se,ot]=Ke(L);this._timelineEngine.command(Se,T,ot,re)}else this._transitionEngine.trigger(v,T,L,re)}listen(v,T,L,re,Se){if("@"==L.charAt(0)){const[ot,dt]=Ke(L);return this._timelineEngine.listen(ot,T,dt,Se)}return this._transitionEngine.listen(v,T,L,re,Se)}flush(v=-1){this._transitionEngine.flush(v)}get players(){return[...this._transitionEngine.players,...this._timelineEngine.players]}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}afterFlushAnimationsDone(v){this._transitionEngine.afterFlushAnimationsDone(v)}}let vo=(()=>{class v{constructor(L,re,Se){this._element=L,this._startStyles=re,this._endStyles=Se,this._state=0;let ot=v.initialStylesByElement.get(L);ot||v.initialStylesByElement.set(L,ot=new Map),this._initialStyles=ot}start(){this._state<1&&(this._startStyles&&on(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(on(this._element,this._initialStyles),this._endStyles&&(on(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(v.initialStylesByElement.delete(this._element),this._startStyles&&(ln(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(ln(this._element,this._endStyles),this._endStyles=null),on(this._element,this._initialStyles),this._state=3)}}return v.initialStylesByElement=new WeakMap,v})();function To(_e){let v=null;return _e.forEach((T,L)=>{(function Oi(_e){return"display"===_e||"position"===_e})(L)&&(v=v||new Map,v.set(L,T))}),v}class Nr{constructor(v,T,L,re){this.element=v,this.keyframes=T,this.options=L,this._specialStyles=re,this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._initialized=!1,this._finished=!1,this._started=!1,this._destroyed=!1,this._originalOnDoneFns=[],this._originalOnStartFns=[],this.time=0,this.parentPlayer=null,this.currentSnapshot=new Map,this._duration=L.duration,this._delay=L.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(v=>v()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;const v=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,v,this.options),this._finalKeyframe=v.length?v[v.length-1]:new Map;const T=()=>this._onFinish();this.domPlayer.addEventListener("finish",T),this.onDestroy(()=>{this.domPlayer.removeEventListener("finish",T)})}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(v){const T=[];return v.forEach(L=>{T.push(Object.fromEntries(L))}),T}_triggerWebAnimation(v,T,L){return v.animate(this._convertKeyframesToObject(T),L)}onStart(v){this._originalOnStartFns.push(v),this._onStartFns.push(v)}onDone(v){this._originalOnDoneFns.push(v),this._onDoneFns.push(v)}onDestroy(v){this._onDestroyFns.push(v)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(v=>v()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(v=>v()),this._onDestroyFns=[])}setPosition(v){void 0===this.domPlayer&&this.init(),this.domPlayer.currentTime=v*this.time}getPosition(){var v;return+(null!==(v=this.domPlayer.currentTime)&&void 0!==v?v:0)/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){const v=new Map;this.hasStarted()&&this._finalKeyframe.forEach((L,re)=>{"offset"!==re&&v.set(re,this._finished?L:gn(this.element,re))}),this.currentSnapshot=v}triggerCallback(v){const T="start"===v?this._onStartFns:this._onDoneFns;T.forEach(L=>L()),T.length=0}}class ro{validateStyleProperty(v){return!0}validateAnimatableStyleProperty(v){return!0}matchesElement(v,T){return!1}containsElement(v,T){return Ye(v,T)}getParentElement(v){return Rt(v)}query(v,T,L){return ct(v,T,L)}computeStyle(v,T,L){return window.getComputedStyle(v)[T]}animate(v,T,L,re,Se,ot=[]){const Ct={duration:L,delay:re,fill:0==re?"both":"forwards"};Se&&(Ct.easing=Se);const kt=new Map,Cn=ot.filter(Yn=>Yn instanceof Nr);(function $t(_e,v){return 0===_e||0===v})(L,re)&&Cn.forEach(Yn=>{Yn.currentSnapshot.forEach((vn,zn)=>kt.set(zn,vn))});let In=function go(_e){return _e.length?_e[0]instanceof Map?_e:_e.map(v=>uo(v)):[]}(T).map(Yn=>Et(Yn));In=function jt(_e,v,T){if(T.size&&v.length){let L=v[0],re=[];if(T.forEach((Se,ot)=>{L.has(ot)||re.push(ot),L.set(ot,Se)}),re.length)for(let Se=1;Se<v.length;Se++){let ot=v[Se];re.forEach(dt=>ot.set(dt,gn(_e,dt)))}}return v}(v,In,kt);const ti=function Xi(_e,v){let T=null,L=null;return Array.isArray(v)&&v.length?(T=To(v[0]),v.length>1&&(L=To(v[v.length-1]))):v instanceof Map&&(T=To(v)),T||L?new vo(_e,T,L):null}(v,In);return new Nr(v,In,Ct,ti)}}},6610:(wt,ke,u)=>{u.d(ke,{AJ:()=>Kt,Jj:()=>Po,MD:()=>mn,N0:()=>vi,OI:()=>bt,QT:()=>S,Sm:()=>Ae,Sq:()=>Nt,T3:()=>_o,TG:()=>Wo,UE:()=>Ei,VF:()=>X,Vy:()=>Ci,Xr:()=>oi,ZD:()=>N,_b:()=>Je,aZ:()=>oe,bT:()=>fn,e1:()=>Qn,fG:()=>Di,hb:()=>be,pM:()=>Nt,qQ:()=>$,ux:()=>Rn});var t=u(2978);let c=null;function S(){return c}function N(b){c||(c=b)}class X{}const $=new t.nKC("DocumentToken");let W=(()=>{var b;class F{historyGo(O){throw new Error("Not implemented")}}return(b=F).\u0275fac=function(O){return new(O||b)},b.\u0275prov=t.jDH({token:b,factory:function(){return(0,t.WQX)(ne)},providedIn:"platform"}),F})(),ne=(()=>{var b;class F extends W{constructor(){super(),this._doc=(0,t.WQX)($),this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return S().getBaseHref(this._doc)}onPopState(O){const Te=S().getGlobalEventTarget(this._doc,"window");return Te.addEventListener("popstate",O,!1),()=>Te.removeEventListener("popstate",O)}onHashChange(O){const Te=S().getGlobalEventTarget(this._doc,"window");return Te.addEventListener("hashchange",O,!1),()=>Te.removeEventListener("hashchange",O)}get href(){return this._location.href}get protocol(){return this._location.protocol}get hostname(){return this._location.hostname}get port(){return this._location.port}get pathname(){return this._location.pathname}get search(){return this._location.search}get hash(){return this._location.hash}set pathname(O){this._location.pathname=O}pushState(O,Te,Ze){this._history.pushState(O,Te,Ze)}replaceState(O,Te,Ze){this._history.replaceState(O,Te,Ze)}forward(){this._history.forward()}back(){this._history.back()}historyGo(O=0){this._history.go(O)}getState(){return this._history.state}}return(b=F).\u0275fac=function(O){return new(O||b)},b.\u0275prov=t.jDH({token:b,factory:function(){return new b},providedIn:"platform"}),F})();function J(b,F){if(0==b.length)return F;if(0==F.length)return b;let Fe=0;return b.endsWith("/")&&Fe++,F.startsWith("/")&&Fe++,2==Fe?b+F.substring(1):1==Fe?b+F:b+"/"+F}function Q(b){const F=b.match(/#|\?|$/),Fe=F&&F.index||b.length;return b.slice(0,Fe-("/"===b[Fe-1]?1:0))+b.slice(Fe)}function ye(b){return b&&"?"!==b[0]?"?"+b:b}let be=(()=>{var b;class F{historyGo(O){throw new Error("Not implemented")}}return(b=F).\u0275fac=function(O){return new(O||b)},b.\u0275prov=t.jDH({token:b,factory:function(){return(0,t.WQX)(Ae)},providedIn:"root"}),F})();const ee=new t.nKC("appBaseHref");let Ae=(()=>{var b;class F extends be{constructor(O,Te){var Ze,At,rn;super(),this._platformLocation=O,this._removeListenerFns=[],this._baseHref=null!==(Ze=null!==(At=null!=Te?Te:this._platformLocation.getBaseHrefFromDOM())&&void 0!==At?At:null===(rn=(0,t.WQX)($).location)||void 0===rn?void 0:rn.origin)&&void 0!==Ze?Ze:""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(O){this._removeListenerFns.push(this._platformLocation.onPopState(O),this._platformLocation.onHashChange(O))}getBaseHref(){return this._baseHref}prepareExternalUrl(O){return J(this._baseHref,O)}path(O=!1){const Te=this._platformLocation.pathname+ye(this._platformLocation.search),Ze=this._platformLocation.hash;return Ze&&O?"".concat(Te).concat(Ze):Te}pushState(O,Te,Ze,At){const rn=this.prepareExternalUrl(Ze+ye(At));this._platformLocation.pushState(O,Te,rn)}replaceState(O,Te,Ze,At){const rn=this.prepareExternalUrl(Ze+ye(At));this._platformLocation.replaceState(O,Te,rn)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(O=0){var Te,Ze;null===(Te=(Ze=this._platformLocation).historyGo)||void 0===Te||Te.call(Ze,O)}}return(b=F).\u0275fac=function(O){return new(O||b)(t.KVO(W),t.KVO(ee,8))},b.\u0275prov=t.jDH({token:b,factory:b.\u0275fac,providedIn:"root"}),F})(),oe=(()=>{var b;class F{constructor(O){this._subject=new t.bkB,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=O;const Te=this._locationStrategy.getBaseHref();this._basePath=function U(b){if(new RegExp("^(https?:)?//").test(b)){const[,Fe]=b.split(/\/\/[^\/]+/);return Fe}return b}(Q(Ue(Te))),this._locationStrategy.onPopState(Ze=>{this._subject.emit({url:this.path(!0),pop:!0,state:Ze.state,type:Ze.type})})}ngOnDestroy(){var O;null===(O=this._urlChangeSubscription)||void 0===O||O.unsubscribe(),this._urlChangeListeners=[]}path(O=!1){return this.normalize(this._locationStrategy.path(O))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(O,Te=""){return this.path()==this.normalize(O+ye(Te))}normalize(O){return F.stripTrailingSlash(function nt(b,F){if(!b||!F.startsWith(b))return F;const Fe=F.substring(b.length);return""===Fe||["/",";","?","#"].includes(Fe[0])?Fe:F}(this._basePath,Ue(O)))}prepareExternalUrl(O){return O&&"/"!==O[0]&&(O="/"+O),this._locationStrategy.prepareExternalUrl(O)}go(O,Te="",Ze=null){this._locationStrategy.pushState(Ze,"",O,Te),this._notifyUrlChangeListeners(this.prepareExternalUrl(O+ye(Te)),Ze)}replaceState(O,Te="",Ze=null){this._locationStrategy.replaceState(Ze,"",O,Te),this._notifyUrlChangeListeners(this.prepareExternalUrl(O+ye(Te)),Ze)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(O=0){var Te,Ze;null===(Te=(Ze=this._locationStrategy).historyGo)||void 0===Te||Te.call(Ze,O)}onUrlChange(O){return this._urlChangeListeners.push(O),this._urlChangeSubscription||(this._urlChangeSubscription=this.subscribe(Te=>{this._notifyUrlChangeListeners(Te.url,Te.state)})),()=>{const Te=this._urlChangeListeners.indexOf(O);var Ze;this._urlChangeListeners.splice(Te,1),0===this._urlChangeListeners.length&&(null===(Ze=this._urlChangeSubscription)||void 0===Ze||Ze.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(O="",Te){this._urlChangeListeners.forEach(Ze=>Ze(O,Te))}subscribe(O,Te,Ze){return this._subject.subscribe({next:O,error:Te,complete:Ze})}}return(b=F).normalizeQueryParams=ye,b.joinWithSlash=J,b.stripTrailingSlash=Q,b.\u0275fac=function(O){return new(O||b)(t.KVO(be))},b.\u0275prov=t.jDH({token:b,factory:function(){return function Be(){return new oe((0,t.KVO)(be))}()},providedIn:"root"}),F})();function Ue(b){return b.replace(/\/index.html$/,"")}function Je(b,F){F=encodeURIComponent(F);for(const Fe of b.split(";")){const O=Fe.indexOf("="),[Te,Ze]=-1==O?[Fe,""]:[Fe.slice(0,O),Fe.slice(O+1)];if(Te.trim()===F)return decodeURIComponent(Ze)}return null}let bt=(()=>{var b;class F{constructor(O){this._viewContainerRef=O,this.ngComponentOutlet=null,this._inputsUsed=new Map}_needToReCreateNgModuleInstance(O){return void 0!==O.ngComponentOutletNgModule||void 0!==O.ngComponentOutletNgModuleFactory}_needToReCreateComponentInstance(O){return void 0!==O.ngComponentOutlet||void 0!==O.ngComponentOutletContent||void 0!==O.ngComponentOutletInjector||this._needToReCreateNgModuleInstance(O)}ngOnChanges(O){if(this._needToReCreateComponentInstance(O)&&(this._viewContainerRef.clear(),this._inputsUsed.clear(),this._componentRef=void 0,this.ngComponentOutlet)){const Ze=this.ngComponentOutletInjector||this._viewContainerRef.parentInjector;var Te;this._needToReCreateNgModuleInstance(O)&&(null===(Te=this._moduleRef)||void 0===Te||Te.destroy(),this._moduleRef=this.ngComponentOutletNgModule?(0,t.w6W)(this.ngComponentOutletNgModule,yt(Ze)):this.ngComponentOutletNgModuleFactory?this.ngComponentOutletNgModuleFactory.create(yt(Ze)):void 0),this._componentRef=this._viewContainerRef.createComponent(this.ngComponentOutlet,{injector:Ze,ngModuleRef:this._moduleRef,projectableNodes:this.ngComponentOutletContent})}}ngDoCheck(){if(this._componentRef){if(this.ngComponentOutletInputs)for(const O of Object.keys(this.ngComponentOutletInputs))this._inputsUsed.set(O,!0);this._applyInputStateDiff(this._componentRef)}}ngOnDestroy(){var O;null===(O=this._moduleRef)||void 0===O||O.destroy()}_applyInputStateDiff(O){for(const[Te,Ze]of this._inputsUsed)Ze?(O.setInput(Te,this.ngComponentOutletInputs[Te]),this._inputsUsed.set(Te,!1)):(O.setInput(Te,void 0),this._inputsUsed.delete(Te))}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.c1b))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngComponentOutlet",""]],inputs:{ngComponentOutlet:"ngComponentOutlet",ngComponentOutletInputs:"ngComponentOutletInputs",ngComponentOutletInjector:"ngComponentOutletInjector",ngComponentOutletContent:"ngComponentOutletContent",ngComponentOutletNgModule:"ngComponentOutletNgModule",ngComponentOutletNgModuleFactory:"ngComponentOutletNgModuleFactory"},standalone:!0,features:[t.OA$]}),F})();function yt(b){return b.get(t.Vns).injector}class It{constructor(F,Fe,O,Te){this.$implicit=F,this.ngForOf=Fe,this.index=O,this.count=Te}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let Nt=(()=>{var b;class F{set ngForOf(O){this._ngForOf=O,this._ngForOfDirty=!0}set ngForTrackBy(O){this._trackByFn=O}get ngForTrackBy(){return this._trackByFn}constructor(O,Te,Ze){this._viewContainer=O,this._template=Te,this._differs=Ze,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(O){O&&(this._template=O)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const O=this._ngForOf;!this._differ&&O&&(this._differ=this._differs.find(O).create(this.ngForTrackBy))}if(this._differ){const O=this._differ.diff(this._ngForOf);O&&this._applyChanges(O)}}_applyChanges(O){const Te=this._viewContainer;O.forEachOperation((Ze,At,rn)=>{if(null==Ze.previousIndex)Te.createEmbeddedView(this._template,new It(Ze.item,this._ngForOf,-1,-1),null===rn?void 0:rn);else if(null==rn)Te.remove(null===At?void 0:At);else if(null!==At){const Un=Te.get(At);Te.move(Un,rn),en(Un,Ze)}});for(let Ze=0,At=Te.length;Ze<At;Ze++){const Un=Te.get(Ze).context;Un.index=Ze,Un.count=At,Un.ngForOf=this._ngForOf}O.forEachIdentityChange(Ze=>{en(Te.get(Ze.currentIndex),Ze)})}static ngTemplateContextGuard(O,Te){return!0}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.c1b),t.rXU(t.C4Q),t.rXU(t._q3))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0}),F})();function en(b,F){b.context.$implicit=F.item}let fn=(()=>{var b;class F{constructor(O,Te){this._viewContainer=O,this._context=new On,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=Te}set ngIf(O){this._context.$implicit=this._context.ngIf=O,this._updateView()}set ngIfThen(O){Wn("ngIfThen",O),this._thenTemplateRef=O,this._thenViewRef=null,this._updateView()}set ngIfElse(O){Wn("ngIfElse",O),this._elseTemplateRef=O,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(O,Te){return!0}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.c1b),t.rXU(t.C4Q))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0}),F})();class On{constructor(){this.$implicit=null,this.ngIf=null}}function Wn(b,F){if(F&&!F.createEmbeddedView)throw new Error("".concat(b," must be a TemplateRef, but received '").concat((0,t.Tbb)(F),"'."))}class $n{constructor(F,Fe){this._viewContainerRef=F,this._templateRef=Fe,this._created=!1}create(){this._created=!0,this._viewContainerRef.createEmbeddedView(this._templateRef)}destroy(){this._created=!1,this._viewContainerRef.clear()}enforceState(F){F&&!this._created?this.create():!F&&this._created&&this.destroy()}}let Rn=(()=>{var b;class F{constructor(){this._defaultViews=[],this._defaultUsed=!1,this._caseCount=0,this._lastCaseCheckIndex=0,this._lastCasesMatched=!1}set ngSwitch(O){this._ngSwitch=O,0===this._caseCount&&this._updateDefaultCases(!0)}_addCase(){return this._caseCount++}_addDefault(O){this._defaultViews.push(O)}_matchCase(O){const Te=O==this._ngSwitch;return this._lastCasesMatched=this._lastCasesMatched||Te,this._lastCaseCheckIndex++,this._lastCaseCheckIndex===this._caseCount&&(this._updateDefaultCases(!this._lastCasesMatched),this._lastCaseCheckIndex=0,this._lastCasesMatched=!1),Te}_updateDefaultCases(O){if(this._defaultViews.length>0&&O!==this._defaultUsed){this._defaultUsed=O;for(const Te of this._defaultViews)Te.enforceState(O)}}}return(b=F).\u0275fac=function(O){return new(O||b)},b.\u0275dir=t.FsC({type:b,selectors:[["","ngSwitch",""]],inputs:{ngSwitch:"ngSwitch"},standalone:!0}),F})(),Qn=(()=>{var b;class F{constructor(O,Te,Ze){this.ngSwitch=Ze,Ze._addCase(),this._view=new $n(O,Te)}ngDoCheck(){this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase))}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.c1b),t.rXU(t.C4Q),t.rXU(Rn,9))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngSwitchCase",""]],inputs:{ngSwitchCase:"ngSwitchCase"},standalone:!0}),F})(),Di=(()=>{var b;class F{constructor(O,Te,Ze){Ze._addDefault(new $n(O,Te))}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.c1b),t.rXU(t.C4Q),t.rXU(Rn,9))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngSwitchDefault",""]],standalone:!0}),F})(),_o=(()=>{var b;class F{constructor(O){this._viewContainerRef=O,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(O){if(O.ngTemplateOutlet||O.ngTemplateOutletInjector){const Te=this._viewContainerRef;if(this._viewRef&&Te.remove(Te.indexOf(this._viewRef)),this.ngTemplateOutlet){const{ngTemplateOutlet:Ze,ngTemplateOutletContext:At,ngTemplateOutletInjector:rn}=this;this._viewRef=Te.createEmbeddedView(Ze,At,rn?{injector:rn}:void 0)}else this._viewRef=null}else this._viewRef&&O.ngTemplateOutletContext&&this.ngTemplateOutletContext&&(this._viewRef.context=this.ngTemplateOutletContext)}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.c1b))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[t.OA$]}),F})();class Pr{createSubscription(F,Fe){return(0,t.O8t)(()=>F.subscribe({next:Fe,error:O=>{throw O}}))}dispose(F){(0,t.O8t)(()=>F.unsubscribe())}}class Rr{createSubscription(F,Fe){return F.then(Fe,O=>{throw O})}dispose(F){}}const yr=new Rr,hr=new Pr;let Po=(()=>{var b;class F{constructor(O){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=O}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(O){return this._obj?O!==this._obj?(this._dispose(),this.transform(O)):this._latestValue:(O&&this._subscribe(O),this._latestValue)}_subscribe(O){this._obj=O,this._strategy=this._selectStrategy(O),this._subscription=this._strategy.createSubscription(O,Te=>this._updateLatestValue(O,Te))}_selectStrategy(O){if((0,t.jNT)(O))return yr;if((0,t.zjR)(O))return hr;throw function lo(b,F){return new t.wOt(2100,!1)}()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(O,Te){O===this._obj&&(this._latestValue=Te,this._ref.markForCheck())}}return(b=F).\u0275fac=function(O){return new(O||b)(t.rXU(t.gRc,16))},b.\u0275pipe=t.EJ8({name:"async",type:b,pure:!1,standalone:!0}),F})(),Wo=(()=>{var b;class F{transform(O){return JSON.stringify(O,null,2)}}return(b=F).\u0275fac=function(O){return new(O||b)},b.\u0275pipe=t.EJ8({name:"json",type:b,pure:!1,standalone:!0}),F})(),mn=(()=>{var b;class F{}return(b=F).\u0275fac=function(O){return new(O||b)},b.\u0275mod=t.$C({type:b}),b.\u0275inj=t.G2t({}),F})();const Kt="browser",Bn="server";function Ei(b){return b===Kt}function Ci(b){return b===Bn}let oi=(()=>{var b;class F{}return(b=F).\u0275prov=(0,t.jDH)({token:b,providedIn:"root",factory:()=>new ei((0,t.KVO)($),window)}),F})();class ei{constructor(F,Fe){this.document=F,this.window=Fe,this.offset=()=>[0,0]}setOffset(F){this.offset=Array.isArray(F)?()=>F:F}getScrollPosition(){return this.supportsScrolling()?[this.window.pageXOffset,this.window.pageYOffset]:[0,0]}scrollToPosition(F){this.supportsScrolling()&&this.window.scrollTo(F[0],F[1])}scrollToAnchor(F){if(!this.supportsScrolling())return;const Fe=function Gi(b,F){const Fe=b.getElementById(F)||b.getElementsByName(F)[0];if(Fe)return Fe;if("function"==typeof b.createTreeWalker&&b.body&&"function"==typeof b.body.attachShadow){const O=b.createTreeWalker(b.body,NodeFilter.SHOW_ELEMENT);let Te=O.currentNode;for(;Te;){const Ze=Te.shadowRoot;if(Ze){const At=Ze.getElementById(F)||Ze.querySelector('[name="'.concat(F,'"]'));if(At)return At}Te=O.nextNode()}}return null}(this.document,F);Fe&&(this.scrollToElement(Fe),Fe.focus())}setHistoryScrollRestoration(F){this.supportsScrolling()&&(this.window.history.scrollRestoration=F)}scrollToElement(F){const Fe=F.getBoundingClientRect(),O=Fe.left+this.window.pageXOffset,Te=Fe.top+this.window.pageYOffset,Ze=this.offset();this.window.scrollTo(O-Ze[0],Te-Ze[1])}supportsScrolling(){try{return!!this.window&&!!this.window.scrollTo&&"pageXOffset"in this.window}catch{return!1}}}class vi{}},2978:(wt,ke,u)=>{u.d(ke,{$C:()=>zo,$GK:()=>he,$K3:()=>ov,$MX:()=>ac,AVh:()=>up,Af3:()=>yc,Agw:()=>vf,B$B:()=>Bl,B4B:()=>uf,BIS:()=>a1,BMQ:()=>Wf,C4Q:()=>ml,C5r:()=>U_,Co$:()=>e_,DNE:()=>Tg,EBC:()=>y0,EFF:()=>am,EJ8:()=>or,EWP:()=>Fr,EmA:()=>df,FsC:()=>Co,G2t:()=>Rt,GBs:()=>N_,GFd:()=>cg,H3F:()=>iv,H5H:()=>hp,H8p:()=>hf,HbH:()=>em,Hps:()=>Eo,JRh:()=>cp,JZv:()=>pn,Jv_:()=>qm,KH2:()=>gu,KVO:()=>jt,Kcf:()=>Sy,L39:()=>MM,LfX:()=>Xt,Lme:()=>dp,MKu:()=>Xp,Mr5:()=>fp,NAR:()=>kg,NYb:()=>zE,Njj:()=>ys,O8t:()=>Ze,OA$:()=>Xn,Ocv:()=>vE,Ol2:()=>n_,PLl:()=>Jh,QTQ:()=>F0,QZP:()=>Z0,Ql9:()=>DE,QuC:()=>to,R7$:()=>R0,RV6:()=>Og,Rfq:()=>Ae,RxE:()=>s0,SKi:()=>nr,SdG:()=>Lg,SpI:()=>Lc,TL$:()=>Ty,TL3:()=>QE,Tbb:()=>ye,UyX:()=>Py,VBU:()=>Rr,Vns:()=>va,Vt3:()=>zf,WHO:()=>uv,WPN:()=>pa,WQX:()=>gn,XpG:()=>Fg,Xx1:()=>Na,Y8G:()=>Zf,Z63:()=>Gu,ZF7:()=>Xa,_9s:()=>r0,_q3:()=>Gp,a0P:()=>IM,aKT:()=>Yu,aNF:()=>i_,abz:()=>Zu,bIt:()=>np,bMT:()=>y_,bVm:()=>Nc,bc$:()=>s1,bkB:()=>ss,brH:()=>D_,c1b:()=>Wc,cWb:()=>Ay,czy:()=>Xs,duS:()=>lf,e01:()=>lv,e5t:()=>Ny,eBV:()=>Fs,eq3:()=>d_,eu8:()=>ep,gRc:()=>tM,gXe:()=>xi,giA:()=>cv,h9k:()=>$h,i5U:()=>b_,iLQ:()=>Up,j41:()=>Ac,jDH:()=>Ke,jNT:()=>tp,joV:()=>Du,k0s:()=>Pc,kS0:()=>Su,kdw:()=>Fa,lJ4:()=>c_,lNU:()=>Ue,l_i:()=>f_,lsd:()=>k_,mGM:()=>R_,mal:()=>D0,mq5:()=>Mm,n$t:()=>jh,nI1:()=>v_,nKC:()=>wn,nM4:()=>sg,npT:()=>Hh,nrm:()=>qf,o8S:()=>yu,osQ:()=>Ry,plB:()=>Sp,qSk:()=>ks,qex:()=>Rc,rOR:()=>Hc,rXU:()=>nu,rcV:()=>Es,sFG:()=>C1,sZ2:()=>Zh,sdS:()=>xg,tSv:()=>v0,uvJ:()=>rs,vPA:()=>ws,w6W:()=>aT,wOt:()=>U,wni:()=>F_,xGo:()=>Pl,xc7:()=>ap,xe9:()=>Xc,zZn:()=>Jr,zcH:()=>Ks,zjR:()=>Sg,zvX:()=>pp});var t=u(6104),c=u(2029),S=u(9406),N=u(2489),X=u(5981),$=u(756),W=u(7782),se=u(2831),ne=u(3793);function J(e){for(let n in e)if(e[n]===J)return n;throw Error("Could not find renamed property on target object.")}function Q(e,n){for(const i in n)n.hasOwnProperty(i)&&!e.hasOwnProperty(i)&&(e[i]=n[i])}function ye(e){if("string"==typeof e)return e;if(Array.isArray(e))return"["+e.map(ye).join(", ")+"]";if(null==e)return""+e;if(e.overriddenName)return"".concat(e.overriddenName);if(e.name)return"".concat(e.name);const n=e.toString();if(null==n)return""+n;const i=n.indexOf("\n");return-1===i?n:n.substring(0,i)}function be(e,n){return null==e||""===e?null===n?"":n:null==n||""===n?e:e+" "+n}const ee=J({__forward_ref__:J});function Ae(e){return e.__forward_ref__=Ae,e.toString=function(){return ye(this())},e}function j(e){return oe(e)?e():e}function oe(e){return"function"==typeof e&&e.hasOwnProperty(ee)&&e.__forward_ref__===Ae}function Be(e){return e&&!!e.\u0275providers}const Ue="https://g.co/ng/security#xss";class U extends Error{constructor(n,i){super(function Me(e,n){const i="NG0".concat(Math.abs(e));return"".concat(i).concat(n?": "+n:"")}(n,i)),this.code=n}}function xe(e){return"string"==typeof e?e:null==e?"":String(e)}function _t(e,n){throw n&&" in ".concat(n),new U(-201,!1)}function te(e,n){null==e&&function Oe(e,n,i,o){throw new Error("ASSERTION ERROR: ".concat(e)+(null==o?"":" [Expected=> ".concat(i," ").concat(o," ").concat(n," <=Actual]")))}(n,e,null,"!=")}function Ke(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function Rt(e){return{providers:e.providers||[],imports:e.imports||[]}}function Yt(e){return sn(e,it)||sn(e,ct)}function Xt(e){return null!==Yt(e)}function sn(e,n){return e.hasOwnProperty(n)?e[n]:null}function tn(e){return e&&(e.hasOwnProperty(Ye)||e.hasOwnProperty(ae))?e[Ye]:null}const it=J({\u0275prov:J}),Ye=J({\u0275inj:J}),ct=J({ngInjectableDef:J}),ae=J({ngInjectorDef:J});var he=function(e){return e[e.Default=0]="Default",e[e.Host=1]="Host",e[e.Self=2]="Self",e[e.SkipSelf=4]="SkipSelf",e[e.Optional=8]="Optional",e}(he||{});let We;function vt(){return We}function Vt(e){const n=We;return We=e,n}function dn(e,n,i){const o=Yt(e);return o&&"root"==o.providedIn?void 0===o.value?o.value=o.factory():o.value:i&he.Optional?null:void 0!==n?n:void _t(ye(e),"Injector")}const pn=globalThis;class wn{constructor(n,i){this._desc=n,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof i?this.__NG_ELEMENT_ID__=i:void 0!==i&&(this.\u0275prov=Ke({token:this,providedIn:i.providedIn||"root",factory:i.factory}))}get multi(){return this}toString(){return"InjectionToken ".concat(this._desc)}}const ln={},xt="__NG_DI_FLAG__",an="ngTempTokenPath",ze=/\n/gm,ge="__source";let Y;function pt(e){const n=Y;return Y=e,n}function $t(e,n=he.Default){if(void 0===Y)throw new U(-203,!1);return null===Y?dn(e,void 0,n):Y.get(e,n&he.Optional?null:void 0,n)}function jt(e,n=he.Default){return(vt()||$t)(j(e),n)}function gn(e,n=he.Default){return jt(e,ii(n))}function ii(e){return typeof e>"u"||"number"==typeof e?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Vn(e){const n=[];for(let i=0;i<e.length;i++){const o=j(e[i]);if(Array.isArray(o)){if(0===o.length)throw new U(900,!1);let r,a=he.Default;for(let d=0;d<o.length;d++){const m=o[d],C=Pn(m);"number"==typeof C?-1===C?r=m.token:a|=C:r=m}n.push(jt(r,a))}else n.push(jt(o))}return n}function jn(e,n){return e[xt]=n,e.prototype[xt]=n,e}function Pn(e){return e[xt]}function ri(e){return{toString:e}.toString()}var fi=function(e){return e[e.OnPush=0]="OnPush",e[e.Default=1]="Default",e}(fi||{}),xi=function(e){return e[e.Emulated=0]="Emulated",e[e.None=2]="None",e[e.ShadowDom=3]="ShadowDom",e}(xi||{});const Ii={},yn=[],Li=J({\u0275cmp:J}),Ee=J({\u0275dir:J}),$e=J({\u0275pipe:J}),et=J({\u0275mod:J}),Je=J({\u0275fac:J}),qe=J({__NG_ELEMENT_ID__:J}),ft=J({__NG_ENV_ID__:J});function gt(e,n,i){let o=e.length;for(;;){const r=e.indexOf(n,i);if(-1===r)return r;if(0===r||e.charCodeAt(r-1)<=32){const a=n.length;if(r+a===o||e.charCodeAt(r+a)<=32)return r}i=r+1}}function bt(e,n,i){let o=0;for(;o<i.length;){const r=i[o];if("number"==typeof r){if(0!==r)break;o++;const a=i[o++],d=i[o++],m=i[o++];e.setAttribute(n,d,m,a)}else{const a=r,d=i[++o];It(a)?e.setProperty(n,a,d):e.setAttribute(n,a,d),o++}}return o}function yt(e){return 3===e||4===e||6===e}function It(e){return 64===e.charCodeAt(0)}function Nt(e,n){if(null!==n&&0!==n.length)if(null===e||0===e.length)e=n.slice();else{let i=-1;for(let o=0;o<n.length;o++){const r=n[o];"number"==typeof r?i=r:0===i||en(e,i,r,null,-1===i||2===i?n[++o]:null)}}return e}function en(e,n,i,o,r){let a=0,d=e.length;if(-1===n)d=-1;else for(;a<e.length;){const m=e[a++];if("number"==typeof m){if(m===n){d=-1;break}if(m>n){d=a-1;break}}}for(;a<e.length;){const m=e[a];if("number"==typeof m)break;if(m===i){if(null===o)return void(null!==r&&(e[a+1]=r));if(o===e[a+1])return void(e[a+2]=r)}a++,null!==o&&a++,null!==r&&a++}-1!==d&&(e.splice(d,0,n),a=d+1),e.splice(a++,0,i),null!==o&&e.splice(a++,0,o),null!==r&&e.splice(a++,0,r)}const Zt="ng-template";function fn(e,n,i){let o=0,r=!0;for(;o<e.length;){let a=e[o++];if("string"==typeof a&&r){const d=e[o++];if(i&&"class"===a&&-1!==gt(d.toLowerCase(),n,0))return!0}else{if(1===a){for(;o<e.length&&"string"==typeof(a=e[o++]);)if(a.toLowerCase()===n)return!0;return!1}"number"==typeof a&&(r=!1)}}return!1}function On(e){return 4===e.type&&e.value!==Zt}function Wn(e,n,i){return n===(4!==e.type||i?e.value:Zt)}function $n(e,n,i){let o=4;const r=e.attrs||[],a=function eo(e){for(let n=0;n<e.length;n++)if(yt(e[n]))return n;return e.length}(r);let d=!1;for(let m=0;m<n.length;m++){const C=n[m];if("number"!=typeof C){if(!d)if(4&o){if(o=2|1&o,""!==C&&!Wn(e,C,i)||""===C&&1===n.length){if(Rn(o))return!1;d=!0}}else{const R=8&o?C:n[++m];if(8&o&&null!==e.attrs){if(!fn(e.attrs,R,i)){if(Rn(o))return!1;d=!0}continue}const me=Qn(8&o?"class":C,r,On(e),i);if(-1===me){if(Rn(o))return!1;d=!0;continue}if(""!==R){let Qe;Qe=me>a?"":r[me+1].toLowerCase();const ht=8&o?Qe:null;if(ht&&-1!==gt(ht,R,0)||2&o&&R!==Qe){if(Rn(o))return!1;d=!0}}}}else{if(!d&&!Rn(o)&&!Rn(C))return!1;if(d&&Rn(C))continue;d=!1,o=C|1&o}}return Rn(o)||d}function Rn(e){return 0==(1&e)}function Qn(e,n,i,o){if(null===n)return-1;let r=0;if(o||!i){let a=!1;for(;r<n.length;){const d=n[r];if(d===e)return r;if(3===d||6===d)a=!0;else{if(1===d||2===d){let m=n[++r];for(;"string"==typeof m;)m=n[++r];continue}if(4===d)break;if(0===d){r+=4;continue}}r+=a?1:2}return-1}return function mo(e,n){let i=e.indexOf(4);if(i>-1)for(i++;i<e.length;){const o=e[i];if("number"==typeof o)return-1;if(o===n)return i;i++}return-1}(n,e)}function Di(e,n,i=!1){for(let o=0;o<n.length;o++)if($n(e,n[o],i))return!0;return!1}function Lo(e,n){e:for(let i=0;i<n.length;i++){const o=n[i];if(e.length===o.length){for(let r=0;r<e.length;r++)if(e[r]!==o[r])continue e;return!0}}return!1}function _o(e,n){return e?":not("+n.trim()+")":n}function $r(e){let n=e[0],i=1,o=2,r="",a=!1;for(;i<e.length;){let d=e[i];if("string"==typeof d)if(2&o){const m=e[++i];r+="["+d+(m.length>0?'="'+m+'"':"")+"]"}else 8&o?r+="."+d:4&o&&(r+=" "+d);else""!==r&&!Rn(d)&&(n+=_o(a,r),r=""),o=d,a=a||!Rn(o);i++}return""!==r&&(n+=_o(a,r)),n}function Rr(e){return ri(()=>{var n;const i=io(e),o={...i,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection===fi.OnPush,directiveDefs:null,pipeDefs:null,dependencies:i.standalone&&e.dependencies||null,getStandaloneInjector:null,signals:null!==(n=e.signals)&&void 0!==n&&n,data:e.data||{},encapsulation:e.encapsulation||xi.Emulated,styles:e.styles||yn,_:null,schemas:e.schemas||null,tView:null,id:""};Wo(o);const r=e.dependencies;return o.directiveDefs=oo(r,!1),o.pipeDefs=oo(r,!0),o.id=function Bo(e){let n=0;const i=[e.selectors,e.ngContentSelectors,e.hostVars,e.hostAttrs,e.consts,e.vars,e.decls,e.encapsulation,e.standalone,e.signals,e.exportAs,JSON.stringify(e.inputs),JSON.stringify(e.outputs),Object.getOwnPropertyNames(e.type.prototype),!!e.contentQueries,!!e.viewQuery].join("|");for(const r of i)n=Math.imul(31,n)+r.charCodeAt(0)<<0;return n+=2147483648,"c"+n}(o),o})}function hr(e){return qn(e)||Hi(e)}function Po(e){return null!==e}function zo(e){return ri(()=>({type:e.type,bootstrap:e.bootstrap||yn,declarations:e.declarations||yn,imports:e.imports||yn,exports:e.exports||yn,transitiveCompileScopes:null,schemas:e.schemas||null,id:e.id||null}))}function jo(e,n){if(null==e)return Ii;const i={};for(const o in e)if(e.hasOwnProperty(o)){let r=e[o],a=r;Array.isArray(r)&&(a=r[1],r=r[0]),i[r]=o,n&&(n[r]=a)}return i}function Co(e){return ri(()=>{const n=io(e);return Wo(n),n})}function or(e){return{type:e.type,name:e.name,factory:null,pure:!1!==e.pure,standalone:!0===e.standalone,onDestroy:e.type.prototype.ngOnDestroy||null}}function qn(e){return e[Li]||null}function Hi(e){return e[Ee]||null}function pi(e){return e[$e]||null}function to(e){const n=qn(e)||Hi(e)||pi(e);return null!==n&&n.standalone}function Qi(e,n){const i=e[et]||null;if(!i&&!0===n)throw new Error("Type ".concat(ye(e)," does not have '\u0275mod' property."));return i}function io(e){const n={};return{type:e.type,providersResolver:null,factory:null,hostBindings:e.hostBindings||null,hostVars:e.hostVars||0,hostAttrs:e.hostAttrs||null,contentQueries:e.contentQueries||null,declaredInputs:n,inputTransforms:null,inputConfig:e.inputs||Ii,exportAs:e.exportAs||null,standalone:!0===e.standalone,signals:!0===e.signals,selectors:e.selectors||yn,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:jo(e.inputs,n),outputs:jo(e.outputs)}}function Wo(e){var n;null===(n=e.features)||void 0===n||n.forEach(i=>i(e))}function oo(e,n){if(!e)return null;const i=n?pi:hr;return()=>("function"==typeof e?e():e).map(o=>i(o)).filter(Po)}const hi=0,ve=1,q=2,Pe=3,je=4,St=5,Ft=6,mn=7,Kt=8,Bn=9,kn=10,Mn=11,Ei=12,Ci=13,wi=14,gi=15,Ro=16,oi=17,ei=18,Gi=19,Vo=20,vi=21,di=22,co=23,Uo=24,Gn=25,rr=1,qo=2,no=7,vo=9,Oi=11;function ro(e){return Array.isArray(e)&&"object"==typeof e[rr]}function _e(e){return Array.isArray(e)&&!0===e[rr]}function v(e){return 0!=(4&e.flags)}function T(e){return e.componentOffset>-1}function L(e){return 1==(1&e.flags)}function re(e){return!!e.template}function Se(e){return 0!=(512&e[q])}function po(e,n){return e.hasOwnProperty(Je)?e[Je]:null}const so=Symbol("SIGNAL");function Eo(e){return"function"==typeof e&&void 0!==e[so]}function br(e,n){return(null===e||"object"!=typeof e)&&Object.is(e,n)}let cn=null,An=!1;function En(e){const n=cn;return cn=e,n}const Zn={version:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{}};function Si(e){if(An)throw new Error("");if(null===cn)return;const n=cn.nextProducerIndex++;ar(cn),n<cn.producerNode.length&&cn.producerNode[n]!==e&&Go(cn)&&Dr(cn.producerNode[n],cn.producerIndexOfThis[n]),cn.producerNode[n]!==e&&(cn.producerNode[n]=e,cn.producerIndexOfThis[n]=Go(cn)?No(e,cn,n):0),cn.producerLastReadVersion[n]=e.version}function Mo(e){if(!Go(e)||e.dirty){if(!e.producerMustRecompute(e)&&!ao(e))return void(e.dirty=!1);e.producerRecomputeValue(e),e.dirty=!1}}function Ji(e){if(void 0===e.liveConsumerNode)return;const n=An;An=!0;try{for(const i of e.liveConsumerNode)i.dirty||Ai(i)}finally{An=n}}function So(){var e;return!1!==(null===(e=cn)||void 0===e?void 0:e.consumerAllowSignalWrites)}function Ai(e){var n;e.dirty=!0,Ji(e),null===(n=e.consumerMarkedDirty)||void 0===n||n.call(e,e)}function gr(e){return e&&(e.nextProducerIndex=0),En(e)}function sr(e,n){if(En(n),e&&void 0!==e.producerNode&&void 0!==e.producerIndexOfThis&&void 0!==e.producerLastReadVersion){if(Go(e))for(let i=e.nextProducerIndex;i<e.producerNode.length;i++)Dr(e.producerNode[i],e.producerIndexOfThis[i]);for(;e.producerNode.length>e.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}function ao(e){ar(e);for(let n=0;n<e.producerNode.length;n++){const i=e.producerNode[n],o=e.producerLastReadVersion[n];if(o!==i.version||(Mo(i),o!==i.version))return!0}return!1}function Ao(e){if(ar(e),Go(e))for(let n=0;n<e.producerNode.length;n++)Dr(e.producerNode[n],e.producerIndexOfThis[n]);e.producerNode.length=e.producerLastReadVersion.length=e.producerIndexOfThis.length=0,e.liveConsumerNode&&(e.liveConsumerNode.length=e.liveConsumerIndexOfThis.length=0)}function No(e,n,i){if(Hr(e),ar(e),0===e.liveConsumerNode.length)for(let o=0;o<e.producerNode.length;o++)e.producerIndexOfThis[o]=No(e.producerNode[o],e,o);return e.liveConsumerIndexOfThis.push(i),e.liveConsumerNode.push(n)-1}function Dr(e,n){if(Hr(e),ar(e),1===e.liveConsumerNode.length)for(let o=0;o<e.producerNode.length;o++)Dr(e.producerNode[o],e.producerIndexOfThis[o]);const i=e.liveConsumerNode.length-1;if(e.liveConsumerNode[n]=e.liveConsumerNode[i],e.liveConsumerIndexOfThis[n]=e.liveConsumerIndexOfThis[i],e.liveConsumerNode.length--,e.liveConsumerIndexOfThis.length--,n<e.liveConsumerNode.length){const o=e.liveConsumerIndexOfThis[n],r=e.liveConsumerNode[n];ar(r),r.producerIndexOfThis[o]=n}}function Go(e){var n,i;return e.consumerIsAlwaysLive||(null!==(n=null==e||null===(i=e.liveConsumerNode)||void 0===i?void 0:i.length)&&void 0!==n?n:0)>0}function ar(e){var n,i,o;null!==(n=e.producerNode)&&void 0!==n||(e.producerNode=[]),null!==(i=e.producerIndexOfThis)&&void 0!==i||(e.producerIndexOfThis=[]),null!==(o=e.producerLastReadVersion)&&void 0!==o||(e.producerLastReadVersion=[])}function Hr(e){var n,i;null!==(n=e.liveConsumerNode)&&void 0!==n||(e.liveConsumerNode=[]),null!==(i=e.liveConsumerIndexOfThis)&&void 0!==i||(e.liveConsumerIndexOfThis=[])}function Fr(e,n){const i=Object.create(ds);i.computation=e,null!=n&&n.equal&&(i.equal=n.equal);const o=()=>{if(Mo(i),Si(i),i.value===xo)throw i.error;return i.value};return o[so]=i,o}const kr=Symbol("UNSET"),Lr=Symbol("COMPUTING"),xo=Symbol("ERRORED"),ds=(()=>({...Zn,value:kr,dirty:!0,error:null,equal:br,producerMustRecompute:e=>e.value===kr||e.value===Lr,producerRecomputeValue(e){if(e.value===Lr)throw new Error("Detected cycle in computations.");const n=e.value;e.value=Lr;const i=gr(e);let o;try{o=e.computation()}catch(r){o=xo,e.error=r}finally{sr(e,i)}n!==kr&&n!==xo&&o!==xo&&e.equal(n,o)?e.value=n:(e.value=o,e.version++)}}))();let Xo=function zr(){throw new Error};function Br(){Xo()}let ts=null;function ws(e,n){const i=Object.create(fs);function o(){return Si(i),i.value}return i.value=e,null!=n&&n.equal&&(i.equal=n.equal),o.set=F,o.update=Fe,o.mutate=O,o.asReadonly=Te,o[so]=i,o}const fs=(()=>({...Zn,equal:br,readonlyFn:void 0}))();function b(e){var n;e.version++,Ji(e),null===(n=ts)||void 0===n||n()}function F(e){const n=this[so];So()||Br(),n.equal(n.value,e)||(n.value=e,b(n))}function Fe(e){So()||Br(),F.call(this,e(this[so].value))}function O(e){const n=this[so];So()||Br(),e(n.value),b(n)}function Te(){const e=this[so];if(void 0===e.readonlyFn){const n=()=>this();n[so]=e,e.readonlyFn=n}return e.readonlyFn}function Ze(e){const n=En(null);try{return e()}finally{En(n)}}const rn=()=>{},Un=(()=>({...Zn,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!1,consumerMarkedDirty:e=>{e.schedule(e.ref)},hasRun:!1,cleanupFn:rn}))();class ui{constructor(n,i,o){this.previousValue=n,this.currentValue=i,this.firstChange=o}isFirstChange(){return this.firstChange}}function Xn(){return Ni}function Ni(e){return e.type.prototype.ngOnChanges&&(e.setInput=qi),Ti}function Ti(){const e=Ko(this),n=null==e?void 0:e.current;if(n){const i=e.previous;if(i===Ii)e.previous=n;else for(let o in n)i[o]=n[o];e.current=null,this.ngOnChanges(n)}}function qi(e,n,i,o){const r=this.declaredInputs[i],a=Ko(e)||function er(e,n){return e[$o]=n}(e,{previous:Ii,current:null}),d=a.current||(a.current={}),m=a.previous,C=m[r];d[r]=new ui(C&&C.currentValue,n,m===Ii),e[o]=n}Xn.ngInherit=!0;const $o="__ngSimpleChanges__";function Ko(e){return e[$o]||null}const Io=function(e,n,i){},mr="svg";function zi(e){for(;Array.isArray(e);)e=e[hi];return e}function ps(e,n){return zi(n[e])}function Ho(e,n){return zi(n[e.index])}function ns(e,n){return e.data[n]}function Vr(e,n){return e[n]}function Fo(e,n){const i=n[e];return ro(i)?i:i[hi]}function cr(e,n){return null==n?null:e[n]}function gs(e){e[oi]=0}function Os(e){1024&e[q]||(e[q]|=1024,_r(e,1))}function ms(e){1024&e[q]&&(e[q]&=-1025,_r(e,-1))}function _r(e,n){let i=e[Pe];if(null===i)return;i[St]+=n;let o=i;for(i=i[Pe];null!==i&&(1===n&&1===o[St]||-1===n&&0===o[St]);)i[St]+=n,o=i,i=i[Pe]}function Ss(e,n){if(256==(256&e[q]))throw new U(911,!1);null===e[vi]&&(e[vi]=[]),e[vi].push(n)}const Kn={lFrame:Nn(null),bindingsEnabled:!0,skipHydrationRootTNode:null};function Ps(){return Kn.bindingsEnabled}function is(){return null!==Kn.skipHydrationRootTNode}function Jt(){return Kn.lFrame.lView}function mi(){return Kn.lFrame.tView}function Fs(e){return Kn.lFrame.contextLView=e,e[Kt]}function ys(e){return Kn.lFrame.contextLView=null,e}function wo(){let e=s();for(;null!==e&&64===e.type;)e=e.parent;return e}function s(){return Kn.lFrame.currentTNode}function M(e,n){const i=Kn.lFrame;i.currentTNode=e,i.isParent=n}function B(){return Kn.lFrame.isParent}function V(){Kn.lFrame.isParent=!1}function Ve(){const e=Kn.lFrame;let n=e.bindingRootIndex;return-1===n&&(n=e.bindingRootIndex=e.tView.bindingStartIndex),n}function Ut(){return Kn.lFrame.bindingIndex++}function _n(e){const n=Kn.lFrame,i=n.bindingIndex;return n.bindingIndex=n.bindingIndex+e,i}function y(e,n){const i=Kn.lFrame;i.bindingIndex=i.bindingRootIndex=e,_(n)}function _(e){Kn.lFrame.currentDirectiveIndex=e}function w(e){const n=Kn.lFrame.currentDirectiveIndex;return-1===n?null:e[n]}function K(){return Kn.lFrame.currentQueryIndex}function pe(e){Kn.lFrame.currentQueryIndex=e}function lt(e){const n=e[ve];return 2===n.type?n.declTNode:1===n.type?e[Ft]:null}function zt(e,n,i){if(i&he.SkipSelf){let r=n,a=e;for(;!(r=r.parent,null!==r||i&he.Host||(r=lt(a),null===r||(a=a[wi],10&r.type))););if(null===r)return!1;n=r,e=a}const o=Kn.lFrame=un();return o.currentTNode=n,o.lView=e,!0}function Mt(e){const n=un(),i=e[ve];Kn.lFrame=n,n.currentTNode=i.firstChild,n.lView=e,n.tView=i,n.contextLView=e,n.bindingIndex=i.bindingStartIndex,n.inI18n=!1}function un(){const e=Kn.lFrame,n=null===e?null:e.child;return null===n?Nn(e):n}function Nn(e){const n={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:e,child:null,inI18n:!1};return null!==e&&(e.child=n),n}function Mi(){const e=Kn.lFrame;return Kn.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}const bo=Mi;function yi(){const e=Mi();e.isParent=!0,e.tView=null,e.selectedIndex=-1,e.contextLView=null,e.elementDepthCount=0,e.currentDirectiveIndex=-1,e.currentNamespace=null,e.bindingRootIndex=-1,e.bindingIndex=-1,e.currentQueryIndex=0}function Ki(){return Kn.lFrame.selectedIndex}function dr(e){Kn.lFrame.selectedIndex=e}function ji(){const e=Kn.lFrame;return ns(e.tView,e.selectedIndex)}function ks(){Kn.lFrame.currentNamespace=mr}function Du(){!function Cu(){Kn.lFrame.currentNamespace=null}()}let bl=!0;function Ma(){return bl}function bs(e){bl=e}function Tu(e,n){for(let R=n.directiveStart,G=n.directiveEnd;R<G;R++){const Qe=e.data[R].type.prototype,{ngAfterContentInit:ht,ngAfterContentChecked:Lt,ngAfterViewInit:nn,ngAfterViewChecked:bn,ngOnDestroy:Fn}=Qe;var i,o,r,a,d,m,C;ht&&(null!==(i=e.contentHooks)&&void 0!==i?i:e.contentHooks=[]).push(-R,ht),Lt&&((null!==(o=e.contentHooks)&&void 0!==o?o:e.contentHooks=[]).push(R,Lt),(null!==(r=e.contentCheckHooks)&&void 0!==r?r:e.contentCheckHooks=[]).push(R,Lt)),nn&&(null!==(a=e.viewHooks)&&void 0!==a?a:e.viewHooks=[]).push(-R,nn),bn&&((null!==(d=e.viewHooks)&&void 0!==d?d:e.viewHooks=[]).push(R,bn),(null!==(m=e.viewCheckHooks)&&void 0!==m?m:e.viewCheckHooks=[]).push(R,bn)),null!=Fn&&(null!==(C=e.destroyHooks)&&void 0!==C?C:e.destroyHooks=[]).push(R,Fn)}}function xa(e,n,i){ed(e,n,3,i)}function Ia(e,n,i,o){(3&e[q])===i&&ed(e,n,i,o)}function Eu(e,n){let i=e[q];(3&i)===n&&(i&=8191,i+=1,e[q]=i)}function ed(e,n,i,o){const a=null!=o?o:-1,d=n.length-1;let m=0;for(let C=void 0!==o?65535&e[oi]:0;C<d;C++)if("number"==typeof n[C+1]){if(m=n[C],null!=o&&m>=o)break}else n[C]<0&&(e[oi]+=65536),(m<a||-1==a)&&(Yp(e,i,n,C),e[oi]=(4294901760&e[oi])+C+2),C++}function Dl(e,n){Io(4,e,n);const i=En(null);try{n.call(e)}finally{En(i),Io(5,e,n)}}function Yp(e,n,i,o){const r=i[o]<0,a=i[o+1],m=e[r?-i[o]:i[o]];r?e[q]>>13<e[oi]>>16&&(3&e[q])===n&&(e[q]+=8192,Dl(m,a)):Dl(m,a)}const ta=-1;class na{constructor(n,i,o){this.factory=n,this.resolving=!1,this.canSeeViewProviders=i,this.injectImpl=o}}function Mu(e){return e!==ta}function ia(e){return 32767&e}function oa(e,n){let i=function od(e){return e>>16}(e),o=n;for(;i>0;)o=o[wi],i--;return o}let xu=!0;function wa(e){const n=xu;return xu=e,n}const Tl=255,El=5;let rd=0;const Xr={};function Oa(e,n){const i=Ml(e,n);if(-1!==i)return i;const o=n[ve];o.firstCreatePass&&(e.injectorIndex=n.length,Iu(o.data,e),Iu(n,null),Iu(o.blueprint,null));const r=Sa(e,n),a=e.injectorIndex;if(Mu(r)){const d=ia(r),m=oa(r,n),C=m[ve].data;for(let R=0;R<8;R++)n[a+R]=m[d+R]|C[d+R]}return n[a+8]=r,a}function Iu(e,n){e.push(0,0,0,0,0,0,0,0,n)}function Ml(e,n){return-1===e.injectorIndex||e.parent&&e.parent.injectorIndex===e.injectorIndex||null===n[e.injectorIndex+8]?-1:e.injectorIndex}function Sa(e,n){if(e.parent&&-1!==e.parent.injectorIndex)return e.parent.injectorIndex;let i=0,o=null,r=n;for(;null!==r;){if(o=Rl(r),null===o)return ta;if(i++,r=r[wi],-1!==o.injectorIndex)return o.injectorIndex|i<<16}return ta}function wu(e,n,i){!function sd(e,n,i){let o;"string"==typeof i?o=i.charCodeAt(0)||0:i.hasOwnProperty(qe)&&(o=i[qe]),null==o&&(o=i[qe]=rd++);const r=o&Tl;n.data[e+(r>>El)]|=1<<r}(e,n,i)}function xl(e,n,i){if(i&he.Optional||void 0!==e)return e;_t(0,"NodeInjector")}function Il(e,n,i,o){if(i&he.Optional&&void 0===o&&(o=null),!(i&(he.Self|he.Host))){const r=e[Bn],a=Vt(void 0);try{return r?r.get(n,o,i&he.Optional):dn(n,o,i&he.Optional)}finally{Vt(a)}}return xl(o,0,i)}function wl(e,n,i,o=he.Default,r){if(null!==e){if(2048&n[q]&&!(o&he.Self)){const d=function fd(e,n,i,o,r){let a=e,d=n;for(;null!==a&&null!==d&&2048&d[q]&&!(512&d[q]);){const m=Ol(a,d,i,o|he.Self,Xr);if(m!==Xr)return m;let C=a.parent;if(!C){const R=d[Vo];if(R){const G=R.get(i,Xr,o);if(G!==Xr)return G}C=Rl(d),d=d[wi]}a=C}return r}(e,n,i,o,Xr);if(d!==Xr)return d}const a=Ol(e,n,i,o,Xr);if(a!==Xr)return a}return Il(n,i,o,r)}function Ol(e,n,i,o,r){const a=function ld(e){if("string"==typeof e)return e.charCodeAt(0)||0;const n=e.hasOwnProperty(qe)?e[qe]:void 0;return"number"==typeof n?n>=0?n&Tl:dd:n}(i);if("function"==typeof a){if(!zt(n,e,o))return o&he.Host?xl(r,0,o):Il(n,i,o,r);try{let d;if(d=a(o),null!=d||o&he.Optional)return d;_t()}finally{bo()}}else if("number"==typeof a){let d=null,m=Ml(e,n),C=ta,R=o&he.Host?n[gi][Ft]:null;for((-1===m||o&he.SkipSelf)&&(C=-1===m?Sa(e,n):n[m+8],C!==ta&&Al(o,!1)?(d=n[ve],m=ia(C),n=oa(C,n)):m=-1);-1!==m;){const G=n[ve];if(Sl(a,m,G.data)){const me=ud(m,n,i,d,o,R);if(me!==Xr)return me}C=n[m+8],C!==ta&&Al(o,n[ve].data[m+8]===R)&&Sl(a,m,n)?(d=G,m=ia(C),n=oa(C,n)):m=-1}}return r}function ud(e,n,i,o,r,a){const d=n[ve],m=d.data[e+8],G=Aa(m,d,i,null==o?T(m)&&xu:o!=d&&0!=(3&m.type),r&he.Host&&a===m);return null!==G?Cs(n,d,G,m):Xr}function Aa(e,n,i,o,r){const a=e.providerIndexes,d=n.data,m=1048575&a,C=e.directiveStart,G=a>>20,Qe=r?m+G:e.directiveEnd;for(let ht=o?m:m+G;ht<Qe;ht++){const Lt=d[ht];if(ht<C&&i===Lt||ht>=C&&Lt.type===i)return ht}if(r){const ht=d[C];if(ht&&re(ht)&&ht.type===i)return C}return null}function Cs(e,n,i,o){let r=e[i];const a=n.data;if(function td(e){return e instanceof na}(r)){const d=r;d.resolving&&function Ge(e,n){const i=n?". Dependency path: ".concat(n.join(" > ")," > ").concat(e):"";throw new U(-200,"Circular dependency in DI detected for ".concat(e).concat(i))}(function Xe(e){return"function"==typeof e?e.name||e.toString():"object"==typeof e&&null!=e&&"function"==typeof e.type?e.type.name||e.type.toString():xe(e)}(a[i]));const m=wa(d.canSeeViewProviders);d.resolving=!0;const R=d.injectImpl?Vt(d.injectImpl):null;zt(e,o,he.Default);try{r=e[i]=d.factory(void 0,a,e,o),n.firstCreatePass&&i>=o.directiveStart&&function Ds(e,n,i){const{ngOnChanges:o,ngOnInit:r,ngDoCheck:a}=n.type.prototype;if(o){var d,m;const me=Ni(n);(null!==(d=i.preOrderHooks)&&void 0!==d?d:i.preOrderHooks=[]).push(e,me),(null!==(m=i.preOrderCheckHooks)&&void 0!==m?m:i.preOrderCheckHooks=[]).push(e,me)}var C,R,G;r&&(null!==(C=i.preOrderHooks)&&void 0!==C?C:i.preOrderHooks=[]).push(0-e,r),a&&((null!==(R=i.preOrderHooks)&&void 0!==R?R:i.preOrderHooks=[]).push(e,a),(null!==(G=i.preOrderCheckHooks)&&void 0!==G?G:i.preOrderCheckHooks=[]).push(e,a))}(i,a[i],n)}finally{null!==R&&Vt(R),wa(m),d.resolving=!1,bo()}}return r}function Sl(e,n,i){return!!(i[n+(e>>El)]&1<<e)}function Al(e,n){return!(e&he.Self||e&he.Host&&n)}class fr{constructor(n,i){this._tNode=n,this._lView=i}get(n,i,o){return wl(this._tNode,this._lView,n,ii(o),i)}}function dd(){return new fr(wo(),Jt())}function Pl(e){return ri(()=>{const n=e.prototype.constructor,i=n[Je]||Ou(n),o=Object.prototype;let r=Object.getPrototypeOf(e.prototype).constructor;for(;r&&r!==o;){const a=r[Je]||Ou(r);if(a&&a!==i)return a;r=Object.getPrototypeOf(r)}return a=>new a})}function Ou(e){return oe(e)?()=>{const n=Ou(j(e));return n&&n()}:po(e)}function Rl(e){const n=e[ve],i=n.type;return 2===i?n.declTNode:1===i?e[Ft]:null}function Su(e){return function ad(e,n){if("class"===n)return e.classes;if("style"===n)return e.styles;const i=e.attrs;if(i){const o=i.length;let r=0;for(;r<o;){const a=i[r];if(yt(a))break;if(0===a)r+=2;else if("number"==typeof a)for(r++;r<o&&"string"==typeof i[r];)r++;else{if(a===n)return i[r+1];r+=2}}}return null}(wo(),e)}const Vs="__parameters__";function $s(e,n,i){return ri(()=>{const o=function Au(e){return function(...i){if(e){const o=e(...i);for(const r in o)this[r]=o[r]}}}(n);function r(...a){if(this instanceof r)return o.apply(this,a),this;const d=new r(...a);return m.annotation=d,m;function m(C,R,G){const me=C.hasOwnProperty(Vs)?C[Vs]:Object.defineProperty(C,Vs,{value:[]})[Vs];for(;me.length<=G;)me.push(null);return(me[G]=me[G]||[]).push(d),C}}return i&&(r.prototype=Object.create(i.prototype)),r.prototype.ngMetadataName=e,r.annotationCls=r,r})}function zs(e,n){e.forEach(i=>Array.isArray(i)?zs(i,n):n(i))}function kl(e,n,i){n>=e.length?e.push(i):e.splice(n,0,i)}function Pa(e,n){return n>=e.length-1?e.pop():e.splice(n,1)[0]}function js(e,n){const i=[];for(let o=0;o<e;o++)i.push(n);return i}function Tr(e,n,i){let o=Ws(e,n);return o>=0?e[1|o]=i:(o=~o,function vd(e,n,i,o){let r=e.length;if(r==n)e.push(i,o);else if(1===r)e.push(o,e[0]),e[0]=i;else{for(r--,e.push(e[r-1],e[r]);r>n;)e[r]=e[r-2],r--;e[n]=i,e[n+1]=o}}(e,o,n,i)),o}function Pu(e,n){const i=Ws(e,n);if(i>=0)return e[1|i]}function Ws(e,n){return function Ll(e,n,i){let o=0,r=e.length>>i;for(;r!==o;){const a=o+(r-o>>1),d=e[a<<i];if(n===d)return a<<i;d>n?r=a:o=a+1}return~(r<<i)}(e,n,1)}const Na=jn($s("Optional"),8),Bl=jn($s("Self"),2),Fa=jn($s("SkipSelf"),4);function Va(e){return 128==(128&e.flags)}var Xs=function(e){return e[e.Important=1]="Important",e[e.DashCase=2]="DashCase",e}(Xs||{});const Zl=/^>|^->|<!--|-->|--!>|<!-$/g,Jl=/(<|>)/g,Bd="\u200b$1\u200b";const Ua=new Map;let Vd=0;const Uu="__ngContext__";function tr(e,n){ro(n)?(e[Uu]=n[Gi],function $d(e){Ua.set(e[Gi],e)}(n)):e[Uu]=n}let Jn;function Wi(e,n){return Jn(e,n)}function Yr(e){const n=e[Pe];return _e(n)?n[Pe]:n}function Er(e){return ec(e[Ei])}function za(e){return ec(e[je])}function ec(e){for(;null!==e&&!_e(e);)e=e[je];return e}function Or(e,n,i,o,r){if(null!=o){let a,d=!1;_e(o)?a=o:ro(o)&&(d=!0,o=o[hi]);const m=zi(o);0===e&&null!==i?null==r?Dh(n,i,m):da(n,i,m,r||null,!0):1===e&&null!==i?da(n,i,m,r||null,!0):2===e?function oc(e,n,i){const o=nc(e,n);o&&function hy(e,n,i,o){e.removeChild(n,i,o)}(e,o,n,i)}(n,m,d):3===e&&n.destroyNode(m),null!=a&&function _y(e,n,i,o,r){const a=i[no];a!==zi(i)&&Or(n,e,o,a,r);for(let m=Oi;m<i.length;m++){const C=i[m];zu(C[ve],C,e,n,o,a)}}(n,e,a,i,r)}}function la(e,n){return e.createComment(function ql(e){return e.replace(Zl,n=>n.replace(Jl,Bd))}(n))}function ca(e,n,i){return e.createElement(n,i)}function yh(e,n){const i=e[vo],o=i.indexOf(n);ms(n),i.splice(o,1)}function tc(e,n){if(e.length<=Oi)return;const i=Oi+n,o=e[i];if(o){const r=o[Ro];null!==r&&r!==e&&yh(r,o),n>0&&(e[i-1][je]=o[je]);const a=Pa(e,Oi+n);!function $u(e,n){zu(e,n,n[Mn],2,null,null),n[hi]=null,n[Ft]=null}(o[ve],o);const d=a[ei];null!==d&&d.detachView(a[ve]),o[Pe]=null,o[je]=null,o[q]&=-129}return o}function Kd(e,n){if(!(256&n[q])){const i=n[Mn];n[co]&&Ao(n[co]),n[Uo]&&Ao(n[Uo]),i.destroyNode&&zu(e,n,i,3,null,null),function ly(e){let n=e[Ei];if(!n)return Qd(e[ve],e);for(;n;){let i=null;if(ro(n))i=n[Ei];else{const o=n[Oi];o&&(i=o)}if(!i){for(;n&&!n[je]&&n!==e;)ro(n)&&Qd(n[ve],n),n=n[Pe];null===n&&(n=e),ro(n)&&Qd(n[ve],n),i=n&&n[je]}n=i}}(n)}}function Qd(e,n){if(!(256&n[q])){n[q]&=-129,n[q]|=256,function py(e,n){let i;if(null!=e&&null!=(i=e.destroyHooks))for(let o=0;o<i.length;o+=2){const r=n[i[o]];if(!(r instanceof na)){const a=i[o+1];if(Array.isArray(a))for(let d=0;d<a.length;d+=2){const m=r[a[d]],C=a[d+1];Io(4,m,C);try{C.call(m)}finally{Io(5,m,C)}}else{Io(4,r,a);try{a.call(r)}finally{Io(5,r,a)}}}}}(e,n),function fy(e,n){const i=e.cleanup,o=n[mn];if(null!==i)for(let a=0;a<i.length-1;a+=2)if("string"==typeof i[a]){const d=i[a+3];d>=0?o[d]():o[-d].unsubscribe(),a+=2}else i[a].call(o[i[a+1]]);null!==o&&(n[mn]=null);const r=n[vi];if(null!==r){n[vi]=null;for(let a=0;a<r.length;a++)(0,r[a])()}}(e,n),1===n[ve].type&&n[Mn].destroy();const i=n[Ro];if(null!==i&&_e(n[Pe])){i!==n[Pe]&&yh(i,n);const o=n[ei];null!==o&&o.detachView(e)}!function vh(e){Ua.delete(e[Gi])}(n)}}function Yd(e,n,i){return function bh(e,n,i){let o=n;for(;null!==o&&40&o.type;)o=(n=o).parent;if(null===o)return i[hi];{const{componentOffset:r}=o;if(r>-1){const{encapsulation:a}=e.data[o.directiveStart+r];if(a===xi.None||a===xi.Emulated)return null}return Ho(o,i)}}(e,n.parent,i)}function da(e,n,i,o,r){e.insertBefore(n,i,o,r)}function Dh(e,n,i){e.appendChild(n,i)}function Ch(e,n,i,o,r){null!==o?da(e,n,i,o,r):Dh(e,n,i)}function nc(e,n){return e.parentNode(n)}function Th(e,n,i){return Mh(e,n,i)}let Zd,rc,tf,sc,Mh=function Eh(e,n,i){return 40&e.type?Ho(e,i):null};function ic(e,n,i,o){const r=Yd(e,o,n),a=n[Mn],m=Th(o.parent||n[Ft],o,n);if(null!=r)if(Array.isArray(i))for(let C=0;C<i.length;C++)Ch(a,r,i[C],m,!1);else Ch(a,r,i,m,!1);void 0!==Zd&&Zd(a,o,n,i,r)}function Hu(e,n){if(null!==n){const i=n.type;if(3&i)return Ho(n,e);if(4&i)return Jd(-1,e[n.index]);if(8&i){const o=n.child;if(null!==o)return Hu(e,o);{const r=e[n.index];return _e(r)?Jd(-1,r):zi(r)}}if(32&i)return Wi(n,e)()||zi(e[n.index]);{const o=Ih(e,n);return null!==o?Array.isArray(o)?o[0]:Hu(Yr(e[gi]),o):Hu(e,n.next)}}return null}function Ih(e,n){return null!==n?e[gi][Ft].projection[n.projection]:null}function Jd(e,n){const i=Oi+e+1;if(i<n.length){const o=n[i],r=o[ve].firstChild;if(null!==r)return Hu(o,r)}return n[no]}function qd(e,n,i,o,r,a,d){for(;null!=i;){const m=o[i.index],C=i.type;if(d&&0===n&&(m&&tr(zi(m),o),i.flags|=2),32!=(32&i.flags))if(8&C)qd(e,n,i.child,o,r,a,!1),Or(n,e,r,m,a);else if(32&C){const R=Wi(i,o);let G;for(;G=R();)Or(n,e,r,G,a);Or(n,e,r,m,a)}else 16&C?Oh(e,n,o,i,r,a):Or(n,e,r,m,a);i=d?i.projectionNext:i.next}}function zu(e,n,i,o,r,a){qd(i,o,e.firstChild,n,r,a,!1)}function Oh(e,n,i,o,r,a){const d=i[gi],C=d[Ft].projection[o.projection];if(Array.isArray(C))for(let R=0;R<C.length;R++)Or(n,e,r,C[R],a);else{let R=C;const G=d[Pe];Va(o)&&(R.flags|=128),qd(e,n,R,G,r,a,!0)}}function Sh(e,n,i){""===i?e.removeAttribute(n,"class"):e.setAttribute(n,"class",i)}function Ah(e,n,i){const{mergedAttrs:o,classes:r,styles:a}=i;null!==o&&bt(e,n,o),null!==r&&Sh(e,n,r),null!==a&&function yy(e,n,i){e.setAttribute(n,"style",i)}(e,n,a)}function Wa(e){var n;return(null===(n=function ef(){if(void 0===rc&&(rc=null,pn.trustedTypes))try{rc=pn.trustedTypes.createPolicy("angular",{createHTML:e=>e,createScript:e=>e,createScriptURL:e=>e})}catch{}return rc}())||void 0===n?void 0:n.createHTML(e))||e}function Ty(e){tf=e}function Ga(){if(void 0!==tf)return tf;if(typeof document<"u")return document;throw new U(210,!1)}function nf(){if(void 0===sc&&(sc=null,pn.trustedTypes))try{sc=pn.trustedTypes.createPolicy("angular#unsafe-bypass",{createHTML:e=>e,createScript:e=>e,createScriptURL:e=>e})}catch{}return sc}function Ph(e){var n;return(null===(n=nf())||void 0===n?void 0:n.createHTML(e))||e}function Nh(e){var n;return(null===(n=nf())||void 0===n?void 0:n.createScriptURL(e))||e}class fa{constructor(n){this.changingThisBreaksApplicationSecurity=n}toString(){return"SafeValue must use [property]=binding: ".concat(this.changingThisBreaksApplicationSecurity)+" (see ".concat(Ue,")")}}class Ey extends fa{getTypeName(){return"HTML"}}class My extends fa{getTypeName(){return"Style"}}class xy extends fa{getTypeName(){return"Script"}}class Iy extends fa{getTypeName(){return"URL"}}class wy extends fa{getTypeName(){return"ResourceURL"}}function Es(e){return e instanceof fa?e.changingThisBreaksApplicationSecurity:e}function Xa(e,n){const i=function Oy(e){return e instanceof fa&&e.getTypeName()||null}(e);if(null!=i&&i!==n){if("ResourceURL"===i&&"URL"===n)return!0;throw new Error("Required a safe ".concat(n,", got a ").concat(i," (see ").concat(Ue,")"))}return i===n}function Sy(e){return new Ey(e)}function Ay(e){return new My(e)}function Py(e){return new xy(e)}function Ry(e){return new Iy(e)}function Ny(e){return new wy(e)}class Fy{constructor(n){this.inertDocumentHelper=n}getInertBodyElement(n){n="<body><remove></remove>"+n;try{const i=(new window.DOMParser).parseFromString(Wa(n),"text/html").body;return null===i?this.inertDocumentHelper.getInertBodyElement(n):(i.removeChild(i.firstChild),i)}catch{return null}}}class ky{constructor(n){this.defaultDoc=n,this.inertDocument=this.defaultDoc.implementation.createHTMLDocument("sanitization-inert")}getInertBodyElement(n){const i=this.inertDocument.createElement("template");return i.innerHTML=Wa(n),i}}const By=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function ac(e){return(e=String(e)).match(By)?e:"unsafe:"+e}function Ms(e){const n={};for(const i of e.split(","))n[i]=!0;return n}function ju(...e){const n={};for(const i of e)for(const o in i)i.hasOwnProperty(o)&&(n[o]=!0);return n}const kh=Ms("area,br,col,hr,img,wbr"),Lh=Ms("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"),Bh=Ms("rp,rt"),rf=ju(kh,ju(Lh,Ms("address,article,aside,blockquote,caption,center,del,details,dialog,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,ins,main,map,menu,nav,ol,pre,section,summary,table,ul")),ju(Bh,Ms("a,abbr,acronym,audio,b,bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,picture,q,ruby,rp,rt,s,samp,small,source,span,strike,strong,sub,sup,time,track,tt,u,var,video")),ju(Bh,Lh)),sf=Ms("background,cite,href,itemtype,longdesc,poster,src,xlink:href"),Vh=ju(sf,Ms("abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,scope,scrolling,shape,size,sizes,span,srclang,srcset,start,summary,tabindex,target,title,translate,type,usemap,valign,value,vspace,width"),Ms("aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,aria-colspan,aria-controls,aria-current,aria-describedby,aria-details,aria-disabled,aria-dropeffect,aria-errormessage,aria-expanded,aria-flowto,aria-grabbed,aria-haspopup,aria-hidden,aria-invalid,aria-keyshortcuts,aria-label,aria-labelledby,aria-level,aria-live,aria-modal,aria-multiline,aria-multiselectable,aria-orientation,aria-owns,aria-placeholder,aria-posinset,aria-pressed,aria-readonly,aria-relevant,aria-required,aria-roledescription,aria-rowcount,aria-rowindex,aria-rowspan,aria-selected,aria-setsize,aria-sort,aria-valuemax,aria-valuemin,aria-valuenow,aria-valuetext")),Vy=Ms("script,style,template");class Uy{constructor(){this.sanitizedSomething=!1,this.buf=[]}sanitizeChildren(n){let i=n.firstChild,o=!0;for(;i;)if(i.nodeType===Node.ELEMENT_NODE?o=this.startElement(i):i.nodeType===Node.TEXT_NODE?this.chars(i.nodeValue):this.sanitizedSomething=!0,o&&i.firstChild)i=i.firstChild;else for(;i;){i.nodeType===Node.ELEMENT_NODE&&this.endElement(i);let r=this.checkClobberedElement(i,i.nextSibling);if(r){i=r;break}i=this.checkClobberedElement(i,i.parentNode)}return this.buf.join("")}startElement(n){const i=n.nodeName.toLowerCase();if(!rf.hasOwnProperty(i))return this.sanitizedSomething=!0,!Vy.hasOwnProperty(i);this.buf.push("<"),this.buf.push(i);const o=n.attributes;for(let r=0;r<o.length;r++){const a=o.item(r),d=a.name,m=d.toLowerCase();if(!Vh.hasOwnProperty(m)){this.sanitizedSomething=!0;continue}let C=a.value;sf[m]&&(C=ac(C)),this.buf.push(" ",d,'="',Uh(C),'"')}return this.buf.push(">"),!0}endElement(n){const i=n.nodeName.toLowerCase();rf.hasOwnProperty(i)&&!kh.hasOwnProperty(i)&&(this.buf.push("</"),this.buf.push(i),this.buf.push(">"))}chars(n){this.buf.push(Uh(n))}checkClobberedElement(n,i){if(i&&(n.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_CONTAINED_BY)===Node.DOCUMENT_POSITION_CONTAINED_BY)throw new Error("Failed to sanitize html because the element is clobbered: ".concat(n.outerHTML));return i}}const $y=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,Hy=/([^\#-~ |!])/g;function Uh(e){return e.replace(/&/g,"&amp;").replace($y,function(n){return"&#"+(1024*(n.charCodeAt(0)-55296)+(n.charCodeAt(1)-56320)+65536)+";"}).replace(Hy,function(n){return"&#"+n.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")}let uc;function $h(e,n){let i=null;try{uc=uc||function Fh(e){const n=new ky(e);return function Ly(){try{return!!(new window.DOMParser).parseFromString(Wa(""),"text/html")}catch{return!1}}()?new Fy(n):n}(e);let o=n?String(n):"";i=uc.getInertBodyElement(o);let r=5,a=o;do{if(0===r)throw new Error("Failed to sanitize html because the input is unstable");r--,o=a,a=i.innerHTML,i=uc.getInertBodyElement(o)}while(o!==a);return Wa((new Uy).sanitizeChildren(af(i)||i))}finally{if(i){const o=af(i)||i;for(;o.firstChild;)o.removeChild(o.firstChild)}}}function af(e){return"content"in e&&function zy(e){return e.nodeType===Node.ELEMENT_NODE&&"TEMPLATE"===e.nodeName}(e)?e.content:null}var pa=function(e){return e[e.NONE=0]="NONE",e[e.HTML=1]="HTML",e[e.STYLE=2]="STYLE",e[e.SCRIPT=3]="SCRIPT",e[e.URL=4]="URL",e[e.RESOURCE_URL=5]="RESOURCE_URL",e}(pa||{});function Hh(e){const n=Wu();return n?Ph(n.sanitize(pa.HTML,e)||""):Xa(e,"HTML")?Ph(Es(e)):$h(Ga(),xe(e))}function uf(e){const n=Wu();return n?n.sanitize(pa.URL,e)||"":Xa(e,"URL")?Es(e):ac(xe(e))}function zh(e){const n=Wu();if(n)return Nh(n.sanitize(pa.RESOURCE_URL,e)||"");if(Xa(e,"ResourceURL"))return Nh(Es(e));throw new U(904,!1)}function jh(e,n,i){return function Ky(e,n){return"src"===n&&("embed"===e||"frame"===e||"iframe"===e||"media"===e||"script"===e)||"href"===n&&("base"===e||"link"===e)?zh:uf}(n,i)(e)}function Wu(){const e=Jt();return e&&e[kn].sanitizer}const Gu=new wn("ENVIRONMENT_INITIALIZER"),lf=new wn("INJECTOR",-1),Wh=new wn("INJECTOR_DEF_TYPES");class cf{get(n,i=ln){if(i===ln){const o=new Error("NullInjectorError: No provider for ".concat(ye(n),"!"));throw o.name="NullInjectorError",o}return i}}function df(e){return{\u0275providers:e}}function Qy(...e){return{\u0275providers:Gh(0,e),\u0275fromNgModule:!0}}function Gh(e,...n){const i=[],o=new Set;let r;const a=d=>{i.push(d)};return zs(n,d=>{const m=d;lc(m,a,[],o)&&(r||(r=[]),r.push(m))}),void 0!==r&&Xh(r,a),i}function Xh(e,n){for(let i=0;i<e.length;i++){const{ngModule:o,providers:r}=e[i];ff(r,a=>{n(a,o)})}}function lc(e,n,i,o){if(!(e=j(e)))return!1;let r=null,a=tn(e);const d=!a&&qn(e);if(a||d){if(d&&!d.standalone)return!1;r=e}else{const C=e.ngModule;if(a=tn(C),!a)return!1;r=C}const m=o.has(r);if(d){if(m)return!1;if(o.add(r),d.dependencies){const C="function"==typeof d.dependencies?d.dependencies():d.dependencies;for(const R of C)lc(R,n,i,o)}}else{if(!a)return!1;{if(null!=a.imports&&!m){let R;o.add(r);try{zs(a.imports,G=>{lc(G,n,i,o)&&(R||(R=[]),R.push(G))})}finally{}void 0!==R&&Xh(R,n)}if(!m){const R=po(r)||(()=>new r);n({provide:r,useFactory:R,deps:yn},r),n({provide:Wh,useValue:r,multi:!0},r),n({provide:Gu,useValue:()=>jt(r),multi:!0},r)}const C=a.providers;if(null!=C&&!m){const R=e;ff(C,G=>{n(G,R)})}}}return r!==e&&void 0!==e.providers}function ff(e,n){for(let i of e)Be(i)&&(i=i.\u0275providers),Array.isArray(i)?ff(i,n):n(i)}const Yy=J({provide:String,useValue:J});function pf(e){return null!==e&&"object"==typeof e&&Yy in e}function ha(e){return"function"==typeof e}const hf=new wn("Set Injector scope."),cc={},Jy={};let gf;function dc(){return void 0===gf&&(gf=new cf),gf}class rs{}class Ka extends rs{get destroyed(){return this._destroyed}constructor(n,i,o,r){super(),this.parent=i,this.source=o,this.scopes=r,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,_f(n,d=>this.processProvider(d)),this.records.set(lf,Qa(void 0,this)),r.has("environment")&&this.records.set(rs,Qa(void 0,this));const a=this.records.get(hf);null!=a&&"string"==typeof a.value&&this.scopes.add(a.value),this.injectorDefTypes=new Set(this.get(Wh.multi,yn,he.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const i of this._ngOnDestroyHooks)i.ngOnDestroy();const n=this._onDestroyHooks;this._onDestroyHooks=[];for(const i of n)i()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear()}}onDestroy(n){return this.assertNotDestroyed(),this._onDestroyHooks.push(n),()=>this.removeOnDestroy(n)}runInContext(n){this.assertNotDestroyed();const i=pt(this),o=Vt(void 0);try{return n()}finally{pt(i),Vt(o)}}get(n,i=ln,o=he.Default){if(this.assertNotDestroyed(),n.hasOwnProperty(ft))return n[ft](this);o=ii(o);const a=pt(this),d=Vt(void 0);try{if(!(o&he.SkipSelf)){let C=this.records.get(n);if(void 0===C){const R=function o1(e){return"function"==typeof e||"object"==typeof e&&e instanceof wn}(n)&&Yt(n);C=R&&this.injectableDefInScope(R)?Qa(mf(n),cc):null,this.records.set(n,C)}if(null!=C)return this.hydrate(n,C)}return(o&he.Self?dc():this.parent).get(n,i=o&he.Optional&&i===ln?null:i)}catch(m){if("NullInjectorError"===m.name){if((m[an]=m[an]||[]).unshift(ye(n)),a)throw m;return function ki(e,n,i,o){const r=e[an];throw n[ge]&&r.unshift(n[ge]),e.message=function Pi(e,n,i,o=null){e=e&&"\n"===e.charAt(0)&&"\u0275"==e.charAt(1)?e.slice(2):e;let r=ye(n);if(Array.isArray(n))r=n.map(ye).join(" -> ");else if("object"==typeof n){let a=[];for(let d in n)if(n.hasOwnProperty(d)){let m=n[d];a.push(d+":"+("string"==typeof m?JSON.stringify(m):ye(m)))}r="{".concat(a.join(", "),"}")}return"".concat(i).concat(o?"("+o+")":"","[").concat(r,"]: ").concat(e.replace(ze,"\n  "))}("\n"+e.message,r,i,o),e.ngTokenPath=r,e[an]=null,e}(m,n,"R3InjectorError",this.source)}throw m}finally{Vt(d),pt(a)}}resolveInjectorInitializers(){const n=pt(this),i=Vt(void 0);try{const r=this.get(Gu.multi,yn,he.Self);for(const a of r)a()}finally{pt(n),Vt(i)}}toString(){const n=[],i=this.records;for(const o of i.keys())n.push(ye(o));return"R3Injector[".concat(n.join(", "),"]")}assertNotDestroyed(){if(this._destroyed)throw new U(205,!1)}processProvider(n){let i=ha(n=j(n))?n:j(n&&n.provide);const o=function e1(e){return pf(e)?Qa(void 0,e.useValue):Qa(Yh(e),cc)}(n);if(ha(n)||!0!==n.multi)this.records.get(i);else{let r=this.records.get(i);r||(r=Qa(void 0,cc,!0),r.factory=()=>Vn(r.multi),this.records.set(i,r)),i=n,r.multi.push(n)}this.records.set(i,o)}hydrate(n,i){return i.value===cc&&(i.value=Jy,i.value=i.factory()),"object"==typeof i.value&&i.value&&function n1(e){return null!==e&&"object"==typeof e&&"function"==typeof e.ngOnDestroy}(i.value)&&this._ngOnDestroyHooks.add(i.value),i.value}injectableDefInScope(n){if(!n.providedIn)return!1;const i=j(n.providedIn);return"string"==typeof i?"any"===i||this.scopes.has(i):this.injectorDefTypes.has(i)}removeOnDestroy(n){const i=this._onDestroyHooks.indexOf(n);-1!==i&&this._onDestroyHooks.splice(i,1)}}function mf(e){const n=Yt(e),i=null!==n?n.factory:po(e);if(null!==i)return i;if(e instanceof wn)throw new U(204,!1);if(e instanceof Function)return function qy(e){const n=e.length;if(n>0)throw js(n,"?"),new U(204,!1);const i=function Ln(e){return e&&(e[it]||e[ct])||null}(e);return null!==i?()=>i.factory(e):()=>new e}(e);throw new U(204,!1)}function Yh(e,n,i){let o;if(ha(e)){const r=j(e);return po(r)||mf(r)}if(pf(e))o=()=>j(e.useValue);else if(function Qh(e){return!(!e||!e.useFactory)}(e))o=()=>e.useFactory(...Vn(e.deps||[]));else if(function Kh(e){return!(!e||!e.useExisting)}(e))o=()=>jt(j(e.useExisting));else{const r=j(e&&(e.useClass||e.provide));if(!function t1(e){return!!e.deps}(e))return po(r)||mf(r);o=()=>new r(...Vn(e.deps))}return o}function Qa(e,n,i=!1){return{factory:e,value:n,multi:i?[]:void 0}}function _f(e,n){for(const i of e)Array.isArray(i)?_f(i,n):i&&Be(i)?_f(i.\u0275providers,n):n(i)}const Zh=new wn("AppId",{providedIn:"root",factory:()=>r1}),r1="ng",Jh=new wn("Platform Initializer"),vf=new wn("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),s1=new wn("AnimationModuleType"),a1=new wn("CSP nonce",{providedIn:"root",factory:()=>{var e;return(null===(e=Ga().body)||void 0===e||null===(e=e.querySelector("[ngCspNonce]"))||void 0===e?void 0:e.getAttribute("ngCspNonce"))||null}});let qh=(e,n,i)=>null;function Tf(e,n,i=!1){return qh(e,n,i)}class _1{}class n0{}class y1{resolveComponentFactory(n){throw function v1(e){const n=Error("No component factory found for ".concat(ye(e),"."));return n.ngComponent=e,n}(n)}}let vc=(()=>{class n{}return n.NULL=new y1,n})();function b1(){return qa(wo(),Jt())}function qa(e,n){return new Yu(Ho(e,n))}let Yu=(()=>{class n{constructor(o){this.nativeElement=o}}return n.__NG_ELEMENT_ID__=b1,n})();function D1(e){return e instanceof Yu?e.nativeElement:e}class r0{}let C1=(()=>{class n{constructor(){this.destroyNode=null}}return n.__NG_ELEMENT_ID__=()=>function T1(){const e=Jt(),i=Fo(wo().index,e);return(ro(i)?i:e)[Mn]}(),n})(),E1=(()=>{var e;class n{}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:()=>null}),n})();class s0{constructor(n){this.full=n,this.major=n.split(".")[0],this.minor=n.split(".")[1],this.patch=n.split(".").slice(2).join(".")}}const M1=new s0("16.2.12"),xf={};function yc(e){if(!vt()&&!function He(){return Y}())throw new U(-203,!1)}function c0(e,n=null,i=null,o){const r=d0(e,n,i,o);return r.resolveInjectorInitializers(),r}function d0(e,n=null,i=null,o,r=new Set){const a=[i||yn,Qy(e)];return o=o||("object"==typeof e?void 0:ye(e)),new Ka(a,n||dc(),o||null,r)}let Jr=(()=>{var e;class n{static create(o,r){if(Array.isArray(o))return c0({name:""},r,o,"");{var a;const d=null!==(a=o.name)&&void 0!==a?a:"";return c0({name:d},o.parent,o.providers,d)}}}return(e=n).THROW_IF_NOT_FOUND=ln,e.NULL=new cf,e.\u0275prov=Ke({token:e,providedIn:"any",factory:()=>jt(lf)}),e.__NG_ELEMENT_ID__=-1,n})();function If(e){return e.ngOriginalError}class Ks{constructor(){this._console=console}handleError(n){const i=this._findOriginalError(n);this._console.error("ERROR",n),i&&this._console.error("ORIGINAL ERROR",i)}_findOriginalError(n){let i=n&&If(n);for(;i&&If(i);)i=If(i);return i||null}}let Zu=(()=>{var e;class n{}return(e=n).__NG_ELEMENT_ID__=P1,e.__NG_ENV_ID__=i=>i,n})();class A1 extends Zu{constructor(n){super(),this._lView=n}onDestroy(n){return Ss(this._lView,n),()=>function Ca(e,n){if(null===e[vi])return;const i=e[vi].indexOf(n);-1!==i&&e[vi].splice(i,1)}(this._lView,n)}}function P1(){return new A1(Jt())}function wf(e){return n=>{setTimeout(e,void 0,n)}}const ss=class R1 extends t.B{constructor(n=!1){super(),this.__isAsync=n}emit(n){super.next(n)}subscribe(n,i,o){let r=n,a=i||(()=>null),d=o;if(n&&"object"==typeof n){var m,C,R;const me=n;r=null===(m=me.next)||void 0===m?void 0:m.bind(me),a=null===(C=me.error)||void 0===C?void 0:C.bind(me),d=null===(R=me.complete)||void 0===R?void 0:R.bind(me)}this.__isAsync&&(a=wf(a),r&&(r=wf(r)),d&&(d=wf(d)));const G=super.subscribe({next:r,error:a,complete:d});return n instanceof c.yU&&n.add(G),G}};function p0(...e){}class nr{constructor({enableLongStackTrace:n=!1,shouldCoalesceEventChangeDetection:i=!1,shouldCoalesceRunChangeDetection:o=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new ss(!1),this.onMicrotaskEmpty=new ss(!1),this.onStable=new ss(!1),this.onError=new ss(!1),typeof Zone>"u")throw new U(908,!1);Zone.assertZonePatched();const r=this;r._nesting=0,r._outer=r._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(r._inner=r._inner.fork(new Zone.TaskTrackingZoneSpec)),n&&Zone.longStackTraceZoneSpec&&(r._inner=r._inner.fork(Zone.longStackTraceZoneSpec)),r.shouldCoalesceEventChangeDetection=!o&&i,r.shouldCoalesceRunChangeDetection=o,r.lastRequestAnimationFrameId=-1,r.nativeRequestAnimationFrame=function N1(){const e="function"==typeof pn.requestAnimationFrame;let n=pn[e?"requestAnimationFrame":"setTimeout"],i=pn[e?"cancelAnimationFrame":"clearTimeout"];if(typeof Zone<"u"&&n&&i){const o=n[Zone.__symbol__("OriginalDelegate")];o&&(n=o);const r=i[Zone.__symbol__("OriginalDelegate")];r&&(i=r)}return{nativeRequestAnimationFrame:n,nativeCancelAnimationFrame:i}}().nativeRequestAnimationFrame,function L1(e){const n=()=>{!function k1(e){e.isCheckStableRunning||-1!==e.lastRequestAnimationFrameId||(e.lastRequestAnimationFrameId=e.nativeRequestAnimationFrame.call(pn,()=>{e.fakeTopEventTask||(e.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{e.lastRequestAnimationFrameId=-1,Sf(e),e.isCheckStableRunning=!0,Of(e),e.isCheckStableRunning=!1},void 0,()=>{},()=>{})),e.fakeTopEventTask.invoke()}),Sf(e))}(e)};e._inner=e._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(i,o,r,a,d,m)=>{if(function V1(e){var n;return!(!Array.isArray(e)||1!==e.length)&&!0===(null===(n=e[0].data)||void 0===n?void 0:n.__ignore_ng_zone__)}(m))return i.invokeTask(r,a,d,m);try{return h0(e),i.invokeTask(r,a,d,m)}finally{(e.shouldCoalesceEventChangeDetection&&"eventTask"===a.type||e.shouldCoalesceRunChangeDetection)&&n(),g0(e)}},onInvoke:(i,o,r,a,d,m,C)=>{try{return h0(e),i.invoke(r,a,d,m,C)}finally{e.shouldCoalesceRunChangeDetection&&n(),g0(e)}},onHasTask:(i,o,r,a)=>{i.hasTask(r,a),o===r&&("microTask"==a.change?(e._hasPendingMicrotasks=a.microTask,Sf(e),Of(e)):"macroTask"==a.change&&(e.hasPendingMacrotasks=a.macroTask))},onHandleError:(i,o,r,a)=>(i.handleError(r,a),e.runOutsideAngular(()=>e.onError.emit(a)),!1)})}(r)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!nr.isInAngularZone())throw new U(909,!1)}static assertNotInAngularZone(){if(nr.isInAngularZone())throw new U(909,!1)}run(n,i,o){return this._inner.run(n,i,o)}runTask(n,i,o,r){const a=this._inner,d=a.scheduleEventTask("NgZoneEvent: "+r,n,F1,p0,p0);try{return a.runTask(d,i,o)}finally{a.cancelTask(d)}}runGuarded(n,i,o){return this._inner.runGuarded(n,i,o)}runOutsideAngular(n){return this._outer.run(n)}}const F1={};function Of(e){if(0==e._nesting&&!e.hasPendingMicrotasks&&!e.isStable)try{e._nesting++,e.onMicrotaskEmpty.emit(null)}finally{if(e._nesting--,!e.hasPendingMicrotasks)try{e.runOutsideAngular(()=>e.onStable.emit(null))}finally{e.isStable=!0}}}function Sf(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&-1!==e.lastRequestAnimationFrameId)}function h0(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function g0(e){e._nesting--,Of(e)}const m0=new wn("",{providedIn:"root",factory:_0});function _0(){const e=gn(nr);let n=!0;const i=new S.c(r=>{n=e.isStable&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks,e.runOutsideAngular(()=>{r.next(n),r.complete()})}),o=new S.c(r=>{let a;e.runOutsideAngular(()=>{a=e.onStable.subscribe(()=>{nr.assertNotInAngularZone(),queueMicrotask(()=>{!n&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks&&(n=!0,r.next(!0))})})});const d=e.onUnstable.subscribe(()=>{nr.assertInAngularZone(),n&&(n=!1,e.runOutsideAngular(()=>{r.next(!1)}))});return()=>{a.unsubscribe(),d.unsubscribe()}});return(0,N.h)(i,o.pipe((0,W.u)()))}function v0(e){return e.ownerDocument.defaultView}function y0(e){return e.ownerDocument}function xs(e){return e instanceof Function?e():e}function D0(e,n){var i,o;!n&&yc();const r=null!==(i=null==n?void 0:n.injector)&&void 0!==i?i:gn(Jr);if(!function tu(e){return"browser"===(null!=e?e:gn(Jr)).get(vf)}(r))return{destroy(){}};let a;const d=r.get(Zu).onDestroy(()=>{var Qe;return null===(Qe=a)||void 0===Qe?void 0:Qe()}),m=r.get(Af),C=null!==(o=m.handler)&&void 0!==o?o:m.handler=new T0,R=r.get(nr),G=r.get(Ks,null,{optional:!0}),me=new C0(R,G,()=>{var Qe;null===(Qe=a)||void 0===Qe||Qe(),e()});return a=()=>{C.unregister(me),d()},C.register(me),{destroy:a}}class C0{constructor(n,i,o){this.zone=n,this.errorHandler=i,this.callbackFn=o}invoke(){try{this.zone.runOutsideAngular(this.callbackFn)}catch(i){var n;null===(n=this.errorHandler)||void 0===n||n.handleError(i)}}}class T0{constructor(){this.executingCallbacks=!1,this.callbacks=new Set,this.deferredCallbacks=new Set}validateBegin(){if(this.executingCallbacks)throw new U(102,!1)}register(n){(this.executingCallbacks?this.deferredCallbacks:this.callbacks).add(n)}unregister(n){this.callbacks.delete(n),this.deferredCallbacks.delete(n)}execute(){this.executingCallbacks=!0;for(const n of this.callbacks)n.invoke();this.executingCallbacks=!1;for(const n of this.deferredCallbacks)this.callbacks.add(n);this.deferredCallbacks.clear()}destroy(){this.callbacks.clear(),this.deferredCallbacks.clear()}}let Af=(()=>{var e;class n{constructor(){this.renderDepth=0,this.handler=null}begin(){var o;null===(o=this.handler)||void 0===o||o.validateBegin(),this.renderDepth++}end(){var o;this.renderDepth--,0===this.renderDepth&&(null===(o=this.handler)||void 0===o||o.execute())}ngOnDestroy(){var o;null===(o=this.handler)||void 0===o||o.destroy(),this.handler=null}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:()=>new e}),n})();function Ju(e){for(;e;){e[q]|=64;const n=Yr(e);if(Se(e)&&!n)return e;e=n}return null}const M0=new wn("",{providedIn:"root",factory:()=>!1});let qu=null;function O0(e,n){var i;return null!==(i=e[n])&&void 0!==i?i:P0()}function S0(e,n){var i;const o=P0();null!==(i=o.producerNode)&&void 0!==i&&i.length&&(e[n]=qu,o.lView=e,qu=A0())}const G1={...Zn,consumerIsAlwaysLive:!0,consumerMarkedDirty:e=>{Ju(e.lView)},lView:null};function A0(){return Object.create(G1)}function P0(){var e;return null!==(e=qu)&&void 0!==e||(qu=A0()),qu}const ci={};function R0(e){N0(mi(),Jt(),Ki()+e,!1)}function N0(e,n,i,o){if(!o)if(3==(3&n[q])){const a=e.preOrderCheckHooks;null!==a&&xa(n,a,i)}else{const a=e.preOrderHooks;null!==a&&Ia(n,a,0,i)}dr(i)}function nu(e,n=he.Default){const i=Jt();return null===i?jt(e,n):wl(wo(),i,j(e),n)}function F0(){throw new Error("invalid")}function Dc(e,n,i,o,r,a,d,m,C,R,G){const me=n.blueprint.slice();return me[hi]=r,me[q]=140|o,(null!==R||e&&2048&e[q])&&(me[q]|=2048),gs(me),me[Pe]=me[wi]=e,me[Kt]=i,me[kn]=d||e&&e[kn],me[Mn]=m||e&&e[Mn],me[Bn]=C||e&&e[Bn]||null,me[Ft]=a,me[Gi]=function Ud(){return Vd++}(),me[di]=G,me[Vo]=R,me[gi]=2==n.type?e[gi]:me,me}function iu(e,n,i,o,r){let a=e.data[n];if(null===a)a=function Pf(e,n,i,o,r){const a=s(),d=B(),C=e.data[n]=function eb(e,n,i,o,r,a){let d=n?n.injectorIndex:-1,m=0;return is()&&(m|=128),{type:i,index:o,insertBeforeIndex:null,injectorIndex:d,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:m,providerIndexes:0,value:r,attrs:a,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:n,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,d?a:a&&a.parent,i,n,o,r);return null===e.firstChild&&(e.firstChild=C),null!==a&&(d?null==a.child&&null!==C.parent&&(a.child=C):null===a.next&&(a.next=C,C.prev=a)),C}(e,n,i,o,r),function qt(){return Kn.lFrame.inI18n}()&&(a.flags|=32);else if(64&a.type){a.type=i,a.value=o,a.attrs=r;const d=function h(){const e=Kn.lFrame,n=e.currentTNode;return e.isParent?n:n.parent}();a.injectorIndex=null===d?-1:d.injectorIndex}return M(a,!0),a}function el(e,n,i,o){if(0===i)return-1;const r=n.length;for(let a=0;a<i;a++)n.push(o),e.blueprint.push(o),e.data.push(null);return r}function k0(e,n,i,o,r){const a=O0(n,co),d=Ki(),m=2&o;try{dr(-1),m&&n.length>Gn&&N0(e,n,Gn,!1),Io(m?2:0,r);const R=m?a:null,G=gr(R);try{null!==R&&(R.dirty=!1),i(o,r)}finally{sr(R,G)}}finally{m&&null===n[co]&&S0(n,co),dr(d),Io(m?3:1,r)}}function Rf(e,n,i){if(v(n)){const o=En(null);try{const a=n.directiveEnd;for(let d=n.directiveStart;d<a;d++){const m=e.data[d];m.contentQueries&&m.contentQueries(1,i[d],d)}}finally{En(o)}}}function Nf(e,n,i){Ps()&&(function ab(e,n,i,o){const r=i.directiveStart,a=i.directiveEnd;T(i)&&function hb(e,n,i){const o=Ho(n,e),r=L0(i);let d=16;i.signals?d=4096:i.onPush&&(d=64);const m=Cc(e,Dc(e,r,null,d,o,n,null,e[kn].rendererFactory.createRenderer(o,i),null,null,null));e[n.index]=m}(n,i,e.data[r+i.componentOffset]),e.firstCreatePass||Oa(i,n),tr(o,n);const d=i.initialInputs;for(let m=r;m<a;m++){const C=e.data[m],R=Cs(n,e,m,i);tr(R,n),null!==d&&gb(0,m-r,R,C,0,d),re(C)&&(Fo(i.index,n)[Kt]=Cs(n,e,m,i))}}(e,n,i,Ho(i,n)),64==(64&i.flags)&&H0(e,n,i))}function Ff(e,n,i=Ho){const o=n.localNames;if(null!==o){let r=n.index+1;for(let a=0;a<o.length;a+=2){const d=o[a+1],m=-1===d?i(n,e):e[d];e[r++]=m}}}function L0(e){const n=e.tView;return null===n||n.incompleteFirstPass?e.tView=kf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):n}function kf(e,n,i,o,r,a,d,m,C,R,G){const me=Gn+o,Qe=me+r,ht=function K1(e,n){const i=[];for(let o=0;o<n;o++)i.push(o<e?null:ci);return i}(me,Qe),Lt="function"==typeof R?R():R;return ht[ve]={type:e,blueprint:ht,template:i,queries:null,viewQuery:m,declTNode:n,data:ht.slice().fill(null,me),bindingStartIndex:me,expandoStartIndex:Qe,hostBindingOpCodes:null,firstCreatePass:!0,firstUpdatePass:!0,staticViewQueries:!1,staticContentQueries:!1,preOrderHooks:null,preOrderCheckHooks:null,contentHooks:null,contentCheckHooks:null,viewHooks:null,viewCheckHooks:null,destroyHooks:null,cleanup:null,contentQueries:null,components:null,directiveRegistry:"function"==typeof a?a():a,pipeRegistry:"function"==typeof d?d():d,firstChild:null,schemas:C,consts:Lt,incompleteFirstPass:!1,ssrId:G}}let B0=e=>null;function V0(e,n,i,o){for(let r in e)if(e.hasOwnProperty(r)){i=null===i?{}:i;const a=e[r];null===o?U0(i,n,r,a):o.hasOwnProperty(r)&&U0(i,n,o[r],a)}return i}function U0(e,n,i,o){e.hasOwnProperty(i)?e[i].push(n,o):e[i]=[n,o]}function Ur(e,n,i,o,r,a,d,m){const C=Ho(n,i);let G,R=n.inputs;!m&&null!=R&&(G=R[o])?($f(e,i,G,o,r),T(n)&&function ib(e,n){const i=Fo(n,e);16&i[q]||(i[q]|=64)}(i,n.index)):3&n.type&&(o=function nb(e){return"class"===e?"className":"for"===e?"htmlFor":"formaction"===e?"formAction":"innerHtml"===e?"innerHTML":"readonly"===e?"readOnly":"tabindex"===e?"tabIndex":e}(o),r=null!=d?d(r,n.value||"",o):r,a.setProperty(C,o,r))}function Lf(e,n,i,o){if(Ps()){const r=null===o?null:{"":-1},a=function lb(e,n){const i=e.directiveRegistry;let o=null,r=null;if(i)for(let d=0;d<i.length;d++){const m=i[d];if(Di(n,m.selectors,!1))if(o||(o=[]),re(m))if(null!==m.findHostDirectiveDefs){const C=[];r=r||new Map,m.findHostDirectiveDefs(m,C,r),o.unshift(...C,m),Bf(e,n,C.length)}else o.unshift(m),Bf(e,n,0);else{var a;r=r||new Map,null===(a=m.findHostDirectiveDefs)||void 0===a||a.call(m,m,o,r),o.push(m)}}return null===o?null:[o,r]}(e,i);let d,m;null===a?d=m=null:[d,m]=a,null!==d&&$0(e,n,i,d,r,m),r&&function cb(e,n,i){if(n){const o=e.localNames=[];for(let r=0;r<n.length;r+=2){const a=i[n[r+1]];if(null==a)throw new U(-301,!1);o.push(n[r],a)}}}(i,o,r)}i.mergedAttrs=Nt(i.mergedAttrs,i.attrs)}function $0(e,n,i,o,r,a){for(let me=0;me<o.length;me++)wu(Oa(i,n),e,o[me].type);!function fb(e,n,i){e.flags|=1,e.directiveStart=n,e.directiveEnd=n+i,e.providerIndexes=n}(i,e.data.length,o.length);for(let me=0;me<o.length;me++){const Qe=o[me];Qe.providersResolver&&Qe.providersResolver(Qe)}let d=!1,m=!1,C=el(e,n,o.length,null);for(let me=0;me<o.length;me++){const Qe=o[me];i.mergedAttrs=Nt(i.mergedAttrs,Qe.hostAttrs),pb(e,i,n,C,Qe),db(C,Qe,r),null!==Qe.contentQueries&&(i.flags|=4),(null!==Qe.hostBindings||null!==Qe.hostAttrs||0!==Qe.hostVars)&&(i.flags|=64);const ht=Qe.type.prototype;var R,G;!d&&(ht.ngOnChanges||ht.ngOnInit||ht.ngDoCheck)&&((null!==(R=e.preOrderHooks)&&void 0!==R?R:e.preOrderHooks=[]).push(i.index),d=!0),m||!ht.ngOnChanges&&!ht.ngDoCheck||((null!==(G=e.preOrderCheckHooks)&&void 0!==G?G:e.preOrderCheckHooks=[]).push(i.index),m=!0),C++}!function tb(e,n,i){const r=n.directiveEnd,a=e.data,d=n.attrs,m=[];let C=null,R=null;for(let G=n.directiveStart;G<r;G++){const me=a[G],Qe=i?i.get(me):null,Lt=Qe?Qe.outputs:null;C=V0(me.inputs,G,C,Qe?Qe.inputs:null),R=V0(me.outputs,G,R,Lt);const nn=null===C||null===d||On(n)?null:mb(C,G,d);m.push(nn)}null!==C&&(C.hasOwnProperty("class")&&(n.flags|=8),C.hasOwnProperty("style")&&(n.flags|=16)),n.initialInputs=m,n.inputs=C,n.outputs=R}(e,i,a)}function H0(e,n,i){const o=i.directiveStart,r=i.directiveEnd,a=i.index,d=function E(){return Kn.lFrame.currentDirectiveIndex}();try{dr(a);for(let m=o;m<r;m++){const C=e.data[m],R=n[m];_(m),(null!==C.hostBindings||0!==C.hostVars||null!==C.hostAttrs)&&ub(C,R)}}finally{dr(-1),_(d)}}function ub(e,n){null!==e.hostBindings&&e.hostBindings(1,n)}function Bf(e,n,i){var o;n.componentOffset=i,(null!==(o=e.components)&&void 0!==o?o:e.components=[]).push(n.index)}function db(e,n,i){if(i){if(n.exportAs)for(let o=0;o<n.exportAs.length;o++)i[n.exportAs[o]]=e;re(n)&&(i[""]=e)}}function pb(e,n,i,o,r){e.data[o]=r;const a=r.factory||(r.factory=po(r.type)),d=new na(a,re(r),nu);e.blueprint[o]=d,i[o]=d,function rb(e,n,i,o,r){const a=r.hostBindings;if(a){let d=e.hostBindingOpCodes;null===d&&(d=e.hostBindingOpCodes=[]);const m=~n.index;(function sb(e){let n=e.length;for(;n>0;){const i=e[--n];if("number"==typeof i&&i<0)return i}return 0})(d)!=m&&d.push(m),d.push(i,o,a)}}(e,n,o,el(e,i,r.hostVars,ci),r)}function as(e,n,i,o,r,a){const d=Ho(e,n);!function Vf(e,n,i,o,r,a,d){if(null==a)e.removeAttribute(n,r,i);else{const m=null==d?xe(a):d(a,o||"",r);e.setAttribute(n,r,m,i)}}(n[Mn],d,a,e.value,i,o,r)}function gb(e,n,i,o,r,a){const d=a[n];if(null!==d)for(let m=0;m<d.length;)z0(o,i,d[m++],d[m++],d[m++])}function z0(e,n,i,o,r){const a=En(null);try{const d=e.inputTransforms;null!==d&&d.hasOwnProperty(o)&&(r=d[o].call(n,r)),null!==e.setInput?e.setInput(n,r,i,o):n[o]=r}finally{En(a)}}function mb(e,n,i){let o=null,r=0;for(;r<i.length;){const a=i[r];if(0!==a)if(5!==a){if("number"==typeof a)break;if(e.hasOwnProperty(a)){null===o&&(o=[]);const d=e[a];for(let m=0;m<d.length;m+=2)if(d[m]===n){o.push(a,d[m+1],i[r+1]);break}}r+=2}else r+=2;else r+=4}return o}function j0(e,n,i,o){return[e,!0,!1,n,null,0,o,i,null,null,null]}function W0(e,n){const i=e.contentQueries;if(null!==i)for(let o=0;o<i.length;o+=2){const a=i[o+1];if(-1!==a){const d=e.data[a];pe(i[o]),d.contentQueries(2,n[a],a)}}}function Cc(e,n){return e[Ei]?e[Ci][je]=n:e[Ei]=n,e[Ci]=n,n}function Uf(e,n,i){pe(0);const o=En(null);try{n(e,i)}finally{En(o)}}function G0(e){return e[mn]||(e[mn]=[])}function X0(e){return e.cleanup||(e.cleanup=[])}function K0(e,n,i){return(null===e||re(e))&&(i=function ur(e){for(;Array.isArray(e);){if("object"==typeof e[rr])return e;e=e[hi]}return null}(i[n.index])),i[Mn]}function Q0(e,n){const i=e[Bn],o=i?i.get(Ks,null):null;o&&o.handleError(n)}function $f(e,n,i,o,r){for(let a=0;a<i.length;){const d=i[a++],m=i[a++];z0(e.data[d],n[d],o,m,r)}}function Is(e,n,i){const o=ps(n,e);!function ja(e,n,i){e.setValue(n,i)}(e[Mn],o,i)}function _b(e,n){const i=Fo(n,e),o=i[ve];!function vb(e,n){for(let i=n.length;i<e.blueprint.length;i++)n.push(e.blueprint[i])}(o,i);const r=i[hi];null!==r&&null===i[di]&&(i[di]=Tf(r,i[Bn])),Hf(o,i,i[Kt])}function Hf(e,n,i){Mt(n);try{const o=e.viewQuery;null!==o&&Uf(1,o,i);const r=e.template;null!==r&&k0(e,n,r,1,i),e.firstCreatePass&&(e.firstCreatePass=!1),e.staticContentQueries&&W0(e,n),e.staticViewQueries&&Uf(2,e.viewQuery,i);const a=e.components;null!==a&&function yb(e,n){for(let i=0;i<n.length;i++)_b(e,n[i])}(n,a)}catch(o){throw e.firstCreatePass&&(e.incompleteFirstPass=!0,e.firstCreatePass=!1),o}finally{n[q]&=-5,yi()}}let Y0=(()=>{var e;class n{constructor(){this.all=new Set,this.queue=new Map}create(o,r,a){const d=typeof Zone>"u"?null:Zone.current,m=function At(e,n,i){const o=Object.create(Un);i&&(o.consumerAllowSignalWrites=!0),o.fn=e,o.schedule=n;const r=d=>{o.cleanupFn=d};return o.ref={notify:()=>Ai(o),run:()=>{if(o.dirty=!1,o.hasRun&&!ao(o))return;o.hasRun=!0;const d=gr(o);try{o.cleanupFn(),o.cleanupFn=rn,o.fn(r)}finally{sr(o,d)}},cleanup:()=>o.cleanupFn()},o.ref}(o,G=>{this.all.has(G)&&this.queue.set(G,d)},a);let C;this.all.add(m),m.notify();const R=()=>{var G;m.cleanup(),null===(G=C)||void 0===G||G(),this.all.delete(m),this.queue.delete(m)};return C=null==r?void 0:r.onDestroy(R),{destroy:R}}flush(){if(0!==this.queue.size)for(const[o,r]of this.queue)this.queue.delete(o),r?r.run(()=>o.run()):o.run()}get isQueueEmpty(){return 0===this.queue.size}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:()=>new e}),n})();function Z0(e,n){var i;(null==n||!n.injector)&&yc();const o=null!==(i=null==n?void 0:n.injector)&&void 0!==i?i:gn(Jr),r=o.get(Y0),a=!0!==(null==n?void 0:n.manualCleanup)?o.get(Zu):null;return r.create(e,a,!(null==n||!n.allowSignalWrites))}function Tc(e,n,i){let o=i?e.styles:null,r=i?e.classes:null,a=0;if(null!==n)for(let d=0;d<n.length;d++){const m=n[d];"number"==typeof m?a=m:1==a?r=be(r,m):2==a&&(o=be(o,m+": "+n[++d]+";"))}i?e.styles=o:e.stylesWithoutHost=o,i?e.classes=r:e.classesWithoutHost=r}function tl(e,n,i,o,r=!1){for(;null!==i;){const a=n[i.index];null!==a&&o.push(zi(a)),_e(a)&&J0(a,o);const d=i.type;if(8&d)tl(e,n,i.child,o);else if(32&d){const m=Wi(i,n);let C;for(;C=m();)o.push(C)}else if(16&d){const m=Ih(n,i);if(Array.isArray(m))o.push(...m);else{const C=Yr(n[gi]);tl(C[ve],C,m,o,!0)}}i=r?i.projectionNext:i.next}return o}function J0(e,n){for(let i=Oi;i<e.length;i++){const o=e[i],r=o[ve].firstChild;null!==r&&tl(o[ve],o,r,n)}e[no]!==e[hi]&&n.push(e[no])}function Ec(e,n,i,o=!0){const r=n[kn],a=r.rendererFactory,d=r.afterRenderEventManager;var C;null===(C=a.begin)||void 0===C||C.call(a),null==d||d.begin();try{q0(e,n,e.template,i)}catch(me){throw o&&Q0(n,me),me}finally{var R,G;null===(R=a.end)||void 0===R||R.call(a),null===(G=r.effectManager)||void 0===G||G.flush(),null==d||d.end()}}function q0(e,n,i,o){var r;const a=n[q];if(256!=(256&a)){null===(r=n[kn].effectManager)||void 0===r||r.flush(),Mt(n);try{gs(n),function Bt(e){return Kn.lFrame.bindingIndex=e}(e.bindingStartIndex),null!==i&&k0(e,n,i,2,o);const m=3==(3&a);if(m){const G=e.preOrderCheckHooks;null!==G&&xa(n,G,null)}else{const G=e.preOrderHooks;null!==G&&Ia(n,G,0,null),Eu(n,0)}if(function Db(e){for(let n=Er(e);null!==n;n=za(n)){if(!n[qo])continue;const i=n[vo];for(let o=0;o<i.length;o++){Os(i[o])}}}(n),eg(n,2),null!==e.contentQueries&&W0(e,n),m){const G=e.contentCheckHooks;null!==G&&xa(n,G)}else{const G=e.contentHooks;null!==G&&Ia(n,G,1),Eu(n,1)}!function X1(e,n){const i=e.hostBindingOpCodes;if(null===i)return;const o=O0(n,Uo);try{for(let r=0;r<i.length;r++){const a=i[r];if(a<0)dr(~a);else{const d=a,m=i[++r],C=i[++r];y(m,d),o.dirty=!1;const R=gr(o);try{C(2,n[d])}finally{sr(o,R)}}}}finally{null===n[Uo]&&S0(n,Uo),dr(-1)}}(e,n);const C=e.components;null!==C&&ng(n,C,0);const R=e.viewQuery;if(null!==R&&Uf(2,R,o),m){const G=e.viewCheckHooks;null!==G&&xa(n,G)}else{const G=e.viewHooks;null!==G&&Ia(n,G,2),Eu(n,2)}!0===e.firstUpdatePass&&(e.firstUpdatePass=!1),n[q]&=-73,ms(n)}finally{yi()}}}function eg(e,n){for(let i=Er(e);null!==i;i=za(i))for(let o=Oi;o<i.length;o++)tg(i[o],n)}function Cb(e,n,i){tg(Fo(n,e),i)}function tg(e,n){if(!function lr(e){return 128==(128&e[q])}(e))return;const i=e[ve],o=e[q];if(80&o&&0===n||1024&o||2===n)q0(i,e,i.template,e[Kt]);else if(e[St]>0){eg(e,1);const r=i.components;null!==r&&ng(e,r,1)}}function ng(e,n,i){for(let o=0;o<n.length;o++)Cb(e,n[o],i)}class nl{get rootNodes(){const n=this._lView,i=n[ve];return tl(i,n,i.firstChild,[])}constructor(n,i){this._lView=n,this._cdRefInjectingView=i,this._appRef=null,this._attachedToViewContainer=!1}get context(){return this._lView[Kt]}set context(n){this._lView[Kt]=n}get destroyed(){return 256==(256&this._lView[q])}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){const n=this._lView[Pe];if(_e(n)){const i=n[8],o=i?i.indexOf(this):-1;o>-1&&(tc(n,o),Pa(i,o))}this._attachedToViewContainer=!1}Kd(this._lView[ve],this._lView)}onDestroy(n){Ss(this._lView,n)}markForCheck(){Ju(this._cdRefInjectingView||this._lView)}detach(){this._lView[q]&=-129}reattach(){this._lView[q]|=128}detectChanges(){Ec(this._lView[ve],this._lView,this.context)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new U(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function Xd(e,n){zu(e,n,n[Mn],2,null,null)}(this._lView[ve],this._lView)}attachToAppRef(n){if(this._attachedToViewContainer)throw new U(902,!1);this._appRef=n}}class Tb extends nl{constructor(n){super(n),this._view=n}detectChanges(){const n=this._view;Ec(n[ve],n,n[Kt],!1)}checkNoChanges(){}get context(){return null}}class ig extends vc{constructor(n){super(),this.ngModule=n}resolveComponentFactory(n){const i=qn(n);return new il(i,this.ngModule)}}function og(e){const n=[];for(let i in e)e.hasOwnProperty(i)&&n.push({propName:e[i],templateName:i});return n}class Mb{constructor(n,i){this.injector=n,this.parentInjector=i}get(n,i,o){o=ii(o);const r=this.injector.get(n,xf,o);return r!==xf||i===xf?r:this.parentInjector.get(n,i,o)}}class il extends n0{get inputs(){const n=this.componentDef,i=n.inputTransforms,o=og(n.inputs);if(null!==i)for(const r of o)i.hasOwnProperty(r.propName)&&(r.transform=i[r.propName]);return o}get outputs(){return og(this.componentDef.outputs)}constructor(n,i){super(),this.componentDef=n,this.ngModule=i,this.componentType=n.type,this.selector=function lo(e){return e.map($r).join(",")}(n.selectors),this.ngContentSelectors=n.ngContentSelectors?n.ngContentSelectors:[],this.isBoundToModule=!!i}create(n,i,o,r){var a;let d=(r=r||this.ngModule)instanceof rs?r:null===(a=r)||void 0===a?void 0:a.injector;d&&null!==this.componentDef.getStandaloneInjector&&(d=this.componentDef.getStandaloneInjector(d)||d);const m=d?new Mb(n,d):n,C=m.get(r0,null);if(null===C)throw new U(407,!1);const Qe={rendererFactory:C,sanitizer:m.get(E1,null),effectManager:m.get(Y0,null),afterRenderEventManager:m.get(Af,null)},ht=C.createRenderer(null,this.componentDef),Lt=this.componentDef.selectors[0][0]||"div",nn=o?function Q1(e,n,i,o){const a=o.get(M0,!1)||i===xi.ShadowDom,d=e.selectRootElement(n,a);return function Y1(e){B0(e)}(d),d}(ht,o,this.componentDef.encapsulation,m):ca(ht,Lt,function Eb(e){const n=e.toLowerCase();return"svg"===n?mr:"math"===n?"math":null}(Lt)),Qt=this.componentDef.signals?4608:this.componentDef.onPush?576:528;let ni=null;null!==nn&&(ni=Tf(nn,m,!0));const _i=kf(0,null,null,1,0,null,null,null,null,null,null),Ri=Dc(null,_i,null,Qt,null,null,Qe,ht,m,null,ni);let Qr,yl;Mt(Ri);try{const Zs=this.componentDef;let bu,Qp=null;Zs.findHostDirectiveDefs?(bu=[],Qp=new Map,Zs.findHostDirectiveDefs(Zs,bu,Qp),bu.push(Zs)):bu=[Zs];const wM=function Ib(e,n){const i=e[ve],o=Gn;return e[o]=n,iu(i,o,2,"#host",null)}(Ri,nn),OM=function wb(e,n,i,o,r,a,d){const m=r[ve];!function Ob(e,n,i,o){for(const r of e)n.mergedAttrs=Nt(n.mergedAttrs,r.hostAttrs);null!==n.mergedAttrs&&(Tc(n,n.mergedAttrs,!0),null!==i&&Ah(o,i,n))}(o,e,n,d);let C=null;null!==n&&(C=Tf(n,r[Bn]));const R=a.rendererFactory.createRenderer(n,i);let G=16;i.signals?G=4096:i.onPush&&(G=64);const me=Dc(r,L0(i),null,G,r[e.index],e,a,R,null,null,C);return m.firstCreatePass&&Bf(m,e,o.length-1),Cc(r,me),r[e.index]=me}(wM,nn,Zs,bu,Ri,Qe,ht);yl=ns(_i,Gn),nn&&function Ab(e,n,i,o){if(o)bt(e,i,["ng-version",M1.full]);else{const{attrs:r,classes:a}=function Pr(e){const n=[],i=[];let o=1,r=2;for(;o<e.length;){let a=e[o];if("string"==typeof a)2===r?""!==a&&n.push(a,e[++o]):8===r&&i.push(a);else{if(!Rn(r))break;r=a}o++}return{attrs:n,classes:i}}(n.selectors[0]);r&&bt(e,i,r),a&&a.length>0&&Sh(e,i,a.join(" "))}}(ht,Zs,nn,o),void 0!==i&&function Pb(e,n,i){const o=e.projection=[];for(let r=0;r<n.length;r++){const a=i[r];o.push(null!=a?Array.from(a):null)}}(yl,this.ngContentSelectors,i),Qr=function Sb(e,n,i,o,r,a){const d=wo(),m=r[ve],C=Ho(d,r);$0(m,r,d,i,null,o);for(let G=0;G<i.length;G++)tr(Cs(r,m,d.directiveStart+G,d),r);H0(m,r,d),C&&tr(C,r);const R=Cs(r,m,d.directiveStart+d.componentOffset,d);if(e[Kt]=r[Kt]=R,null!==a)for(const G of a)G(R,n);return Rf(m,d,e),R}(OM,Zs,bu,Qp,Ri,[Rb]),Hf(_i,Ri,null)}finally{yi()}return new xb(this.componentType,Qr,qa(yl,Ri),Ri,yl)}}class xb extends _1{constructor(n,i,o,r,a){super(),this.location=o,this._rootLView=r,this._tNode=a,this.previousInputValues=null,this.instance=i,this.hostView=this.changeDetectorRef=new Tb(r),this.componentType=n}setInput(n,i){const o=this._tNode.inputs;let r;if(null!==o&&(r=o[n])){var a;if(null!==(a=this.previousInputValues)&&void 0!==a||(this.previousInputValues=new Map),this.previousInputValues.has(n)&&Object.is(this.previousInputValues.get(n),i))return;const d=this._rootLView;$f(d[ve],d,r,n,i),this.previousInputValues.set(n,i),Ju(Fo(this._tNode.index,d))}}get injector(){return new fr(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(n){this.hostView.onDestroy(n)}}function Rb(){const e=wo();Tu(Jt()[ve],e)}function zf(e){let n=function rg(e){return Object.getPrototypeOf(e.prototype).constructor}(e.type),i=!0;const o=[e];for(;n;){let r;if(re(e))r=n.\u0275cmp||n.\u0275dir;else{if(n.\u0275cmp)throw new U(903,!1);r=n.\u0275dir}if(r){if(i){o.push(r);const d=e;d.inputs=Mc(e.inputs),d.inputTransforms=Mc(e.inputTransforms),d.declaredInputs=Mc(e.declaredInputs),d.outputs=Mc(e.outputs);const m=r.hostBindings;m&&Lb(e,m);const C=r.viewQuery,R=r.contentQueries;if(C&&Fb(e,C),R&&kb(e,R),Q(e.inputs,r.inputs),Q(e.declaredInputs,r.declaredInputs),Q(e.outputs,r.outputs),null!==r.inputTransforms&&(null===d.inputTransforms&&(d.inputTransforms={}),Q(d.inputTransforms,r.inputTransforms)),re(r)&&r.data.animation){const G=e.data;G.animation=(G.animation||[]).concat(r.data.animation)}}const a=r.features;if(a)for(let d=0;d<a.length;d++){const m=a[d];m&&m.ngInherit&&m(e),m===zf&&(i=!1)}}n=Object.getPrototypeOf(n)}!function Nb(e){let n=0,i=null;for(let o=e.length-1;o>=0;o--){const r=e[o];r.hostVars=n+=r.hostVars,r.hostAttrs=Nt(r.hostAttrs,i=Nt(i,r.hostAttrs))}}(o)}function Mc(e){return e===Ii?{}:e===yn?[]:e}function Fb(e,n){const i=e.viewQuery;e.viewQuery=i?(o,r)=>{n(o,r),i(o,r)}:n}function kb(e,n){const i=e.contentQueries;e.contentQueries=i?(o,r,a)=>{n(o,r,a),i(o,r,a)}:n}function Lb(e,n){const i=e.hostBindings;e.hostBindings=i?(o,r)=>{n(o,r),i(o,r)}:n}function sg(e){return n=>{n.findHostDirectiveDefs=ag,n.hostDirectives=(Array.isArray(e)?e:e()).map(i=>"function"==typeof i?{directive:j(i),inputs:Ii,outputs:Ii}:{directive:j(i.directive),inputs:ug(i.inputs),outputs:ug(i.outputs)})}}function ag(e,n,i){if(null!==e.hostDirectives)for(const o of e.hostDirectives){const r=Hi(o.directive);$b(r.declaredInputs,o.inputs),ag(r,n,i),i.set(r,o),n.push(r)}}function ug(e){if(void 0===e||0===e.length)return Ii;const n={};for(let i=0;i<e.length;i+=2)n[e[i]]=e[i+1];return n}function $b(e,n){for(const i in n)n.hasOwnProperty(i)&&(e[n[i]]=e[i])}function cg(e){const n=e.inputConfig,i={};for(const o in n)if(n.hasOwnProperty(o)){const r=n[o];Array.isArray(r)&&r[2]&&(i[o]=r[2])}e.inputTransforms=i}function xc(e){return!!jf(e)&&(Array.isArray(e)||!(e instanceof Map)&&Symbol.iterator in e)}function jf(e){return null!==e&&("function"==typeof e||"object"==typeof e)}function us(e,n,i){return e[n]=i}function vr(e,n,i){return!Object.is(e[n],i)&&(e[n]=i,!0)}function ga(e,n,i,o){const r=vr(e,n,i);return vr(e,n+1,o)||r}function Wf(e,n,i,o){const r=Jt();return vr(r,Ut(),n)&&(mi(),as(ji(),r,e,n,i,o)),Wf}function su(e,n,i,o,r,a){const m=ga(e,function ut(){return Kn.lFrame.bindingIndex}(),i,r);return _n(2),m?n+xe(i)+o+xe(r)+a:ci}function Tg(e,n,i,o,r,a,d,m){const C=Jt(),R=mi(),G=e+Gn,me=R.firstCreatePass?function aD(e,n,i,o,r,a,d,m,C){const R=n.consts,G=iu(n,e,4,d||null,cr(R,m));Lf(n,i,G,cr(R,C)),Tu(n,G);const me=G.tView=kf(2,G,o,r,a,n.directiveRegistry,n.pipeRegistry,null,n.schemas,R,null);return null!==n.queries&&(n.queries.template(n,G),me.queries=n.queries.embeddedTView(G)),G}(G,R,C,n,i,o,r,a,d):R.data[G];M(me,!1);const Qe=Eg(R,C,me,e);Ma()&&ic(R,C,Qe,me),tr(Qe,C),Cc(C,C[G]=j0(Qe,C,Qe,me)),L(me)&&Nf(R,C,me),null!=d&&Ff(C,me,m)}"^(\\d+)*(".concat("b","|").concat("h",")*(.*)");let Eg=function Mg(e,n,i,o){return bs(!0),n[Mn].createComment("")};function xg(e){return Vr(function z(){return Kn.lFrame.contextLView}(),Gn+e)}function Zf(e,n,i){const o=Jt();return vr(o,Ut(),n)&&Ur(mi(),ji(),o,e,n,o[Mn],i,!1),Zf}function Jf(e,n,i,o,r){const d=r?"class":"style";$f(e,i,n.inputs[d],d,o)}function Ac(e,n,i,o){const r=Jt(),a=mi(),d=Gn+e,m=r[Mn],C=a.firstCreatePass?function dD(e,n,i,o,r,a){const d=n.consts,C=iu(n,e,2,o,cr(d,r));return Lf(n,i,C,cr(d,a)),null!==C.attrs&&Tc(C,C.attrs,!1),null!==C.mergedAttrs&&Tc(C,C.mergedAttrs,!0),null!==n.queries&&n.queries.elementStart(n,C),C}(d,a,r,n,i,o):a.data[d],R=Ig(a,r,C,m,n,e);r[d]=R;const G=L(C);return M(C,!0),Ah(m,R,C),32!=(32&C.flags)&&Ma()&&ic(a,r,R,C),0===function qs(){return Kn.lFrame.elementDepthCount}()&&tr(R,r),function Gr(){Kn.lFrame.elementDepthCount++}(),G&&(Nf(a,r,C),Rf(a,C,r)),null!==o&&Ff(r,C),Ac}function Pc(){let e=wo();B()?V():(e=e.parent,M(e,!1));const n=e;(function vs(e){return Kn.skipHydrationRootTNode===e})(n)&&function Ea(){Kn.skipHydrationRootTNode=null}(),function ea(){Kn.lFrame.elementDepthCount--}();const i=mi();return i.firstCreatePass&&(Tu(i,e),v(e)&&i.queries.elementEnd(e)),null!=n.classesWithoutHost&&function nd(e){return 0!=(8&e.flags)}(n)&&Jf(i,n,Jt(),n.classesWithoutHost,!0),null!=n.stylesWithoutHost&&function id(e){return 0!=(16&e.flags)}(n)&&Jf(i,n,Jt(),n.stylesWithoutHost,!1),Pc}function qf(e,n,i,o){return Ac(e,n,i,o),Pc(),qf}let Ig=(e,n,i,o,r,a)=>(bs(!0),ca(o,r,function qc(){return Kn.lFrame.currentNamespace}()));function Rc(e,n,i){const o=Jt(),r=mi(),a=e+Gn,d=r.firstCreatePass?function hD(e,n,i,o,r){const a=n.consts,d=cr(a,o),m=iu(n,e,8,"ng-container",d);return null!==d&&Tc(m,d,!0),Lf(n,i,m,cr(a,r)),null!==n.queries&&n.queries.elementStart(n,m),m}(a,r,o,n,i):r.data[a];M(d,!0);const m=wg(r,o,d,e);return o[a]=m,Ma()&&ic(r,o,m,d),tr(m,o),L(d)&&(Nf(r,o,d),Rf(r,d,o)),null!=i&&Ff(o,d),Rc}function Nc(){let e=wo();const n=mi();return B()?V():(e=e.parent,M(e,!1)),n.firstCreatePass&&(Tu(n,e),v(e)&&n.queries.elementEnd(e)),Nc}function ep(e,n,i){return Rc(e,n,i),Nc(),ep}let wg=(e,n,i,o)=>(bs(!0),la(n[Mn],""));function Og(){return Jt()}function tp(e){return!!e&&"function"==typeof e.then}function Sg(e){return!!e&&"function"==typeof e.subscribe}function np(e,n,i,o){const r=Jt(),a=mi(),d=wo();return function Pg(e,n,i,o,r,a,d){const m=L(o),R=e.firstCreatePass&&X0(e),G=n[Kt],me=G0(n);let Qe=!0;if(3&o.type||d){const nn=Ho(o,n),bn=d?d(nn):nn,Fn=me.length,Qt=d?_i=>d(zi(_i[o.index])):o.index;let ni=null;if(!d&&m&&(ni=function _D(e,n,i,o){const r=e.cleanup;if(null!=r)for(let a=0;a<r.length-1;a+=2){const d=r[a];if(d===i&&r[a+1]===o){const m=n[mn],C=r[a+2];return m.length>C?m[C]:null}"string"==typeof d&&(a+=2)}return null}(e,n,r,o.index)),null!==ni)(ni.__ngLastListenerFn__||ni).__ngNextListenerFn__=a,ni.__ngLastListenerFn__=a,Qe=!1;else{a=Ng(o,n,G,a,!1);const _i=i.listen(bn,r,a);me.push(a,_i),R&&R.push(r,Qt,Fn,Fn+1)}}else a=Ng(o,n,G,a,!1);const ht=o.outputs;let Lt;if(Qe&&null!==ht&&(Lt=ht[r])){const nn=Lt.length;if(nn)for(let bn=0;bn<nn;bn+=2){const Ri=n[Lt[bn]][Lt[bn+1]].subscribe(a),Qr=me.length;me.push(a,Ri),R&&R.push(r,o.index,Qr,-(Qr+1))}}}(a,r,r[Mn],d,e,n,o),np}function Rg(e,n,i,o){try{return Io(6,n,i),!1!==i(o)}catch(r){return Q0(e,r),!1}finally{Io(7,n,i)}}function Ng(e,n,i,o,r){return function a(d){if(d===Function)return o;Ju(e.componentOffset>-1?Fo(e.index,n):n);let C=Rg(n,i,o,d),R=a.__ngNextListenerFn__;for(;R;)C=Rg(n,i,R,d)&&C,R=R.__ngNextListenerFn__;return r&&!1===C&&d.preventDefault(),C}}function Fg(e=1){return function Oo(e){return(Kn.lFrame.contextLView=function Cr(e,n){for(;e>0;)n=n[wi],e--;return n}(e,Kn.lFrame.contextLView))[Kt]}(e)}function vD(e,n){let i=null;const o=function $i(e){const n=e.attrs;if(null!=n){const i=n.indexOf(5);if(!(1&i))return n[i+1]}return null}(e);for(let r=0;r<n.length;r++){const a=n[r];if("*"!==a){if(null===o?Di(e,a,!0):Lo(o,a))return r}else i=r}return i}function kg(e){const n=Jt()[gi][Ft];if(!n.projection){const o=n.projection=js(e?e.length:1,null),r=o.slice();let a=n.child;for(;null!==a;){const d=e?vD(a,e):0;null!==d&&(r[d]?r[d].projectionNext=a:o[d]=a,r[d]=a),a=a.next}}}function Lg(e,n=0,i){const o=Jt(),r=mi(),a=iu(r,Gn+e,16,null,i||null);null===a.projection&&(a.projection=n),V(),(!o[di]||is())&&32!=(32&a.flags)&&function my(e,n,i){Oh(n[Mn],0,n,i,Yd(e,i,n),Th(i.parent||n[Ft],i,n))}(r,o,a)}function Fc(e,n){return e<<17|n<<2}function Qs(e){return e>>17&32767}function op(e){return 2|e}function ma(e){return(131068&e)>>2}function rp(e,n){return-131069&e|n<<2}function sp(e){return 1|e}function Xg(e,n,i,o,r){const a=e[i+1],d=null===n;let m=o?Qs(a):ma(a),C=!1;for(;0!==m&&(!1===C||d);){const G=e[m+1];ED(e[m],n)&&(C=!0,e[m+1]=o?sp(G):op(G)),m=o?Qs(G):ma(G)}C&&(e[i+1]=o?op(a):sp(a))}function ED(e,n){return null===e||null==n||(Array.isArray(e)?e[1]:e)===n||!(!Array.isArray(e)||"string"!=typeof n)&&Ws(e,n)>=0}const Yo={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function Kg(e){return e.substring(Yo.key,Yo.keyEnd)}function Qg(e,n){const i=Yo.textEnd;return i===n?-1:(n=Yo.keyEnd=function wD(e,n,i){for(;n<i&&e.charCodeAt(n)>32;)n++;return n}(e,Yo.key=n,i),pu(e,n,i))}function pu(e,n,i){for(;n<i&&e.charCodeAt(n)<=32;)n++;return n}function ap(e,n,i){return qr(e,n,i,!1),ap}function up(e,n){return qr(e,n,null,!0),up}function em(e){!function es(e,n,i,o){const r=mi(),a=_n(2);r.firstUpdatePass&&nm(r,null,a,o);const d=Jt();if(i!==ci&&vr(d,a,i)){const m=r.data[Ki()];if(sm(m,o)&&!tm(r,a)){let C=o?m.classesWithoutHost:m.stylesWithoutHost;null!==C&&(i=be(C,i||"")),Jf(r,m,d,i,o)}else!function BD(e,n,i,o,r,a,d,m){r===ci&&(r=yn);let C=0,R=0,G=0<r.length?r[0]:null,me=0<a.length?a[0]:null;for(;null!==G||null!==me;){const Qe=C<r.length?r[C+1]:void 0,ht=R<a.length?a[R+1]:void 0;let nn,Lt=null;G===me?(C+=2,R+=2,Qe!==ht&&(Lt=me,nn=ht)):null===me||null!==G&&G<me?(C+=2,Lt=G):(R+=2,Lt=me,nn=ht),null!==Lt&&om(e,n,i,o,Lt,nn,d,m),G=C<r.length?r[C]:null,me=R<a.length?a[R]:null}}(r,m,d,d[Mn],d[a+1],d[a+1]=function kD(e,n,i){if(null==i||""===i)return yn;const o=[],r=Es(i);if(Array.isArray(r))for(let a=0;a<r.length;a++)e(o,r[a],!0);else if("object"==typeof r)for(const a in r)r.hasOwnProperty(a)&&e(o,a,r[a]);else"string"==typeof r&&n(o,r);return o}(e,n,i),o,a)}}(LD,cs,e,!0)}function cs(e,n){for(let i=function xD(e){return function Zg(e){Yo.key=0,Yo.keyEnd=0,Yo.value=0,Yo.valueEnd=0,Yo.textEnd=e.length}(e),Qg(e,pu(e,0,Yo.textEnd))}(n);i>=0;i=Qg(n,i))Tr(e,Kg(n),!0)}function qr(e,n,i,o){const r=Jt(),a=mi(),d=_n(2);a.firstUpdatePass&&nm(a,e,d,o),n!==ci&&vr(r,d,n)&&om(a,a.data[Ki()],r,r[Mn],e,r[d+1]=function VD(e,n){return null==e||""===e||("string"==typeof n?e+=n:"object"==typeof e&&(e=ye(Es(e)))),e}(n,i),o,d)}function tm(e,n){return n>=e.expandoStartIndex}function nm(e,n,i,o){const r=e.data;if(null===r[i+1]){const a=r[Ki()],d=tm(e,i);sm(a,o)&&null===n&&!d&&(n=!1),n=function PD(e,n,i,o){const r=w(e);let a=o?n.residualClasses:n.residualStyles;if(null===r)0===(o?n.classBindings:n.styleBindings)&&(i=ul(i=lp(null,e,n,i,o),n.attrs,o),a=null);else{const d=n.directiveStylingLast;if(-1===d||e[d]!==r)if(i=lp(r,e,n,i,o),null===a){let C=function RD(e,n,i){const o=i?n.classBindings:n.styleBindings;if(0!==ma(o))return e[Qs(o)]}(e,n,o);void 0!==C&&Array.isArray(C)&&(C=lp(null,e,n,C[1],o),C=ul(C,n.attrs,o),function ND(e,n,i,o){e[Qs(i?n.classBindings:n.styleBindings)]=o}(e,n,o,C))}else a=function FD(e,n,i){let o;const r=n.directiveEnd;for(let a=1+n.directiveStylingLast;a<r;a++)o=ul(o,e[a].hostAttrs,i);return ul(o,n.attrs,i)}(e,n,o)}return void 0!==a&&(o?n.residualClasses=a:n.residualStyles=a),i}(r,a,n,o),function CD(e,n,i,o,r,a){let d=a?n.classBindings:n.styleBindings,m=Qs(d),C=ma(d);e[o]=i;let G,R=!1;if(Array.isArray(i)?(G=i[1],(null===G||Ws(i,G)>0)&&(R=!0)):G=i,r)if(0!==C){const Qe=Qs(e[m+1]);e[o+1]=Fc(Qe,m),0!==Qe&&(e[Qe+1]=rp(e[Qe+1],o)),e[m+1]=function bD(e,n){return 131071&e|n<<17}(e[m+1],o)}else e[o+1]=Fc(m,0),0!==m&&(e[m+1]=rp(e[m+1],o)),m=o;else e[o+1]=Fc(C,0),0===m?m=o:e[C+1]=rp(e[C+1],o),C=o;R&&(e[o+1]=op(e[o+1])),Xg(e,G,o,!0),Xg(e,G,o,!1),function TD(e,n,i,o,r){const a=r?e.residualClasses:e.residualStyles;null!=a&&"string"==typeof n&&Ws(a,n)>=0&&(i[o+1]=sp(i[o+1]))}(n,G,e,o,a),d=Fc(m,C),a?n.classBindings=d:n.styleBindings=d}(r,a,n,i,d,o)}}function lp(e,n,i,o,r){let a=null;const d=i.directiveEnd;let m=i.directiveStylingLast;for(-1===m?m=i.directiveStart:m++;m<d&&(a=n[m],o=ul(o,a.hostAttrs,r),a!==e);)m++;return null!==e&&(i.directiveStylingLast=m),o}function ul(e,n,i){const o=i?1:2;let r=-1;if(null!==n)for(let a=0;a<n.length;a++){const d=n[a];"number"==typeof d?r=d:r===o&&(Array.isArray(e)||(e=void 0===e?[]:["",e]),Tr(e,d,!!i||n[++a]))}return void 0===e?null:e}function LD(e,n,i){const o=String(n);""!==o&&!o.includes(" ")&&Tr(e,o,i)}function om(e,n,i,o,r,a,d,m){if(!(3&n.type))return;const C=e.data,R=C[m+1],G=function DD(e){return 1==(1&e)}(R)?rm(C,n,i,r,ma(R),d):void 0;kc(G)||(kc(a)||function yD(e){return 2==(2&e)}(R)&&(a=rm(C,null,i,r,m,d)),function vy(e,n,i,o,r){if(n)r?e.addClass(i,o):e.removeClass(i,o);else{let a=-1===o.indexOf("-")?void 0:Xs.DashCase;null==r?e.removeStyle(i,o,a):("string"==typeof r&&r.endsWith("!important")&&(r=r.slice(0,-10),a|=Xs.Important),e.setStyle(i,o,r,a))}}(o,d,ps(Ki(),i),r,a))}function rm(e,n,i,o,r,a){const d=null===n;let m;for(;r>0;){const C=e[r],R=Array.isArray(C),G=R?C[1]:C,me=null===G;let Qe=i[r+1];Qe===ci&&(Qe=me?yn:void 0);let ht=me?Pu(Qe,o):G===o?Qe:void 0;if(R&&!kc(ht)&&(ht=Pu(C,o)),kc(ht)&&(m=ht,d))return m;const Lt=e[r+1];r=d?Qs(Lt):ma(Lt)}if(null!==n){let C=a?n.residualClasses:n.residualStyles;null!=C&&(m=Pu(C,o))}return m}function kc(e){return void 0!==e}function sm(e,n){return 0!=(e.flags&(n?8:16))}function am(e,n=""){const i=Jt(),o=mi(),r=e+Gn,a=o.firstCreatePass?iu(o,r,1,n,null):o.data[r],d=um(o,i,a,n,e);i[r]=d,Ma()&&ic(o,i,d,a),M(a,!1)}let um=(e,n,i,o,r)=>(bs(!0),function Ts(e,n){return e.createText(n)}(n[Mn],o));function cp(e){return Lc("",e,""),cp}function Lc(e,n,i){const o=Jt(),r=function ru(e,n,i,o){return vr(e,Ut(),i)?n+xe(i)+o:ci}(o,e,n,i);return r!==ci&&Is(o,Ki(),r),Lc}function dp(e,n,i,o,r){const a=Jt(),d=su(a,e,n,i,o,r);return d!==ci&&Is(a,Ki(),d),dp}function fp(e,n,i){const o=Jt();return vr(o,Ut(),n)&&Ur(mi(),ji(),o,e,n,o[Mn],i,!0),fp}function pp(e,n,i){const o=Jt();if(vr(o,Ut(),n)){const a=mi(),d=ji();Ur(a,d,o,e,n,K0(w(a.data),d,o),i,!0)}return pp}const _a=void 0;var aC=["en",[["a","p"],["AM","PM"],_a],[["AM","PM"],_a,_a],[["S","M","T","W","T","F","S"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Su","Mo","Tu","We","Th","Fr","Sa"]],_a,[["J","F","M","A","M","J","J","A","S","O","N","D"],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],["January","February","March","April","May","June","July","August","September","October","November","December"]],_a,[["B","A"],["BC","AD"],["Before Christ","Anno Domini"]],0,[6,0],["M/d/yy","MMM d, y","MMMM d, y","EEEE, MMMM d, y"],["h:mm a","h:mm:ss a","h:mm:ss a z","h:mm:ss a zzzz"],["{1}, {0}",_a,"{1} 'at' {0}",_a],[".",",",";","%","+","-","E","\xd7","\u2030","\u221e","NaN",":"],["#,##0.###","#,##0%","\xa4#,##0.00","#E0"],"USD","$","US Dollar",{},"ltr",function sC(e){const i=Math.floor(Math.abs(e)),o=e.toString().replace(/^[^.]*\.?/,"").length;return 1===i&&0===o?1:5}];let hu={};function hp(e){const n=function uC(e){return e.toLowerCase().replace(/_/g,"-")}(e);let i=xm(n);if(i)return i;const o=n.split("-")[0];if(i=xm(o),i)return i;if("en"===o)return aC;throw new U(701,!1)}function Mm(e){return hp(e)[gu.PluralCase]}function xm(e){return e in hu||(hu[e]=pn.ng&&pn.ng.common&&pn.ng.common.locales&&pn.ng.common.locales[e]),hu[e]}var gu=function(e){return e[e.LocaleId=0]="LocaleId",e[e.DayPeriodsFormat=1]="DayPeriodsFormat",e[e.DayPeriodsStandalone=2]="DayPeriodsStandalone",e[e.DaysFormat=3]="DaysFormat",e[e.DaysStandalone=4]="DaysStandalone",e[e.MonthsFormat=5]="MonthsFormat",e[e.MonthsStandalone=6]="MonthsStandalone",e[e.Eras=7]="Eras",e[e.FirstDayOfWeek=8]="FirstDayOfWeek",e[e.WeekendRange=9]="WeekendRange",e[e.DateFormat=10]="DateFormat",e[e.TimeFormat=11]="TimeFormat",e[e.DateTimeFormat=12]="DateTimeFormat",e[e.NumberSymbols=13]="NumberSymbols",e[e.NumberFormats=14]="NumberFormats",e[e.CurrencyCode=15]="CurrencyCode",e[e.CurrencySymbol=16]="CurrencySymbol",e[e.CurrencyName=17]="CurrencyName",e[e.Currencies=18]="Currencies",e[e.Directionality=19]="Directionality",e[e.PluralCase=20]="PluralCase",e[e.ExtraData=21]="ExtraData",e}(gu||{});const mu="en-US";let Im=mu;function _p(e,n,i,o,r){if(e=j(e),Array.isArray(e))for(let a=0;a<e.length;a++)_p(e[a],n,i,o,r);else{const a=mi(),d=Jt(),m=wo();let C=ha(e)?e:j(e.provide);const R=Yh(e),G=1048575&m.providerIndexes,me=m.directiveStart,Qe=m.providerIndexes>>20;if(ha(e)||!e.multi){const ht=new na(R,r,nu),Lt=yp(C,n,r?G:G+Qe,me);-1===Lt?(wu(Oa(m,d),a,C),vp(a,e,n.length),n.push(C),m.directiveStart++,m.directiveEnd++,r&&(m.providerIndexes+=1048576),i.push(ht),d.push(ht)):(i[Lt]=ht,d[Lt]=ht)}else{const ht=yp(C,n,G+Qe,me),Lt=yp(C,n,G,G+Qe),bn=Lt>=0&&i[Lt];if(r&&!bn||!r&&!(ht>=0&&i[ht])){wu(Oa(m,d),a,C);const Fn=function sT(e,n,i,o,r){const a=new na(e,i,nu);return a.multi=[],a.index=n,a.componentProviders=0,Jm(a,r,o&&!i),a}(r?rT:oT,i.length,r,o,R);!r&&bn&&(i[Lt].providerFactory=Fn),vp(a,e,n.length,0),n.push(C),m.directiveStart++,m.directiveEnd++,r&&(m.providerIndexes+=1048576),i.push(Fn),d.push(Fn)}else vp(a,e,ht>-1?ht:Lt,Jm(i[r?Lt:ht],R,!r&&o));!r&&o&&bn&&i[Lt].componentProviders++}}}function vp(e,n,i,o){const r=ha(n),a=function Zy(e){return!!e.useClass}(n);if(r||a){const C=(a?j(n.useClass):n).prototype.ngOnDestroy;if(C){const R=e.destroyHooks||(e.destroyHooks=[]);if(!r&&n.multi){const G=R.indexOf(i);-1===G?R.push(i,[o,C]):R[G+1].push(o,C)}else R.push(i,C)}}}function Jm(e,n,i){return i&&e.componentProviders++,e.multi.push(n)-1}function yp(e,n,i,o){for(let r=i;r<o;r++)if(n[r]===e)return r;return-1}function oT(e,n,i,o){return bp(this.multi,[])}function rT(e,n,i,o){const r=this.multi;let a;if(this.providerFactory){const d=this.providerFactory.componentProviders,m=Cs(i,i[ve],this.providerFactory.index,o);a=m.slice(0,d),bp(r,a);for(let C=d;C<m.length;C++)a.push(m[C])}else a=[],bp(r,a);return a}function bp(e,n){for(let i=0;i<e.length;i++)n.push((0,e[i])());return n}function qm(e,n=[]){return i=>{i.providersResolver=(o,r)=>function iT(e,n,i){const o=mi();if(o.firstCreatePass){const r=re(e);_p(i,o.data,o.blueprint,r,!0),_p(n,o.data,o.blueprint,r,!1)}}(o,r?r(e):e,n)}}class va{}class e_{}function aT(e,n){return new Dp(e,null!=n?n:null,[])}class Dp extends va{constructor(n,i,o){super(),this._parent=i,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new ig(this);const r=Qi(n);this._bootstrapComponents=xs(r.bootstrap),this._r3Injector=d0(n,i,[{provide:va,useValue:this},{provide:vc,useValue:this.componentFactoryResolver},...o],ye(n),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(n)}get injector(){return this._r3Injector}destroy(){const n=this._r3Injector;!n.destroyed&&n.destroy(),this.destroyCbs.forEach(i=>i()),this.destroyCbs=null}onDestroy(n){this.destroyCbs.push(n)}}class Cp extends e_{constructor(n){super(),this.moduleType=n}create(n){return new Dp(this.moduleType,n,[])}}class t_ extends va{constructor(n){super(),this.componentFactoryResolver=new ig(this),this.instance=null;const i=new Ka([...n.providers,{provide:va,useValue:this},{provide:vc,useValue:this.componentFactoryResolver}],n.parent||dc(),n.debugName,new Set(["environment"]));this.injector=i,n.runEnvironmentInitializers&&i.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(n){this.injector.onDestroy(n)}}function n_(e,n,i=null){return new t_({providers:e,parent:n,debugName:i,runEnvironmentInitializers:!0}).injector}let lT=(()=>{var e;class n{constructor(o){this._injector=o,this.cachedInjectors=new Map}getOrCreateStandaloneInjector(o){if(!o.standalone)return null;if(!this.cachedInjectors.has(o)){const r=Gh(0,o.type),a=r.length>0?n_([r],this._injector,"Standalone[".concat(o.type.name,"]")):null;this.cachedInjectors.set(o,a)}return this.cachedInjectors.get(o)}ngOnDestroy(){try{for(const o of this.cachedInjectors.values())null!==o&&o.destroy()}finally{this.cachedInjectors.clear()}}}return(e=n).\u0275prov=Ke({token:e,providedIn:"environment",factory:()=>new e(jt(rs))}),n})();function i_(e){e.getStandaloneInjector=n=>n.get(lT).getOrCreateStandaloneInjector(e)}function c_(e,n,i){const o=Ve()+e,r=Jt();return r[o]===ci?us(r,o,i?n.call(i):n()):function ol(e,n){return e[n]}(r,o)}function d_(e,n,i,o){return p_(Jt(),Ve(),e,n,i,o)}function f_(e,n,i,o,r){return h_(Jt(),Ve(),e,n,i,o,r)}function hl(e,n){const i=e[n];return i===ci?void 0:i}function p_(e,n,i,o,r,a){const d=n+i;return vr(e,d,r)?us(e,d+1,a?o.call(a,r):o(r)):hl(e,d+1)}function h_(e,n,i,o,r,a,d){const m=n+i;return ga(e,m,r,a)?us(e,m+2,d?o.call(d,r,a):o(r,a)):hl(e,m+2)}function g_(e,n,i,o,r,a,d,m){const C=n+i;return function Ic(e,n,i,o,r){const a=ga(e,n,i,o);return vr(e,n+2,r)||a}(e,C,r,a,d)?us(e,C+3,m?o.call(m,r,a,d):o(r,a,d)):hl(e,C+3)}function v_(e,n){const i=mi();let o;const r=e+Gn;var a;i.firstCreatePass?(o=function MT(e,n){if(n)for(let i=n.length-1;i>=0;i--){const o=n[i];if(e===o.name)return o}}(n,i.pipeRegistry),i.data[r]=o,o.onDestroy&&(null!==(a=i.destroyHooks)&&void 0!==a?a:i.destroyHooks=[]).push(r,o.onDestroy)):o=i.data[r];const d=o.factory||(o.factory=po(o.type)),C=Vt(nu);try{const R=wa(!1),G=d();return wa(R),function cD(e,n,i,o){i>=e.data.length&&(e.data[i]=null,e.blueprint[i]=null),n[i]=o}(i,Jt(),r,G),G}finally{Vt(C)}}function y_(e,n,i){const o=e+Gn,r=Jt(),a=Vr(r,o);return gl(r,o)?p_(r,Ve(),n,a.transform,i,a):a.transform(i)}function b_(e,n,i,o){const r=e+Gn,a=Jt(),d=Vr(a,r);return gl(a,r)?h_(a,Ve(),n,d.transform,i,o,d):d.transform(i,o)}function D_(e,n,i,o,r){const a=e+Gn,d=Jt(),m=Vr(d,a);return gl(d,a)?g_(d,Ve(),n,m.transform,i,o,r,m):m.transform(i,o,r)}function gl(e,n){return e[ve].data[n].pure}function wT(){return this._results[Symbol.iterator]()}class Hc{get changes(){return this._changes||(this._changes=new ss)}constructor(n=!1){this._emitDistinctChangesOnly=n,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=null,this.length=0,this.first=void 0,this.last=void 0;const i=Hc.prototype;i[Symbol.iterator]||(i[Symbol.iterator]=wT)}get(n){return this._results[n]}map(n){return this._results.map(n)}filter(n){return this._results.filter(n)}find(n){return this._results.find(n)}reduce(n,i){return this._results.reduce(n,i)}forEach(n){this._results.forEach(n)}some(n){return this._results.some(n)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(n,i){const o=this;o.dirty=!1;const r=function wr(e){return e.flat(Number.POSITIVE_INFINITY)}(n);(this._changesDetected=!function md(e,n,i){if(e.length!==n.length)return!1;for(let o=0;o<e.length;o++){let r=e[o],a=n[o];if(i&&(r=i(r),a=i(a)),a!==r)return!1}return!0}(o._results,r,i))&&(o._results=r,o.length=r.length,o.last=r[this.length-1],o.first=r[0])}notifyOnChanges(){this._changes&&(this._changesDetected||!this._emitDistinctChangesOnly)&&this._changes.emit(this)}setDirty(){this.dirty=!0}destroy(){this.changes.complete(),this.changes.unsubscribe()}}function ST(e,n,i,o=!0){const r=n[ve];if(function cy(e,n,i,o){const r=Oi+o,a=i.length;o>0&&(i[r-1][je]=n),o<a-Oi?(n[je]=i[r],kl(i,Oi+o,n)):(i.push(n),n[je]=null),n[Pe]=i;const d=n[Ro];null!==d&&i!==d&&function dy(e,n){const i=e[vo];n[gi]!==n[Pe][Pe][gi]&&(e[qo]=!0),null===i?e[vo]=[n]:i.push(n)}(d,n);const m=n[ei];null!==m&&m.insertView(e),n[q]|=128}(r,n,e,i),o){const a=Jd(i,e),d=n[Mn],m=nc(d,e[no]);null!==m&&function Gd(e,n,i,o,r,a){o[hi]=r,o[Ft]=n,zu(e,o,i,1,r,a)}(r,e[Ft],d,n,m,a)}}let ml=(()=>{class n{}return n.__NG_ELEMENT_ID__=RT,n})();const AT=ml,PT=class extends AT{constructor(n,i,o){super(),this._declarationLView=n,this._declarationTContainer=i,this.elementRef=o}get ssrId(){var n;return(null===(n=this._declarationTContainer.tView)||void 0===n?void 0:n.ssrId)||null}createEmbeddedView(n,i){return this.createEmbeddedViewImpl(n,i)}createEmbeddedViewImpl(n,i,o){const r=function OT(e,n,i,o){var r,a;const d=n.tView,R=Dc(e,d,i,4096&e[q]?4096:16,null,n,null,null,null,null!==(r=null==o?void 0:o.injector)&&void 0!==r?r:null,null!==(a=null==o?void 0:o.hydrationInfo)&&void 0!==a?a:null);R[Ro]=e[n.index];const me=e[ei];return null!==me&&(R[ei]=me.createEmbeddedView(d)),Hf(d,R,i),R}(this._declarationLView,this._declarationTContainer,n,{injector:i,hydrationInfo:o});return new nl(r)}};function RT(){return zc(wo(),Jt())}function zc(e,n){return 4&e.type?new PT(n,e,qa(e,n)):null}let Wc=(()=>{class n{}return n.__NG_ELEMENT_ID__=VT,n})();function VT(){return w_(wo(),Jt())}const UT=Wc,x_=class extends UT{constructor(n,i,o){super(),this._lContainer=n,this._hostTNode=i,this._hostLView=o}get element(){return qa(this._hostTNode,this._hostLView)}get injector(){return new fr(this._hostTNode,this._hostLView)}get parentInjector(){const n=Sa(this._hostTNode,this._hostLView);if(Mu(n)){const i=oa(n,this._hostLView),o=ia(n);return new fr(i[ve].data[o+8],i)}return new fr(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(n){const i=I_(this._lContainer);return null!==i&&i[n]||null}get length(){return this._lContainer.length-Oi}createEmbeddedView(n,i,o){let r,a;"number"==typeof o?r=o:null!=o&&(r=o.index,a=o.injector);const m=n.createEmbeddedViewImpl(i||{},a,null);return this.insertImpl(m,r,false),m}createComponent(n,i,o,r,a){var d,C;const R=n&&!function sa(e){return"function"==typeof e}(n);let G;if(R)G=i;else{const Qt=i||{};G=Qt.index,o=Qt.injector,r=Qt.projectableNodes,a=Qt.environmentInjector||Qt.ngModuleRef}const me=R?n:new il(qn(n)),Qe=o||this.parentInjector;if(!a&&null==me.ngModule){const ni=(R?Qe:this.parentInjector).get(rs,null);ni&&(a=ni)}const ht=qn(null!==(d=me.componentType)&&void 0!==d?d:{}),Lt=(null==ht?void 0:ht.id,null),nn=null!==(C=null==Lt?void 0:Lt.firstChild)&&void 0!==C?C:null,bn=me.create(Qe,r,nn,a),Fn=!!Lt&&!Va(this._hostTNode);return this.insertImpl(bn.hostView,G,Fn),bn}insert(n,i){return this.insertImpl(n,i,!1)}insertImpl(n,i,o){const r=n._lView;if(function Js(e){return _e(e[Pe])}(r)){const C=this.indexOf(n);if(-1!==C)this.detach(C);else{const R=r[Pe],G=new x_(R,R[Ft],R[Pe]);G.detach(G.indexOf(n))}}const d=this._adjustIndex(i),m=this._lContainer;return ST(m,r,d,!o),n.attachToViewContainerRef(),kl(Ep(m),d,n),n}move(n,i){return this.insert(n,i)}indexOf(n){const i=I_(this._lContainer);return null!==i?i.indexOf(n):-1}remove(n){const i=this._adjustIndex(n,-1),o=tc(this._lContainer,i);o&&(Pa(Ep(this._lContainer),i),Kd(o[ve],o))}detach(n){const i=this._adjustIndex(n,-1),o=tc(this._lContainer,i);return o&&null!=Pa(Ep(this._lContainer),i)?new nl(o):null}_adjustIndex(n,i=0){return null==n?this.length+i:n}};function I_(e){return e[8]}function Ep(e){return e[8]||(e[8]=[])}function w_(e,n){let i;const o=n[e.index];return _e(o)?i=o:(i=j0(o,n,null,e),n[e.index]=i,Cc(n,i)),O_(i,n,e,o),new x_(i,e,n)}let O_=function S_(e,n,i,o){if(e[no])return;let r;r=8&i.type?zi(o):function $T(e,n){const i=e[Mn],o=i.createComment(""),r=Ho(n,e);return da(i,nc(i,r),o,function gy(e,n){return e.nextSibling(n)}(i,r),!1),o}(n,i),e[no]=r};class Mp{constructor(n){this.queryList=n,this.matches=null}clone(){return new Mp(this.queryList)}setDirty(){this.queryList.setDirty()}}class xp{constructor(n=[]){this.queries=n}createEmbeddedView(n){const i=n.queries;if(null!==i){const o=null!==n.contentQueries?n.contentQueries[0]:i.length,r=[];for(let a=0;a<o;a++){const d=i.getByIndex(a);r.push(this.queries[d.indexInDeclarationView].clone())}return new xp(r)}return null}insertView(n){this.dirtyQueriesWithMatches(n)}detachView(n){this.dirtyQueriesWithMatches(n)}dirtyQueriesWithMatches(n){for(let i=0;i<this.queries.length;i++)null!==V_(n,i).matches&&this.queries[i].setDirty()}}class A_{constructor(n,i,o=null){this.predicate=n,this.flags=i,this.read=o}}class Ip{constructor(n=[]){this.queries=n}elementStart(n,i){for(let o=0;o<this.queries.length;o++)this.queries[o].elementStart(n,i)}elementEnd(n){for(let i=0;i<this.queries.length;i++)this.queries[i].elementEnd(n)}embeddedTView(n){let i=null;for(let o=0;o<this.length;o++){const r=null!==i?i.length:0,a=this.getByIndex(o).embeddedTView(n,r);a&&(a.indexInDeclarationView=o,null!==i?i.push(a):i=[a])}return null!==i?new Ip(i):null}template(n,i){for(let o=0;o<this.queries.length;o++)this.queries[o].template(n,i)}getByIndex(n){return this.queries[n]}get length(){return this.queries.length}track(n){this.queries.push(n)}}class wp{constructor(n,i=-1){this.metadata=n,this.matches=null,this.indexInDeclarationView=-1,this.crossesNgTemplate=!1,this._appliesToNextNode=!0,this._declarationNodeIndex=i}elementStart(n,i){this.isApplyingToNode(i)&&this.matchTNode(n,i)}elementEnd(n){this._declarationNodeIndex===n.index&&(this._appliesToNextNode=!1)}template(n,i){this.elementStart(n,i)}embeddedTView(n,i){return this.isApplyingToNode(n)?(this.crossesNgTemplate=!0,this.addMatch(-n.index,i),new wp(this.metadata)):null}isApplyingToNode(n){if(this._appliesToNextNode&&1!=(1&this.metadata.flags)){const i=this._declarationNodeIndex;let o=n.parent;for(;null!==o&&8&o.type&&o.index!==i;)o=o.parent;return i===(null!==o?o.index:-1)}return this._appliesToNextNode}matchTNode(n,i){const o=this.metadata.predicate;if(Array.isArray(o))for(let r=0;r<o.length;r++){const a=o[r];this.matchTNodeWithReadOption(n,i,jT(i,a)),this.matchTNodeWithReadOption(n,i,Aa(i,n,a,!1,!1))}else o===ml?4&i.type&&this.matchTNodeWithReadOption(n,i,-1):this.matchTNodeWithReadOption(n,i,Aa(i,n,o,!1,!1))}matchTNodeWithReadOption(n,i,o){if(null!==o){const r=this.metadata.read;if(null!==r)if(r===Yu||r===Wc||r===ml&&4&i.type)this.addMatch(i.index,-2);else{const a=Aa(i,n,r,!1,!1);null!==a&&this.addMatch(i.index,a)}else this.addMatch(i.index,o)}}addMatch(n,i){null===this.matches?this.matches=[n,i]:this.matches.push(n,i)}}function jT(e,n){const i=e.localNames;if(null!==i)for(let o=0;o<i.length;o+=2)if(i[o]===n)return i[o+1];return null}function GT(e,n,i,o){return-1===i?function WT(e,n){return 11&e.type?qa(e,n):4&e.type?zc(e,n):null}(n,e):-2===i?function XT(e,n,i){return i===Yu?qa(n,e):i===ml?zc(n,e):i===Wc?w_(n,e):void 0}(e,n,o):Cs(e,e[ve],i,n)}function P_(e,n,i,o){const r=n[ei].queries[o];if(null===r.matches){const a=e.data,d=i.matches,m=[];for(let C=0;C<d.length;C+=2){const R=d[C];m.push(R<0?null:GT(n,a[R],d[C+1],i.metadata.read))}r.matches=m}return r.matches}function Op(e,n,i,o){const r=e.queries.getByIndex(i),a=r.matches;if(null!==a){const d=P_(e,n,r,i);for(let m=0;m<a.length;m+=2){const C=a[m];if(C>0)o.push(d[m/2]);else{const R=a[m+1],G=n[-C];for(let me=Oi;me<G.length;me++){const Qe=G[me];Qe[Ro]===Qe[Pe]&&Op(Qe[ve],Qe,R,o)}if(null!==G[vo]){const me=G[vo];for(let Qe=0;Qe<me.length;Qe++){const ht=me[Qe];Op(ht[ve],ht,R,o)}}}}}return o}function R_(e){const n=Jt(),i=mi(),o=K();pe(o+1);const r=V_(i,o);if(e.dirty&&function Da(e){return 4==(4&e[q])}(n)===(2==(2&r.metadata.flags))){if(null===r.matches)e.reset([]);else{const a=r.crossesNgTemplate?Op(i,n,o,[]):P_(i,n,r,o);e.reset(a,D1),e.notifyOnChanges()}return!0}return!1}function N_(e,n,i){const o=mi();o.firstCreatePass&&(B_(o,new A_(e,n,i),-1),2==(2&n)&&(o.staticViewQueries=!0)),L_(o,Jt(),n)}function F_(e,n,i,o){const r=mi();if(r.firstCreatePass){const a=wo();B_(r,new A_(n,i,o),a.index),function QT(e,n){const i=e.contentQueries||(e.contentQueries=[]);n!==(i.length?i[i.length-1]:-1)&&i.push(e.queries.length-1,n)}(r,e),2==(2&i)&&(r.staticContentQueries=!0)}L_(r,Jt(),i)}function k_(){return function KT(e,n){return e[ei].queries[n].queryList}(Jt(),K())}function L_(e,n,i){const o=new Hc(4==(4&i));(function q1(e,n,i,o){const r=G0(n);r.push(i),e.firstCreatePass&&X0(e).push(o,r.length-1)})(e,n,o,o.destroy),null===n[ei]&&(n[ei]=new xp),n[ei].queries.push(new Mp(o))}function B_(e,n,i){null===e.queries&&(e.queries=new Ip),e.queries.track(new wp(n,i))}function V_(e,n){return e.queries.getByIndex(n)}function U_(e,n){return zc(e,n)}function Sp(e){return!!Qi(e)}const mE=new wn("Application Initializer");let Fp=(()=>{var e;class n{constructor(){var o;this.initialized=!1,this.done=!1,this.donePromise=new Promise((r,a)=>{this.resolve=r,this.reject=a}),this.appInits=null!==(o=gn(mE,{optional:!0}))&&void 0!==o?o:[]}runInitializers(){if(this.initialized)return;const o=[];for(const a of this.appInits){const d=a();if(tp(d))o.push(d);else if(Sg(d)){const m=new Promise((C,R)=>{d.subscribe({complete:C,error:R})});o.push(m)}}const r=()=>{this.done=!0,this.resolve()};Promise.all(o).then(()=>{r()}).catch(a=>{this.reject(a)}),0===o.length&&r(),this.initialized=!0}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})(),iv=(()=>{var e;class n{log(o){console.log(o)}warn(o){console.warn(o)}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"platform"}),n})();const Xc=new wn("LocaleId",{providedIn:"root",factory:()=>gn(Xc,he.Optional|he.SkipSelf)||function _E(){return typeof $localize<"u"&&$localize.locale||mu}()}),vE=new wn("DefaultCurrencyCode",{providedIn:"root",factory:()=>"USD"});let ov=(()=>{var e;class n{constructor(){this.taskId=0,this.pendingTasks=new Set,this.hasPendingTasks=new X.t(!1)}add(){this.hasPendingTasks.next(!0);const o=this.taskId++;return this.pendingTasks.add(o),o}remove(o){this.pendingTasks.delete(o),0===this.pendingTasks.size&&this.hasPendingTasks.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks.next(!1)}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();class bE{constructor(n,i){this.ngModuleFactory=n,this.componentFactories=i}}let DE=(()=>{var e;class n{compileModuleSync(o){return new Cp(o)}compileModuleAsync(o){return Promise.resolve(this.compileModuleSync(o))}compileModuleAndAllComponentsSync(o){const r=this.compileModuleSync(o),d=xs(Qi(o).declarations).reduce((m,C)=>{const R=qn(C);return R&&m.push(new il(R)),m},[]);return new bE(r,d)}compileModuleAndAllComponentsAsync(o){return Promise.resolve(this.compileModuleAndAllComponentsSync(o))}clearCache(){}clearCacheFor(o){}getModuleId(o){}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();const uv=new wn(""),lv=new wn("");let Bp,zE=(()=>{var e;class n{constructor(o,r,a){this._ngZone=o,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,Bp||(function jE(e){Bp=e}(a),a.addToWindow(r)),this._watchAngularEvents(),o.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{nr.assertNotInAngularZone(),queueMicrotask(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())queueMicrotask(()=>{for(;0!==this._callbacks.length;){let o=this._callbacks.pop();clearTimeout(o.timeoutId),o.doneCb(this._didWork)}this._didWork=!1});else{let o=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(o)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(o=>({source:o.source,creationLocation:o.creationLocation,data:o.data})):[]}addCallback(o,r,a){let d=-1;r&&r>0&&(d=setTimeout(()=>{this._callbacks=this._callbacks.filter(m=>m.timeoutId!==d),o(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:o,timeoutId:d,updateCb:a})}whenStable(o,r,a){if(a&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(o,r,a),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(o){this.registry.registerApplication(o,this)}unregisterApplication(o){this.registry.unregisterApplication(o)}findProviders(o,r,a){return[]}}return(e=n).\u0275fac=function(o){return new(o||e)(jt(nr),jt(cv),jt(lv))},e.\u0275prov=Ke({token:e,factory:e.\u0275fac}),n})(),cv=(()=>{var e;class n{constructor(){this._applications=new Map}registerApplication(o,r){this._applications.set(o,r)}unregisterApplication(o){this._applications.delete(o)}unregisterAllApplications(){this._applications.clear()}getTestability(o){return this._applications.get(o)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(o,r=!0){var a,d;return null!==(a=null===(d=Bp)||void 0===d?void 0:d.findTestabilityInTree(this,o,r))&&void 0!==a?a:null}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"platform"}),n})(),Ys=null;const Vp=new wn("PlatformDestroyListeners"),Up=new wn("appBootstrapListener");function QE(e){try{const{rootComponent:n,appProviders:i,platformProviders:o}=e,r=function KE(e=[]){if(Ys)return Ys;const n=function hv(e=[],n){return Jr.create({name:n,providers:[{provide:hf,useValue:"platform"},{provide:Vp,useValue:new Set([()=>Ys=null])},...e]})}(e);return Ys=n,function fv(){!function jr(e){Xo=e}(()=>{throw new U(600,!1)})}(),function pv(e){const n=e.get(Jh,null);null==n||n.forEach(i=>i())}(n),n}(o),a=[eM(),...i||[]],m=new t_({providers:a,parent:r,debugName:"",runEnvironmentInitializers:!1}).injector,C=m.get(nr);return C.run(()=>{m.resolveInjectorInitializers();const R=m.get(Ks,null);let G;C.runOutsideAngular(()=>{G=C.onError.subscribe({next:ht=>{R.handleError(ht)}})});const me=()=>m.destroy(),Qe=r.get(Vp);return Qe.add(me),m.onDestroy(()=>{G.unsubscribe(),Qe.delete(me)}),function _v(e,n,i){try{const o=i();return tp(o)?o.catch(r=>{throw n.runOutsideAngular(()=>e.handleError(r)),r}):o}catch(o){throw n.runOutsideAngular(()=>e.handleError(o)),o}}(R,C,()=>{const ht=m.get(Fp);return ht.runInitializers(),ht.donePromise.then(()=>{!function wm(e){te(e,"Expected localeId to be defined"),"string"==typeof e&&(Im=e.toLowerCase().replace(/_/g,"-"))}(m.get(Xc,mu)||mu);const nn=m.get(yu);return void 0!==n&&nn.bootstrap(n),nn})})})}catch(n){return Promise.reject(n)}}let yu=(()=>{var e;class n{constructor(){this._bootstrapListeners=[],this._runningTick=!1,this._destroyed=!1,this._destroyListeners=[],this._views=[],this.internalErrorHandler=gn(bv),this.zoneIsStable=gn(m0),this.componentTypes=[],this.components=[],this.isStable=gn(ov).hasPendingTasks.pipe((0,se.n)(o=>o?(0,$.of)(!1):this.zoneIsStable),(0,ne.F)(),(0,W.u)()),this._injector=gn(rs)}get destroyed(){return this._destroyed}get injector(){return this._injector}bootstrap(o,r){const a=o instanceof n0;if(!this._injector.get(Fp).done)throw!a&&to(o),new U(405,!1);let m;m=a?o:this._injector.get(vc).resolveComponentFactory(o),this.componentTypes.push(m.componentType);const C=function GE(e){return e.isBoundToModule}(m)?void 0:this._injector.get(va),G=m.create(Jr.NULL,[],r||m.selector,C),me=G.location.nativeElement,Qe=G.injector.get(uv,null);return null==Qe||Qe.registerApplication(me),G.onDestroy(()=>{this.detachView(G.hostView),Qc(this.components,G),null==Qe||Qe.unregisterApplication(me)}),this._loadComponent(G),G}tick(){if(this._runningTick)throw new U(101,!1);try{this._runningTick=!0;for(let o of this._views)o.detectChanges()}catch(o){this.internalErrorHandler(o)}finally{this._runningTick=!1}}attachView(o){const r=o;this._views.push(r),r.attachToAppRef(this)}detachView(o){const r=o;Qc(this._views,r),r.detachFromAppRef()}_loadComponent(o){this.attachView(o.hostView),this.tick(),this.components.push(o);const r=this._injector.get(Up,[]);r.push(...this._bootstrapListeners),r.forEach(a=>a(o))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(o=>o()),this._views.slice().forEach(o=>o.destroy())}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(o){return this._destroyListeners.push(o),()=>Qc(this._destroyListeners,o)}destroy(){if(this._destroyed)throw new U(406,!1);const o=this._injector;o.destroy&&!o.destroyed&&o.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();function Qc(e,n){const i=e.indexOf(n);i>-1&&e.splice(i,1)}const bv=new wn("",{providedIn:"root",factory:()=>gn(Ks).handleError.bind(void 0)});function JE(){const e=gn(nr),n=gn(Ks);return i=>e.runOutsideAngular(()=>n.handleError(i))}let qE=(()=>{var e;class n{constructor(){this.zone=gn(nr),this.applicationRef=gn(yu)}initialize(){this._onMicrotaskEmptySubscription||(this._onMicrotaskEmptySubscription=this.zone.onMicrotaskEmpty.subscribe({next:()=>{this.zone.run(()=>{this.applicationRef.tick()})}}))}ngOnDestroy(){var o;null===(o=this._onMicrotaskEmptySubscription)||void 0===o||o.unsubscribe()}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();function Dv(e){return[{provide:nr,useFactory:e},{provide:Gu,multi:!0,useFactory:()=>{const n=gn(qE,{optional:!0});return()=>n.initialize()}},{provide:bv,useFactory:JE},{provide:m0,useFactory:_0}]}function eM(e){return df([[],Dv(()=>new nr(function mv(e){var n,i;return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:null!==(n=null==e?void 0:e.eventCoalescing)&&void 0!==n&&n,shouldCoalesceRunChangeDetection:null!==(i=null==e?void 0:e.runCoalescing)&&void 0!==i&&i}}(e)))])}let tM=(()=>{class n{}return n.__NG_ELEMENT_ID__=nM,n})();function nM(e){return function iM(e,n,i){if(T(e)&&!i){const o=Fo(e.index,n);return new nl(o,o)}return 47&e.type?new nl(n[gi],n):null}(wo(),Jt(),16==(16&e))}class xv{constructor(){}supports(n){return xc(n)}create(n){return new uM(n)}}const aM=(e,n)=>n;class uM{constructor(n){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=n||aM}forEachItem(n){let i;for(i=this._itHead;null!==i;i=i._next)n(i)}forEachOperation(n){let i=this._itHead,o=this._removalsHead,r=0,a=null;for(;i||o;){const d=!o||i&&i.currentIndex<wv(o,r,a)?i:o,m=wv(d,r,a),C=d.currentIndex;if(d===o)r--,o=o._nextRemoved;else if(i=i._next,null==d.previousIndex)r++;else{a||(a=[]);const R=m-r,G=C-r;if(R!=G){for(let Qe=0;Qe<R;Qe++){const ht=Qe<a.length?a[Qe]:a[Qe]=0,Lt=ht+Qe;G<=Lt&&Lt<R&&(a[Qe]=ht+1)}a[d.previousIndex]=G-R}}m!==C&&n(d,m,C)}}forEachPreviousItem(n){let i;for(i=this._previousItHead;null!==i;i=i._nextPrevious)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachMovedItem(n){let i;for(i=this._movesHead;null!==i;i=i._nextMoved)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}forEachIdentityChange(n){let i;for(i=this._identityChangesHead;null!==i;i=i._nextIdentityChange)n(i)}diff(n){if(null==n&&(n=[]),!xc(n))throw new U(900,!1);return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let r,a,d,i=this._itHead,o=!1;if(Array.isArray(n)){this.length=n.length;for(let m=0;m<this.length;m++)a=n[m],d=this._trackByFn(m,a),null!==i&&Object.is(i.trackById,d)?(o&&(i=this._verifyReinsertion(i,a,d,m)),Object.is(i.item,a)||this._addIdentityChange(i,a)):(i=this._mismatch(i,a,d,m),o=!0),i=i._next}else r=0,function zb(e,n){if(Array.isArray(e))for(let i=0;i<e.length;i++)n(e[i]);else{const i=e[Symbol.iterator]();let o;for(;!(o=i.next()).done;)n(o.value)}}(n,m=>{d=this._trackByFn(r,m),null!==i&&Object.is(i.trackById,d)?(o&&(i=this._verifyReinsertion(i,m,d,r)),Object.is(i.item,m)||this._addIdentityChange(i,m)):(i=this._mismatch(i,m,d,r),o=!0),i=i._next,r++}),this.length=r;return this._truncate(i),this.collection=n,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let n;for(n=this._previousItHead=this._itHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._additionsHead;null!==n;n=n._nextAdded)n.previousIndex=n.currentIndex;for(this._additionsHead=this._additionsTail=null,n=this._movesHead;null!==n;n=n._nextMoved)n.previousIndex=n.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(n,i,o,r){let a;return null===n?a=this._itTail:(a=n._prev,this._remove(n)),null!==(n=null===this._unlinkedRecords?null:this._unlinkedRecords.get(o,null))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._reinsertAfter(n,a,r)):null!==(n=null===this._linkedRecords?null:this._linkedRecords.get(o,r))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._moveAfter(n,a,r)):n=this._addAfter(new lM(i,o),a,r),n}_verifyReinsertion(n,i,o,r){let a=null===this._unlinkedRecords?null:this._unlinkedRecords.get(o,null);return null!==a?n=this._reinsertAfter(a,n._prev,r):n.currentIndex!=r&&(n.currentIndex=r,this._addToMoves(n,r)),n}_truncate(n){for(;null!==n;){const i=n._next;this._addToRemovals(this._unlink(n)),n=i}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(n,i,o){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(n);const r=n._prevRemoved,a=n._nextRemoved;return null===r?this._removalsHead=a:r._nextRemoved=a,null===a?this._removalsTail=r:a._prevRemoved=r,this._insertAfter(n,i,o),this._addToMoves(n,o),n}_moveAfter(n,i,o){return this._unlink(n),this._insertAfter(n,i,o),this._addToMoves(n,o),n}_addAfter(n,i,o){return this._insertAfter(n,i,o),this._additionsTail=null===this._additionsTail?this._additionsHead=n:this._additionsTail._nextAdded=n,n}_insertAfter(n,i,o){const r=null===i?this._itHead:i._next;return n._next=r,n._prev=i,null===r?this._itTail=n:r._prev=n,null===i?this._itHead=n:i._next=n,null===this._linkedRecords&&(this._linkedRecords=new Iv),this._linkedRecords.put(n),n.currentIndex=o,n}_remove(n){return this._addToRemovals(this._unlink(n))}_unlink(n){null!==this._linkedRecords&&this._linkedRecords.remove(n);const i=n._prev,o=n._next;return null===i?this._itHead=o:i._next=o,null===o?this._itTail=i:o._prev=i,n}_addToMoves(n,i){return n.previousIndex===i||(this._movesTail=null===this._movesTail?this._movesHead=n:this._movesTail._nextMoved=n),n}_addToRemovals(n){return null===this._unlinkedRecords&&(this._unlinkedRecords=new Iv),this._unlinkedRecords.put(n),n.currentIndex=null,n._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=n,n._prevRemoved=null):(n._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=n),n}_addIdentityChange(n,i){return n.item=i,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=n:this._identityChangesTail._nextIdentityChange=n,n}}class lM{constructor(n,i){this.item=n,this.trackById=i,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class cM{constructor(){this._head=null,this._tail=null}add(n){null===this._head?(this._head=this._tail=n,n._nextDup=null,n._prevDup=null):(this._tail._nextDup=n,n._prevDup=this._tail,n._nextDup=null,this._tail=n)}get(n,i){let o;for(o=this._head;null!==o;o=o._nextDup)if((null===i||i<=o.currentIndex)&&Object.is(o.trackById,n))return o;return null}remove(n){const i=n._prevDup,o=n._nextDup;return null===i?this._head=o:i._nextDup=o,null===o?this._tail=i:o._prevDup=i,null===this._head}}class Iv{constructor(){this.map=new Map}put(n){const i=n.trackById;let o=this.map.get(i);o||(o=new cM,this.map.set(i,o)),o.add(n)}get(n,i){const r=this.map.get(n);return r?r.get(n,i):null}remove(n){const i=n.trackById;return this.map.get(i).remove(n)&&this.map.delete(i),n}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function wv(e,n,i){const o=e.previousIndex;if(null===o)return o;let r=0;return i&&o<i.length&&(r=i[o]),o+n+r}class Ov{constructor(){}supports(n){return n instanceof Map||jf(n)}create(){return new dM}}class dM{constructor(){this._records=new Map,this._mapHead=null,this._appendAfter=null,this._previousMapHead=null,this._changesHead=null,this._changesTail=null,this._additionsHead=null,this._additionsTail=null,this._removalsHead=null,this._removalsTail=null}get isDirty(){return null!==this._additionsHead||null!==this._changesHead||null!==this._removalsHead}forEachItem(n){let i;for(i=this._mapHead;null!==i;i=i._next)n(i)}forEachPreviousItem(n){let i;for(i=this._previousMapHead;null!==i;i=i._nextPrevious)n(i)}forEachChangedItem(n){let i;for(i=this._changesHead;null!==i;i=i._nextChanged)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}diff(n){if(n){if(!(n instanceof Map||jf(n)))throw new U(900,!1)}else n=new Map;return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let i=this._mapHead;if(this._appendAfter=null,this._forEach(n,(o,r)=>{if(i&&i.key===r)this._maybeAddToChanges(i,o),this._appendAfter=i,i=i._next;else{const a=this._getOrCreateRecordForKey(r,o);i=this._insertBeforeOrAppend(i,a)}}),i){i._prev&&(i._prev._next=null),this._removalsHead=i;for(let o=i;null!==o;o=o._nextRemoved)o===this._mapHead&&(this._mapHead=null),this._records.delete(o.key),o._nextRemoved=o._next,o.previousValue=o.currentValue,o.currentValue=null,o._prev=null,o._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(n,i){if(n){const o=n._prev;return i._next=n,i._prev=o,n._prev=i,o&&(o._next=i),n===this._mapHead&&(this._mapHead=i),this._appendAfter=n,n}return this._appendAfter?(this._appendAfter._next=i,i._prev=this._appendAfter):this._mapHead=i,this._appendAfter=i,null}_getOrCreateRecordForKey(n,i){if(this._records.has(n)){const r=this._records.get(n);this._maybeAddToChanges(r,i);const a=r._prev,d=r._next;return a&&(a._next=d),d&&(d._prev=a),r._next=null,r._prev=null,r}const o=new fM(n);return this._records.set(n,o),o.currentValue=i,this._addToAdditions(o),o}_reset(){if(this.isDirty){let n;for(this._previousMapHead=this._mapHead,n=this._previousMapHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._changesHead;null!==n;n=n._nextChanged)n.previousValue=n.currentValue;for(n=this._additionsHead;null!=n;n=n._nextAdded)n.previousValue=n.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(n,i){Object.is(i,n.currentValue)||(n.previousValue=n.currentValue,n.currentValue=i,this._addToChanges(n))}_addToAdditions(n){null===this._additionsHead?this._additionsHead=this._additionsTail=n:(this._additionsTail._nextAdded=n,this._additionsTail=n)}_addToChanges(n){null===this._changesHead?this._changesHead=this._changesTail=n:(this._changesTail._nextChanged=n,this._changesTail=n)}_forEach(n,i){n instanceof Map?n.forEach(i):Object.keys(n).forEach(o=>i(n[o],o))}}class fM{constructor(n){this.key=n,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function Sv(){return new Gp([new xv])}let Gp=(()=>{var e;class n{constructor(o){this.factories=o}static create(o,r){if(null!=r){const a=r.factories.slice();o=o.concat(a)}return new n(o)}static extend(o){return{provide:n,useFactory:r=>n.create(o,r||Sv()),deps:[[n,new Fa,new Na]]}}find(o){const r=this.factories.find(a=>a.supports(o));if(null!=r)return r;throw new U(901,!1)}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:Sv}),n})();function Av(){return new Xp([new Ov])}let Xp=(()=>{var e;class n{constructor(o){this.factories=o}static create(o,r){if(r){const a=r.factories.slice();o=o.concat(a)}return new n(o)}static extend(o){return{provide:n,useFactory:r=>n.create(o,r||Av()),deps:[[n,new Fa,new Na]]}}find(o){const r=this.factories.find(a=>a.supports(o));if(r)return r;throw new U(901,!1)}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:Av}),n})();function MM(e){return"boolean"==typeof e?e:null!=e&&"false"!==e}function IM(e,n){const i=qn(e),o=n.elementInjector||dc();return new il(i).create(o,n.projectableNodes,n.hostElement,n.environmentInjector)}},7212:(wt,ke,u)=>{u.d(ke,{ot:()=>ct,pQ:()=>N});var t=u(2978),c=u(9406),S=u(6340);function N(ae){ae||((0,t.Af3)(N),ae=(0,t.WQX)(t.abz));const he=new c.c(We=>ae.onDestroy(We.next.bind(We)));return We=>We.pipe((0,S.Q)(he))}class se extends Error{constructor(he,We){super(function ne(ae,he){const We="NG0".concat(Math.abs(ae));return"".concat(We).concat(he?": "+he:"")}(he,We)),this.code=he}}let j=null;function Be(ae){const he=j;return j=ae,he}function ct(ae,he){var We,vt;const Vt=!(null!=he&&he.manualCleanup);Vt&&(null==he||!he.injector)&&(0,t.Af3)(ct);const dn=Vt?null!==(We=null==he||null===(vt=he.injector)||void 0===vt?void 0:vt.get(t.abz))&&void 0!==We?We:(0,t.WQX)(t.abz):null;let Dn;return Dn=(0,t.vPA)(null!=he&&he.requireSync?{kind:0}:{kind:1,value:null==he?void 0:he.initialValue}),function sn(ae){const he=Be(null);try{return ae()}finally{Be(he)}}(()=>{const pn=ae.subscribe({next:Sn=>Dn.set({kind:1,value:Sn}),error:Sn=>Dn.set({kind:2,error:Sn})});null==dn||dn.onDestroy(pn.unsubscribe.bind(pn))}),(0,t.EWP)(()=>{const pn=Dn();switch(pn.kind){case 1:return pn.value;case 2:throw pn.error;case 0:throw new se(601,"`toSignal()` called with `requireSync` but `Observable` did not emit synchronously.")}})}},8832:(wt,ke,u)=>{u.d(ke,{Zm:()=>oe,ZU:()=>it,me:()=>U,MJ:()=>eo,l_:()=>Bo,JD:()=>Kt,gE:()=>jt,j4:()=>ve,YN:()=>zn,cz:()=>Xe,kq:()=>Ae,vO:()=>Ye,BC:()=>We,cb:()=>vt,vS:()=>ir,X1:()=>Bi,qT:()=>jo});var t=u(2978),c=u(6610),S=u(8399),N=u(9406),X=u(6872),$=u(8621),W=u(2363),se=u(6111),ne=u(6219),J=u(6405),ye=u(3527);let be=(()=>{var P;class I{constructor(A,Ie){this._renderer=A,this._elementRef=Ie,this.onChange=Gt=>{},this.onTouched=()=>{}}setProperty(A,Ie){this._renderer.setProperty(this._elementRef.nativeElement,A,Ie)}registerOnTouched(A){this.onTouched=A}registerOnChange(A){this.onChange=A}setDisabledState(A){this.setProperty("disabled",A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(t.sFG),t.rXU(t.aKT))},P.\u0275dir=t.FsC({type:P}),I})(),ee=(()=>{var P;class I extends be{}return(P=I).\u0275fac=function(){let fe;return function(Ie){return(fe||(fe=t.xGo(P)))(Ie||P)}}(),P.\u0275dir=t.FsC({type:P,features:[t.Vt3]}),I})();const Ae=new t.nKC("NgValueAccessor"),j={provide:Ae,useExisting:(0,t.Rfq)(()=>oe),multi:!0};let oe=(()=>{var P;class I extends ee{writeValue(A){this.setProperty("checked",A)}}return(P=I).\u0275fac=function(){let fe;return function(Ie){return(fe||(fe=t.xGo(P)))(Ie||P)}}(),P.\u0275dir=t.FsC({type:P,selectors:[["input","type","checkbox","formControlName",""],["input","type","checkbox","formControl",""],["input","type","checkbox","ngModel",""]],hostBindings:function(A,Ie){1&A&&t.bIt("change",function(xn){return Ie.onChange(xn.target.checked)})("blur",function(){return Ie.onTouched()})},features:[t.Jv_([j]),t.Vt3]}),I})();const Be={provide:Ae,useExisting:(0,t.Rfq)(()=>U),multi:!0},Ue=new t.nKC("CompositionEventMode");let U=(()=>{var P;class I extends be{constructor(A,Ie,Gt){super(A,Ie),this._compositionMode=Gt,this._composing=!1,null==this._compositionMode&&(this._compositionMode=!function nt(){const P=(0,c.QT)()?(0,c.QT)().getUserAgent():"";return/android (\d+)/.test(P.toLowerCase())}())}writeValue(A){this.setProperty("value",null==A?"":A)}_handleInput(A){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(A)}_compositionStart(){this._composing=!0}_compositionEnd(A){this._composing=!1,this._compositionMode&&this.onChange(A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(t.sFG),t.rXU(t.aKT),t.rXU(Ue,8))},P.\u0275dir=t.FsC({type:P,selectors:[["input","formControlName","",3,"type","checkbox"],["textarea","formControlName",""],["input","formControl","",3,"type","checkbox"],["textarea","formControl",""],["input","ngModel","",3,"type","checkbox"],["textarea","ngModel",""],["","ngDefaultControl",""]],hostBindings:function(A,Ie){1&A&&t.bIt("input",function(xn){return Ie._handleInput(xn.target.value)})("blur",function(){return Ie.onTouched()})("compositionstart",function(){return Ie._compositionStart()})("compositionend",function(xn){return Ie._compositionEnd(xn.target.value)})},features:[t.Jv_([Be]),t.Vt3]}),I})();const Xe=new t.nKC("NgValidators"),Ge=new t.nKC("NgAsyncValidators");function ce(P){return null!=P}function k(P){return(0,t.jNT)(P)?(0,S.H)(P):P}function Z(P){let I={};return P.forEach(fe=>{I=null!=fe?{...I,...fe}:I}),0===Object.keys(I).length?null:I}function ie(P,I){return I.map(fe=>fe(P))}function te(P){return P.map(I=>function de(P){return!P.validate}(I)?I:fe=>I.validate(fe))}function Ne(P){return null!=P?function Oe(P){if(!P)return null;const I=P.filter(ce);return 0==I.length?null:function(fe){return Z(ie(fe,I))}}(te(P)):null}function Re(P){return null!=P?function Le(P){if(!P)return null;const I=P.filter(ce);return 0==I.length?null:function(fe){return function Q(...P){const I=(0,W.ms)(P),{args:fe,keys:A}=(0,X.D)(P),Ie=new N.c(Gt=>{const{length:xn}=fe;if(!xn)return void Gt.complete();const si=new Array(xn);let fo=xn,Yi=xn;for(let yo=0;yo<xn;yo++){let po=!1;(0,$.Tg)(fe[yo]).subscribe((0,se._)(Gt,so=>{po||(po=!0,Yi--),si[yo]=so},()=>fo--,void 0,()=>{(!fo||!po)&&(Yi||Gt.next(A?(0,J.e)(A,si):si),Gt.complete())}))}});return I?Ie.pipe((0,ne.I)(I)):Ie}(ie(fe,I).map(k)).pipe((0,ye.T)(Z))}}(te(P)):null}function Ke(P,I){return null===P?[I]:Array.isArray(P)?[...P,I]:[P,I]}function Dt(P){return P._rawValidators}function Rt(P){return P._rawAsyncValidators}function Yt(P){return P?Array.isArray(P)?P:[P]:[]}function Xt(P,I){return Array.isArray(P)?P.includes(I):P===I}function sn(P,I){const fe=Yt(I);return Yt(P).forEach(Ie=>{Xt(fe,Ie)||fe.push(Ie)}),fe}function Ln(P,I){return Yt(I).filter(fe=>!Xt(P,fe))}class tn{constructor(){this._rawValidators=[],this._rawAsyncValidators=[],this._onDestroyCallbacks=[]}get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_setValidators(I){this._rawValidators=I||[],this._composedValidatorFn=Ne(this._rawValidators)}_setAsyncValidators(I){this._rawAsyncValidators=I||[],this._composedAsyncValidatorFn=Re(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_registerOnDestroy(I){this._onDestroyCallbacks.push(I)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(I=>I()),this._onDestroyCallbacks=[]}reset(I=void 0){this.control&&this.control.reset(I)}hasError(I,fe){return!!this.control&&this.control.hasError(I,fe)}getError(I,fe){return this.control?this.control.getError(I,fe):null}}class it extends tn{get formDirective(){return null}get path(){return null}}class Ye extends tn{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}}class ct{constructor(I){this._cd=I}get isTouched(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.touched)}get isUntouched(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.untouched)}get isPristine(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.pristine)}get isDirty(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.dirty)}get isValid(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.valid)}get isInvalid(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.invalid)}get isPending(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.pending)}get isSubmitted(){var I;return!(null===(I=this._cd)||void 0===I||!I.submitted)}}let We=(()=>{var P;class I extends ct{constructor(A){super(A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(Ye,2))},P.\u0275dir=t.FsC({type:P,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(A,Ie){2&A&&t.AVh("ng-untouched",Ie.isUntouched)("ng-touched",Ie.isTouched)("ng-pristine",Ie.isPristine)("ng-dirty",Ie.isDirty)("ng-valid",Ie.isValid)("ng-invalid",Ie.isInvalid)("ng-pending",Ie.isPending)},features:[t.Vt3]}),I})(),vt=(()=>{var P;class I extends ct{constructor(A){super(A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(it,10))},P.\u0275dir=t.FsC({type:P,selectors:[["","formGroupName",""],["","formArrayName",""],["","ngModelGroup",""],["","formGroup",""],["form",3,"ngNoForm",""],["","ngForm",""]],hostVars:16,hostBindings:function(A,Ie){2&A&&t.AVh("ng-untouched",Ie.isUntouched)("ng-touched",Ie.isTouched)("ng-pristine",Ie.isPristine)("ng-dirty",Ie.isDirty)("ng-valid",Ie.isValid)("ng-invalid",Ie.isInvalid)("ng-pending",Ie.isPending)("ng-submitted",Ie.isSubmitted)},features:[t.Vt3]}),I})();const on="VALID",ln="INVALID",xt="PENDING",an="DISABLED";function rt(P){return(Y(P)?P.validators:P)||null}function we(P,I){return(Y(I)?I.asyncValidators:P)||null}function Y(P){return null!=P&&!Array.isArray(P)&&"object"==typeof P}class $t{constructor(I,fe){this._pendingDirty=!1,this._hasOwnPendingAsyncValidator=!1,this._pendingTouched=!1,this._onCollectionChange=()=>{},this._parent=null,this.pristine=!0,this.touched=!1,this._onDisabledChange=[],this._assignValidators(I),this._assignAsyncValidators(fe)}get validator(){return this._composedValidatorFn}set validator(I){this._rawValidators=this._composedValidatorFn=I}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(I){this._rawAsyncValidators=this._composedAsyncValidatorFn=I}get parent(){return this._parent}get valid(){return this.status===on}get invalid(){return this.status===ln}get pending(){return this.status==xt}get disabled(){return this.status===an}get enabled(){return this.status!==an}get dirty(){return!this.pristine}get untouched(){return!this.touched}get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:"change"}setValidators(I){this._assignValidators(I)}setAsyncValidators(I){this._assignAsyncValidators(I)}addValidators(I){this.setValidators(sn(I,this._rawValidators))}addAsyncValidators(I){this.setAsyncValidators(sn(I,this._rawAsyncValidators))}removeValidators(I){this.setValidators(Ln(I,this._rawValidators))}removeAsyncValidators(I){this.setAsyncValidators(Ln(I,this._rawAsyncValidators))}hasValidator(I){return Xt(this._rawValidators,I)}hasAsyncValidator(I){return Xt(this._rawAsyncValidators,I)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(I={}){this.touched=!0,this._parent&&!I.onlySelf&&this._parent.markAsTouched(I)}markAllAsTouched(){this.markAsTouched({onlySelf:!0}),this._forEachChild(I=>I.markAllAsTouched())}markAsUntouched(I={}){this.touched=!1,this._pendingTouched=!1,this._forEachChild(fe=>{fe.markAsUntouched({onlySelf:!0})}),this._parent&&!I.onlySelf&&this._parent._updateTouched(I)}markAsDirty(I={}){this.pristine=!1,this._parent&&!I.onlySelf&&this._parent.markAsDirty(I)}markAsPristine(I={}){this.pristine=!0,this._pendingDirty=!1,this._forEachChild(fe=>{fe.markAsPristine({onlySelf:!0})}),this._parent&&!I.onlySelf&&this._parent._updatePristine(I)}markAsPending(I={}){this.status=xt,!1!==I.emitEvent&&this.statusChanges.emit(this.status),this._parent&&!I.onlySelf&&this._parent.markAsPending(I)}disable(I={}){const fe=this._parentMarkedDirty(I.onlySelf);this.status=an,this.errors=null,this._forEachChild(A=>{A.disable({...I,onlySelf:!0})}),this._updateValue(),!1!==I.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...I,skipPristineCheck:fe}),this._onDisabledChange.forEach(A=>A(!0))}enable(I={}){const fe=this._parentMarkedDirty(I.onlySelf);this.status=on,this._forEachChild(A=>{A.enable({...I,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:I.emitEvent}),this._updateAncestors({...I,skipPristineCheck:fe}),this._onDisabledChange.forEach(A=>A(!1))}_updateAncestors(I){this._parent&&!I.onlySelf&&(this._parent.updateValueAndValidity(I),I.skipPristineCheck||this._parent._updatePristine(),this._parent._updateTouched())}setParent(I){this._parent=I}getRawValue(){return this.value}updateValueAndValidity(I={}){this._setInitialStatus(),this._updateValue(),this.enabled&&(this._cancelExistingSubscription(),this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===on||this.status===xt)&&this._runAsyncValidator(I.emitEvent)),!1!==I.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._parent&&!I.onlySelf&&this._parent.updateValueAndValidity(I)}_updateTreeValidity(I={emitEvent:!0}){this._forEachChild(fe=>fe._updateTreeValidity(I)),this.updateValueAndValidity({onlySelf:!0,emitEvent:I.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?an:on}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(I){if(this.asyncValidator){this.status=xt,this._hasOwnPendingAsyncValidator=!0;const fe=k(this.asyncValidator(this));this._asyncValidationSubscription=fe.subscribe(A=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(A,{emitEvent:I})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(I,fe={}){this.errors=I,this._updateControlsErrors(!1!==fe.emitEvent)}get(I){let fe=I;return null==fe||(Array.isArray(fe)||(fe=fe.split(".")),0===fe.length)?null:fe.reduce((A,Ie)=>A&&A._find(Ie),this)}getError(I,fe){const A=fe?this.get(fe):this;return A&&A.errors?A.errors[I]:null}hasError(I,fe){return!!this.getError(I,fe)}get root(){let I=this;for(;I._parent;)I=I._parent;return I}_updateControlsErrors(I){this.status=this._calculateStatus(),I&&this.statusChanges.emit(this.status),this._parent&&this._parent._updateControlsErrors(I)}_initObservables(){this.valueChanges=new t.bkB,this.statusChanges=new t.bkB}_calculateStatus(){return this._allControlsDisabled()?an:this.errors?ln:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(xt)?xt:this._anyControlsHaveStatus(ln)?ln:on}_anyControlsHaveStatus(I){return this._anyControls(fe=>fe.status===I)}_anyControlsDirty(){return this._anyControls(I=>I.dirty)}_anyControlsTouched(){return this._anyControls(I=>I.touched)}_updatePristine(I={}){this.pristine=!this._anyControlsDirty(),this._parent&&!I.onlySelf&&this._parent._updatePristine(I)}_updateTouched(I={}){this.touched=this._anyControlsTouched(),this._parent&&!I.onlySelf&&this._parent._updateTouched(I)}_registerOnCollectionChange(I){this._onCollectionChange=I}_setUpdateStrategy(I){Y(I)&&null!=I.updateOn&&(this._updateOn=I.updateOn)}_parentMarkedDirty(I){return!I&&!(!this._parent||!this._parent.dirty)&&!this._parent._anyControlsDirty()}_find(I){return null}_assignValidators(I){this._rawValidators=Array.isArray(I)?I.slice():I,this._composedValidatorFn=function ze(P){return Array.isArray(P)?Ne(P):P||null}(this._rawValidators)}_assignAsyncValidators(I){this._rawAsyncValidators=Array.isArray(I)?I.slice():I,this._composedAsyncValidatorFn=function ge(P){return Array.isArray(P)?Re(P):P||null}(this._rawAsyncValidators)}}class jt extends $t{constructor(I,fe,A){super(rt(fe),we(A,fe)),this.controls=I,this._initObservables(),this._setUpdateStrategy(fe),this._setUpControls(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator})}registerControl(I,fe){return this.controls[I]?this.controls[I]:(this.controls[I]=fe,fe.setParent(this),fe._registerOnCollectionChange(this._onCollectionChange),fe)}addControl(I,fe,A={}){this.registerControl(I,fe),this.updateValueAndValidity({emitEvent:A.emitEvent}),this._onCollectionChange()}removeControl(I,fe={}){this.controls[I]&&this.controls[I]._registerOnCollectionChange(()=>{}),delete this.controls[I],this.updateValueAndValidity({emitEvent:fe.emitEvent}),this._onCollectionChange()}setControl(I,fe,A={}){this.controls[I]&&this.controls[I]._registerOnCollectionChange(()=>{}),delete this.controls[I],fe&&this.registerControl(I,fe),this.updateValueAndValidity({emitEvent:A.emitEvent}),this._onCollectionChange()}contains(I){return this.controls.hasOwnProperty(I)&&this.controls[I].enabled}setValue(I,fe={}){(function pt(P,I,fe){P._forEachChild((A,Ie)=>{if(void 0===fe[Ie])throw new t.wOt(1002,"")})})(this,0,I),Object.keys(I).forEach(A=>{(function He(P,I,fe){const A=P.controls;if(!(I?Object.keys(A):A).length)throw new t.wOt(1e3,"");if(!A[fe])throw new t.wOt(1001,"")})(this,!0,A),this.controls[A].setValue(I[A],{onlySelf:!0,emitEvent:fe.emitEvent})}),this.updateValueAndValidity(fe)}patchValue(I,fe={}){null!=I&&(Object.keys(I).forEach(A=>{const Ie=this.controls[A];Ie&&Ie.patchValue(I[A],{onlySelf:!0,emitEvent:fe.emitEvent})}),this.updateValueAndValidity(fe))}reset(I={},fe={}){this._forEachChild((A,Ie)=>{A.reset(I?I[Ie]:null,{onlySelf:!0,emitEvent:fe.emitEvent})}),this._updatePristine(fe),this._updateTouched(fe),this.updateValueAndValidity(fe)}getRawValue(){return this._reduceChildren({},(I,fe,A)=>(I[A]=fe.getRawValue(),I))}_syncPendingControls(){let I=this._reduceChildren(!1,(fe,A)=>!!A._syncPendingControls()||fe);return I&&this.updateValueAndValidity({onlySelf:!0}),I}_forEachChild(I){Object.keys(this.controls).forEach(fe=>{const A=this.controls[fe];A&&I(A,fe)})}_setUpControls(){this._forEachChild(I=>{I.setParent(this),I._registerOnCollectionChange(this._onCollectionChange)})}_updateValue(){this.value=this._reduceValue()}_anyControls(I){for(const[fe,A]of Object.entries(this.controls))if(this.contains(fe)&&I(A))return!0;return!1}_reduceValue(){return this._reduceChildren({},(fe,A,Ie)=>((A.enabled||this.disabled)&&(fe[Ie]=A.value),fe))}_reduceChildren(I,fe){let A=I;return this._forEachChild((Ie,Gt)=>{A=fe(A,Ie,Gt)}),A}_allControlsDisabled(){for(const I of Object.keys(this.controls))if(this.controls[I].enabled)return!1;return Object.keys(this.controls).length>0||this.disabled}_find(I){return this.controls.hasOwnProperty(I)?this.controls[I]:null}}const jn=new t.nKC("CallSetDisabledState",{providedIn:"root",factory:()=>Pn}),Pn="always";function ki(P,I){return[...I.path,P]}function Pi(P,I,fe=Pn){var A,Ie;Ii(P,I),I.valueAccessor.writeValue(P.value),(P.disabled||"always"===fe)&&(null===(A=(Ie=I.valueAccessor).setDisabledState)||void 0===A||A.call(Ie,P.disabled)),function Li(P,I){I.valueAccessor.registerOnChange(fe=>{P._pendingValue=fe,P._pendingChange=!0,P._pendingDirty=!0,"change"===P.updateOn&&$e(P,I)})}(P,I),function et(P,I){const fe=(A,Ie)=>{I.valueAccessor.writeValue(A),Ie&&I.viewToModelUpdate(A)};P.registerOnChange(fe),I._registerOnDestroy(()=>{P._unregisterOnChange(fe)})}(P,I),function Ee(P,I){I.valueAccessor.registerOnTouched(()=>{P._pendingTouched=!0,"blur"===P.updateOn&&P._pendingChange&&$e(P,I),"submit"!==P.updateOn&&P.markAsTouched()})}(P,I),function xi(P,I){if(I.valueAccessor.setDisabledState){const fe=A=>{I.valueAccessor.setDisabledState(A)};P.registerOnDisabledChange(fe),I._registerOnDestroy(()=>{P._unregisterOnDisabledChange(fe)})}}(P,I)}function ri(P,I,fe=!0){const A=()=>{};I.valueAccessor&&(I.valueAccessor.registerOnChange(A),I.valueAccessor.registerOnTouched(A)),yn(P,I),P&&(I._invokeOnDestroyCallbacks(),P._registerOnCollectionChange(()=>{}))}function fi(P,I){P.forEach(fe=>{fe.registerOnValidatorChange&&fe.registerOnValidatorChange(I)})}function Ii(P,I){const fe=Dt(P);null!==I.validator?P.setValidators(Ke(fe,I.validator)):"function"==typeof fe&&P.setValidators([fe]);const A=Rt(P);null!==I.asyncValidator?P.setAsyncValidators(Ke(A,I.asyncValidator)):"function"==typeof A&&P.setAsyncValidators([A]);const Ie=()=>P.updateValueAndValidity();fi(I._rawValidators,Ie),fi(I._rawAsyncValidators,Ie)}function yn(P,I){let fe=!1;if(null!==P){if(null!==I.validator){const Ie=Dt(P);if(Array.isArray(Ie)&&Ie.length>0){const Gt=Ie.filter(xn=>xn!==I.validator);Gt.length!==Ie.length&&(fe=!0,P.setValidators(Gt))}}if(null!==I.asyncValidator){const Ie=Rt(P);if(Array.isArray(Ie)&&Ie.length>0){const Gt=Ie.filter(xn=>xn!==I.asyncValidator);Gt.length!==Ie.length&&(fe=!0,P.setAsyncValidators(Gt))}}}const A=()=>{};return fi(I._rawValidators,A),fi(I._rawAsyncValidators,A),fe}function $e(P,I){P._pendingDirty&&P.markAsDirty(),P.setValue(P._pendingValue,{emitModelToViewChange:!1}),I.viewToModelUpdate(P._pendingValue),P._pendingChange=!1}function Nt(P,I){if(!P.hasOwnProperty("model"))return!1;const fe=P.model;return!!fe.isFirstChange()||!Object.is(I,fe.currentValue)}function fn(P,I){if(!I)return null;let fe,A,Ie;return Array.isArray(I),I.forEach(Gt=>{Gt.constructor===U?fe=Gt:function en(P){return Object.getPrototypeOf(P.constructor)===ee}(Gt)?A=Gt:Ie=Gt}),Ie||A||fe||null}function Di(P,I){const fe=P.indexOf(I);fe>-1&&P.splice(fe,1)}function $i(P){return"object"==typeof P&&null!==P&&2===Object.keys(P).length&&"value"in P&&"disabled"in P}const eo=class extends $t{constructor(I=null,fe,A){super(rt(fe),we(A,fe)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(I),this._setUpdateStrategy(fe),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),Y(fe)&&(fe.nonNullable||fe.initialValueIsDefault)&&(this.defaultValue=$i(I)?I.value:I)}setValue(I,fe={}){this.value=this._pendingValue=I,this._onChange.length&&!1!==fe.emitModelToViewChange&&this._onChange.forEach(A=>A(this.value,!1!==fe.emitViewToModelChange)),this.updateValueAndValidity(fe)}patchValue(I,fe={}){this.setValue(I,fe)}reset(I=this.defaultValue,fe={}){this._applyFormState(I),this.markAsPristine(fe),this.markAsUntouched(fe),this.setValue(this.value,fe),this._pendingChange=!1}_updateValue(){}_anyControls(I){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(I){this._onChange.push(I)}_unregisterOnChange(I){Di(this._onChange,I)}registerOnDisabledChange(I){this._onDisabledChange.push(I)}_unregisterOnDisabledChange(I){Di(this._onDisabledChange,I)}_forEachChild(I){}_syncPendingControls(){return!("submit"!==this.updateOn||(this._pendingDirty&&this.markAsDirty(),this._pendingTouched&&this.markAsTouched(),!this._pendingChange)||(this.setValue(this._pendingValue,{onlySelf:!0,emitModelToViewChange:!1}),0))}_applyFormState(I){$i(I)?(this.value=this._pendingValue=I.value,I.disabled?this.disable({onlySelf:!0,emitEvent:!1}):this.enable({onlySelf:!0,emitEvent:!1})):this.value=this._pendingValue=I}},Po={provide:Ye,useExisting:(0,t.Rfq)(()=>ir)},zo=(()=>Promise.resolve())();let ir=(()=>{var P;class I extends Ye{constructor(A,Ie,Gt,xn,si,fo){super(),this._changeDetectorRef=si,this.callSetDisabledState=fo,this.control=new eo,this._registered=!1,this.name="",this.update=new t.bkB,this._parent=A,this._setValidators(Ie),this._setAsyncValidators(Gt),this.valueAccessor=fn(0,xn)}ngOnChanges(A){if(this._checkForErrors(),!this._registered||"name"in A){if(this._registered&&(this._checkName(),this.formDirective)){const Ie=A.name.previousValue;this.formDirective.removeControl({name:Ie,path:this._getPath(Ie)})}this._setUpControl()}"isDisabled"in A&&this._updateDisabled(A),Nt(A,this.viewModel)&&(this._updateValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}get path(){return this._getPath(this.name)}get formDirective(){return this._parent?this._parent.formDirective:null}viewToModelUpdate(A){this.viewModel=A,this.update.emit(A)}_setUpControl(){this._setUpdateStrategy(),this._isStandalone()?this._setUpStandalone():this.formDirective.addControl(this),this._registered=!0}_setUpdateStrategy(){this.options&&null!=this.options.updateOn&&(this.control._updateOn=this.options.updateOn)}_isStandalone(){return!this._parent||!(!this.options||!this.options.standalone)}_setUpStandalone(){Pi(this.control,this,this.callSetDisabledState),this.control.updateValueAndValidity({emitEvent:!1})}_checkForErrors(){this._isStandalone()||this._checkParentType(),this._checkName()}_checkParentType(){}_checkName(){this.options&&this.options.name&&(this.name=this.options.name),this._isStandalone()}_updateValue(A){zo.then(()=>{var Ie;this.control.setValue(A,{emitViewToModelChange:!1}),null===(Ie=this._changeDetectorRef)||void 0===Ie||Ie.markForCheck()})}_updateDisabled(A){const Ie=A.isDisabled.currentValue,Gt=0!==Ie&&(0,t.L39)(Ie);zo.then(()=>{var xn;Gt&&!this.control.disabled?this.control.disable():!Gt&&this.control.disabled&&this.control.enable(),null===(xn=this._changeDetectorRef)||void 0===xn||xn.markForCheck()})}_getPath(A){return this._parent?ki(A,this._parent):[A]}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(it,9),t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Ae,10),t.rXU(t.gRc,8),t.rXU(jn,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:["disabled","isDisabled"],model:["ngModel","model"],options:["ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[t.Jv_([Po]),t.Vt3,t.OA$]}),I})(),jo=(()=>{var P;class I{}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275dir=t.FsC({type:P,selectors:[["form",3,"ngNoForm","",3,"ngNativeValidate",""]],hostAttrs:["novalidate",""]}),I})(),pi=(()=>{var P;class I{}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({}),I})();const oo=new t.nKC("NgModelWithFormControlWarning"),Jo={provide:Ye,useExisting:(0,t.Rfq)(()=>Bo)};let Bo=(()=>{var P;class I extends Ye{set isDisabled(A){}constructor(A,Ie,Gt,xn,si){super(),this._ngModelWarningConfig=xn,this.callSetDisabledState=si,this.update=new t.bkB,this._ngModelWarningSent=!1,this._setValidators(A),this._setAsyncValidators(Ie),this.valueAccessor=fn(0,Gt)}ngOnChanges(A){if(this._isControlChanged(A)){const Ie=A.form.previousValue;Ie&&ri(Ie,this,!1),Pi(this.form,this,this.callSetDisabledState),this.form.updateValueAndValidity({emitEvent:!1})}Nt(A,this.viewModel)&&(this.form.setValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.form&&ri(this.form,this,!1)}get path(){return[]}get control(){return this.form}viewToModelUpdate(A){this.viewModel=A,this.update.emit(A)}_isControlChanged(A){return A.hasOwnProperty("form")}}return(P=I)._ngModelWarningSentOnce=!1,P.\u0275fac=function(A){return new(A||P)(t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Ae,10),t.rXU(oo,8),t.rXU(jn,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","formControl",""]],inputs:{form:["formControl","form"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},exportAs:["ngForm"],features:[t.Jv_([Jo]),t.Vt3,t.OA$]}),I})();const hi={provide:it,useExisting:(0,t.Rfq)(()=>ve)};let ve=(()=>{var P;class I extends it{constructor(A,Ie,Gt){super(),this.callSetDisabledState=Gt,this.submitted=!1,this._onCollectionChange=()=>this._updateDomValue(),this.directives=[],this.form=null,this.ngSubmit=new t.bkB,this._setValidators(A),this._setAsyncValidators(Ie)}ngOnChanges(A){this._checkFormPresent(),A.hasOwnProperty("form")&&(this._updateValidators(),this._updateDomValue(),this._updateRegistrations(),this._oldForm=this.form)}ngOnDestroy(){this.form&&(yn(this.form,this),this.form._onCollectionChange===this._onCollectionChange&&this.form._registerOnCollectionChange(()=>{}))}get formDirective(){return this}get control(){return this.form}get path(){return[]}addControl(A){const Ie=this.form.get(A.path);return Pi(Ie,A,this.callSetDisabledState),Ie.updateValueAndValidity({emitEvent:!1}),this.directives.push(A),Ie}getControl(A){return this.form.get(A.path)}removeControl(A){ri(A.control||null,A,!1),function On(P,I){const fe=P.indexOf(I);fe>-1&&P.splice(fe,1)}(this.directives,A)}addFormGroup(A){this._setUpFormContainer(A)}removeFormGroup(A){this._cleanUpFormContainer(A)}getFormGroup(A){return this.form.get(A.path)}addFormArray(A){this._setUpFormContainer(A)}removeFormArray(A){this._cleanUpFormContainer(A)}getFormArray(A){return this.form.get(A.path)}updateModel(A,Ie){this.form.get(A.path).setValue(Ie)}onSubmit(A){var Ie;return this.submitted=!0,function Zt(P,I){P._syncPendingControls(),I.forEach(fe=>{const A=fe.control;"submit"===A.updateOn&&A._pendingChange&&(fe.viewToModelUpdate(A._pendingValue),A._pendingChange=!1)})}(this.form,this.directives),this.ngSubmit.emit(A),"dialog"===(null==A||null===(Ie=A.target)||void 0===Ie?void 0:Ie.method)}onReset(){this.resetForm()}resetForm(A=void 0){this.form.reset(A),this.submitted=!1}_updateDomValue(){this.directives.forEach(A=>{const Ie=A.control,Gt=this.form.get(A.path);Ie!==Gt&&(ri(Ie||null,A),(P=>P instanceof eo)(Gt)&&(Pi(Gt,A,this.callSetDisabledState),A.control=Gt))}),this.form._updateTreeValidity({emitEvent:!1})}_setUpFormContainer(A){const Ie=this.form.get(A.path);(function Je(P,I){Ii(P,I)})(Ie,A),Ie.updateValueAndValidity({emitEvent:!1})}_cleanUpFormContainer(A){if(this.form){const Ie=this.form.get(A.path);Ie&&function qe(P,I){return yn(P,I)}(Ie,A)&&Ie.updateValueAndValidity({emitEvent:!1})}}_updateRegistrations(){this.form._registerOnCollectionChange(this._onCollectionChange),this._oldForm&&this._oldForm._registerOnCollectionChange(()=>{})}_updateValidators(){Ii(this.form,this),this._oldForm&&yn(this._oldForm,this)}_checkFormPresent(){}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(jn,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","formGroup",""]],hostBindings:function(A,Ie){1&A&&t.bIt("submit",function(xn){return Ie.onSubmit(xn)})("reset",function(){return Ie.onReset()})},inputs:{form:["formGroup","form"]},outputs:{ngSubmit:"ngSubmit"},exportAs:["ngForm"],features:[t.Jv_([hi]),t.Vt3,t.OA$]}),I})();const mn={provide:Ye,useExisting:(0,t.Rfq)(()=>Kt)};let Kt=(()=>{var P;class I extends Ye{set isDisabled(A){}constructor(A,Ie,Gt,xn,si){super(),this._ngModelWarningConfig=si,this._added=!1,this.name=null,this.update=new t.bkB,this._ngModelWarningSent=!1,this._parent=A,this._setValidators(Ie),this._setAsyncValidators(Gt),this.valueAccessor=fn(0,xn)}ngOnChanges(A){this._added||this._setUpControl(),Nt(A,this.viewModel)&&(this.viewModel=this.model,this.formDirective.updateModel(this,this.model))}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}viewToModelUpdate(A){this.viewModel=A,this.update.emit(A)}get path(){return ki(null==this.name?this.name:this.name.toString(),this._parent)}get formDirective(){return this._parent?this._parent.formDirective:null}_checkParentType(){}_setUpControl(){this._checkParentType(),this.control=this.formDirective.addControl(this),this._added=!0}}return(P=I)._ngModelWarningSentOnce=!1,P.\u0275fac=function(A){return new(A||P)(t.rXU(it,13),t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Ae,10),t.rXU(oo,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","formControlName",""]],inputs:{name:["formControlName","name"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},features:[t.Jv_([mn]),t.Vt3,t.OA$]}),I})(),ot=(()=>{var P;class I{}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({imports:[pi]}),I})(),zn=(()=>{var P;class I{static withConfig(A){var Ie;return{ngModule:I,providers:[{provide:jn,useValue:null!==(Ie=A.callSetDisabledState)&&void 0!==Ie?Ie:Pn}]}}}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({imports:[ot]}),I})(),Bi=(()=>{var P;class I{static withConfig(A){var Ie,Gt;return{ngModule:I,providers:[{provide:oo,useValue:null!==(Ie=A.warnOnNgModelWithFormControl)&&void 0!==Ie?Ie:"always"},{provide:jn,useValue:null!==(Gt=A.callSetDisabledState)&&void 0!==Gt?Gt:Pn}]}}}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({imports:[ot]}),I})()},6098:(wt,ke,u)=>{u.d(ke,{B7:()=>at,B8:()=>Z,Q5:()=>Q,W8:()=>Ln,hE:()=>Ye,up:()=>Do});var t=u(2978),c=u(6610);class S extends c.VF{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class N extends S{static makeCurrent(){(0,c.ZD)(new N)}onAndCancel(we,ge,Y){return we.addEventListener(ge,Y),()=>{we.removeEventListener(ge,Y)}}dispatchEvent(we,ge){we.dispatchEvent(ge)}remove(we){we.parentNode&&we.parentNode.removeChild(we)}createElement(we,ge){return(ge=ge||this.getDefaultDocument()).createElement(we)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(we){return we.nodeType===Node.ELEMENT_NODE}isShadowRoot(we){return we instanceof DocumentFragment}getGlobalEventTarget(we,ge){return"window"===ge?window:"document"===ge?we:"body"===ge?we.body:null}getBaseHref(we){const ge=function $(){return X=X||document.querySelector("base"),X?X.getAttribute("href"):null}();return null==ge?null:function se(ze){W=W||document.createElement("a"),W.setAttribute("href",ze);const we=W.pathname;return"/"===we.charAt(0)?we:"/".concat(we)}(ge)}resetBaseElement(){X=null}getUserAgent(){return window.navigator.userAgent}getCookie(we){return(0,c._b)(document.cookie,we)}}let W,X=null,J=(()=>{var ze;class we{build(){return new XMLHttpRequest}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();const Q=new t.nKC("EventManagerPlugins");let ye=(()=>{var ze;class we{constructor(Y,He){this._zone=He,this._eventNameToPlugin=new Map,Y.forEach(pt=>{pt.manager=this}),this._plugins=Y.slice().reverse()}addEventListener(Y,He,pt){return this._findPluginFor(He).addEventListener(Y,He,pt)}getZone(){return this._zone}_findPluginFor(Y){let He=this._eventNameToPlugin.get(Y);if(He)return He;if(He=this._plugins.find($t=>$t.supports(Y)),!He)throw new t.wOt(5101,!1);return this._eventNameToPlugin.set(Y,He),He}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(Q),t.KVO(t.SKi))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();class be{constructor(we){this._doc=we}}const ee="ng-app-id";let Ae=(()=>{var ze;class we{constructor(Y,He,pt,$t={}){this.doc=Y,this.appId=He,this.nonce=pt,this.platformId=$t,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=(0,c.Vy)($t),this.resetHostNodes()}addStyles(Y){for(const He of Y)1===this.changeUsageCount(He,1)&&this.onStyleAdded(He)}removeStyles(Y){for(const He of Y)this.changeUsageCount(He,-1)<=0&&this.onStyleRemoved(He)}ngOnDestroy(){const Y=this.styleNodesInDOM;Y&&(Y.forEach(He=>He.remove()),Y.clear());for(const He of this.getAllStyles())this.onStyleRemoved(He);this.resetHostNodes()}addHost(Y){this.hostNodes.add(Y);for(const He of this.getAllStyles())this.addStyleToHost(Y,He)}removeHost(Y){this.hostNodes.delete(Y)}getAllStyles(){return this.styleRef.keys()}onStyleAdded(Y){for(const He of this.hostNodes)this.addStyleToHost(He,Y)}onStyleRemoved(Y){var He;const pt=this.styleRef;null===(He=pt.get(Y))||void 0===He||null===(He=He.elements)||void 0===He||He.forEach($t=>$t.remove()),pt.delete(Y)}collectServerRenderedStyles(){var Y;const He=null===(Y=this.doc.head)||void 0===Y?void 0:Y.querySelectorAll("style[".concat(ee,'="').concat(this.appId,'"]'));if(null!=He&&He.length){const pt=new Map;return He.forEach($t=>{null!=$t.textContent&&pt.set($t.textContent,$t)}),pt}return null}changeUsageCount(Y,He){const pt=this.styleRef;if(pt.has(Y)){const $t=pt.get(Y);return $t.usage+=He,$t.usage}return pt.set(Y,{usage:He,elements:[]}),He}getStyleElement(Y,He){const pt=this.styleNodesInDOM,$t=null==pt?void 0:pt.get(He);if((null==$t?void 0:$t.parentNode)===Y)return pt.delete(He),$t.removeAttribute(ee),$t;{const jt=this.doc.createElement("style");return this.nonce&&jt.setAttribute("nonce",this.nonce),jt.textContent=He,this.platformIsServer&&jt.setAttribute(ee,this.appId),jt}}addStyleToHost(Y,He){var pt;const $t=this.getStyleElement(Y,He);Y.appendChild($t);const jt=this.styleRef,hn=null===(pt=jt.get(He))||void 0===pt?void 0:pt.elements;hn?hn.push($t):jt.set(He,{elements:[$t],usage:1})}resetHostNodes(){const Y=this.hostNodes;Y.clear(),Y.add(this.doc.head)}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ),t.KVO(t.sZ2),t.KVO(t.BIS,8),t.KVO(t.Agw))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();const j={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},oe=/%COMP%/g,nt="_nghost-".concat("%COMP%"),Ue="_ngcontent-".concat("%COMP%"),Me=new t.nKC("RemoveStylesOnCompDestroy",{providedIn:"root",factory:()=>!1});function Ge(ze,we){return we.map(ge=>ge.replace(oe,ze))}let at=(()=>{var ze;class we{constructor(Y,He,pt,$t,jt,hn,gn,ii=null){this.eventManager=Y,this.sharedStylesHost=He,this.appId=pt,this.removeStylesOnCompDestroy=$t,this.doc=jt,this.platformId=hn,this.ngZone=gn,this.nonce=ii,this.rendererByCompId=new Map,this.platformIsServer=(0,c.Vy)(hn),this.defaultRenderer=new tt(Y,jt,gn,this.platformIsServer)}createRenderer(Y,He){if(!Y||!He)return this.defaultRenderer;this.platformIsServer&&He.encapsulation===t.gXe.ShadowDom&&(He={...He,encapsulation:t.gXe.Emulated});const pt=this.getOrCreateRenderer(Y,He);return pt instanceof Pt?pt.applyToHost(Y):pt instanceof Ot&&pt.applyStyles(),pt}getOrCreateRenderer(Y,He){const pt=this.rendererByCompId;let $t=pt.get(He.id);if(!$t){const jt=this.doc,hn=this.ngZone,gn=this.eventManager,ii=this.sharedStylesHost,Vn=this.removeStylesOnCompDestroy,jn=this.platformIsServer;switch(He.encapsulation){case t.gXe.Emulated:$t=new Pt(gn,ii,He,this.appId,Vn,jt,hn,jn);break;case t.gXe.ShadowDom:return new Tt(gn,ii,Y,He,jt,hn,this.nonce,jn);default:$t=new Ot(gn,ii,He,Vn,jt,hn,jn)}pt.set(He.id,$t)}return $t}ngOnDestroy(){this.rendererByCompId.clear()}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(ye),t.KVO(Ae),t.KVO(t.sZ2),t.KVO(Me),t.KVO(c.qQ),t.KVO(t.Agw),t.KVO(t.SKi),t.KVO(t.BIS))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();class tt{constructor(we,ge,Y,He){this.eventManager=we,this.doc=ge,this.ngZone=Y,this.platformIsServer=He,this.data=Object.create(null),this.destroyNode=null}destroy(){}createElement(we,ge){return ge?this.doc.createElementNS(j[ge]||ge,we):this.doc.createElement(we)}createComment(we){return this.doc.createComment(we)}createText(we){return this.doc.createTextNode(we)}appendChild(we,ge){(Wt(we)?we.content:we).appendChild(ge)}insertBefore(we,ge,Y){we&&(Wt(we)?we.content:we).insertBefore(ge,Y)}removeChild(we,ge){we&&we.removeChild(ge)}selectRootElement(we,ge){let Y="string"==typeof we?this.doc.querySelector(we):we;if(!Y)throw new t.wOt(-5104,!1);return ge||(Y.textContent=""),Y}parentNode(we){return we.parentNode}nextSibling(we){return we.nextSibling}setAttribute(we,ge,Y,He){if(He){ge=He+":"+ge;const pt=j[He];pt?we.setAttributeNS(pt,ge,Y):we.setAttribute(ge,Y)}else we.setAttribute(ge,Y)}removeAttribute(we,ge,Y){if(Y){const He=j[Y];He?we.removeAttributeNS(He,ge):we.removeAttribute("".concat(Y,":").concat(ge))}else we.removeAttribute(ge)}addClass(we,ge){we.classList.add(ge)}removeClass(we,ge){we.classList.remove(ge)}setStyle(we,ge,Y,He){He&(t.czy.DashCase|t.czy.Important)?we.style.setProperty(ge,Y,He&t.czy.Important?"important":""):we.style[ge]=Y}removeStyle(we,ge,Y){Y&t.czy.DashCase?we.style.removeProperty(ge):we.style[ge]=""}setProperty(we,ge,Y){we[ge]=Y}setValue(we,ge){we.nodeValue=ge}listen(we,ge,Y){if("string"==typeof we&&!(we=(0,c.QT)().getGlobalEventTarget(this.doc,we)))throw new Error("Unsupported event target ".concat(we," for event ").concat(ge));return this.eventManager.addEventListener(we,ge,this.decoratePreventDefault(Y))}decoratePreventDefault(we){return ge=>{if("__ngUnwrap__"===ge)return we;!1===(this.platformIsServer?this.ngZone.runGuarded(()=>we(ge)):we(ge))&&ge.preventDefault()}}}function Wt(ze){return"TEMPLATE"===ze.tagName&&void 0!==ze.content}class Tt extends tt{constructor(we,ge,Y,He,pt,$t,jt,hn){super(we,pt,$t,hn),this.sharedStylesHost=ge,this.hostEl=Y,this.shadowRoot=Y.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const gn=Ge(He.id,He.styles);for(const ii of gn){const Vn=document.createElement("style");jt&&Vn.setAttribute("nonce",jt),Vn.textContent=ii,this.shadowRoot.appendChild(Vn)}}nodeOrShadowRoot(we){return we===this.hostEl?this.shadowRoot:we}appendChild(we,ge){return super.appendChild(this.nodeOrShadowRoot(we),ge)}insertBefore(we,ge,Y){return super.insertBefore(this.nodeOrShadowRoot(we),ge,Y)}removeChild(we,ge){return super.removeChild(this.nodeOrShadowRoot(we),ge)}parentNode(we){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(we)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class Ot extends tt{constructor(we,ge,Y,He,pt,$t,jt,hn){super(we,pt,$t,jt),this.sharedStylesHost=ge,this.removeStylesOnCompDestroy=He,this.styles=hn?Ge(hn,Y.styles):Y.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles)}destroy(){this.removeStylesOnCompDestroy&&this.sharedStylesHost.removeStyles(this.styles)}}class Pt extends Ot{constructor(we,ge,Y,He,pt,$t,jt,hn){const gn=He+"-"+Y.id;super(we,ge,Y,pt,$t,jt,hn,gn),this.contentAttr=function xe(ze){return Ue.replace(oe,ze)}(gn),this.hostAttr=function Xe(ze){return nt.replace(oe,ze)}(gn)}applyToHost(we){this.applyStyles(),this.setAttribute(we,this.hostAttr,"")}createElement(we,ge){const Y=super.createElement(we,ge);return super.setAttribute(Y,this.contentAttr,""),Y}}let mt=(()=>{var ze;class we extends be{constructor(Y){super(Y)}supports(Y){return!0}addEventListener(Y,He,pt){return Y.addEventListener(He,pt,!1),()=>this.removeEventListener(Y,He,pt)}removeEventListener(Y,He,pt){return Y.removeEventListener(He,pt)}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();const le=["alt","control","meta","shift"],H={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},ce={alt:ze=>ze.altKey,control:ze=>ze.ctrlKey,meta:ze=>ze.metaKey,shift:ze=>ze.shiftKey};let k=(()=>{var ze;class we extends be{constructor(Y){super(Y)}supports(Y){return null!=we.parseEventName(Y)}addEventListener(Y,He,pt){const $t=we.parseEventName(He),jt=we.eventCallback($t.fullKey,pt,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>(0,c.QT)().onAndCancel(Y,$t.domEventName,jt))}static parseEventName(Y){const He=Y.toLowerCase().split("."),pt=He.shift();if(0===He.length||"keydown"!==pt&&"keyup"!==pt)return null;const $t=we._normalizeKey(He.pop());let jt="",hn=He.indexOf("code");if(hn>-1&&(He.splice(hn,1),jt="code."),le.forEach(ii=>{const Vn=He.indexOf(ii);Vn>-1&&(He.splice(Vn,1),jt+=ii+".")}),jt+=$t,0!=He.length||0===$t.length)return null;const gn={};return gn.domEventName=pt,gn.fullKey=jt,gn}static matchEventFullKeyCode(Y,He){let pt=H[Y.key]||Y.key,$t="";return He.indexOf("code.")>-1&&(pt=Y.code,$t="code."),!(null==pt||!pt)&&(pt=pt.toLowerCase()," "===pt?pt="space":"."===pt&&(pt="dot"),le.forEach(jt=>{jt!==pt&&(0,ce[jt])(Y)&&($t+=jt+".")}),$t+=pt,$t===He)}static eventCallback(Y,He,pt){return $t=>{we.matchEventFullKeyCode($t,Y)&&pt.runGuarded(()=>He($t))}}static _normalizeKey(Y){return"esc"===Y?"escape":Y}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();function Z(ze,we){return(0,t.TL3)({rootComponent:ze,...de(we)})}function de(ze){var we;return{appProviders:[...Yt,...null!==(we=null==ze?void 0:ze.providers)&&void 0!==we?we:[]],platformProviders:Re}}const Re=[{provide:t.Agw,useValue:c.AJ},{provide:t.PLl,useValue:function Oe(){N.makeCurrent()},multi:!0},{provide:c.qQ,useFactory:function Le(){return(0,t.TL$)(document),document},deps:[]}],Yt=[{provide:t.H8p,useValue:"root"},{provide:t.zcH,useFactory:function Ne(){return new t.zcH},deps:[]},{provide:Q,useClass:mt,multi:!0,deps:[c.qQ,t.SKi,t.Agw]},{provide:Q,useClass:k,multi:!0,deps:[c.qQ]},at,Ae,ye,{provide:t._9s,useExisting:at},{provide:c.N0,useClass:J,deps:[]},[]];let Ln=(()=>{var ze;class we{constructor(Y){this._doc=Y,this._dom=(0,c.QT)()}addTag(Y,He=!1){return Y?this._getOrCreateElement(Y,He):null}addTags(Y,He=!1){return Y?Y.reduce((pt,$t)=>($t&&pt.push(this._getOrCreateElement($t,He)),pt),[]):[]}getTag(Y){return Y&&this._doc.querySelector("meta[".concat(Y,"]"))||null}getTags(Y){if(!Y)return[];const He=this._doc.querySelectorAll("meta[".concat(Y,"]"));return He?[].slice.call(He):[]}updateTag(Y,He){if(!Y)return null;He=He||this._parseSelector(Y);const pt=this.getTag(He);return pt?this._setMetaElementAttributes(Y,pt):this._getOrCreateElement(Y,!0)}removeTag(Y){this.removeTagElement(this.getTag(Y))}removeTagElement(Y){Y&&this._dom.remove(Y)}_getOrCreateElement(Y,He=!1){if(!He){const jt=this._parseSelector(Y),hn=this.getTags(jt).filter(gn=>this._containsAttributes(Y,gn))[0];if(void 0!==hn)return hn}const pt=this._dom.createElement("meta");return this._setMetaElementAttributes(Y,pt),this._doc.getElementsByTagName("head")[0].appendChild(pt),pt}_setMetaElementAttributes(Y,He){return Object.keys(Y).forEach(pt=>He.setAttribute(this._getMetaKeyMap(pt),Y[pt])),He}_parseSelector(Y){const He=Y.name?"name":"property";return"".concat(He,'="').concat(Y[He],'"')}_containsAttributes(Y,He){return Object.keys(Y).every(pt=>He.getAttribute(this._getMetaKeyMap(pt))===Y[pt])}_getMetaKeyMap(Y){return tn[Y]||Y}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new Y:function sn(){return new Ln((0,t.KVO)(c.qQ))}(),He},providedIn:"root"}),we})();const tn={httpEquiv:"http-equiv"};let Ye=(()=>{var ze;class we{constructor(Y){this._doc=Y}getTitle(){return this._doc.title}setTitle(Y){this._doc.title=Y||""}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new Y:function it(){return new Ye((0,t.KVO)(c.qQ))}(),He},providedIn:"root"}),we})();typeof window<"u"&&window;let Do=(()=>{var ze;class we{}return(ze=we).\u0275fac=function(Y){return new(Y||ze)},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new(Y||ze):t.KVO(uo),He},providedIn:"root"}),we})(),uo=(()=>{var ze;class we extends Do{constructor(Y){super(),this._doc=Y}sanitize(Y,He){if(null==He)return null;switch(Y){case t.WPN.NONE:return He;case t.WPN.HTML:return(0,t.ZF7)(He,"HTML")?(0,t.rcV)(He):(0,t.h9k)(this._doc,String(He)).toString();case t.WPN.STYLE:return(0,t.ZF7)(He,"Style")?(0,t.rcV)(He):He;case t.WPN.SCRIPT:if((0,t.ZF7)(He,"Script"))return(0,t.rcV)(He);throw new t.wOt(5200,!1);case t.WPN.URL:return(0,t.ZF7)(He,"URL")?(0,t.rcV)(He):(0,t.$MX)(String(He));case t.WPN.RESOURCE_URL:if((0,t.ZF7)(He,"ResourceURL"))return(0,t.rcV)(He);throw new t.wOt(5201,!1);default:throw new t.wOt(5202,!1)}}bypassSecurityTrustHtml(Y){return(0,t.Kcf)(Y)}bypassSecurityTrustStyle(Y){return(0,t.cWb)(Y)}bypassSecurityTrustScript(Y){return(0,t.UyX)(Y)}bypassSecurityTrustUrl(Y){return(0,t.osQ)(Y)}bypassSecurityTrustResourceUrl(Y){return(0,t.e5t)(Y)}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new Y:function li(ze){return new uo(ze.get(c.qQ))}(t.KVO(t.zZn)),He},providedIn:"root"}),we})()},4768:(wt,ke,u)=>{u.d(ke,{nX:()=>oo,wF:()=>Wn,Ix:()=>ur,Wk:()=>hs,wQ:()=>ns,n3:()=>Ft,OY:()=>hr,Sd:()=>bi,lh:()=>Os,oH:()=>_s});var t=u(2978),c=u(9406),S=u(4418),X=u(8399),$=u(756),W=u(5981);const ne=(0,u(4520).L)(p=>function(){p(this),this.name="EmptyError",this.message="no elements in sequence"});var J=u(199),Q=u(7267),ye=u(8001),be=u(6106),ee=u(8823),Ae=u(8448),j=u(2029),oe=u(9867),Be=u(6111);function nt(){return(0,oe.N)((p,y)=>{let E=null;p._refCount++;const _=(0,Be._)(y,void 0,void 0,void 0,()=>{if(!p||p._refCount<=0||0<--p._refCount)return void(E=null);const w=p._connection,K=E;E=null,w&&(!K||w===K)&&w.unsubscribe(),y.unsubscribe()});p.subscribe(_),_.closed||(E=p.connect())})}class Ue extends c.c{constructor(y,E){super(),this.source=y,this.subjectFactory=E,this._subject=null,this._refCount=0,this._connection=null,(0,oe.S)(y)&&(this.lift=y.lift)}_subscribe(y){return this.getSubject().subscribe(y)}getSubject(){const y=this._subject;return(!y||y.isStopped)&&(this._subject=this.subjectFactory()),this._subject}_teardown(){this._refCount=0;const{_connection:y}=this;this._subject=this._connection=null,null==y||y.unsubscribe()}connect(){let y=this._connection;if(!y){y=this._connection=new j.yU;const E=this.getSubject();y.add(this.source.subscribe((0,Be._)(E,void 0,()=>{this._teardown(),E.complete()},_=>{this._teardown(),E.error(_)},()=>this._teardown()))),y.closed&&(this._connection=null,y=j.yU.EMPTY)}return y}refCount(){return nt()(this)}}var U=u(6104),Me=u(6610),xe=u(3527),Xe=u(2831),Ge=u(8486),at=u(965),tt=u(8503),_t=u(3422),Ht=u(2290);function Wt(p=Tt){return(0,oe.N)((y,E)=>{let _=!1;y.subscribe((0,Be._)(E,w=>{_=!0,E.next(w)},()=>_?E.complete():E.error(p())))})}function Tt(){return new ne}var Ot=u(9656);function Pt(p,y){const E=arguments.length>=2;return _=>_.pipe(p?(0,tt.p)((w,K)=>p(w,K,_)):Ot.D,(0,Ge.s)(1),E?(0,Ht.U)(y):Wt(()=>new ne))}var mt=u(4807),le=u(7236),H=u(4526);function Z(p){return p<=0?()=>Ae.w:(0,oe.N)((y,E)=>{let _=[];y.subscribe((0,Be._)(E,w=>{_.push(w),p<_.length&&_.shift()},()=>{for(const w of _)E.next(w);E.complete()},void 0,()=>{_=null}))})}var de=u(3770),te=u(6347),Oe=u(6340),Ne=u(3806),Le=u(6098);const Re="primary",Ke=Symbol("RouteTitle");class Dt{constructor(y){this.params=y||{}}has(y){return Object.prototype.hasOwnProperty.call(this.params,y)}get(y){if(this.has(y)){const E=this.params[y];return Array.isArray(E)?E[0]:E}return null}getAll(y){if(this.has(y)){const E=this.params[y];return Array.isArray(E)?E:[E]}return[]}get keys(){return Object.keys(this.params)}}function Rt(p){return new Dt(p)}function Yt(p,y,E){const _=E.path.split("/");if(_.length>p.length||"full"===E.pathMatch&&(y.hasChildren()||_.length<p.length))return null;const w={};for(let K=0;K<_.length;K++){const pe=_[K],lt=p[K];if(pe.startsWith(":"))w[pe.substring(1)]=lt;else if(pe!==lt.path)return null}return{consumed:p.slice(0,_.length),posParams:w}}function sn(p,y){const E=p?Object.keys(p):void 0,_=y?Object.keys(y):void 0;if(!E||!_||E.length!=_.length)return!1;let w;for(let K=0;K<E.length;K++)if(w=E[K],!Ln(p[w],y[w]))return!1;return!0}function Ln(p,y){if(Array.isArray(p)&&Array.isArray(y)){if(p.length!==y.length)return!1;const E=[...p].sort(),_=[...y].sort();return E.every((w,K)=>_[K]===w)}return p===y}function tn(p){return p.length>0?p[p.length-1]:null}function it(p){return function N(p){return!!p&&(p instanceof c.c||(0,S.T)(p.lift)&&(0,S.T)(p.subscribe))}(p)?p:(0,t.jNT)(p)?(0,X.H)(Promise.resolve(p)):(0,$.of)(p)}const Ye={exact:function We(p,y,E){if(!Fi(p.segments,y.segments)||!Dn(p.segments,y.segments,E)||p.numberOfChildren!==y.numberOfChildren)return!1;for(const _ in y.children)if(!p.children[_]||!We(p.children[_],y.children[_],E))return!1;return!0},subset:Vt},ct={exact:function he(p,y){return sn(p,y)},subset:function vt(p,y){return Object.keys(y).length<=Object.keys(p).length&&Object.keys(y).every(E=>Ln(p[E],y[E]))},ignored:()=>!0};function ae(p,y,E){return Ye[E.paths](p.root,y.root,E.matrixParams)&&ct[E.queryParams](p.queryParams,y.queryParams)&&!("exact"===E.fragment&&p.fragment!==y.fragment)}function Vt(p,y,E){return dn(p,y,y.segments,E)}function dn(p,y,E,_){if(p.segments.length>E.length){const w=p.segments.slice(0,E.length);return!(!Fi(w,E)||y.hasChildren()||!Dn(w,E,_))}if(p.segments.length===E.length){if(!Fi(p.segments,E)||!Dn(p.segments,E,_))return!1;for(const w in y.children)if(!p.children[w]||!Vt(p.children[w],y.children[w],_))return!1;return!0}{const w=E.slice(0,p.segments.length),K=E.slice(p.segments.length);return!!(Fi(p.segments,w)&&Dn(p.segments,w,_)&&p.children[Re])&&dn(p.children[Re],y,K,_)}}function Dn(p,y,E){return y.every((_,w)=>ct[E](p[w].parameters,_.parameters))}class pn{constructor(y=new Sn([],{}),E={},_=null){this.root=y,this.queryParams=E,this.fragment=_}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Rt(this.queryParams)),this._queryParamMap}toString(){return Do.serialize(this)}}class Sn{constructor(y,E){this.segments=y,this.children=E,this.parent=null,Object.values(E).forEach(_=>_.parent=this)}hasChildren(){return this.numberOfChildren>0}get numberOfChildren(){return Object.keys(this.children).length}toString(){return li(this)}}class Zi{constructor(y,E){this.path=y,this.parameters=E}get parameterMap(){return this._parameterMap||(this._parameterMap=Rt(this.parameters)),this._parameterMap}toString(){return an(this)}}function Fi(p,y){return p.length===y.length&&p.every((E,_)=>E.path===y[_].path)}let bi=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return new Vi},providedIn:"root"}),y})();class Vi{parse(y){const E=new gn(y);return new pn(E.parseRootSegment(),E.parseQueryParams(),E.parseFragment())}serialize(y){const E="/".concat(uo(y.root,!0)),_=function ze(p){const y=Object.keys(p).map(E=>{const _=p[E];return Array.isArray(_)?_.map(w=>"".concat(Ui(E),"=").concat(Ui(w))).join("&"):"".concat(Ui(E),"=").concat(Ui(_))}).filter(E=>!!E);return y.length?"?".concat(y.join("&")):""}(y.queryParams),w="string"==typeof y.fragment?"#".concat(function Et(p){return encodeURI(p)}(y.fragment)):"";return"".concat(E).concat(_).concat(w)}}const Do=new Vi;function li(p){return p.segments.map(y=>an(y)).join("/")}function uo(p,y){if(!p.hasChildren())return li(p);if(y){const E=p.children[Re]?uo(p.children[Re],!1):"",_=[];return Object.entries(p.children).forEach(([w,K])=>{w!==Re&&_.push("".concat(w,":").concat(uo(K,!1)))}),_.length>0?"".concat(E,"(").concat(_.join("//"),")"):E}{const E=function Hn(p,y){let E=[];return Object.entries(p.children).forEach(([_,w])=>{_===Re&&(E=E.concat(y(w,_)))}),Object.entries(p.children).forEach(([_,w])=>{_!==Re&&(E=E.concat(y(w,_)))}),E}(p,(_,w)=>w===Re?[uo(p.children[Re],!1)]:["".concat(w,":").concat(uo(_,!1))]);return 1===Object.keys(p.children).length&&null!=p.children[Re]?"".concat(li(p),"/").concat(E[0]):"".concat(li(p),"/(").concat(E.join("//"),")")}}function go(p){return encodeURIComponent(p).replace(/%40/g,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",")}function Ui(p){return go(p).replace(/%3B/gi,";")}function on(p){return go(p).replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/%26/gi,"&")}function ln(p){return decodeURIComponent(p)}function xt(p){return ln(p.replace(/\+/g,"%20"))}function an(p){return"".concat(on(p.path)).concat(function rt(p){return Object.keys(p).map(y=>";".concat(on(y),"=").concat(on(p[y]))).join("")}(p.parameters))}const we=/^[^\/()?;#]+/;function ge(p){const y=p.match(we);return y?y[0]:""}const Y=/^[^\/()?;=#]+/,pt=/^[^=?&#]+/,jt=/^[^&#]+/;class gn{constructor(y){this.url=y,this.remaining=y}parseRootSegment(){return this.consumeOptional("/"),""===this.remaining||this.peekStartsWith("?")||this.peekStartsWith("#")?new Sn([],{}):new Sn([],this.parseChildren())}parseQueryParams(){const y={};if(this.consumeOptional("?"))do{this.parseQueryParam(y)}while(this.consumeOptional("&"));return y}parseFragment(){return this.consumeOptional("#")?decodeURIComponent(this.remaining):null}parseChildren(){if(""===this.remaining)return{};this.consumeOptional("/");const y=[];for(this.peekStartsWith("(")||y.push(this.parseSegment());this.peekStartsWith("/")&&!this.peekStartsWith("//")&&!this.peekStartsWith("/(");)this.capture("/"),y.push(this.parseSegment());let E={};this.peekStartsWith("/(")&&(this.capture("/"),E=this.parseParens(!0));let _={};return this.peekStartsWith("(")&&(_=this.parseParens(!1)),(y.length>0||Object.keys(E).length>0)&&(_[Re]=new Sn(y,E)),_}parseSegment(){const y=ge(this.remaining);if(""===y&&this.peekStartsWith(";"))throw new t.wOt(4009,!1);return this.capture(y),new Zi(ln(y),this.parseMatrixParams())}parseMatrixParams(){const y={};for(;this.consumeOptional(";");)this.parseParam(y);return y}parseParam(y){const E=function He(p){const y=p.match(Y);return y?y[0]:""}(this.remaining);if(!E)return;this.capture(E);let _="";if(this.consumeOptional("=")){const w=ge(this.remaining);w&&(_=w,this.capture(_))}y[ln(E)]=ln(_)}parseQueryParam(y){const E=function $t(p){const y=p.match(pt);return y?y[0]:""}(this.remaining);if(!E)return;this.capture(E);let _="";if(this.consumeOptional("=")){const pe=function hn(p){const y=p.match(jt);return y?y[0]:""}(this.remaining);pe&&(_=pe,this.capture(_))}const w=xt(E),K=xt(_);if(y.hasOwnProperty(w)){let pe=y[w];Array.isArray(pe)||(pe=[pe],y[w]=pe),pe.push(K)}else y[w]=K}parseParens(y){const E={};for(this.capture("(");!this.consumeOptional(")")&&this.remaining.length>0;){const _=ge(this.remaining),w=this.remaining[_.length];if("/"!==w&&")"!==w&&";"!==w)throw new t.wOt(4010,!1);let K;_.indexOf(":")>-1?(K=_.slice(0,_.indexOf(":")),this.capture(K),this.capture(":")):y&&(K=Re);const pe=this.parseChildren();E[K]=1===Object.keys(pe).length?pe[Re]:new Sn([],pe),this.consumeOptional("//")}return E}peekStartsWith(y){return this.remaining.startsWith(y)}consumeOptional(y){return!!this.peekStartsWith(y)&&(this.remaining=this.remaining.substring(y.length),!0)}capture(y){if(!this.consumeOptional(y))throw new t.wOt(4011,!1)}}function ii(p){return p.segments.length>0?new Sn([],{[Re]:p}):p}function Vn(p){const y={};for(const _ of Object.keys(p.children)){const K=Vn(p.children[_]);if(_===Re&&0===K.segments.length&&K.hasChildren())for(const[pe,lt]of Object.entries(K.children))y[pe]=lt;else(K.segments.length>0||K.hasChildren())&&(y[_]=K)}return function jn(p){if(1===p.numberOfChildren&&p.children[Re]){const y=p.children[Re];return new Sn(p.segments.concat(y.segments),y.children)}return p}(new Sn(p.segments,y))}function Pn(p){return p instanceof pn}function Pi(p){var y;let E;const K=ii(function _(pe){const lt={};for(const Mt of pe.children){const un=_(Mt);lt[Mt.outlet]=un}const zt=new Sn(pe.url,lt);return pe===p&&(E=zt),zt}(p.root));return null!==(y=E)&&void 0!==y?y:K}function ri(p,y,E,_){let w=p;for(;w.parent;)w=w.parent;if(0===y.length)return Ii(w,w,w,E,_);const K=function Ee(p){if("string"==typeof p[0]&&1===p.length&&"/"===p[0])return new Li(!0,0,p);let y=0,E=!1;const _=p.reduce((w,K,pe)=>{if("object"==typeof K&&null!=K){if(K.outlets){const lt={};return Object.entries(K.outlets).forEach(([zt,Mt])=>{lt[zt]="string"==typeof Mt?Mt.split("/"):Mt}),[...w,{outlets:lt}]}if(K.segmentPath)return[...w,K.segmentPath]}return"string"!=typeof K?[...w,K]:0===pe?(K.split("/").forEach((lt,zt)=>{0==zt&&"."===lt||(0==zt&&""===lt?E=!0:".."===lt?y++:""!=lt&&w.push(lt))}),w):[...w,K]},[]);return new Li(E,y,_)}(y);if(K.toRoot())return Ii(w,w,new Sn([],{}),E,_);const pe=function et(p,y,E){if(p.isAbsolute)return new $e(y,!0,0);if(!E)return new $e(y,!1,NaN);if(null===E.parent)return new $e(E,!0,0);const _=fi(p.commands[0])?0:1;return function Je(p,y,E){let _=p,w=y,K=E;for(;K>w;){if(K-=w,_=_.parent,!_)throw new t.wOt(4005,!1);w=_.segments.length}return new $e(_,!1,w-K)}(E,E.segments.length-1+_,p.numberOfDoubleDots)}(K,w,p),lt=pe.processChildren?gt(pe.segmentGroup,pe.index,K.commands):ft(pe.segmentGroup,pe.index,K.commands);return Ii(w,pe.segmentGroup,lt,E,_)}function fi(p){return"object"==typeof p&&null!=p&&!p.outlets&&!p.segmentPath}function xi(p){return"object"==typeof p&&null!=p&&p.outlets}function Ii(p,y,E,_,w){let pe,K={};_&&Object.entries(_).forEach(([zt,Mt])=>{K[zt]=Array.isArray(Mt)?Mt.map(un=>"".concat(un)):"".concat(Mt)}),pe=p===y?E:yn(p,y,E);const lt=ii(Vn(pe));return new pn(lt,K,w)}function yn(p,y,E){const _={};return Object.entries(p.children).forEach(([w,K])=>{_[w]=K===y?E:yn(K,y,E)}),new Sn(p.segments,_)}class Li{constructor(y,E,_){if(this.isAbsolute=y,this.numberOfDoubleDots=E,this.commands=_,y&&_.length>0&&fi(_[0]))throw new t.wOt(4003,!1);const w=_.find(xi);if(w&&w!==tn(_))throw new t.wOt(4004,!1)}toRoot(){return this.isAbsolute&&1===this.commands.length&&"/"==this.commands[0]}}class $e{constructor(y,E,_){this.segmentGroup=y,this.processChildren=E,this.index=_}}function ft(p,y,E){if(p||(p=new Sn([],{})),0===p.segments.length&&p.hasChildren())return gt(p,y,E);const _=function bt(p,y,E){let _=0,w=y;const K={match:!1,pathIndex:0,commandIndex:0};for(;w<p.segments.length;){if(_>=E.length)return K;const pe=p.segments[w],lt=E[_];if(xi(lt))break;const zt="".concat(lt),Mt=_<E.length-1?E[_+1]:null;if(w>0&&void 0===zt)break;if(zt&&Mt&&"object"==typeof Mt&&void 0===Mt.outlets){if(!en(zt,Mt,pe))return K;_+=2}else{if(!en(zt,{},pe))return K;_++}w++}return{match:!0,pathIndex:w,commandIndex:_}}(p,y,E),w=E.slice(_.commandIndex);if(_.match&&_.pathIndex<p.segments.length){const K=new Sn(p.segments.slice(0,_.pathIndex),{});return K.children[Re]=new Sn(p.segments.slice(_.pathIndex),p.children),gt(K,0,w)}return _.match&&0===w.length?new Sn(p.segments,{}):_.match&&!p.hasChildren()?yt(p,y,E):_.match?gt(p,0,w):yt(p,y,E)}function gt(p,y,E){if(0===E.length)return new Sn(p.segments,{});{const _=function qe(p){return xi(p[0])?p[0].outlets:{[Re]:p}}(E),w={};if(Object.keys(_).some(K=>K!==Re)&&p.children[Re]&&1===p.numberOfChildren&&0===p.children[Re].segments.length){const K=gt(p.children[Re],y,E);return new Sn(p.segments,K.children)}return Object.entries(_).forEach(([K,pe])=>{"string"==typeof pe&&(pe=[pe]),null!==pe&&(w[K]=ft(p.children[K],y,pe))}),Object.entries(p.children).forEach(([K,pe])=>{void 0===_[K]&&(w[K]=pe)}),new Sn(p.segments,w)}}function yt(p,y,E){const _=p.segments.slice(0,y);let w=0;for(;w<E.length;){const K=E[w];if(xi(K)){const zt=It(K.outlets);return new Sn(_,zt)}if(0===w&&fi(E[0])){_.push(new Zi(p.segments[y].path,Nt(E[0]))),w++;continue}const pe=xi(K)?K.outlets[Re]:"".concat(K),lt=w<E.length-1?E[w+1]:null;pe&&lt&&fi(lt)?(_.push(new Zi(pe,Nt(lt))),w+=2):(_.push(new Zi(pe,{})),w++)}return new Sn(_,{})}function It(p){const y={};return Object.entries(p).forEach(([E,_])=>{"string"==typeof _&&(_=[_]),null!==_&&(y[E]=yt(new Sn([],{}),0,_))}),y}function Nt(p){const y={};return Object.entries(p).forEach(([E,_])=>y[E]="".concat(_)),y}function en(p,y,E){return p==E.path&&sn(y,E.parameters)}const Zt="imperative";class fn{constructor(y,E){this.id=y,this.url=E}}class On extends fn{constructor(y,E,_="imperative",w=null){super(y,E),this.type=0,this.navigationTrigger=_,this.restoredState=w}toString(){return"NavigationStart(id: ".concat(this.id,", url: '").concat(this.url,"')")}}class Wn extends fn{constructor(y,E,_){super(y,E),this.urlAfterRedirects=_,this.type=1}toString(){return"NavigationEnd(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"')")}}class $n extends fn{constructor(y,E,_,w){super(y,E),this.reason=_,this.code=w,this.type=2}toString(){return"NavigationCancel(id: ".concat(this.id,", url: '").concat(this.url,"')")}}class Rn extends fn{constructor(y,E,_,w){super(y,E),this.reason=_,this.code=w,this.type=16}}class Qn extends fn{constructor(y,E,_,w){super(y,E),this.error=_,this.target=w,this.type=3}toString(){return"NavigationError(id: ".concat(this.id,", url: '").concat(this.url,"', error: ").concat(this.error,")")}}class Di extends fn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=4}toString(){return"RoutesRecognized(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class $i extends fn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=7}toString(){return"GuardsCheckStart(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class eo extends fn{constructor(y,E,_,w,K){super(y,E),this.urlAfterRedirects=_,this.state=w,this.shouldActivate=K,this.type=8}toString(){return"GuardsCheckEnd(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,", shouldActivate: ").concat(this.shouldActivate,")")}}class mo extends fn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=5}toString(){return"ResolveStart(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class Lo extends fn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=6}toString(){return"ResolveEnd(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class _o{constructor(y){this.route=y,this.type=9}toString(){return"RouteConfigLoadStart(path: ".concat(this.route.path,")")}}class $r{constructor(y){this.route=y,this.type=10}toString(){return"RouteConfigLoadEnd(path: ".concat(this.route.path,")")}}class lo{constructor(y){this.snapshot=y,this.type=11}toString(){return"ChildActivationStart(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class Pr{constructor(y){this.snapshot=y,this.type=12}toString(){return"ChildActivationEnd(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class Rr{constructor(y){this.snapshot=y,this.type=13}toString(){return"ActivationStart(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class yr{constructor(y){this.snapshot=y,this.type=14}toString(){return"ActivationEnd(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class hr{constructor(y,E,_){this.routerEvent=y,this.position=E,this.anchor=_,this.type=15}toString(){const y=this.position?"".concat(this.position[0],", ").concat(this.position[1]):null;return"Scroll(anchor: '".concat(this.anchor,"', position: '").concat(y,"')")}}class Po{}class zo{constructor(y){this.url=y}}class jo{constructor(){this.outlet=null,this.route=null,this.injector=null,this.children=new Co,this.attachRef=null}}let Co=(()=>{var p;class y{constructor(){this.contexts=new Map}onChildOutletCreated(_,w){const K=this.getOrCreateContext(_);K.outlet=w,this.contexts.set(_,K)}onChildOutletDestroyed(_){const w=this.getContext(_);w&&(w.outlet=null,w.attachRef=null)}onOutletDeactivated(){const _=this.contexts;return this.contexts=new Map,_}onOutletReAttached(_){this.contexts=_}getOrCreateContext(_){let w=this.getContext(_);return w||(w=new jo,this.contexts.set(_,w)),w}getContext(_){return this.contexts.get(_)||null}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();class or{constructor(y){this._root=y}get root(){return this._root.value}parent(y){const E=this.pathFromRoot(y);return E.length>1?E[E.length-2]:null}children(y){const E=qn(y,this._root);return E?E.children.map(_=>_.value):[]}firstChild(y){const E=qn(y,this._root);return E&&E.children.length>0?E.children[0].value:null}siblings(y){const E=Hi(y,this._root);return E.length<2?[]:E[E.length-2].children.map(w=>w.value).filter(w=>w!==y)}pathFromRoot(y){return Hi(y,this._root).map(E=>E.value)}}function qn(p,y){if(p===y.value)return y;for(const E of y.children){const _=qn(p,E);if(_)return _}return null}function Hi(p,y){if(p===y.value)return[y];for(const E of y.children){const _=Hi(p,E);if(_.length)return _.unshift(y),_}return[]}class pi{constructor(y,E){this.value=y,this.children=E}toString(){return"TreeNode(".concat(this.value,")")}}function to(p){const y={};return p&&p.children.forEach(E=>y[E.value.outlet]=E),y}class Qi extends or{constructor(y,E){super(y),this.snapshot=E,q(this,y)}toString(){return this.snapshot.toString()}}function io(p,y){const E=function Wo(p,y){const pe=new hi([],{},{},"",{},Re,y,null,{});return new ve("",new pi(pe,[]))}(0,y),_=new W.t([new Zi("",{})]),w=new W.t({}),K=new W.t({}),pe=new W.t({}),lt=new W.t(""),zt=new oo(_,w,pe,lt,K,Re,y,E.root);return zt.snapshot=E.root,new Qi(new pi(zt,[]),E)}class oo{constructor(y,E,_,w,K,pe,lt,zt){var Mt,un;this.urlSubject=y,this.paramsSubject=E,this.queryParamsSubject=_,this.fragmentSubject=w,this.dataSubject=K,this.outlet=pe,this.component=lt,this._futureSnapshot=zt,this.title=null!==(Mt=null===(un=this.dataSubject)||void 0===un?void 0:un.pipe((0,xe.T)(Nn=>Nn[Ke])))&&void 0!==Mt?Mt:(0,$.of)(void 0),this.url=y,this.params=E,this.queryParams=_,this.fragment=w,this.data=K}get routeConfig(){return this._futureSnapshot.routeConfig}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=this.params.pipe((0,xe.T)(y=>Rt(y)))),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=this.queryParams.pipe((0,xe.T)(y=>Rt(y)))),this._queryParamMap}toString(){return this.snapshot?this.snapshot.toString():"Future(".concat(this._futureSnapshot,")")}}function Jo(p,y="emptyOnly"){const E=p.pathFromRoot;let _=0;if("always"!==y)for(_=E.length-1;_>=1;){const w=E[_],K=E[_-1];if(w.routeConfig&&""===w.routeConfig.path)_--;else{if(K.component)break;_--}}return function Bo(p){return p.reduce((y,E)=>{var _;return{params:{...y.params,...E.params},data:{...y.data,...E.data},resolve:{...E.data,...y.resolve,...null===(_=E.routeConfig)||void 0===_?void 0:_.data,...E._resolvedData}}},{params:{},data:{},resolve:{}})}(E.slice(_))}class hi{get title(){var y;return null===(y=this.data)||void 0===y?void 0:y[Ke]}constructor(y,E,_,w,K,pe,lt,zt,Mt){this.url=y,this.params=E,this.queryParams=_,this.fragment=w,this.data=K,this.outlet=pe,this.component=lt,this.routeConfig=zt,this._resolve=Mt}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=Rt(this.params)),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Rt(this.queryParams)),this._queryParamMap}toString(){const y=this.url.map(_=>_.toString()).join("/"),E=this.routeConfig?this.routeConfig.path:"";return"Route(url:'".concat(y,"', path:'").concat(E,"')")}}class ve extends or{constructor(y,E){super(E),this.url=y,q(this,E)}toString(){return Pe(this._root)}}function q(p,y){y.value._routerState=p,y.children.forEach(E=>q(p,E))}function Pe(p){const y=p.children.length>0?" { ".concat(p.children.map(Pe).join(", ")," } "):"";return"".concat(p.value).concat(y)}function je(p){if(p.snapshot){const y=p.snapshot,E=p._futureSnapshot;p.snapshot=E,sn(y.queryParams,E.queryParams)||p.queryParamsSubject.next(E.queryParams),y.fragment!==E.fragment&&p.fragmentSubject.next(E.fragment),sn(y.params,E.params)||p.paramsSubject.next(E.params),function Xt(p,y){if(p.length!==y.length)return!1;for(let E=0;E<p.length;++E)if(!sn(p[E],y[E]))return!1;return!0}(y.url,E.url)||p.urlSubject.next(E.url),sn(y.data,E.data)||p.dataSubject.next(E.data)}else p.snapshot=p._futureSnapshot,p.dataSubject.next(p._futureSnapshot.data)}function St(p,y){const E=sn(p.params,y.params)&&function wn(p,y){return Fi(p,y)&&p.every((E,_)=>sn(E.parameters,y[_].parameters))}(p.url,y.url);return E&&!(!p.parent!=!y.parent)&&(!p.parent||St(p.parent,y.parent))}let Ft=(()=>{var p;class y{constructor(){this.activated=null,this._activatedRoute=null,this.name=Re,this.activateEvents=new t.bkB,this.deactivateEvents=new t.bkB,this.attachEvents=new t.bkB,this.detachEvents=new t.bkB,this.parentContexts=(0,t.WQX)(Co),this.location=(0,t.WQX)(t.c1b),this.changeDetector=(0,t.WQX)(t.gRc),this.environmentInjector=(0,t.WQX)(t.uvJ),this.inputBinder=(0,t.WQX)(Kt,{optional:!0}),this.supportsBindingToComponentInputs=!0}get activatedComponentRef(){return this.activated}ngOnChanges(_){if(_.name){const{firstChange:w,previousValue:K}=_.name;if(w)return;this.isTrackedInParentContexts(K)&&(this.deactivate(),this.parentContexts.onChildOutletDestroyed(K)),this.initializeOutletWithName()}}ngOnDestroy(){var _;this.isTrackedInParentContexts(this.name)&&this.parentContexts.onChildOutletDestroyed(this.name),null===(_=this.inputBinder)||void 0===_||_.unsubscribeFromRouteData(this)}isTrackedInParentContexts(_){var w;return(null===(w=this.parentContexts.getContext(_))||void 0===w?void 0:w.outlet)===this}ngOnInit(){this.initializeOutletWithName()}initializeOutletWithName(){if(this.parentContexts.onChildOutletCreated(this.name,this),this.activated)return;const _=this.parentContexts.getContext(this.name);null!=_&&_.route&&(_.attachRef?this.attach(_.attachRef,_.route):this.activateWith(_.route,_.injector))}get isActivated(){return!!this.activated}get component(){if(!this.activated)throw new t.wOt(4012,!1);return this.activated.instance}get activatedRoute(){if(!this.activated)throw new t.wOt(4012,!1);return this._activatedRoute}get activatedRouteData(){return this._activatedRoute?this._activatedRoute.snapshot.data:{}}detach(){if(!this.activated)throw new t.wOt(4012,!1);this.location.detach();const _=this.activated;return this.activated=null,this._activatedRoute=null,this.detachEvents.emit(_.instance),_}attach(_,w){var K;this.activated=_,this._activatedRoute=w,this.location.insert(_.hostView),null===(K=this.inputBinder)||void 0===K||K.bindActivatedRouteToOutletComponent(this),this.attachEvents.emit(_.instance)}deactivate(){if(this.activated){const _=this.component;this.activated.destroy(),this.activated=null,this._activatedRoute=null,this.deactivateEvents.emit(_)}}activateWith(_,w){var K;if(this.isActivated)throw new t.wOt(4013,!1);this._activatedRoute=_;const pe=this.location,zt=_.snapshot.component,Mt=this.parentContexts.getOrCreateContext(this.name).children,un=new mn(_,Mt,pe.injector);this.activated=pe.createComponent(zt,{index:pe.length,injector:un,environmentInjector:null!=w?w:this.environmentInjector}),this.changeDetector.markForCheck(),null===(K=this.inputBinder)||void 0===K||K.bindActivatedRouteToOutletComponent(this),this.activateEvents.emit(this.activated.instance)}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275dir=t.FsC({type:p,selectors:[["router-outlet"]],inputs:{name:"name"},outputs:{activateEvents:"activate",deactivateEvents:"deactivate",attachEvents:"attach",detachEvents:"detach"},exportAs:["outlet"],standalone:!0,features:[t.OA$]}),y})();class mn{constructor(y,E,_){this.route=y,this.childContexts=E,this.parent=_}get(y,E){return y===oo?this.route:y===Co?this.childContexts:this.parent.get(y,E)}}const Kt=new t.nKC("");function Mn(p,y,E){if(E&&p.shouldReuseRoute(y.value,E.value.snapshot)){const _=E.value;_._futureSnapshot=y.value;const w=function Ei(p,y,E){return y.children.map(_=>{for(const w of E.children)if(p.shouldReuseRoute(_.value,w.value.snapshot))return Mn(p,_,w);return Mn(p,_)})}(p,y,E);return new pi(_,w)}{if(p.shouldAttach(y.value)){const K=p.retrieve(y.value);if(null!==K){const pe=K.route;return pe.value._futureSnapshot=y.value,pe.children=y.children.map(lt=>Mn(p,lt)),pe}}const _=function Ci(p){return new oo(new W.t(p.url),new W.t(p.params),new W.t(p.queryParams),new W.t(p.fragment),new W.t(p.data),p.outlet,p.component,p)}(y.value),w=y.children.map(K=>Mn(p,K));return new pi(_,w)}}const wi="ngNavigationCancelingError";function gi(p,y){const{redirectTo:E,navigationBehaviorOptions:_}=Pn(y)?{redirectTo:y,navigationBehaviorOptions:void 0}:y,w=Ro(!1,0,y);return w.url=E,w.navigationBehaviorOptions=_,w}function Ro(p,y,E){const _=new Error("NavigationCancelingError: "+(p||""));return _[wi]=!0,_.cancellationCode=y,E&&(_.url=E),_}function ei(p){return p&&p[wi]}let Gi=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275cmp=t.VBU({type:p,selectors:[["ng-component"]],standalone:!0,features:[t.aNF],decls:1,vars:0,template:function(_,w){1&_&&t.nrm(0,"router-outlet")},dependencies:[Ft],encapsulation:2}),y})();function no(p){const y=p.children&&p.children.map(no),E=y?{...p,children:y}:{...p};return!E.component&&!E.loadComponent&&(y||E.loadChildren)&&E.outlet&&E.outlet!==Re&&(E.component=Gi),E}function Xi(p){return p.outlet||Re}function To(p){var y;if(!p)return null;if(null!==(y=p.routeConfig)&&void 0!==y&&y._injector)return p.routeConfig._injector;for(let E=p.parent;E;E=E.parent){const _=E.routeConfig;if(null!=_&&_._loadedInjector)return _._loadedInjector;if(null!=_&&_._injector)return _._injector}return null}class ro{constructor(y,E,_,w,K){this.routeReuseStrategy=y,this.futureState=E,this.currState=_,this.forwardEvent=w,this.inputBindingEnabled=K}activate(y){const E=this.futureState._root,_=this.currState?this.currState._root:null;this.deactivateChildRoutes(E,_,y),je(this.futureState.root),this.activateChildRoutes(E,_,y)}deactivateChildRoutes(y,E,_){const w=to(E);y.children.forEach(K=>{const pe=K.value.outlet;this.deactivateRoutes(K,w[pe],_),delete w[pe]}),Object.values(w).forEach(K=>{this.deactivateRouteAndItsChildren(K,_)})}deactivateRoutes(y,E,_){const w=y.value,K=E?E.value:null;if(w===K)if(w.component){const pe=_.getContext(w.outlet);pe&&this.deactivateChildRoutes(y,E,pe.children)}else this.deactivateChildRoutes(y,E,_);else K&&this.deactivateRouteAndItsChildren(E,_)}deactivateRouteAndItsChildren(y,E){y.value.component&&this.routeReuseStrategy.shouldDetach(y.value.snapshot)?this.detachAndStoreRouteSubtree(y,E):this.deactivateRouteAndOutlet(y,E)}detachAndStoreRouteSubtree(y,E){const _=E.getContext(y.value.outlet),w=_&&y.value.component?_.children:E,K=to(y);for(const pe of Object.keys(K))this.deactivateRouteAndItsChildren(K[pe],w);if(_&&_.outlet){const pe=_.outlet.detach(),lt=_.children.onOutletDeactivated();this.routeReuseStrategy.store(y.value.snapshot,{componentRef:pe,route:y,contexts:lt})}}deactivateRouteAndOutlet(y,E){const _=E.getContext(y.value.outlet),w=_&&y.value.component?_.children:E,K=to(y);for(const pe of Object.keys(K))this.deactivateRouteAndItsChildren(K[pe],w);_&&(_.outlet&&(_.outlet.deactivate(),_.children.onOutletDeactivated()),_.attachRef=null,_.route=null)}activateChildRoutes(y,E,_){const w=to(E);y.children.forEach(K=>{this.activateRoutes(K,w[K.value.outlet],_),this.forwardEvent(new yr(K.value.snapshot))}),y.children.length&&this.forwardEvent(new Pr(y.value.snapshot))}activateRoutes(y,E,_){const w=y.value,K=E?E.value:null;if(je(w),w===K)if(w.component){const pe=_.getOrCreateContext(w.outlet);this.activateChildRoutes(y,E,pe.children)}else this.activateChildRoutes(y,E,_);else if(w.component){const pe=_.getOrCreateContext(w.outlet);if(this.routeReuseStrategy.shouldAttach(w.snapshot)){const lt=this.routeReuseStrategy.retrieve(w.snapshot);this.routeReuseStrategy.store(w.snapshot,null),pe.children.onOutletReAttached(lt.contexts),pe.attachRef=lt.componentRef,pe.route=lt.route.value,pe.outlet&&pe.outlet.attach(lt.componentRef,lt.route.value),je(lt.route.value),this.activateChildRoutes(y,null,pe.children)}else{const lt=To(w.snapshot);pe.attachRef=null,pe.route=w,pe.injector=lt,pe.outlet&&pe.outlet.activateWith(w,pe.injector),this.activateChildRoutes(y,null,pe.children)}}else this.activateChildRoutes(y,null,_)}}class _e{constructor(y){this.path=y,this.route=this.path[this.path.length-1]}}class v{constructor(y,E){this.component=y,this.route=E}}function T(p,y,E){const _=p._root;return Se(_,y?y._root:null,E,[_.value])}function re(p,y){const E=Symbol(),_=y.get(p,E);return _===E?"function"!=typeof p||(0,t.LfX)(p)?y.get(p):p:_}function Se(p,y,E,_,w={canDeactivateChecks:[],canActivateChecks:[]}){const K=to(y);return p.children.forEach(pe=>{(function ot(p,y,E,_,w={canDeactivateChecks:[],canActivateChecks:[]}){const K=p.value,pe=y?y.value:null,lt=E?E.getContext(p.value.outlet):null;if(pe&&K.routeConfig===pe.routeConfig){const zt=function dt(p,y,E){if("function"==typeof E)return E(p,y);switch(E){case"pathParamsChange":return!Fi(p.url,y.url);case"pathParamsOrQueryParamsChange":return!Fi(p.url,y.url)||!sn(p.queryParams,y.queryParams);case"always":return!0;case"paramsOrQueryParamsChange":return!St(p,y)||!sn(p.queryParams,y.queryParams);default:return!St(p,y)}}(pe,K,K.routeConfig.runGuardsAndResolvers);zt?w.canActivateChecks.push(new _e(_)):(K.data=pe.data,K._resolvedData=pe._resolvedData),Se(p,y,K.component?lt?lt.children:null:E,_,w),zt&&lt&&lt.outlet&&lt.outlet.isActivated&&w.canDeactivateChecks.push(new v(lt.outlet.component,pe))}else pe&&Ct(y,lt,w),w.canActivateChecks.push(new _e(_)),Se(p,null,K.component?lt?lt.children:null:E,_,w)})(pe,K[pe.value.outlet],E,_.concat([pe.value]),w),delete K[pe.value.outlet]}),Object.entries(K).forEach(([pe,lt])=>Ct(lt,E.getContext(pe),w)),w}function Ct(p,y,E){const _=to(p),w=p.value;Object.entries(_).forEach(([K,pe])=>{Ct(pe,w.component?y?y.children.getContext(K):null:y,E)}),E.canDeactivateChecks.push(new v(w.component&&y&&y.outlet&&y.outlet.isActivated?y.outlet.component:null,w))}function kt(p){return"function"==typeof p}function I(p){return p instanceof ne||"EmptyError"===(null==p?void 0:p.name)}const fe=Symbol("INITIAL_VALUE");function A(){return(0,Xe.n)(p=>(0,J.z)(p.map(y=>y.pipe((0,Ge.s)(1),(0,at.Z)(fe)))).pipe((0,xe.T)(y=>{for(const E of y)if(!0!==E){if(E===fe)return fe;if(!1===E||E instanceof pn)return E}return!0}),(0,tt.p)(y=>y!==fe),(0,Ge.s)(1)))}function Eo(p){return(0,be.F)((0,le.M)(y=>{if(Pn(y))throw gi(0,y)}),(0,xe.T)(y=>!0===y))}class cn{constructor(y){this.segmentGroup=y||null}}class An{constructor(y){this.urlTree=y}}function En(p){return(0,ee.$)(new cn(p))}function Zn(p){return(0,ee.$)(new An(p))}class Ji{constructor(y,E){this.urlSerializer=y,this.urlTree=E}noMatchError(y){return new t.wOt(4002,!1)}lineralizeSegments(y,E){let _=[],w=E.root;for(;;){if(_=_.concat(w.segments),0===w.numberOfChildren)return(0,$.of)(_);if(w.numberOfChildren>1||!w.children[Re])return(0,ee.$)(new t.wOt(4e3,!1));w=w.children[Re]}}applyRedirectCommands(y,E,_){return this.applyRedirectCreateUrlTree(E,this.urlSerializer.parse(E),y,_)}applyRedirectCreateUrlTree(y,E,_,w){const K=this.createSegmentGroup(y,E.root,_,w);return new pn(K,this.createQueryParams(E.queryParams,this.urlTree.queryParams),E.fragment)}createQueryParams(y,E){const _={};return Object.entries(y).forEach(([w,K])=>{if("string"==typeof K&&K.startsWith(":")){const lt=K.substring(1);_[w]=E[lt]}else _[w]=K}),_}createSegmentGroup(y,E,_,w){const K=this.createSegments(y,E.segments,_,w);let pe={};return Object.entries(E.children).forEach(([lt,zt])=>{pe[lt]=this.createSegmentGroup(y,zt,_,w)}),new Sn(K,pe)}createSegments(y,E,_,w){return E.map(K=>K.path.startsWith(":")?this.findPosParam(y,K,w):this.findOrReturn(K,_))}findPosParam(y,E,_){const w=_[E.path.substring(1)];if(!w)throw new t.wOt(4001,!1);return w}findOrReturn(y,E){let _=0;for(const w of E){if(w.path===y.path)return E.splice(_),w;_++}return y}}const So={matched:!1,consumedSegments:[],remainingSegments:[],parameters:{},positionalParamSegments:{}};function Ai(p,y,E,_,w){const K=gr(p,y,E);return K.matched?(_=function Vo(p,y){var E;return p.providers&&!p._injector&&(p._injector=(0,t.Ol2)(p.providers,y,"Route: ".concat(p.path))),null!==(E=p._injector)&&void 0!==E?E:y}(y,_),function br(p,y,E,_){const w=y.canMatch;if(!w||0===w.length)return(0,$.of)(!0);const K=w.map(pe=>{const lt=re(pe,p);return it(function zn(p){return p&&kt(p.canMatch)}(lt)?lt.canMatch(y,E):p.runInContext(()=>lt(y,E)))});return(0,$.of)(K).pipe(A(),Eo())}(_,y,E).pipe((0,xe.T)(pe=>!0===pe?K:{...So}))):(0,$.of)(K)}function gr(p,y,E){var _,w;if(""===y.path)return"full"===y.pathMatch&&(p.hasChildren()||E.length>0)?{...So}:{matched:!0,consumedSegments:[],remainingSegments:E,parameters:{},positionalParamSegments:{}};const pe=(y.matcher||Yt)(E,p,y);if(!pe)return{...So};const lt={};Object.entries(null!==(_=pe.posParams)&&void 0!==_?_:{}).forEach(([Mt,un])=>{lt[Mt]=un.path});const zt=pe.consumed.length>0?{...lt,...pe.consumed[pe.consumed.length-1].parameters}:lt;return{matched:!0,consumedSegments:pe.consumed,remainingSegments:E.slice(pe.consumed.length),parameters:zt,positionalParamSegments:null!==(w=pe.posParams)&&void 0!==w?w:{}}}function sr(p,y,E,_){return E.length>0&&function No(p,y,E){return E.some(_=>Go(p,y,_)&&Xi(_)!==Re)}(p,E,_)?{segmentGroup:new Sn(y,Ao(_,new Sn(E,p.children))),slicedSegments:[]}:0===E.length&&function Dr(p,y,E){return E.some(_=>Go(p,y,_))}(p,E,_)?{segmentGroup:new Sn(p.segments,ao(p,0,E,_,p.children)),slicedSegments:E}:{segmentGroup:new Sn(p.segments,p.children),slicedSegments:E}}function ao(p,y,E,_,w){const K={};for(const pe of _)if(Go(p,E,pe)&&!w[Xi(pe)]){const lt=new Sn([],{});K[Xi(pe)]=lt}return{...w,...K}}function Ao(p,y){const E={};E[Re]=y;for(const _ of p)if(""===_.path&&Xi(_)!==Re){const w=new Sn([],{});E[Xi(_)]=w}return E}function Go(p,y,E){return(!(p.hasChildren()||y.length>0)||"full"!==E.pathMatch)&&""===E.path}class kr{constructor(y,E,_,w,K,pe,lt){this.injector=y,this.configLoader=E,this.rootComponentType=_,this.config=w,this.urlTree=K,this.paramsInheritanceStrategy=pe,this.urlSerializer=lt,this.allowRedirects=!0,this.applyRedirects=new Ji(this.urlSerializer,this.urlTree)}noMatchError(y){return new t.wOt(4002,!1)}recognize(){const y=sr(this.urlTree.root,[],[],this.config).segmentGroup;return this.processSegmentGroup(this.injector,this.config,y,Re).pipe((0,H.W)(E=>{if(E instanceof An)return this.allowRedirects=!1,this.urlTree=E.urlTree,this.match(E.urlTree);throw E instanceof cn?this.noMatchError(E):E}),(0,xe.T)(E=>{const _=new hi([],Object.freeze({}),Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,{},Re,this.rootComponentType,null,{}),w=new pi(_,E),K=new ve("",w),pe=function ki(p,y,E=null,_=null){return ri(Pi(p),y,E,_)}(_,[],this.urlTree.queryParams,this.urlTree.fragment);return pe.queryParams=this.urlTree.queryParams,K.url=this.urlSerializer.serialize(pe),this.inheritParamsAndData(K._root),{state:K,tree:pe}}))}match(y){return this.processSegmentGroup(this.injector,this.config,y.root,Re).pipe((0,H.W)(_=>{throw _ instanceof cn?this.noMatchError(_):_}))}inheritParamsAndData(y){const E=y.value,_=Jo(E,this.paramsInheritanceStrategy);E.params=Object.freeze(_.params),E.data=Object.freeze(_.data),y.children.forEach(w=>this.inheritParamsAndData(w))}processSegmentGroup(y,E,_,w){return 0===_.segments.length&&_.hasChildren()?this.processChildren(y,E,_):this.processSegment(y,E,_,_.segments,w,!0)}processChildren(y,E,_){const w=[];for(const K of Object.keys(_.children))"primary"===K?w.unshift(K):w.push(K);return(0,X.H)(w).pipe((0,mt.H)(K=>{const pe=_.children[K],lt=function vo(p,y){const E=p.filter(_=>Xi(_)===y);return E.push(...p.filter(_=>Xi(_)!==y)),E}(E,K);return this.processSegmentGroup(y,lt,pe,K)}),function k(p,y){return(0,oe.N)(function ce(p,y,E,_,w){return(K,pe)=>{let lt=E,zt=y,Mt=0;K.subscribe((0,Be._)(pe,un=>{const Nn=Mt++;zt=lt?p(zt,un,Nn):(lt=!0,un),_&&pe.next(zt)},w&&(()=>{lt&&pe.next(zt),pe.complete()})))}}(p,y,arguments.length>=2,!0))}((K,pe)=>(K.push(...pe),K)),(0,Ht.U)(null),function ie(p,y){const E=arguments.length>=2;return _=>_.pipe(p?(0,tt.p)((w,K)=>p(w,K,_)):Ot.D,Z(1),E?(0,Ht.U)(y):Wt(()=>new ne))}(),(0,_t.Z)(K=>{if(null===K)return En(_);const pe=ds(K);return function Lr(p){p.sort((y,E)=>y.value.outlet===Re?-1:E.value.outlet===Re?1:y.value.outlet.localeCompare(E.value.outlet))}(pe),(0,$.of)(pe)}))}processSegment(y,E,_,w,K,pe){return(0,X.H)(E).pipe((0,mt.H)(lt=>{var zt;return this.processSegmentAgainstRoute(null!==(zt=lt._injector)&&void 0!==zt?zt:y,E,lt,_,w,K,pe).pipe((0,H.W)(Mt=>{if(Mt instanceof cn)return(0,$.of)(null);throw Mt}))}),Pt(lt=>!!lt),(0,H.W)(lt=>{if(I(lt))return function Hr(p,y,E){return 0===y.length&&!p.children[E]}(_,w,K)?(0,$.of)([]):En(_);throw lt}))}processSegmentAgainstRoute(y,E,_,w,K,pe,lt){return function ar(p,y,E,_){return!!(Xi(p)===_||_!==Re&&Go(y,E,p))&&("**"===p.path||gr(y,p,E).matched)}(_,w,K,pe)?void 0===_.redirectTo?this.matchSegmentAgainstRoute(y,w,_,K,pe,lt):lt&&this.allowRedirects?this.expandSegmentAgainstRouteUsingRedirect(y,w,E,_,K,pe):En(w):En(w)}expandSegmentAgainstRouteUsingRedirect(y,E,_,w,K,pe){return"**"===w.path?this.expandWildCardWithParamsAgainstRouteUsingRedirect(y,_,w,pe):this.expandRegularSegmentAgainstRouteUsingRedirect(y,E,_,w,K,pe)}expandWildCardWithParamsAgainstRouteUsingRedirect(y,E,_,w){const K=this.applyRedirects.applyRedirectCommands([],_.redirectTo,{});return _.redirectTo.startsWith("/")?Zn(K):this.applyRedirects.lineralizeSegments(_,K).pipe((0,_t.Z)(pe=>{const lt=new Sn(pe,{});return this.processSegment(y,E,lt,pe,w,!1)}))}expandRegularSegmentAgainstRouteUsingRedirect(y,E,_,w,K,pe){const{matched:lt,consumedSegments:zt,remainingSegments:Mt,positionalParamSegments:un}=gr(E,w,K);if(!lt)return En(E);const Nn=this.applyRedirects.applyRedirectCommands(zt,w.redirectTo,un);return w.redirectTo.startsWith("/")?Zn(Nn):this.applyRedirects.lineralizeSegments(w,Nn).pipe((0,_t.Z)(Mi=>this.processSegment(y,_,E,Mi.concat(Mt),pe,!1)))}matchSegmentAgainstRoute(y,E,_,w,K,pe){let lt;if("**"===_.path){var zt,Mt;const un=w.length>0?tn(w).parameters:{},Nn=new hi(w,un,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,Xo(_),Xi(_),null!==(zt=null!==(Mt=_.component)&&void 0!==Mt?Mt:_._loadedComponent)&&void 0!==zt?zt:null,_,Br(_));lt=(0,$.of)({snapshot:Nn,consumedSegments:[],remainingSegments:[]}),E.children={}}else lt=Ai(E,_,w,y).pipe((0,xe.T)(({matched:un,consumedSegments:Nn,remainingSegments:Mi,parameters:bo})=>{var yi,Oo;return un?{snapshot:new hi(Nn,bo,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,Xo(_),Xi(_),null!==(yi=null!==(Oo=_.component)&&void 0!==Oo?Oo:_._loadedComponent)&&void 0!==yi?yi:null,_,Br(_)),consumedSegments:Nn,remainingSegments:Mi}:null}));return lt.pipe((0,Xe.n)(un=>{var Nn;return null===un?En(E):(y=null!==(Nn=_._injector)&&void 0!==Nn?Nn:y,this.getChildConfig(y,_,w).pipe((0,Xe.n)(({routes:Mi})=>{var bo;const yi=null!==(bo=_._loadedInjector)&&void 0!==bo?bo:y,{snapshot:Oo,consumedSegments:Cr,remainingSegments:Ki}=un,{segmentGroup:dr,slicedSegments:ji}=sr(E,Cr,Ki,Mi);if(0===ji.length&&dr.hasChildren())return this.processChildren(yi,Mi,dr).pipe((0,xe.T)(Ls=>null===Ls?null:[new pi(Oo,Ls)]));if(0===Mi.length&&0===ji.length)return(0,$.of)([new pi(Oo,[])]);const ks=Xi(_)===K;return this.processSegment(yi,Mi,dr,ji,ks?Re:K,!0).pipe((0,xe.T)(Ls=>[new pi(Oo,Ls)]))})))}))}getChildConfig(y,E,_){return E.children?(0,$.of)({routes:E.children,injector:y}):E.loadChildren?void 0!==E._loadedRoutes?(0,$.of)({routes:E._loadedRoutes,injector:E._loadedInjector}):function so(p,y,E,_){const w=y.canLoad;if(void 0===w||0===w.length)return(0,$.of)(!0);const K=w.map(pe=>{const lt=re(pe,p);return it(function In(p){return p&&kt(p.canLoad)}(lt)?lt.canLoad(y,E):p.runInContext(()=>lt(y,E)))});return(0,$.of)(K).pipe(A(),Eo())}(y,E,_).pipe((0,_t.Z)(w=>w?this.configLoader.loadChildren(y,E).pipe((0,le.M)(K=>{E._loadedRoutes=K.routes,E._loadedInjector=K.injector})):function Mo(p){return(0,ee.$)(Ro(!1,3))}())):(0,$.of)({routes:[],injector:y})}}function xo(p){const y=p.value.routeConfig;return y&&""===y.path}function ds(p){const y=[],E=new Set;for(const _ of p){if(!xo(_)){y.push(_);continue}const w=y.find(K=>_.value.routeConfig===K.value.routeConfig);void 0!==w?(w.children.push(..._.children),E.add(w)):y.push(_)}for(const _ of E){const w=ds(_.children);y.push(new pi(_.value,w))}return y.filter(_=>!E.has(_))}function Xo(p){return p.data||{}}function Br(p){return p.resolve||{}}function F(p){return"string"==typeof p.title||null===p.title}function Fe(p){return(0,Xe.n)(y=>{const E=p(y);return E?(0,X.H)(E).pipe((0,xe.T)(()=>y)):(0,$.of)(y)})}const O=new t.nKC("ROUTES");let Te=(()=>{var p;class y{constructor(){this.componentLoaders=new WeakMap,this.childrenLoaders=new WeakMap,this.compiler=(0,t.WQX)(t.Ql9)}loadComponent(_){if(this.componentLoaders.get(_))return this.componentLoaders.get(_);if(_._loadedComponent)return(0,$.of)(_._loadedComponent);this.onLoadStartListener&&this.onLoadStartListener(_);const w=it(_.loadComponent()).pipe((0,xe.T)(rn),(0,le.M)(pe=>{this.onLoadEndListener&&this.onLoadEndListener(_),_._loadedComponent=pe}),(0,te.j)(()=>{this.componentLoaders.delete(_)})),K=new Ue(w,()=>new U.B).pipe(nt());return this.componentLoaders.set(_,K),K}loadChildren(_,w){if(this.childrenLoaders.get(w))return this.childrenLoaders.get(w);if(w._loadedRoutes)return(0,$.of)({routes:w._loadedRoutes,injector:w._loadedInjector});this.onLoadStartListener&&this.onLoadStartListener(w);const pe=function Ze(p,y,E,_){return it(p.loadChildren()).pipe((0,xe.T)(rn),(0,_t.Z)(w=>w instanceof t.Co$||Array.isArray(w)?(0,$.of)(w):(0,X.H)(y.compileModuleAsync(w))),(0,xe.T)(w=>{_&&_(p);let K,pe,lt=!1;return Array.isArray(w)?(pe=w,!0):(K=w.create(E).injector,pe=K.get(O,[],{optional:!0,self:!0}).flat()),{routes:pe.map(no),injector:K}}))}(w,this.compiler,_,this.onLoadEndListener).pipe((0,te.j)(()=>{this.childrenLoaders.delete(w)})),lt=new Ue(pe,()=>new U.B).pipe(nt());return this.childrenLoaders.set(w,lt),lt}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();function rn(p){return function At(p){return p&&"object"==typeof p&&"default"in p}(p)?p.default:p}let Un=(()=>{var p;class y{get hasRequestedNavigation(){return 0!==this.navigationId}constructor(){this.currentNavigation=null,this.currentTransition=null,this.lastSuccessfulNavigation=null,this.events=new U.B,this.transitionAbortSubject=new U.B,this.configLoader=(0,t.WQX)(Te),this.environmentInjector=(0,t.WQX)(t.uvJ),this.urlSerializer=(0,t.WQX)(bi),this.rootContexts=(0,t.WQX)(Co),this.inputBindingEnabled=null!==(0,t.WQX)(Kt,{optional:!0}),this.navigationId=0,this.afterPreactivation=()=>(0,$.of)(void 0),this.rootComponentType=null,this.configLoader.onLoadEndListener=K=>this.events.next(new $r(K)),this.configLoader.onLoadStartListener=K=>this.events.next(new _o(K))}complete(){var _;null===(_=this.transitions)||void 0===_||_.complete()}handleNavigationRequest(_){var w;const K=++this.navigationId;null===(w=this.transitions)||void 0===w||w.next({...this.transitions.value,..._,id:K})}setupNavigations(_,w,K){return this.transitions=new W.t({id:0,currentUrlTree:w,currentRawUrl:w,currentBrowserUrl:w,extractedUrl:_.urlHandlingStrategy.extract(w),urlAfterRedirects:_.urlHandlingStrategy.extract(w),rawUrl:w,extras:{},resolve:null,reject:null,promise:Promise.resolve(!0),source:Zt,restoredState:null,currentSnapshot:K.snapshot,targetSnapshot:null,currentRouterState:K,targetRouterState:null,guards:{canActivateChecks:[],canDeactivateChecks:[]},guardsResult:null}),this.transitions.pipe((0,tt.p)(pe=>0!==pe.id),(0,xe.T)(pe=>({...pe,extractedUrl:_.urlHandlingStrategy.extract(pe.rawUrl)})),(0,Xe.n)(pe=>{this.currentTransition=pe;let lt=!1,zt=!1;return(0,$.of)(pe).pipe((0,le.M)(Mt=>{this.currentNavigation={id:Mt.id,initialUrl:Mt.rawUrl,extractedUrl:Mt.extractedUrl,trigger:Mt.source,extras:Mt.extras,previousNavigation:this.lastSuccessfulNavigation?{...this.lastSuccessfulNavigation,previousNavigation:null}:null}}),(0,Xe.n)(Mt=>{var un;const Nn=Mt.currentBrowserUrl.toString(),Mi=!_.navigated||Mt.extractedUrl.toString()!==Nn||Nn!==Mt.currentUrlTree.toString(),bo=null!==(un=Mt.extras.onSameUrlNavigation)&&void 0!==un?un:_.onSameUrlNavigation;if(!Mi&&"reload"!==bo){const yi="";return this.events.next(new Rn(Mt.id,this.urlSerializer.serialize(Mt.rawUrl),yi,0)),Mt.resolve(null),Ae.w}if(_.urlHandlingStrategy.shouldProcessUrl(Mt.rawUrl))return(0,$.of)(Mt).pipe((0,Xe.n)(yi=>{var Oo,Cr;const Ki=null===(Oo=this.transitions)||void 0===Oo?void 0:Oo.getValue();return this.events.next(new On(yi.id,this.urlSerializer.serialize(yi.extractedUrl),yi.source,yi.restoredState)),Ki!==(null===(Cr=this.transitions)||void 0===Cr?void 0:Cr.getValue())?Ae.w:Promise.resolve(yi)}),function jr(p,y,E,_,w,K){return(0,_t.Z)(pe=>function Fr(p,y,E,_,w,K,pe="emptyOnly"){return new kr(p,y,E,_,w,pe,K).recognize()}(p,y,E,_,pe.extractedUrl,w,K).pipe((0,xe.T)(({state:lt,tree:zt})=>({...pe,targetSnapshot:lt,urlAfterRedirects:zt}))))}(this.environmentInjector,this.configLoader,this.rootComponentType,_.config,this.urlSerializer,_.paramsInheritanceStrategy),(0,le.M)(yi=>{pe.targetSnapshot=yi.targetSnapshot,pe.urlAfterRedirects=yi.urlAfterRedirects,this.currentNavigation={...this.currentNavigation,finalUrl:yi.urlAfterRedirects};const Oo=new Di(yi.id,this.urlSerializer.serialize(yi.extractedUrl),this.urlSerializer.serialize(yi.urlAfterRedirects),yi.targetSnapshot);this.events.next(Oo)}));if(Mi&&_.urlHandlingStrategy.shouldProcessUrl(Mt.currentRawUrl)){const{id:yi,extractedUrl:Oo,source:Cr,restoredState:Ki,extras:dr}=Mt,ji=new On(yi,this.urlSerializer.serialize(Oo),Cr,Ki);this.events.next(ji);const ks=io(0,this.rootComponentType).snapshot;return this.currentTransition=pe={...Mt,targetSnapshot:ks,urlAfterRedirects:Oo,extras:{...dr,skipLocationChange:!1,replaceUrl:!1}},(0,$.of)(pe)}{const yi="";return this.events.next(new Rn(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),yi,1)),Mt.resolve(null),Ae.w}}),(0,le.M)(Mt=>{const un=new $i(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),this.urlSerializer.serialize(Mt.urlAfterRedirects),Mt.targetSnapshot);this.events.next(un)}),(0,xe.T)(Mt=>(this.currentTransition=pe={...Mt,guards:T(Mt.targetSnapshot,Mt.currentSnapshot,this.rootContexts)},pe)),function Ie(p,y){return(0,_t.Z)(E=>{const{targetSnapshot:_,currentSnapshot:w,guards:{canActivateChecks:K,canDeactivateChecks:pe}}=E;return 0===pe.length&&0===K.length?(0,$.of)({...E,guardsResult:!0}):function Gt(p,y,E,_){return(0,X.H)(p).pipe((0,_t.Z)(w=>function po(p,y,E,_,w){const K=y&&y.routeConfig?y.routeConfig.canDeactivate:null;if(!K||0===K.length)return(0,$.of)(!0);const pe=K.map(lt=>{var zt;const Mt=null!==(zt=To(y))&&void 0!==zt?zt:w,un=re(lt,Mt);return it(function vn(p){return p&&kt(p.canDeactivate)}(un)?un.canDeactivate(p,y,E,_):Mt.runInContext(()=>un(p,y,E,_))).pipe(Pt())});return(0,$.of)(pe).pipe(A())}(w.component,w.route,E,y,_)),Pt(w=>!0!==w,!0))}(pe,_,w,p).pipe((0,_t.Z)(lt=>lt&&function Cn(p){return"boolean"==typeof p}(lt)?function xn(p,y,E,_){return(0,X.H)(y).pipe((0,mt.H)(w=>(0,Q.x)(function fo(p,y){return null!==p&&y&&y(new lo(p)),(0,$.of)(!0)}(w.route.parent,_),function si(p,y){return null!==p&&y&&y(new Rr(p)),(0,$.of)(!0)}(w.route,_),function yo(p,y,E){const _=y[y.length-1],K=y.slice(0,y.length-1).reverse().map(pe=>function L(p){const y=p.routeConfig?p.routeConfig.canActivateChild:null;return y&&0!==y.length?{node:p,guards:y}:null}(pe)).filter(pe=>null!==pe).map(pe=>(0,ye.v)(()=>{const lt=pe.guards.map(zt=>{var Mt;const un=null!==(Mt=To(pe.node))&&void 0!==Mt?Mt:E,Nn=re(zt,un);return it(function Yn(p){return p&&kt(p.canActivateChild)}(Nn)?Nn.canActivateChild(_,p):un.runInContext(()=>Nn(_,p))).pipe(Pt())});return(0,$.of)(lt).pipe(A())}));return(0,$.of)(K).pipe(A())}(p,w.path,E),function Yi(p,y,E){const _=y.routeConfig?y.routeConfig.canActivate:null;if(!_||0===_.length)return(0,$.of)(!0);const w=_.map(K=>(0,ye.v)(()=>{var pe;const lt=null!==(pe=To(y))&&void 0!==pe?pe:E,zt=re(K,lt);return it(function ti(p){return p&&kt(p.canActivate)}(zt)?zt.canActivate(y,p):lt.runInContext(()=>zt(y,p))).pipe(Pt())}));return(0,$.of)(w).pipe(A())}(p,w.route,E))),Pt(w=>!0!==w,!0))}(_,K,p,y):(0,$.of)(lt)),(0,xe.T)(lt=>({...E,guardsResult:lt})))})}(this.environmentInjector,Mt=>this.events.next(Mt)),(0,le.M)(Mt=>{if(pe.guardsResult=Mt.guardsResult,Pn(Mt.guardsResult))throw gi(0,Mt.guardsResult);const un=new eo(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),this.urlSerializer.serialize(Mt.urlAfterRedirects),Mt.targetSnapshot,!!Mt.guardsResult);this.events.next(un)}),(0,tt.p)(Mt=>!!Mt.guardsResult||(this.cancelNavigationTransition(Mt,"",3),!1)),Fe(Mt=>{if(Mt.guards.canActivateChecks.length)return(0,$.of)(Mt).pipe((0,le.M)(un=>{const Nn=new mo(un.id,this.urlSerializer.serialize(un.extractedUrl),this.urlSerializer.serialize(un.urlAfterRedirects),un.targetSnapshot);this.events.next(Nn)}),(0,Xe.n)(un=>{let Nn=!1;return(0,$.of)(un).pipe(function ts(p,y){return(0,_t.Z)(E=>{const{targetSnapshot:_,guards:{canActivateChecks:w}}=E;if(!w.length)return(0,$.of)(E);let K=0;return(0,X.H)(w).pipe((0,mt.H)(pe=>function ws(p,y,E,_){const w=p.routeConfig,K=p._resolve;return void 0!==(null==w?void 0:w.title)&&!F(w)&&(K[Ke]=w.title),function Wr(p,y,E,_){const w=function fs(p){return[...Object.keys(p),...Object.getOwnPropertySymbols(p)]}(p);if(0===w.length)return(0,$.of)({});const K={};return(0,X.H)(w).pipe((0,_t.Z)(pe=>function b(p,y,E,_){var w;const K=null!==(w=To(y))&&void 0!==w?w:_,pe=re(p,K);return it(pe.resolve?pe.resolve(y,E):K.runInContext(()=>pe(y,E)))}(p[pe],y,E,_).pipe(Pt(),(0,le.M)(lt=>{K[pe]=lt}))),Z(1),(0,de.u)(K),(0,H.W)(pe=>I(pe)?Ae.w:(0,ee.$)(pe)))}(K,p,y,_).pipe((0,xe.T)(pe=>(p._resolvedData=pe,p.data=Jo(p,E).resolve,w&&F(w)&&(p.data[Ke]=w.title),null)))}(pe.route,_,p,y)),(0,le.M)(()=>K++),Z(1),(0,_t.Z)(pe=>K===w.length?(0,$.of)(E):Ae.w))})}(_.paramsInheritanceStrategy,this.environmentInjector),(0,le.M)({next:()=>Nn=!0,complete:()=>{Nn||this.cancelNavigationTransition(un,"",2)}}))}),(0,le.M)(un=>{const Nn=new Lo(un.id,this.urlSerializer.serialize(un.extractedUrl),this.urlSerializer.serialize(un.urlAfterRedirects),un.targetSnapshot);this.events.next(Nn)}))}),Fe(Mt=>{const un=Nn=>{var Mi;const bo=[];null!==(Mi=Nn.routeConfig)&&void 0!==Mi&&Mi.loadComponent&&!Nn.routeConfig._loadedComponent&&bo.push(this.configLoader.loadComponent(Nn.routeConfig).pipe((0,le.M)(yi=>{Nn.component=yi}),(0,xe.T)(()=>{})));for(const yi of Nn.children)bo.push(...un(yi));return bo};return(0,J.z)(un(Mt.targetSnapshot.root)).pipe((0,Ht.U)(),(0,Ge.s)(1))}),Fe(()=>this.afterPreactivation()),(0,xe.T)(Mt=>{const un=function kn(p,y,E){const _=Mn(p,y._root,E?E._root:void 0);return new Qi(_,y)}(_.routeReuseStrategy,Mt.targetSnapshot,Mt.currentRouterState);return this.currentTransition=pe={...Mt,targetRouterState:un},pe}),(0,le.M)(()=>{this.events.next(new Po)}),((p,y,E,_)=>(0,xe.T)(w=>(new ro(y,w.targetRouterState,w.currentRouterState,E,_).activate(p),w)))(this.rootContexts,_.routeReuseStrategy,Mt=>this.events.next(Mt),this.inputBindingEnabled),(0,Ge.s)(1),(0,le.M)({next:Mt=>{var un;lt=!0,this.lastSuccessfulNavigation=this.currentNavigation,this.events.next(new Wn(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),this.urlSerializer.serialize(Mt.urlAfterRedirects))),null===(un=_.titleStrategy)||void 0===un||un.updateTitle(Mt.targetRouterState.snapshot),Mt.resolve(!0)},complete:()=>{lt=!0}}),(0,Oe.Q)(this.transitionAbortSubject.pipe((0,le.M)(Mt=>{throw Mt}))),(0,te.j)(()=>{var Mt;lt||zt||this.cancelNavigationTransition(pe,"",1),(null===(Mt=this.currentNavigation)||void 0===Mt?void 0:Mt.id)===pe.id&&(this.currentNavigation=null)}),(0,H.W)(Mt=>{if(zt=!0,ei(Mt))this.events.next(new $n(pe.id,this.urlSerializer.serialize(pe.extractedUrl),Mt.message,Mt.cancellationCode)),function oi(p){return ei(p)&&Pn(p.url)}(Mt)?this.events.next(new zo(Mt.url)):pe.resolve(!1);else{var un;this.events.next(new Qn(pe.id,this.urlSerializer.serialize(pe.extractedUrl),Mt,null!==(un=pe.targetSnapshot)&&void 0!==un?un:void 0));try{pe.resolve(_.errorHandler(Mt))}catch(Nn){pe.reject(Nn)}}return Ae.w}))}))}cancelNavigationTransition(_,w,K){const pe=new $n(_.id,this.urlSerializer.serialize(_.extractedUrl),w,K);this.events.next(pe),_.resolve(!1)}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();function ai(p){return p!==Zt}let ui=(()=>{var p;class y{buildTitle(_){let w,K=_.root;for(;void 0!==K;){var pe;w=null!==(pe=this.getResolvedTitleForRoute(K))&&void 0!==pe?pe:w,K=K.children.find(lt=>lt.outlet===Re)}return w}getResolvedTitleForRoute(_){return _.data[Ke]}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return(0,t.WQX)(Xn)},providedIn:"root"}),y})(),Xn=(()=>{var p;class y extends ui{constructor(_){super(),this.title=_}updateTitle(_){const w=this.buildTitle(_);void 0!==w&&this.title.setTitle(w)}}return(p=y).\u0275fac=function(_){return new(_||p)(t.KVO(Le.hE))},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})(),Ni=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return(0,t.WQX)(qi)},providedIn:"root"}),y})();class Ti{shouldDetach(y){return!1}store(y,E){}shouldAttach(y){return!1}retrieve(y){return null}shouldReuseRoute(y,E){return y.routeConfig===E.routeConfig}}let qi=(()=>{var p;class y extends Ti{}return(p=y).\u0275fac=function(){let E;return function(w){return(E||(E=t.xGo(p)))(w||p)}}(),p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();const $o=new t.nKC("",{providedIn:"root",factory:()=>({})});let Ko=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return(0,t.WQX)(er)},providedIn:"root"}),y})(),er=(()=>{var p;class y{shouldProcessUrl(_){return!0}extract(_){return _}merge(_,w){return _}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();var ho=function(p){return p[p.COMPLETE=0]="COMPLETE",p[p.FAILED=1]="FAILED",p[p.REDIRECTING=2]="REDIRECTING",p}(ho||{});function Io(p){throw p}function mr(p,y,E){return y.parse("/")}const ba={paths:"exact",fragment:"ignored",matrixParams:"ignored",queryParams:"exact"},zi={paths:"subset",fragment:"ignored",matrixParams:"ignored",queryParams:"subset"};let ur=(()=>{var p;class y{get navigationId(){return this.navigationTransitions.navigationId}get browserPageId(){var _,w;return"computed"!==this.canceledNavigationResolution?this.currentPageId:null!==(_=null===(w=this.location.getState())||void 0===w?void 0:w.\u0275routerPageId)&&void 0!==_?_:this.currentPageId}get events(){return this._events}constructor(){var _,w;this.disposed=!1,this.currentPageId=0,this.console=(0,t.WQX)(t.H3F),this.isNgZoneEnabled=!1,this._events=new U.B,this.options=(0,t.WQX)($o,{optional:!0})||{},this.pendingTasks=(0,t.WQX)(t.$K3),this.errorHandler=this.options.errorHandler||Io,this.malformedUriErrorHandler=this.options.malformedUriErrorHandler||mr,this.navigated=!1,this.lastSuccessfulId=-1,this.urlHandlingStrategy=(0,t.WQX)(Ko),this.routeReuseStrategy=(0,t.WQX)(Ni),this.titleStrategy=(0,t.WQX)(ui),this.onSameUrlNavigation=this.options.onSameUrlNavigation||"ignore",this.paramsInheritanceStrategy=this.options.paramsInheritanceStrategy||"emptyOnly",this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.canceledNavigationResolution=this.options.canceledNavigationResolution||"replace",this.config=null!==(_=null===(w=(0,t.WQX)(O,{optional:!0}))||void 0===w?void 0:w.flat())&&void 0!==_?_:[],this.navigationTransitions=(0,t.WQX)(Un),this.urlSerializer=(0,t.WQX)(bi),this.location=(0,t.WQX)(Me.aZ),this.componentInputBindingEnabled=!!(0,t.WQX)(Kt,{optional:!0}),this.eventsSubscription=new j.yU,this.isNgZoneEnabled=(0,t.WQX)(t.SKi)instanceof t.SKi&&t.SKi.isInAngularZone(),this.resetConfig(this.config),this.currentUrlTree=new pn,this.rawUrlTree=this.currentUrlTree,this.browserUrlTree=this.currentUrlTree,this.routerState=io(0,null),this.navigationTransitions.setupNavigations(this,this.currentUrlTree,this.routerState).subscribe(K=>{this.lastSuccessfulId=K.id,this.currentPageId=this.browserPageId},K=>{this.console.warn("Unhandled Navigation Error: ".concat(K))}),this.subscribeToNavigationEvents()}subscribeToNavigationEvents(){const _=this.navigationTransitions.events.subscribe(w=>{try{const{currentTransition:K}=this.navigationTransitions;if(null===K)return void(Ho(w)&&this._events.next(w));if(w instanceof On)ai(K.source)&&(this.browserUrlTree=K.extractedUrl);else if(w instanceof Rn)this.rawUrlTree=K.rawUrl;else if(w instanceof Di){if("eager"===this.urlUpdateStrategy){if(!K.extras.skipLocationChange){const pe=this.urlHandlingStrategy.merge(K.urlAfterRedirects,K.rawUrl);this.setBrowserUrl(pe,K)}this.browserUrlTree=K.urlAfterRedirects}}else if(w instanceof Po)this.currentUrlTree=K.urlAfterRedirects,this.rawUrlTree=this.urlHandlingStrategy.merge(K.urlAfterRedirects,K.rawUrl),this.routerState=K.targetRouterState,"deferred"===this.urlUpdateStrategy&&(K.extras.skipLocationChange||this.setBrowserUrl(this.rawUrlTree,K),this.browserUrlTree=K.urlAfterRedirects);else if(w instanceof $n)0!==w.code&&1!==w.code&&(this.navigated=!0),(3===w.code||2===w.code)&&this.restoreHistory(K);else if(w instanceof zo){const pe=this.urlHandlingStrategy.merge(w.url,K.currentRawUrl),lt={skipLocationChange:K.extras.skipLocationChange,replaceUrl:"eager"===this.urlUpdateStrategy||ai(K.source)};this.scheduleNavigation(pe,Zt,null,lt,{resolve:K.resolve,reject:K.reject,promise:K.promise})}w instanceof Qn&&this.restoreHistory(K,!0),w instanceof Wn&&(this.navigated=!0),Ho(w)&&this._events.next(w)}catch(K){this.navigationTransitions.transitionAbortSubject.next(K)}});this.eventsSubscription.add(_)}resetRootComponentType(_){this.routerState.root.component=_,this.navigationTransitions.rootComponentType=_}initialNavigation(){if(this.setUpLocationChangeListener(),!this.navigationTransitions.hasRequestedNavigation){const _=this.location.getState();this.navigateToSyncWithBrowser(this.location.path(!0),Zt,_)}}setUpLocationChangeListener(){this.locationSubscription||(this.locationSubscription=this.location.subscribe(_=>{const w="popstate"===_.type?"popstate":"hashchange";"popstate"===w&&setTimeout(()=>{this.navigateToSyncWithBrowser(_.url,w,_.state)},0)}))}navigateToSyncWithBrowser(_,w,K){const pe={replaceUrl:!0},lt=null!=K&&K.navigationId?K:null;if(K){const Mt={...K};delete Mt.navigationId,delete Mt.\u0275routerPageId,0!==Object.keys(Mt).length&&(pe.state=Mt)}const zt=this.parseUrl(_);this.scheduleNavigation(zt,w,lt,pe)}get url(){return this.serializeUrl(this.currentUrlTree)}getCurrentNavigation(){return this.navigationTransitions.currentNavigation}get lastSuccessfulNavigation(){return this.navigationTransitions.lastSuccessfulNavigation}resetConfig(_){this.config=_.map(no),this.navigated=!1,this.lastSuccessfulId=-1}ngOnDestroy(){this.dispose()}dispose(){this.navigationTransitions.complete(),this.locationSubscription&&(this.locationSubscription.unsubscribe(),this.locationSubscription=void 0),this.disposed=!0,this.eventsSubscription.unsubscribe()}createUrlTree(_,w={}){const{relativeTo:K,queryParams:pe,fragment:lt,queryParamsHandling:zt,preserveFragment:Mt}=w,un=Mt?this.currentUrlTree.fragment:lt;let Mi,Nn=null;switch(zt){case"merge":Nn={...this.currentUrlTree.queryParams,...pe};break;case"preserve":Nn=this.currentUrlTree.queryParams;break;default:Nn=pe||null}null!==Nn&&(Nn=this.removeEmptyProps(Nn));try{Mi=Pi(K?K.snapshot:this.routerState.snapshot.root)}catch{("string"!=typeof _[0]||!_[0].startsWith("/"))&&(_=[]),Mi=this.currentUrlTree.root}return ri(Mi,_,Nn,null!=un?un:null)}navigateByUrl(_,w={skipLocationChange:!1}){const K=Pn(_)?_:this.parseUrl(_),pe=this.urlHandlingStrategy.merge(K,this.rawUrlTree);return this.scheduleNavigation(pe,Zt,null,w)}navigate(_,w={skipLocationChange:!1}){return function ps(p){for(let y=0;y<p.length;y++)if(null==p[y])throw new t.wOt(4008,!1)}(_),this.navigateByUrl(this.createUrlTree(_,w),w)}serializeUrl(_){return this.urlSerializer.serialize(_)}parseUrl(_){let w;try{w=this.urlSerializer.parse(_)}catch(K){w=this.malformedUriErrorHandler(K,this.urlSerializer,_)}return w}isActive(_,w){let K;if(K=!0===w?{...ba}:!1===w?{...zi}:w,Pn(_))return ae(this.currentUrlTree,_,K);const pe=this.parseUrl(_);return ae(this.currentUrlTree,pe,K)}removeEmptyProps(_){return Object.keys(_).reduce((w,K)=>{const pe=_[K];return null!=pe&&(w[K]=pe),w},{})}scheduleNavigation(_,w,K,pe,lt){if(this.disposed)return Promise.resolve(!1);let zt,Mt,un;lt?(zt=lt.resolve,Mt=lt.reject,un=lt.promise):un=new Promise((Mi,bo)=>{zt=Mi,Mt=bo});const Nn=this.pendingTasks.add();return function Ir(p,y){p.events.pipe((0,tt.p)(E=>E instanceof Wn||E instanceof $n||E instanceof Qn||E instanceof Rn),(0,xe.T)(E=>E instanceof Wn||E instanceof Rn?ho.COMPLETE:E instanceof $n&&(0===E.code||1===E.code)?ho.REDIRECTING:ho.FAILED),(0,tt.p)(E=>E!==ho.REDIRECTING),(0,Ge.s)(1)).subscribe(()=>{y()})}(this,()=>{queueMicrotask(()=>this.pendingTasks.remove(Nn))}),this.navigationTransitions.handleNavigationRequest({source:w,restoredState:K,currentUrlTree:this.currentUrlTree,currentRawUrl:this.currentUrlTree,currentBrowserUrl:this.browserUrlTree,rawUrl:_,extras:pe,resolve:zt,reject:Mt,promise:un,currentSnapshot:this.routerState.snapshot,currentRouterState:this.routerState}),un.catch(Mi=>Promise.reject(Mi))}setBrowserUrl(_,w){const K=this.urlSerializer.serialize(_);if(this.location.isCurrentPathEqualTo(K)||w.extras.replaceUrl){const lt={...w.extras.state,...this.generateNgRouterState(w.id,this.browserPageId)};this.location.replaceState(K,"",lt)}else{const pe={...w.extras.state,...this.generateNgRouterState(w.id,this.browserPageId+1)};this.location.go(K,"",pe)}}restoreHistory(_,w=!1){if("computed"===this.canceledNavigationResolution){var K;const lt=this.currentPageId-this.browserPageId;0!==lt?this.location.historyGo(lt):this.currentUrlTree===(null===(K=this.getCurrentNavigation())||void 0===K?void 0:K.finalUrl)&&0===lt&&(this.resetState(_),this.browserUrlTree=_.currentUrlTree,this.resetUrlToCurrentUrlTree())}else"replace"===this.canceledNavigationResolution&&(w&&this.resetState(_),this.resetUrlToCurrentUrlTree())}resetState(_){this.routerState=_.currentRouterState,this.currentUrlTree=_.currentUrlTree,this.rawUrlTree=this.urlHandlingStrategy.merge(this.currentUrlTree,_.rawUrl)}resetUrlToCurrentUrlTree(){this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree),"",this.generateNgRouterState(this.lastSuccessfulId,this.currentPageId))}generateNgRouterState(_,w){return"computed"===this.canceledNavigationResolution?{navigationId:_,\u0275routerPageId:w}:{navigationId:_}}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();function Ho(p){return!(p instanceof Po||p instanceof zo)}let hs=(()=>{var p;class y{constructor(_,w,K,pe,lt,zt){var Mt;this.router=_,this.route=w,this.tabIndexAttribute=K,this.renderer=pe,this.el=lt,this.locationStrategy=zt,this.href=null,this.commands=null,this.onChanges=new U.B,this.preserveFragment=!1,this.skipLocationChange=!1,this.replaceUrl=!1;const un=null===(Mt=lt.nativeElement.tagName)||void 0===Mt?void 0:Mt.toLowerCase();this.isAnchorElement="a"===un||"area"===un,this.isAnchorElement?this.subscription=_.events.subscribe(Nn=>{Nn instanceof Wn&&this.updateHref()}):this.setTabIndexIfNotOnNativeEl("0")}setTabIndexIfNotOnNativeEl(_){null!=this.tabIndexAttribute||this.isAnchorElement||this.applyAttributeValue("tabindex",_)}ngOnChanges(_){this.isAnchorElement&&this.updateHref(),this.onChanges.next(this)}set routerLink(_){null!=_?(this.commands=Array.isArray(_)?_:[_],this.setTabIndexIfNotOnNativeEl("0")):(this.commands=null,this.setTabIndexIfNotOnNativeEl(null))}onClick(_,w,K,pe,lt){return!!(null===this.urlTree||this.isAnchorElement&&(0!==_||w||K||pe||lt||"string"==typeof this.target&&"_self"!=this.target))||(this.router.navigateByUrl(this.urlTree,{skipLocationChange:this.skipLocationChange,replaceUrl:this.replaceUrl,state:this.state}),!this.isAnchorElement)}ngOnDestroy(){var _;null===(_=this.subscription)||void 0===_||_.unsubscribe()}updateHref(){var _;this.href=null!==this.urlTree&&this.locationStrategy?null===(_=this.locationStrategy)||void 0===_?void 0:_.prepareExternalUrl(this.router.serializeUrl(this.urlTree)):null;const w=null===this.href?null:(0,t.n$t)(this.href,this.el.nativeElement.tagName.toLowerCase(),"href");this.applyAttributeValue("href",w)}applyAttributeValue(_,w){const K=this.renderer,pe=this.el.nativeElement;null!==w?K.setAttribute(pe,_,w):K.removeAttribute(pe,_)}get urlTree(){return null===this.commands?null:this.router.createUrlTree(this.commands,{relativeTo:void 0!==this.relativeTo?this.relativeTo:this.route,queryParams:this.queryParams,fragment:this.fragment,queryParamsHandling:this.queryParamsHandling,preserveFragment:this.preserveFragment})}}return(p=y).\u0275fac=function(_){return new(_||p)(t.rXU(ur),t.rXU(oo),t.kS0("tabindex"),t.rXU(t.sFG),t.rXU(t.aKT),t.rXU(Me.hb))},p.\u0275dir=t.FsC({type:p,selectors:[["","routerLink",""]],hostVars:1,hostBindings:function(_,w){1&_&&t.bIt("click",function(pe){return w.onClick(pe.button,pe.ctrlKey,pe.shiftKey,pe.altKey,pe.metaKey)}),2&_&&t.BMQ("target",w.target)},inputs:{target:"target",queryParams:"queryParams",fragment:"fragment",queryParamsHandling:"queryParamsHandling",state:"state",relativeTo:"relativeTo",preserveFragment:["preserveFragment","preserveFragment",t.L39],skipLocationChange:["skipLocationChange","skipLocationChange",t.L39],replaceUrl:["replaceUrl","replaceUrl",t.L39],routerLink:"routerLink"},standalone:!0,features:[t.GFd,t.OA$]}),y})(),ns=(()=>{var p;class y{get isActive(){return this._isActive}constructor(_,w,K,pe,lt){this.router=_,this.element=w,this.renderer=K,this.cdr=pe,this.link=lt,this.classes=[],this._isActive=!1,this.routerLinkActiveOptions={exact:!1},this.isActiveChange=new t.bkB,this.routerEventsSubscription=_.events.subscribe(zt=>{zt instanceof Wn&&this.update()})}ngAfterContentInit(){(0,$.of)(this.links.changes,(0,$.of)(null)).pipe((0,Ne.U)()).subscribe(_=>{this.update(),this.subscribeToEachLinkOnChanges()})}subscribeToEachLinkOnChanges(){var _;null===(_=this.linkInputChangesSubscription)||void 0===_||_.unsubscribe();const w=[...this.links.toArray(),this.link].filter(K=>!!K).map(K=>K.onChanges);this.linkInputChangesSubscription=(0,X.H)(w).pipe((0,Ne.U)()).subscribe(K=>{this._isActive!==this.isLinkActive(this.router)(K)&&this.update()})}set routerLinkActive(_){const w=Array.isArray(_)?_:_.split(" ");this.classes=w.filter(K=>!!K)}ngOnChanges(_){this.update()}ngOnDestroy(){var _;this.routerEventsSubscription.unsubscribe(),null===(_=this.linkInputChangesSubscription)||void 0===_||_.unsubscribe()}update(){!this.links||!this.router.navigated||queueMicrotask(()=>{const _=this.hasActiveLinks();this._isActive!==_&&(this._isActive=_,this.cdr.markForCheck(),this.classes.forEach(w=>{_?this.renderer.addClass(this.element.nativeElement,w):this.renderer.removeClass(this.element.nativeElement,w)}),_&&void 0!==this.ariaCurrentWhenActive?this.renderer.setAttribute(this.element.nativeElement,"aria-current",this.ariaCurrentWhenActive.toString()):this.renderer.removeAttribute(this.element.nativeElement,"aria-current"),this.isActiveChange.emit(_))})}isLinkActive(_){const w=function Vr(p){return!!p.paths}(this.routerLinkActiveOptions)?this.routerLinkActiveOptions:this.routerLinkActiveOptions.exact||!1;return K=>!!K.urlTree&&_.isActive(K.urlTree,w)}hasActiveLinks(){const _=this.isLinkActive(this.router);return this.link&&_(this.link)||this.links.some(_)}}return(p=y).\u0275fac=function(_){return new(_||p)(t.rXU(ur),t.rXU(t.aKT),t.rXU(t.sFG),t.rXU(t.gRc),t.rXU(hs,8))},p.\u0275dir=t.FsC({type:p,selectors:[["","routerLinkActive",""]],contentQueries:function(_,w,K){if(1&_&&t.wni(K,hs,5),2&_){let pe;t.mGM(pe=t.lsd())&&(w.links=pe)}},inputs:{routerLinkActiveOptions:"routerLinkActiveOptions",ariaCurrentWhenActive:"ariaCurrentWhenActive",routerLinkActive:"routerLinkActive"},outputs:{isActiveChange:"isActiveChange"},exportAs:["routerLinkActive"],standalone:!0,features:[t.OA$]}),y})();const cr=new t.nKC("");let gs=(()=>{var p;class y{constructor(_,w,K,pe,lt={}){this.urlSerializer=_,this.transitions=w,this.viewportScroller=K,this.zone=pe,this.options=lt,this.lastId=0,this.lastSource="imperative",this.restoredId=0,this.store={},lt.scrollPositionRestoration=lt.scrollPositionRestoration||"disabled",lt.anchorScrolling=lt.anchorScrolling||"disabled"}init(){"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.setHistoryScrollRestoration("manual"),this.routerEventsSubscription=this.createScrollEvents(),this.scrollEventsSubscription=this.consumeScrollEvents()}createScrollEvents(){return this.transitions.events.subscribe(_=>{_ instanceof On?(this.store[this.lastId]=this.viewportScroller.getScrollPosition(),this.lastSource=_.navigationTrigger,this.restoredId=_.restoredState?_.restoredState.navigationId:0):_ instanceof Wn?(this.lastId=_.id,this.scheduleScrollEvent(_,this.urlSerializer.parse(_.urlAfterRedirects).fragment)):_ instanceof Rn&&0===_.code&&(this.lastSource=void 0,this.restoredId=0,this.scheduleScrollEvent(_,this.urlSerializer.parse(_.url).fragment))})}consumeScrollEvents(){return this.transitions.events.subscribe(_=>{_ instanceof hr&&(_.position?"top"===this.options.scrollPositionRestoration?this.viewportScroller.scrollToPosition([0,0]):"enabled"===this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition(_.position):_.anchor&&"enabled"===this.options.anchorScrolling?this.viewportScroller.scrollToAnchor(_.anchor):"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition([0,0]))})}scheduleScrollEvent(_,w){this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.zone.run(()=>{this.transitions.events.next(new hr(_,"popstate"===this.lastSource?this.store[this.restoredId]:null,w))})},0)})}ngOnDestroy(){var _,w;null===(_=this.routerEventsSubscription)||void 0===_||_.unsubscribe(),null===(w=this.scrollEventsSubscription)||void 0===w||w.unsubscribe()}}return(p=y).\u0275fac=function(_){t.QTQ()},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac}),y})();function Os(p,...y){return(0,t.EmA)([{provide:O,multi:!0,useValue:p},[],{provide:oo,useFactory:ms,deps:[ur]},{provide:t.iLQ,multi:!0,useFactory:As},y.map(E=>E.\u0275providers)])}function ms(p){return p.routerState.root}function _s(p={}){return function _r(p,y){return{\u0275kind:p,\u0275providers:y}}(4,[{provide:cr,useFactory:()=>{const E=(0,t.WQX)(Me.Xr),_=(0,t.WQX)(t.SKi),w=(0,t.WQX)(Un),K=(0,t.WQX)(bi);return new gs(K,w,E,_,p)}}])}function As(){const p=(0,t.WQX)(t.zZn);return y=>{var E,_;const w=p.get(t.o8S);if(y!==w.components[0])return;const K=p.get(ur),pe=p.get(qs);1===p.get(Gr)&&K.initialNavigation(),null===(E=p.get(vs,null,t.$GK.Optional))||void 0===E||E.setUpPreloading(),null===(_=p.get(cr,null,t.$GK.Optional))||void 0===_||_.init(),K.resetRootComponentType(w.componentTypes[0]),pe.closed||(pe.next(),pe.complete(),pe.unsubscribe())}}const qs=new t.nKC("",{factory:()=>new U.B}),Gr=new t.nKC("",{providedIn:"root",factory:()=>1}),vs=new t.nKC("")},3241:(wt,ke,u)=>{u.d(ke,{OX:()=>ye,Qc:()=>J,Rp:()=>at,Zp:()=>Ne,fc:()=>Me,zz:()=>Xe});var t=u(2978),c=u(9406),S=u(7782),N=u(8129),X=u(965),$=u(3527),W=u(3793),se=u(6661),ne=u(6610);const J=new t.nKC("[WA_WINDOW]",{factory:()=>{const{defaultView:Re}=(0,t.WQX)(ne.qQ);if(!Re)throw new Error("Window is not available");return Re}}),Q=J,ye=new t.nKC("[WA_ANIMATION_FRAME]",{factory:()=>{const{requestAnimationFrame:Re,cancelAnimationFrame:Ke}=(0,t.WQX)(Q);return new c.c(Rt=>{let Yt=NaN;const Xt=sn=>{Rt.next(sn),Yt=Re(Xt)};return Yt=Re(Xt),()=>{Ke(Yt)}}).pipe((0,S.u)())}}),Me=(new t.nKC("[WA_CACHES]",{factory:()=>(0,t.WQX)(Q).caches}),new t.nKC("[WA_CRYPTO]",{factory:()=>(0,t.WQX)(Q).crypto}),new t.nKC("[WA_CSS]",{factory:()=>{var Re;return null!==(Re=(0,t.WQX)(Q).CSS)&&void 0!==Re?Re:{escape:Ke=>Ke,supports:()=>!1}}}),new t.nKC("[WA_HISTORY]",{factory:()=>(0,t.WQX)(Q).history}),new t.nKC("[WA_LOCAL_STORAGE]",{factory:()=>(0,t.WQX)(Q).localStorage})),Xe=new t.nKC("[WA_LOCATION]",{factory:()=>(0,t.WQX)(Q).location}),at=new t.nKC("[WA_NAVIGATOR]",{factory:()=>(0,t.WQX)(Q).navigator}),tt=at,Ne=(new t.nKC("[WA_MEDIA_DEVICES]",{factory:()=>(0,t.WQX)(tt).mediaDevices}),new t.nKC("[WA_NETWORK_INFORMATION]",{factory:()=>(0,t.WQX)(at).connection||null}),new t.nKC("[WA_PAGE_VISIBILITY]",{factory:()=>{const Re=(0,t.WQX)(ne.qQ);return(0,N.R)(Re,"visibilitychange").pipe((0,X.Z)(0),(0,$.T)(()=>"hidden"!==Re.visibilityState),(0,W.F)(),(0,se.t)({refCount:!1,bufferSize:1}))}}),new t.nKC("[WA_PERFORMANCE]",{factory:()=>(0,t.WQX)(Q).performance}),new t.nKC("[WA_SCREEN]",{factory:()=>(0,t.WQX)(Q).screen}),new t.nKC("[WA_SESSION_STORAGE]",{factory:()=>(0,t.WQX)(Q).sessionStorage}),new t.nKC("[WA_SPEECH_RECOGNITION]: [SPEECH_RECOGNITION]",{factory:()=>{const Re=(0,t.WQX)(Q);return Re.speechRecognition||Re.webkitSpeechRecognition||null}}),new t.nKC("[WA_SPEECH_SYNTHESIS]",{factory:()=>(0,t.WQX)(Q).speechSynthesis}),new t.nKC("[WA_USER_AGENT]",{factory:()=>(0,t.WQX)(tt).userAgent}))},5851:(wt,ke,u)=>{u.d(ke,{DQ:()=>Q,ke:()=>J});var t=u(1423),c=u(2978),S=u(9406),N=u(3241);const X=typeof ResizeObserver<"u"?ResizeObserver:class{observe(){}unobserve(){}disconnect(){}},W="content-box",ne=new c.nKC("[WA_RESIZE_OPTION_BOX]",{providedIn:"root",factory:()=>W});let J=(()=>{var Ae;class j extends S.c{constructor(){const Be=(0,c.WQX)(c.aKT).nativeElement,nt=(0,c.WQX)(ne);super(Ue=>{const U=new X(Me=>Ue.next(Me));return U.observe(Be,{box:nt}),()=>{U.disconnect()}})}}return Ae=j,(0,t.A)(j,"\u0275fac",function(Be){return new(Be||Ae)}),(0,t.A)(j,"\u0275prov",c.jDH({token:Ae,factory:Ae.\u0275fac})),j})(),Q=(()=>{var Ae;class j{constructor(){(0,t.A)(this,"waResizeObserver",(0,c.WQX)(J)),(0,t.A)(this,"box",W)}}return Ae=j,(0,t.A)(j,"\u0275fac",function(Be){return new(Be||Ae)}),(0,t.A)(j,"\u0275dir",c.FsC({type:Ae,selectors:[["","waResizeObserver",""]],inputs:{waResizeBox:["box","waResizeBox"]},outputs:{waResizeObserver:"waResizeObserver"},standalone:!0,features:[c.Jv_([J,{provide:ne,useFactory:()=>(0,c.WQX)(c.aKT).nativeElement.getAttribute("waResizeBox")||W}])]})),j})();new c.nKC("[WA_RESIZE_OBSERVER_SUPPORT]",{providedIn:"root",factory:()=>!!(0,c.WQX)(N.Qc).ResizeObserver})},1872:(wt,ke,u)=>{u.d(ke,{MN:()=>jl,aD:()=>Fu,FC:()=>Kl,df:()=>kd,FS:()=>Va,gf:()=>zd,e3:()=>Uu,ic:()=>Vu,Yh:()=>Ql});var t=u(2978),c=u(2748),S=u(6610),N=u(8832),X=u(4712),$=u(2734),W=u(4822);let se=(()=>{var l;class x{constructor(){return this.nativeElement=(0,W.qW)(),new t.aKT(this.nativeElement)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiElement",""]],exportAs:["elementRef"],standalone:!0}),x})();var ne=u(5180),J=u(8598),Q=u(5173),ye=u(9141),be=u(7434),ee=u(4314),Ae=u(1028);function j(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function oe(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",4,5),t.bIt("click",function(){const ue=t.eBV(g).$implicit,st=t.XpG(2);return t.Njj(st.itemClick.emit(ue))}),t.j41(2,"span",6),t.DNE(3,j,2,1,"ng-container",7),t.k0s()()}if(2&l){const g=x.$implicit,f=t.sdS(1),D=t.XpG(2);t.Y8G("disabled",D.disabledItemHandler(g))("value",g),t.R7$(3),t.Y8G("polymorpheusOutlet",D.itemContent)("polymorpheusOutletContext",D.getContext(g,f))}}function Be(l,x){if(1&l&&(t.j41(0,"tui-data-list",2),t.DNE(1,oe,4,4,"button",3),t.k0s()),2&l){const g=t.XpG();t.Y8G("emptyContent",g.emptyContent)("size",g.size),t.R7$(1),t.Y8G("ngForOf",g.$cast(g.items))}}function nt(l,x){1&l&&t.nrm(0,"tui-loader",8)}const Ue=["labels",""];function U(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Me(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",6,7),t.bIt("click",function(){const ue=t.eBV(g).$implicit,st=t.XpG(3);return t.Njj(st.itemClick.emit(ue))}),t.DNE(2,U,2,1,"ng-container",8),t.k0s()}if(2&l){const g=x.$implicit,f=t.sdS(1),D=t.XpG(3);t.Y8G("disabled",D.disabledItemHandler(g))("value",g),t.R7$(2),t.Y8G("polymorpheusOutlet",D.itemContent)("polymorpheusOutletContext",D.getContext(g,f))}}function xe(l,x){if(1&l&&(t.j41(0,"tui-opt-group",4),t.DNE(1,Me,3,4,"button",5),t.k0s()),2&l){const g=x.$implicit,f=x.index,D=t.XpG(2);t.Y8G("label",D.labels[f]),t.R7$(1),t.Y8G("ngForOf",g)}}function Xe(l,x){if(1&l&&(t.j41(0,"tui-data-list",2),t.DNE(1,xe,2,2,"tui-opt-group",3),t.k0s()),2&l){const g=t.XpG();t.Y8G("emptyContent",g.emptyContent)("size",g.size),t.R7$(1),t.Y8G("ngForOf",g.items)}}function Ge(l,x){1&l&&t.nrm(0,"tui-loader",9)}let tt=(()=>{var l;class x{constructor(){this.itemsHandlers=(0,t.WQX)(Ae.E4),this.optionsQuery=ye.xQ,this.items=[],this.disabledItemHandler=this.itemsHandlers.disabledItemHandler,this.size=(0,ne.pQ)(),this.itemClick=new t.bkB,this.itemContent=({$implicit:f})=>this.itemsHandlers.stringify(f)}getContext(f,{nativeElement:D}){return{$implicit:f,active:(0,be.X)(D)}}getOptions(f=!1){return this.optionsQuery.filter(({disabled:D})=>f||!D).map(({value:D})=>D).filter(ee.Aj)}$cast(f){return f}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-data-list-wrapper",3,"labels",""]],viewQuery:function(f,D){if(1&f&&t.GBs(ne.aO,5),2&f){let ue;t.mGM(ue=t.lsd())&&(D.optionsQuery=ue)}},inputs:{items:"items",disabledItemHandler:"disabledItemHandler",emptyContent:"emptyContent",size:"size",itemContent:"itemContent"},outputs:{itemClick:"itemClick"},standalone:!0,features:[t.Jv_([(0,ne.WD)(l)]),t.aNF],decls:3,vars:2,consts:[[3,"emptyContent","size",4,"ngIf","ngIfElse"],["loading",""],[3,"emptyContent","size"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click",4,"ngFor","ngForOf"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click"],["elementRef","elementRef"],[1,"t-content"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-data-list-wrapper__loader",1,"t-loader"]],template:function(f,D){if(1&f&&(t.DNE(0,Be,2,3,"tui-data-list",0),t.DNE(1,nt,1,0,"ng-template",null,1,t.C5r)),2&f){const ue=t.sdS(2);t.Y8G("ngIf",D.items)("ngIfElse",ue)}},dependencies:[S.Sq,S.bT,Q.xr,ne.uE,ne.aO,se,J.ap],styles:["[_nghost-%COMP%]{display:block}.t-content[_ngcontent-%COMP%]{flex:1}.t-loader[_ngcontent-%COMP%]{margin:.75rem 0}"],changeDetection:0}),x})(),_t=(()=>{var l;class x extends tt{constructor(){super(...arguments),this.labels=[]}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275cmp=t.VBU({type:l,selectors:[["tui-data-list-wrapper","labels",""]],inputs:{labels:"labels"},standalone:!0,features:[t.Jv_([(0,ne.WD)(l)]),t.Vt3,t.aNF],attrs:Ue,decls:3,vars:2,consts:[[3,"emptyContent","size",4,"ngIf","ngIfElse"],["loading",""],[3,"emptyContent","size"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click",4,"ngFor","ngForOf"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click"],["elementRef","elementRef"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-loader"]],template:function(f,D){if(1&f&&(t.DNE(0,Xe,2,3,"tui-data-list",0),t.DNE(1,Ge,1,0,"ng-template",null,1,t.C5r)),2&f){const ue=t.sdS(2);t.Y8G("ngIf",D.items)("ngIfElse",ue)}},dependencies:[S.Sq,S.bT,Q.xr,ne.uE,ne.aO,ne.Ji,se,J.ap],styles:["[_nghost-%COMP%]{display:block}.t-content[_ngcontent-%COMP%]{flex:1}.t-loader[_ngcontent-%COMP%]{margin:.75rem 0}"],changeDetection:0}),x})();var Wt=u(958),Tt=u(8395),Ot=u(656);const Pt=["type","checkbox","tuiSwitch",""],mt={showIcons:!0,size:"m",icon:"@tui.check",appearance:l=>l.checked?"primary":"secondary"},le=(0,ee.gc)(mt);function H(l){return(0,ee.eC)(le,l,mt)}let ce=(()=>{var l;class x{constructor(){this.appearance=(0,t.WQX)(Tt.bC),this.resolver=(0,Ot.XA)(),this.options=(0,t.WQX)(le),this.el=(0,W.qW)(),this.control=(0,t.WQX)(N.vO,{self:!0,optional:!0}),this.size=this.options.size,this.showIcons=this.options.showIcons}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}get icon(){const{options:f,resolver:D,size:ue}=this,st=(0,ee.YB)(f.icon)?f.icon:f.icon(ue);return this.showIcons&&st?"url(".concat(D(st),")"):null}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["input","type","checkbox","tuiSwitch",""]],hostAttrs:["role","switch"],hostVars:6,hostBindings:function(f,D){2&f&&(t.Mr5("disabled",!D.control||D.control.disabled),t.BMQ("data-size",D.size),t.xc7("--t-checked-icon",D.icon),t.AVh("_readonly",!D.control))},inputs:{size:"size",showIcons:"showIcons"},standalone:!0,features:[t.aNF,t.nM4([Tt.tF,Wt.W])],attrs:Pt,decls:0,vars:0,template:function(f,D){},styles:['[tuiSwitch]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitch][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem currentColor;outline-width:.167rem;transform:scale(.375)}[tuiSwitch][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitch]:checked:before{transform:none}[tuiSwitch]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitch]:disabled._readonly{opacity:1}[tuiSwitch]:before,[tuiSwitch]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;block-size:100%;inline-size:1.5rem}[tuiSwitch]:before{display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitch]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem currentColor;outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}\n'],encapsulation:2,changeDetection:0}),x})();var k=u(3279);const Z=(0,ee.gc)("@tui.chevron-down");let ie=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["ng-component"]],hostAttrs:[1,"tui-chevron"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(f,D){},styles:["[tuiChevron][tuiIcons]:after,tui-icon[tuiChevron]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-block;cursor:pointer}[tuiChevron][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevron]._chevron-rotated:after{transform:rotate(180deg)}\n"],encapsulation:2,changeDetection:0}),x})(),de=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.dropdown=(0,t.WQX)(k.pU,{optional:!0}),this.nothing=(0,ee.Ty)(ie),this.toggle=(0,t.QZP)(()=>{var f;return this.el.classList.toggle("_chevron-rotated",this.chevron()||""===this.chevron()&&!(null===(f=this.dropdown)||void 0===f||!f.ref()))}),this.chevron=(0,t.vPA)("")}set tuiChevron(f){this.chevron.set(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiChevron",""]],hostAttrs:["tuiChevron",""],inputs:{tuiChevron:"tuiChevron"},standalone:!0,features:[t.Jv_([(0,ee.QU)(Ot.TN,Z)])]}),x})();var te=u(7270),Oe=u(7212),Ne=u(168),Le=u(4976),Re=u(811),Ke=u(712);var sn=u(9702),Ln=u(5014),tn=u(4225),it=u(7492),Ye=u(1623),ct=u(8844),ae=u(4135);function he(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function We(l,x){if(1&l&&(t.j41(0,"div",6),t.DNE(1,he,2,1,"ng-container",7),t.k0s()),2&l){t.XpG();const g=t.sdS(9);t.R7$(1),t.Y8G("polymorpheusOutlet",g)}}function vt(l,x){if(1&l){const g=t.RV6();t.j41(0,"section",8)(1,"button",9),t.bIt("click.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrow(D.step))})("mousedown.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(null==D.nativeFocusableElement?null:D.nativeFocusableElement.focus())}),t.EFF(2," + "),t.k0s(),t.j41(3,"button",9),t.bIt("click.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrow(-D.step))})("mousedown.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(null==D.nativeFocusableElement?null:D.nativeFocusableElement.focus())}),t.EFF(4," - "),t.k0s()()}if(2&l){const g=t.XpG(),f=t.sdS(1);t.R7$(1),t.Y8G("appearance",f.appearance)("disabled",!g.canIncrement)("iconStart",g.icons.up),t.R7$(2),t.Y8G("appearance",f.appearance)("disabled",!g.canDecrement)("iconStart",g.icons.down)}}function Vt(l,x){1&l&&t.eu8(0)}function dn(l,x){1&l&&t.SdG(0,2)}const Dn=["*",[["input"]],[["tuiContent"]]],pn=["*","input","tuiContent"],Zi=(0,ee.gc)({icons:{up:"@tui.plus",down:"@tui.minus"},min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,step:0}),Hn=new t.nKC("");let bi=(()=>{var l;class x extends sn.jc{constructor(){super(...arguments),this.isIOS=(0,t.WQX)(Re.mg),this.textfieldSize=(0,t.WQX)(tn.tI),this.options=(0,t.WQX)(Zi),this.unfinishedValue="",this.polymorpheusValueContent=ye.xQ,this.valueTransformer=(0,t.WQX)(Hn,{optional:!0}),this.numberFormat=Ot.RK,this.controller=(0,t.WQX)(tn.xX),this.numberFormat$=(0,t.WQX)(Ot.t9).pipe((0,Le.Eb)(this.cdr),(0,Oe.pQ)()).subscribe(f=>{this.numberFormat=f}),this.min=this.options.min,this.max=this.options.max,this.step=this.options.step}get nativeFocusableElement(){return!this.textfield||this.computedDisabled?null:this.textfield.nativeFocusableElement}get focused(){var f;return!(null===(f=this.textfield)||void 0===f||!f.focused)}get inputMode(){return this.isIOS&&this.isNegativeAllowed?"text":this.precision?"decimal":"numeric"}get calculatedMaxLength(){return 18+(this.precision&&this.nativeValue.includes(this.numberFormat.decimalSeparator)?Math.min(this.precision+1,20):0)+this.numberFormat.thousandSeparator.repeat(5).length}get computedValue(){return this.focused?this.nativeValue:this.formattedValue}onValueChange(f){const D=(0,Ne.VM)(f,this.numberFormat.decimalSeparator);if(this.unfinishedValue=null,!Number.isNaN(D))return this.isNativeValueNotFinished?(this.unfinishedValue=f,void this.cdr.markForCheck()):void(D<this.computedMin||D>this.computedMax||(this.value=D));this.value=null}writeValue(f){super.writeValue(f),this.nativeValue=this.formattedValue}get size(){return this.textfieldSize.size}get icons(){return this.options.icons}get computedMin(){return this.computeMin(this.min,this.max)}get computedMax(){return this.computeMax(this.min,this.max)}get isNegativeAllowed(){return this.computedMin<0}get formattedValue(){return null!==this.value?this.getFormattedValue(this.value||0):""}get canDecrement(){return this.interactive&&(this.value||0)>this.computedMin}get canIncrement(){return this.interactive&&(this.value||0)<this.computedMax}get computedPrefix(){return this.controller.prefix}get computedPostfix(){const f=this.controller.postfix;return f&&" ".concat(f)}get mask(){return this.calculateMask(this.precision,this.numberFormat.decimalMode,this.numberFormat.decimalSeparator,this.numberFormat.thousandSeparator,this.computedMin,this.computedMax,this.computedPrefix,this.computedPostfix)}get nativeValue(){var f;return(null===(f=this.nativeFocusableElement)||void 0===f?void 0:f.value)||""}set nativeValue(f){!this.textfield||!this.nativeFocusableElement||(this.textfield.value=f,this.nativeFocusableElement.value=f)}onArrow(f){f&&(this.value=(0,Ke.wN)((this.value||0)+f,this.computedMin,this.computedMax),this.nativeValue=this.formattedValue)}onFocused(f){this.updateFocused(f);const D=this.unfinishedValue?(0,Ne.VM)(this.unfinishedValue,this.numberFormat.decimalSeparator):this.nativeNumberValue;if(this.unfinishedValue=null,Number.isNaN(D))return this.nativeValue=f&&!this.readOnly?this.computedPrefix+this.computedPostfix:"",void(this.value=null);f||(this.value=D,this.nativeValue=this.formattedValue)}getFormattedValue(f){return this.computedPrefix+function Yt(l,x={}){const{precision:g,decimalSeparator:f,thousandSeparator:D,decimalMode:ue,rounding:st}={...Ot.RK,decimalMode:"always",precision:1/0,...x},Tn=Number.isFinite(g)?(0,Ke.Vj)({value:l,precision:g,method:st}):l,Jn=String(Math.floor(Math.abs(Tn)));let Wi=function Rt(l,x){const[,g=""]=function Dt(l){const x=String(l),[g,f]=x.split("e-");let D=x;if(f){var ue;const[,st=""]=null!==(ue=null==g?void 0:g.split("."))&&void 0!==ue?ue:[],Tn=Number(f)+((null==st?void 0:st.length)||0);D=l.toFixed(Tn)}return D}(l).split(".");return(0,ee.sZ)(x)?g.slice(0,Math.max(0,x)):g}(Tn,g);const Qo=Number(Wi)>0;if(Number.isFinite(g))if("always"===ue||Qo&&"pad"===ue){const Er=Math.max(g-Wi.length,0),za="0".repeat(Er);Wi="".concat(Wi).concat(za)}else Wi=Wi.replace(/0*$/,"");const Yr=Jn.length%3;let Zr=(l<0?ye.SD:"")+Jn.charAt(0);for(let Er=1;Er<Jn.length;Er++)Er%3===Yr&&Jn.length>3&&(Zr+=D),Zr+=Jn.charAt(Er);return Wi?Zr+f+Wi:Zr}(f,{...this.numberFormat,precision:this.precision}).replace(ye.SD,ye.el)+this.computedPostfix}get isNativeValueNotFinished(){const f=this.nativeNumberValue;return f<0?f>this.computedMax:f<this.computedMin}get nativeNumberValue(){return(0,Ne.VM)(this.nativeValue,this.numberFormat.decimalSeparator)}get precision(){return Number.isNaN(this.numberFormat.precision)?2:this.numberFormat.precision}computeMin(f,D){var ue,st,Tn,Jn,Wi,Qo;return Math.min(null!==(ue=null!==(st=null===(Tn=this.valueTransformer)||void 0===Tn?void 0:Tn.fromControlValue(f))&&void 0!==st?st:f)&&void 0!==ue?ue:this.options.min,null!==(Jn=null!==(Wi=null===(Qo=this.valueTransformer)||void 0===Qo?void 0:Qo.fromControlValue(D))&&void 0!==Wi?Wi:D)&&void 0!==Jn?Jn:this.options.max)}computeMax(f,D){var ue,st,Tn,Jn,Wi,Qo;return Math.max(null!==(ue=null!==(st=null===(Tn=this.valueTransformer)||void 0===Tn?void 0:Tn.fromControlValue(f))&&void 0!==st?st:f)&&void 0!==ue?ue:this.options.min,null!==(Jn=null!==(Wi=null===(Qo=this.valueTransformer)||void 0===Qo?void 0:Qo.fromControlValue(D))&&void 0!==Wi?Wi:D)&&void 0!==Jn?Jn:this.options.max)}calculateMask(f,D,ue,st,Tn,Jn,Wi,Qo){const Yr={decimalSeparator:ue,thousandSeparator:st,min:Tn,max:Jn,prefix:Wi,postfix:Qo,precision:f,decimalZeroPadding:"always"===D},{plugins:Ha,...Zr}=(0,Ne.TK)(Yr);return{...Zr,plugins:[...Ha,(0,Ne.N_)(Er=>[Wi.length,Er.length-Qo.length])]}}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275cmp=t.VBU({type:l,selectors:[["tui-input-number"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,Q.xr,5),2&f){let st;t.mGM(st=t.lsd())&&(D.polymorpheusValueContent=st)}},viewQuery:function(f,D){if(1&f&&t.GBs(Ln.eD,5),2&f){let ue;t.mGM(ue=t.lsd())&&(D.textfield=ue.first)}},hostVars:1,hostBindings:function(f,D){1&f&&t.bIt("keydown.arrowDown",function(){return D.onArrow(-D.step)})("keydown.arrowUp",function(){return D.onArrow(D.step)}),2&f&&t.BMQ("data-size",D.size)},inputs:{min:"min",max:"max",step:"step"},features:[t.Jv_([(0,Ye.Jr)(l),(0,sn.SN)(l),tn.ZW]),t.Vt3],ngContentSelectors:pn,decls:10,vars:14,consts:[["tuiTextfieldPostfix","","tuiTextfieldPrefix","","tuiValueAccessor","",1,"t-textfield",3,"disabled","focusable","invalid","maskito","pseudoActive","pseudoFocus","pseudoHover","readOnly","value","focusedChange","valueChange"],["textfield",""],["ngProjectAs","tuiContent","class","t-value-content",5,["tuiContent"],4,"ngIf"],["class","t-buttons",4,"ngIf"],[4,"ngIf"],["valueContent",""],["ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value-content"],[4,"polymorpheusOutlet"],[1,"t-buttons"],["size","s","tabindex","-1","tuiIconButton","","type","button",1,"t-button",3,"appearance","disabled","iconStart","click.prevent","mousedown.prevent"]],template:function(f,D){1&f&&(t.NAR(Dn),t.j41(0,"tui-primitive-textfield",0,1),t.bIt("focusedChange",function(st){return D.onFocused(st)})("valueChange",function(st){return D.onValueChange(st)}),t.SdG(2),t.SdG(3,1,["ngProjectAs","input",5,["input"]]),t.DNE(4,We,2,1,"div",2),t.k0s(),t.DNE(5,vt,5,6,"section",3),t.DNE(6,Vt,1,0,"ng-container",4),t.nI1(7,"async"),t.DNE(8,dn,1,0,"ng-template",null,5,t.C5r)),2&f&&(t.Y8G("disabled",D.computedDisabled)("focusable",D.focusable)("invalid",D.computedInvalid)("maskito",D.mask)("pseudoActive",D.pseudoActive)("pseudoFocus",D.computedFocused)("pseudoHover",D.pseudoHover)("readOnly",D.readOnly)("value",D.computedValue),t.R7$(4),t.Y8G("ngIf",D.polymorpheusValueContent.length),t.R7$(1),t.Y8G("ngIf",D.step),t.R7$(1),t.Y8G("ngIf",t.bMT(7,12,D.polymorpheusValueContent.changes)))},dependencies:[S.bT,ct.u,Ln.eD,Ln.gt,tn.rQ,tn.Om,Q.xr,it.aD,ae.p,S.Jj],styles:["[_nghost-%COMP%]{display:flex;border-radius:var(--tui-radius-m);text-align:start}.t-textfield[_ngcontent-%COMP%]{flex:1;min-inline-size:0;max-inline-size:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-%COMP%]:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.t-value-content[_ngcontent-%COMP%]{inline-size:100%}.t-buttons[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]{flex-direction:row-reverse}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:first-child{margin:0 0 0 .125rem;border-start-end-radius:inherit;border-end-end-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:last-child{border-radius:0}[data-size=m][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{inline-size:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{inline-size:calc(var(--tui-height-l) * .75)}.t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{display:flex;flex:1;block-size:auto;align-items:center;justify-content:center;border-radius:0}.t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:first-child{margin-bottom:.125rem;border-start-end-radius:inherit}.t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:last-child{border-end-end-radius:inherit}"],changeDetection:0}),(0,te.Cg)([ee.PE],x.prototype,"computeMin",null),(0,te.Cg)([ee.PE],x.prototype,"computeMax",null),(0,te.Cg)([ee.PE],x.prototype,"calculateMask",null),x})(),Vi=(()=>{var l;class x extends sn.aX{get value(){return this.host.computedValue}onValueChange(f){this.host.onValueChange(f)}ngDoCheck(){this.host.nativeFocusableElement&&(this.host.nativeFocusableElement.inputMode=this.host.inputMode,this.host.nativeFocusableElement.maxLength=this.host.nativeFocusableElement.maxLength>0?this.host.nativeFocusableElement.maxLength:this.host.calculatedMaxLength)}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["tui-input-number"]],features:[t.Jv_([(0,Ye.Sc)(l)]),t.Vt3]}),x})(),Do=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({imports:[S.MD,Ln.Rp,tn.CN,it.r5]}),x})();var li=u(7300);class uo{constructor(x,g){this._document=g;const f=this._textarea=this._document.createElement("textarea"),D=f.style;D.position="fixed",D.top=D.opacity="0",D.left="-999em",f.setAttribute("aria-hidden","true"),f.value=x,f.readOnly=!0,(this._document.fullscreenElement||this._document.body).appendChild(f)}copy(){const x=this._textarea;let g=!1;try{if(x){const f=this._document.activeElement;x.select(),x.setSelectionRange(0,x.value.length),g=this._document.execCommand("copy"),f&&f.focus()}}catch{}return g}destroy(){const x=this._textarea;x&&(x.remove(),this._textarea=void 0)}}let go=(()=>{var l;class x{constructor(f){this._document=f}copy(f){const D=this.beginCopy(f),ue=D.copy();return D.destroy(),ue}beginCopy(f){return new uo(f,this._document)}}return(l=x).\u0275fac=function(f){return new(f||l)(t.KVO(S.qQ))},l.\u0275prov=t.jDH({token:l,factory:l.\u0275fac,providedIn:"root"}),x})();const Ui=new t.nKC("CDK_COPY_TO_CLIPBOARD_CONFIG");let Et=(()=>{var l;class x{constructor(f,D,ue){this._clipboard=f,this._ngZone=D,this.text="",this.attempts=1,this.copied=new t.bkB,this._pending=new Set,ue&&null!=ue.attempts&&(this.attempts=ue.attempts)}copy(f=this.attempts){if(f>1){let D=f;const ue=this._clipboard.beginCopy(this.text);this._pending.add(ue);const st=()=>{const Tn=ue.copy();Tn||! --D||this._destroyed?(this._currentTimeout=null,this._pending.delete(ue),ue.destroy(),this.copied.emit(Tn)):this._currentTimeout=this._ngZone.runOutsideAngular(()=>setTimeout(st,1))};st()}else this.copied.emit(this._clipboard.copy(this.text))}ngOnDestroy(){this._currentTimeout&&clearTimeout(this._currentTimeout),this._pending.forEach(f=>f.destroy()),this._pending.clear(),this._destroyed=!0}}return(l=x).\u0275fac=function(f){return new(f||l)(t.rXU(go),t.rXU(t.SKi),t.rXU(Ui,8))},l.\u0275dir=t.FsC({type:l,selectors:[["","cdkCopyToClipboard",""]],hostBindings:function(f,D){1&f&&t.bIt("click",function(){return D.copy()})},inputs:{text:["cdkCopyToClipboard","text"],attempts:["cdkCopyToClipboardAttempts","attempts"]},outputs:{copied:"cdkCopyToClipboardCopied"}}),x})(),on=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({}),x})();var ln=u(8191),xt=u(5981),an=u(6104),rt=u(2831),ze=u(3229),we=u(3527),ge=u(965),Y=u(2489),He=u(9090),pt=u(9656),jt=u(8503),hn=u(3422),gn=u(8887),ii=u(199),Vn=u(8486),jn=u(3793),Pn=u(4768);let ki=(()=>{var l;class x extends se{}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["","tuiResizable",""]],standalone:!0,features:[t.Vt3]}),x})(),Pi=(()=>{var l;class x{constructor(){this.resizable=(0,t.WQX)(ki),this.x=NaN,this.y=NaN,this.width=0,this.height=0,this.tuiResizer=[0,0],this.tuiSizeChange=new t.bkB}get cursor(){return this.tuiResizer[0]?this.tuiResizer[1]?this.tuiResizer[0]*this.tuiResizer[1]>0?"nwse-resize":"nesw-resize":"ew-resize":"ns-resize"}onPointerDown(f,D){this.x=f,this.y=D,this.width=this.resizable.nativeElement.clientWidth,this.height=this.resizable.nativeElement.clientHeight}onPointerMove({x:f,y:D,buttons:ue}){ue?this.onMove(f,D):this.onPointerUp()}onPointerUp(){this.x=NaN}onMove(f,D){if(Number.isNaN(this.x))return;const{style:ue}=this.resizable.nativeElement,st=[this.width+this.tuiResizer[0]*(f-this.x),this.height+this.tuiResizer[1]*(D-this.y)];this.tuiResizer[0]&&(ue.width=(0,ee.Pp)(st[0])),this.tuiResizer[1]&&(ue.height=(0,ee.Pp)(st[1])),this.tuiSizeChange.emit(st)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiResizer",""]],hostVars:4,hostBindings:function(f,D){1&f&&t.bIt("pointerdown.silent.prevent",function(st){return D.onPointerDown(st.x,st.y)})("pointermove.silent",function(st){return D.onPointerMove(st)},!1,t.EBC)("pointerup.silent",function(){return D.onPointerUp()},!1,t.EBC),2&f&&t.xc7("cursor",D.cursor)("touch-action","none")},inputs:{tuiResizer:"tuiResizer"},outputs:{tuiSizeChange:"tuiSizeChange"},standalone:!0}),x})();var ri=u(7187);const fi=["wrapper"];function xi(l,x){if(1&l&&(t.j41(0,"tui-loader",4),t.eu8(1,5),t.k0s()),2&l){const g=t.XpG(2);t.Y8G("overlay",!0)("showLoader",g.loading),t.R7$(1),t.Y8G("ngTemplateOutlet",g.content)}}function Ii(l,x){if(1&l&&(t.qex(0),t.SdG(1),t.DNE(2,xi,2,3,"tui-loader",3),t.bVm()),2&l){const g=t.XpG();t.R7$(2),t.Y8G("ngIf",g.async)("ngIfElse",g.content)}}const yn=["*"];let Li=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiExpandContent",""]],standalone:!0}),x})();let Je=(()=>{var l;class x{constructor(){this.cdr=(0,t.WQX)(t.gRc),this.destroyRef=(0,t.WQX)(t.abz),this.state=0,this.content=null,this.expanded=null,this.async=!1}set expandedSetter(f){if(null!==this.expanded)return 0!==this.state?(this.expanded=f,void(this.state=3)):(this.expanded=f,void this.retrigger(this.async&&f?1:3));this.expanded=f}get contentVisible(){return this.expanded||0!==this.state}get overflow(){return 0!==this.state}get loading(){return!!this.expanded&&this.async&&1===this.state}get height(){const{expanded:f,state:D,contentWrapper:ue}=this;return f&&2===D||!f&&3===D?0:ue&&(!f&&2===D||f&&3===D)?ue.nativeElement.offsetHeight:ue&&f&&1===D?Math.max(ue.nativeElement.offsetHeight,48):null}onTransitionEnd({propertyName:f,pseudoElement:D}){"opacity"===f&&!D&&3===this.state&&(this.state=0)}onExpandLoaded(f){f.stopPropagation(),1===this.state&&this.retrigger(3)}retrigger(f){this.state=2,(0,ze.O)(0).pipe((0,Oe.pQ)(this.destroyRef)).subscribe(()=>{2===this.state&&(this.state=f,this.cdr.markForCheck())})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-expand"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,Li,5,t.C4Q),2&f){let st;t.mGM(st=t.lsd())&&(D.content=st.first)}},viewQuery:function(f,D){if(1&f&&t.GBs(fi,5),2&f){let ue;t.mGM(ue=t.lsd())&&(D.contentWrapper=ue.first)}},hostAttrs:["ngSkipHydration","true"],hostVars:9,hostBindings:function(f,D){1&f&&t.bIt("transitionend.self",function(st){return D.onTransitionEnd(st)})("tui-expand-loaded",function(st){return D.onExpandLoaded(st)}),2&f&&(t.BMQ("aria-expanded",D.expanded),t.xc7("height",D.height,"px"),t.AVh("_loading",D.loading)("_overflow",D.overflow)("_expanded",D.expanded))},inputs:{async:"async",expandedSetter:["expanded","expandedSetter"]},standalone:!0,features:[t.aNF],ngContentSelectors:yn,decls:3,vars:3,consts:[[1,"t-wrapper"],["wrapper",""],[4,"ngIf"],["size","l",3,"overlay","showLoader",4,"ngIf","ngIfElse"],["size","l",3,"overlay","showLoader"],[3,"ngTemplateOutlet"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"div",0,1),t.DNE(2,Ii,3,2,"ng-container",2),t.k0s()),2&f&&(t.Y8G("@tuiParentAnimation",void 0)("@.disabled",D.overflow),t.R7$(2),t.Y8G("ngIf",D.contentVisible))},dependencies:[S.bT,S.T3,J.ap],styles:['[_nghost-%COMP%]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-%COMP%]{overflow:hidden}._expanded[_nghost-%COMP%]{opacity:1;transform:translateZ(0)}._loading[_nghost-%COMP%]{opacity:.99}.t-wrapper[_ngcontent-%COMP%]:before, .t-wrapper[_ngcontent-%COMP%]:after{content:"";display:table}'],data:{animation:[ri.fj]},changeDetection:0}),x})();var ft=u(7442),gt=u(5950);function bt(l,x){1&l&&t.nrm(0,"tui-icon",2),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function yt(l,x){1&l&&t.eu8(0)}const Nt=(0,ee.gc)({iconSmall:"@tui.chevron-down",iconLarge:"@tui.chevron-down"});let Zt=(()=>{var l;class x{constructor(){this.control=(0,t.WQX)(sn.Er,{optional:!0}),this.textfieldSize=(0,t.WQX)(tn.tI),this.options=(0,t.WQX)(Nt),this.directive=(0,t.WQX)(k.iE,{optional:!0})}get rotated(){var f;return(null===(f=this.directive)||void 0===f?void 0:f.tuiDropdownOpen)||!!this.control.pseudoOpen||!1}get small(){return!(0,gt.Wu)(this.textfieldSize.size)}get arrowIcon(){return this.small?this.options.iconSmall:this.options.iconLarge}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-arrow"]],hostVars:4,hostBindings:function(f,D){2&f&&t.AVh("_rotated",D.rotated)("_small",D.small)},standalone:!0,features:[t.aNF],decls:3,vars:4,consts:[[3,"icon",4,"polymorpheusOutlet"],[4,"ngIf"],[3,"icon"]],template:function(f,D){1&f&&(t.DNE(0,bt,1,1,"tui-icon",0),t.DNE(1,yt,1,0,"ng-container",1),t.nI1(2,"async")),2&f&&(t.Y8G("polymorpheusOutlet",D.arrowIcon),t.R7$(1),t.Y8G("ngIf",t.bMT(2,2,null==D.directive?null:D.directive.tuiDropdownOpenChange)))},dependencies:[S.Jj,S.bT,Q.xr,X.q],styles:["[_nghost-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-%COMP%]{transform:rotate(180deg)}tui-icon[_ngcontent-%COMP%]{border:.25rem solid transparent}"],changeDetection:0}),x})();const fn=new Q.lS(Zt),Wn=(0,ee.gc)({interactive:fn,disabled:fn});var Rn=u(8448),Qn=u(599);function Di(l,x){if(1&l&&t.nrm(0,"tui-icon",3),2&l){const g=t.XpG();t.Y8G("icon",g.icons.check)("tuiScrollIntoView",!0)}}function $i(l,x){1&l&&t.nrm(0,"span",4)}const mo=new Q.lS((()=>{var l;class x{constructor(){this.host=(0,t.WQX)(ne.KN),this.el=(0,W.qW)(),this.changeDetection$=new an.B,this.abstractControl=(0,t.WQX)(sn.Er,{optional:!0}),this.control=(0,t.WQX)(N.vO),this.option=(0,t.WQX)(ne.aO),this.dataList=(0,t.WQX)(ne.uE,{optional:!0}),this.icons=(0,t.WQX)(Ot._Z),this.context=(0,Q.Dm)(),this.selected$=(0,Y.h)(this.changeDetection$,this.control.valueChanges||Rn.w,(0,Le.xM)(this.el,"animationstart")).pipe((0,ge.Z)(null),(0,we.T)(()=>this.selected),(0,jn.F)())}ngOnInit(){Promise.resolve().then(()=>{var f,D;(0,ee.Aj)(this.option.value)&&!this.option.disabled&&(null===(f=(D=this.host).checkOption)||void 0===f||f.call(D,this.option.value))})}ngDoCheck(){this.changeDetection$.next()}get value(){var f,D;return null!==(f=null===(D=this.abstractControl)||void 0===D?void 0:D.value)&&void 0!==f?f:this.control.value}get matcher(){return this.host.identityMatcher||ye.BJ}get selected(){return(0,ee.Aj)(this.option.value)&&(0,ee.Aj)(this.value)&&this.matcher(this.value,this.option.value)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-select-option"]],decls:5,vars:5,consts:[[3,"ngTemplateOutlet"],["automation-id","tui-select-option__checkmark","class","t-checkmark",3,"icon","tuiScrollIntoView",4,"ngIf","ngIfElse"],["dummy",""],["automation-id","tui-select-option__checkmark",1,"t-checkmark",3,"icon","tuiScrollIntoView"],[1,"t-dummy"]],template:function(f,D){if(1&f&&(t.eu8(0,0),t.DNE(1,Di,1,2,"tui-icon",1),t.nI1(2,"async"),t.DNE(3,$i,1,0,"ng-template",null,2,t.C5r)),2&f){const ue=t.sdS(4);t.Y8G("ngTemplateOutlet",D.context.$implicit),t.R7$(1),t.Y8G("ngIf",t.bMT(2,3,D.selected$))("ngIfElse",ue)}},dependencies:[S.bT,S.T3,Qn.pF,X.q,S.Jj],styles:['@keyframes _ngcontent-%COMP%_retrigger{0%{left:1px}to{left:2px}}[_nghost-%COMP%]{display:flex;flex:1;align-items:center;max-inline-size:100%;animation:_ngcontent-%COMP%_retrigger 1s}.t-checkmark[_ngcontent-%COMP%]{margin-inline-start:auto;inline-size:1.75rem;border:.25rem solid transparent;border-inline-start-width:.5rem}tui-data-list[data-size="s"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-size="s"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{margin-inline-end:-.375rem}tui-data-list[data-size="m"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-size="m"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{margin-inline-end:-.125rem}.t-dummy[_ngcontent-%COMP%]{inline-size:1.75rem}'],changeDetection:0}),x})());let Lo=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({imports:[S.MD,X.q]}),x})();var _o=u(4198);let $r=(()=>{var l;class x{constructor(){var f;this.el=(0,W.qW)(),this.host=(0,t.WQX)(k.iE,{self:!0}),this.external=(0,t.WQX)(k.P0,{optional:!0}),this.host.driver.pipe((0,jn.F)(),(0,Oe.pQ)()).subscribe(D=>{var ue;return null===(ue=this.external)||void 0===ue?void 0:ue.tuiDropdownOpenChange.next(D)}),null===(f=this.external)||void 0===f||f.tuiDropdownOpenChange.pipe((0,jn.F)(),(0,Oe.pQ)()).subscribe(D=>{var ue;D&&(null===(ue=(0,be.km)({initial:this.el,root:this.el}))||void 0===ue||ue.focus()),this.host.toggle(D)})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiDropdownOpenMonitor",""]],standalone:!0}),x})();var lo=u(453);function pi(l,x){1&l&&t.SdG(0,2,["*ngIf","isMobile"])}function to(l,x){if(1&l&&t.DNE(0,pi,1,0,"ng-content",6),2&l){const g=t.XpG();t.Y8G("ngIf",g.isMobile)}}function Qi(l,x){1&l&&t.eu8(0,7)}function io(l,x){1&l&&t.nrm(0,"div",10),2&l&&t.Y8G("textContent",x.polymorpheusOutlet)}const Wo=function(l,x){return{$implicit:l,active:x}};function oo(l,x){if(1&l&&(t.j41(0,"div",8),t.DNE(1,io,1,1,"div",9),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.computedContent)("polymorpheusOutletContext",t.l_i(2,Wo,g.value,g.computedFocused))}}function Jo(l,x){1&l&&t.eu8(0)}function Bo(l,x){if(1&l&&(t.j41(0,"div",11),t.DNE(1,Jo,1,0,"ng-container",12),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.arrow)}}const hi=["*",[["input"]],[["select"]]],ve=["*","input","select"],St=(0,ee.gc)({valueContent:""});let mn=(()=>{var l;class x extends sn.jc{constructor(){super(...arguments),this.itemsHandlers=(0,t.WQX)(Ae.E4),this.textfieldCleaner=(0,t.WQX)(tn.u1),this.textfieldSize=(0,t.WQX)(tn.tI),this.arrowMode=(0,t.WQX)(Wn),this.options=(0,t.WQX)(St),this.isMobile=(0,t.WQX)(Re.Td),this.open=!1,this.stringify=this.itemsHandlers.stringify,this.identityMatcher=this.itemsHandlers.identityMatcher,this.valueContent=this.options.valueContent}get size(){return this.textfieldSize.size}get nativeFocusableElement(){var f,D;return null!==(f=null===(D=this.textfield)||void 0===D?void 0:D.nativeFocusableElement)&&void 0!==f?f:null}get focused(){var f;return(0,be.X)(this.nativeFocusableElement)||!(null===(f=this.dropdown)||void 0===f||!f.tuiDropdownOpen)}get computedValue(){return null===this.value?"":this.stringify(this.value)||" "}onValueChange(f){this.value=f||null}handleOption(f){this.focusInput(),this.value=f,this.open=!1}get arrow(){return this.interactive?this.arrowMode.interactive:this.arrowMode.disabled}get nativeDropdownMode(){return!!this.nativeSelect&&this.isMobile}get computedContent(){return this.valueContent||this.computedValue}onActiveZone(f){this.updateFocused(f)}onKeyDownDelete(){this.textfieldCleaner.cleaner&&(this.value=null)}focusInput(f=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:f})}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275cmp=t.VBU({type:l,selectors:[["tui-select"]],contentQueries:function(f,D,ue){if(1&f&&(t.wni(ue,sn.oB,7),t.wni(ue,ne.WX,5,t.C4Q)),2&f){let st;t.mGM(st=t.lsd())&&(D.nativeSelect=st.first),t.mGM(st=t.lsd())&&(D.datalist=st.first)}},viewQuery:function(f,D){if(1&f&&(t.GBs(Ln.eD,5),t.GBs(k.iE,5)),2&f){let ue;t.mGM(ue=t.lsd())&&(D.textfield=ue.first),t.mGM(ue=t.lsd())&&(D.dropdown=ue.first)}},hostVars:1,hostBindings:function(f,D){2&f&&t.BMQ("data-size",D.size)},inputs:{stringify:"stringify",identityMatcher:"identityMatcher",valueContent:"valueContent"},features:[t.Jv_([(0,Ye.Jr)(l),(0,sn.SN)(l),(0,ne.PU)(l),(0,ne.NW)(mo)],[lo.MJ]),t.Vt3],ngContentSelectors:ve,decls:10,vars:16,consts:[["tuiDropdownOpenMonitor","",1,"t-hosted",3,"tuiDropdown","tuiDropdownEnabled","tuiDropdownOpen","tuiDropdownOpenChange","tuiActiveZoneChange"],["automation-id","tui-select__textfield",1,"t-textfield",3,"disabled","editable","focusable","invalid","nativeId","pseudoActive","pseudoFocus","pseudoHover","readOnly","tuiTextfieldIcon","value","keydown.backspace.prevent","keydown.delete.prevent","valueChange"],["select",""],["ngProjectAs","select",5,["select"],4,"ngTemplateOutlet"],["automation-id","tui-select__value","ngProjectAs","tuiContent","class","t-value",5,["tuiContent"],4,"ngIf"],["icon",""],[4,"ngIf"],["ngProjectAs","select",5,["select"]],["automation-id","tui-select__value","ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value"],["class","t-primitive-value",3,"textContent",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive-value",3,"textContent"],["appearance","icon","tuiWrapper","",1,"t-icon"],[4,"polymorpheusOutlet"]],template:function(f,D){if(1&f&&(t.NAR(hi),t.j41(0,"div",0),t.bIt("tuiDropdownOpenChange",function(st){return D.open=st})("tuiActiveZoneChange",function(st){return D.onActiveZone(st)}),t.j41(1,"tui-primitive-textfield",1),t.bIt("keydown.backspace.prevent",function(){return D.onKeyDownDelete()})("keydown.delete.prevent",function(){return D.onKeyDownDelete()})("valueChange",function(st){return D.onValueChange(st)}),t.SdG(2),t.SdG(3,1,["ngProjectAs","input",5,["input"]]),t.DNE(4,to,1,1,"ng-template",null,2,t.C5r),t.DNE(6,Qi,1,0,"ng-container",3),t.DNE(7,oo,2,5,"div",4),t.k0s(),t.DNE(8,Bo,2,1,"ng-template",null,5,t.C5r),t.k0s()),2&f){const ue=t.sdS(5),st=t.sdS(9);t.Y8G("tuiDropdown",D.datalist||"")("tuiDropdownEnabled",D.interactive&&!D.nativeDropdownMode)("tuiDropdownOpen",D.open),t.R7$(1),t.Y8G("disabled",D.computedDisabled)("editable",!1)("focusable",D.computedFocusable)("invalid",D.computedInvalid)("nativeId",D.nativeId)("pseudoActive",D.pseudoActive)("pseudoFocus",D.computedFocused)("pseudoHover",D.pseudoHover)("readOnly",D.readOnly)("tuiTextfieldIcon",D.arrow?st:"")("value",D.computedValue),t.R7$(5),t.Y8G("ngTemplateOutlet",ue),t.R7$(1),t.Y8G("ngIf",null!==D.value)}},dependencies:[S.bT,S.T3,Q.xr,Ln.eD,Ln.gt,_o.l,tn.OC,$r,k.pU,k.iE],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-%COMP%]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-%COMP%]     input{cursor:default}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-%COMP%]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),x})(),Kt=(()=>{var l;class x extends sn.aX{get readOnly(){return!0}get value(){return this.host.computedValue}get stringify(){return this.host.stringify}onValueChange(f){this.host.onValueChange(f)}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["tui-select"]],features:[t.Jv_([(0,Ye.Sc)(l)]),t.Vt3]}),x})(),Bn=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({imports:[S.MD,Ln.Rp,Lo,Zt,_o.E,tn.CN,k.Vh,ne.uE,ne.aO,tt,_t]}),x})();var kn=u(194);let wi,gi,Ro,oi,ei,Gi,Vo,Mn=(()=>{var l;class x{transform(f,D,...ue){return f.filter(st=>D(st,...ue))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiFilter",type:l,pure:!0,standalone:!0}),x})(),Ei=(()=>{var l;class x{transform(f){return Array.from(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiToArray",type:l,pure:!0,standalone:!0}),x})();function Uo(l){const x=l.replace("#","").split("").map((g,f,D)=>3===D.length?g+g:g).join("").match(/.{2}/g);return x?x.map(g=>Number.parseInt(g,16)):[0,0,0]}String.raw(wi||(wi=jv||(jv=Zo(["s*,s*"],["\\s*,\\s*"])))),String.raw(gi||(gi=Wv||(Wv=Zo(["(s*(?:d{1,3}s*,s*){2}d{1,3}s*)"],["\\(\\s*(?:\\d{1,3}\\s*,\\s*){2}\\d{1,3}\\s*\\)"])))),String.raw(Ro||(Ro=Gv||(Gv=Zo(["(s*(?:d{1,3}s*,s*){2}d{1,3}s*,s*d*.?d+)"],["\\(\\s*(?:\\d{1,3}\\s*,\\s*){2}\\d{1,3}\\s*,\\s*\\d*\\.?\\d+\\)"])))),String.raw(oi||(oi=Xv||(Xv=Zo(["(?:[+-]?d*.?d+)(?:%|[a-z]+)?"],["(?:[+-]?\\d*\\.?\\d+)(?:%|[a-z]+)?"]))));String.raw(ei||(ei=Kv||(Kv=Zo(["s*("],["\\s*("])))),String.raw(Gi||(Gi=Qv||(Qv=Zo(["(?:s+"],["(?:\\s+"])))),String.raw(Vo||(Vo=Yv||(Yv=Zo(["s*)?"],["\\s*)?"]))));var vn=u(9738),zn=u(4996),Bi=u(109),P=u(756),I=u(6340),fe=u(8129),A=u(9922),Ie=u(7002);let Gt=(()=>{var l;class x{transform(f,D,...ue){return D(f,...ue)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiMapper",type:l,pure:!0,standalone:!0}),x})();function xn(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function si(l,x){1&l&&t.nrm(0,"span",6),2&l&&t.Y8G("innerHTML",x.polymorpheusOutlet,t.npT)}function fo(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",7),t.bIt("click",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.item.$implicit.complete())}),t.EFF(1),t.k0s()}if(2&l){const g=t.XpG();t.Y8G("iconStart",g.icons.close),t.R7$(1),t.SpI(" ",g.close()," ")}}function Yi(l,x){if(1&l&&(t.eu8(0,3),t.nI1(1,"tuiMapper")),2&l){const g=x.$implicit,f=t.XpG(2);t.Y8G("ngComponentOutlet",g.component.component)("ngComponentOutletInjector",t.i5U(1,2,g,f.mapper))}}function yo(l,x){if(1&l&&(t.j41(0,"div",1),t.DNE(1,Yi,2,5,"ng-container",2),t.k0s()),2&l){const g=x.$implicit;t.Y8G("@tuiParentAnimation",void 0),t.R7$(1),t.Y8G("ngForOf",g)}}const po={autoClose:3e3,label:"",closeable:!0,data:void 0},so=(0,ee.ET)(()=>({...po,...(0,t.WQX)(vn.Ub)})),Eo=(0,ee.ET)(()=>(0,t.WQX)(Re.Td)?"1rem 1rem 0 auto":"2rem 3rem 0 auto"),br=(0,ee.gc)(new xt.t([])),cn=(0,ee.ET)(()=>(0,ii.z)([(0,P.of)(new Map),(0,t.WQX)(br)]).pipe((0,we.T)(([l,x])=>(l.forEach((g,f)=>l.set(f,[])),x.forEach(g=>{const f=g.component.component,D=l.get(f)||[];l.set(f,[...D,g])}),Array.from(l.values())))));let An=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.icons=(0,t.WQX)(Ot._Z),this.options=(0,gt.mo)((0,t.WQX)(Ot.nV)),this.close=(0,Oe.ot)((0,t.WQX)(Ot.R3)),this.position=(0,t.WQX)(Eo),this.item=(0,Q.Dm)(),this.animation=this.position.endsWith("auto")?{...this.options,value:"right"}:{...this.options,value:"left"},this.sub=(0,P.of)("function"==typeof this.item.autoClose?this.item.autoClose(this.item.appearance):this.item.autoClose).pipe((0,rt.n)(f=>f?(0,ze.O)(f):Rn.w),(0,I.Q)((0,fe.R)(this.el,"mouseenter")),(0,A.u)({delay:()=>(0,fe.R)(this.el,"mouseleave")}),(0,Oe.pQ)()).subscribe(()=>this.item.$implicit.complete())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-alert"]],hostAttrs:["role","alert"],hostVars:5,hostBindings:function(f,D){2&f&&(t.zvX("@tuiFadeIn",D.options)("@tuiSlideIn",D.animation)("@tuiHeightCollapse",D.animation),t.xc7("margin",D.position))},standalone:!0,features:[t.aNF],decls:6,vars:7,consts:[["size","m",3,"appearance","icon"],["tuiTitle",""],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["tuiSubtitle",""],[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],["tuiIconButton","","type","button",3,"iconStart","click",4,"ngIf"],[3,"innerHTML"],["tuiIconButton","","type","button",3,"iconStart","click"]],template:function(f,D){1&f&&(t.j41(0,"tui-notification",0)(1,"span",1),t.DNE(2,xn,2,1,"ng-container",2),t.j41(3,"span",3),t.DNE(4,si,1,1,"span",4),t.k0s()(),t.DNE(5,fo,2,2,"button",5),t.k0s()),2&f&&(t.Y8G("appearance",D.item.appearance)("icon",D.item.icon),t.R7$(2),t.Y8G("polymorpheusOutlet",D.item.label)("polymorpheusOutletContext",D.item),t.R7$(2),t.Y8G("polymorpheusOutlet",D.item.content)("polymorpheusOutletContext",D.item),t.R7$(1),t.Y8G("ngIf",D.item.closeable))},dependencies:[S.bT,Q.xr,ae.p,vn.wS,Bi.R],styles:["[_nghost-%COMP%]{display:block;inline-size:18rem;flex-shrink:0;word-break:break-word;background:var(--tui-background-elevation-1);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}[_nghost-%COMP%]:not(:first-child){margin-top:.75rem!important}[_nghost-%COMP%]:not(:last-child){margin-bottom:0!important}"],data:{animation:[ri.uy,ri.ZM,ri.hM]},changeDetection:0}),x})(),En=(()=>{var l;class x extends Ie.bL{}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275prov=t.jDH({token:l,factory:function(){return new l(br,An,(0,t.WQX)(so))},providedIn:"root"}),x})(),Si=(()=>{var l;class x{constructor(){this.injector=(0,t.WQX)(t.duS),this.alerts$=(0,t.WQX)(cn),this.trackBy=pt.D,this.mapper=f=>t.zZn.create({providers:[{provide:Q.su,useValue:f}],parent:this.injector})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-alerts"]],standalone:!0,features:[t.aNF],decls:2,vars:4,consts:[["class","t-wrapper",4,"ngFor","ngForOf","ngForTrackBy"],[1,"t-wrapper"],[3,"ngComponentOutlet","ngComponentOutletInjector",4,"ngFor","ngForOf"],[3,"ngComponentOutlet","ngComponentOutletInjector"]],template:function(f,D){1&f&&(t.DNE(0,yo,2,2,"div",0),t.nI1(1,"async")),2&f&&t.Y8G("ngForOf",t.bMT(1,2,D.alerts$))("ngForTrackBy",D.trackBy)},dependencies:[S.MD,S.OI,S.Sq,S.Jj,Gt],styles:["tui-alerts>.t-wrapper{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:flex;flex-direction:column;pointer-events:none}tui-alerts>.t-wrapper>*{pointer-events:auto}\n"],encapsulation:2,data:{animation:[ri.fj]}}),x})();var Mo=u(3241),Ji=u(7355),So=u(1423),Ai=u(9406);const gr=typeof MutationObserver<"u"?MutationObserver:class{observe(){}disconnect(){}takeRecords(){return[]}},sr=new t.nKC("[WA_MUTATION_OBSERVER_INIT]"),ao=sr;let ar=(()=>{var l;class x extends Ai.c{constructor(){const f=(0,t.WQX)(t.aKT).nativeElement,D=(0,t.WQX)(ao);super(ue=>{const st=new gr(Tn=>{ue.next(Tn)});return st.observe(f,D),()=>{st.disconnect()}})}}return l=x,(0,So.A)(x,"\u0275fac",function(f){return new(f||l)}),(0,So.A)(x,"\u0275prov",t.jDH({token:l,factory:l.\u0275fac})),x})();var Hr=u(5037),Fr=u(7236);let kr=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiItem",""]],standalone:!0}),x})();var Lr=u(5851);function xo(l,x){1&l&&t.eu8(0)}function ds(l,x){if(1&l&&t.eu8(0,8),2&l){const g=t.XpG().$implicit;t.Y8G("ngTemplateOutlet",g)}}function zr(l,x){if(1&l&&(t.j41(0,"div",9),t.eu8(1,8),t.k0s()),2&l){const g=t.XpG(),f=g.index,D=g.$implicit,ue=t.XpG();t.AVh("t-overflown",ue.isOverflown(f)),t.R7$(1),t.Y8G("ngTemplateOutlet",D)}}function Xo(l,x){if(1&l&&(t.qex(0),t.DNE(1,ds,1,1,"ng-container",6),t.DNE(2,zr,2,3,"ng-template",null,7,t.C5r),t.bVm()),2&l){const g=x.index,f=t.sdS(3),D=t.XpG();t.R7$(1),t.Y8G("ngIf",g<=D.lastVisibleIndex)("ngIfElse",f)}}function Br(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function jr(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",10),t.bIt("tuiDropdownOpenChange",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.open=D)})("keydown.arrowLeft.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrowLeft())}),t.DNE(1,Br,2,1,"ng-container",11),t.k0s()}if(2&l){const g=t.XpG(),f=t.sdS(8);t.AVh("_active",g.isMoreActive)("t-no-margin",g.isMoreAlone)("t-overflown",!g.isMoreVisible),t.Y8G("tabIndex",g.isMoreFocusable?0:-1)("tuiDropdown",g.dropdownContent||f)("tuiDropdownOpen",g.open),t.R7$(1),t.Y8G("polymorpheusOutlet",g.moreContent)}}function ts(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",12),t.bIt("tuiDropdownOpenChange",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.open=D)})("keydown.arrowLeft.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrowLeft())}),t.EFF(1),t.nI1(2,"async"),t.k0s()}if(2&l){const g=t.XpG(),f=t.sdS(8);t.AVh("_active",g.isMoreActive)("t-no-margin",g.isMoreAlone)("t-overflown",!g.isMoreVisible),t.Y8G("tabIndex",g.isMoreFocusable?0:-1)("tuiDropdown",g.dropdownContent||f)("tuiDropdownOpen",g.open),t.R7$(1),t.SpI(" ",t.bMT(2,10,g.moreWord$)," ")}}function ws(l,x){if(1&l&&t.eu8(0,8),2&l){const g=t.XpG().$implicit;t.Y8G("ngTemplateOutlet",g)}}function Wr(l,x){if(1&l){const g=t.RV6();t.j41(0,"div",16),t.bIt("tui-tab-activate",function(){const ue=t.eBV(g).index,st=t.XpG(2);return t.Njj(st.onClick(ue))}),t.DNE(1,ws,1,1,"ng-container",17),t.k0s()}if(2&l){const g=x.index,f=t.XpG(2);t.R7$(1),t.Y8G("ngIf",f.shouldShow(g))}}function fs(l,x){if(1&l){const g=t.RV6();t.j41(0,"div",13,14),t.bIt("keydown.arrowDown.prevent",function(D){t.eBV(g);const ue=t.sdS(1),st=t.XpG();return t.Njj(st.onWrapperArrow(D,ue,!1))})("keydown.arrowUp.prevent",function(D){t.eBV(g);const ue=t.sdS(1),st=t.XpG();return t.Njj(st.onWrapperArrow(D,ue,!0))}),t.DNE(2,Wr,2,1,"div",15),t.k0s()}if(2&l){const g=t.XpG();t.BMQ("data-size",g.size),t.R7$(2),t.Y8G("ngForOf",g.items)}}let F=(()=>{var l;class x{constructor(){var f,D;this.el=(0,W.qW)(),this.rla=(0,t.WQX)(Pn.wQ,{optional:!0}),this.observer=this.rla&&(null===(f=(0,t.WQX)(ar,{optional:!0}))||void 0===f?void 0:f.pipe((0,jt.p)(()=>{var ue;return!(null===(ue=this.rla)||void 0===ue||!ue.isActive)}))),this.sub=(0,Y.h)(this.observer||Rn.w,(null===(D=this.rla)||void 0===D?void 0:D.isActiveChange.pipe((0,jt.p)(Boolean)))||Rn.w,this.el.matches("button")?(0,Le.xM)(this.el,"click"):Rn.w).pipe((0,Oe.pQ)()).subscribe(()=>this.el.dispatchEvent(new CustomEvent("tui-tab-activate",{bubbles:!0})))}ngOnDestroy(){(0,be.X)(this.el)&&this.el.blur()}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["a","tuiTab","",3,"routerLink",""],["a","tuiTab","","routerLink","","routerLinkActive",""],["button","tuiTab",""]],hostAttrs:["type","button"],standalone:!0,features:[t.nM4([Hr.Z])]}),x})();const O=(0,ee.gc)({underline:!0,exposeActive:!0,itemsLimit:1/0,minMoreWidth:0,size:"l"});let Ze=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["ng-component"]],hostAttrs:[1,"tui-tabs"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(f,D){},styles:['[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}\n'],encapsulation:2,changeDetection:0}),x})(),At=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.injector=(0,t.WQX)(t.duS),this.nothing=(0,ee.Ty)(Ze),this.size=(0,t.WQX)(O).size,this.activeItemIndex=0,this.activeItemIndexChange=new t.bkB}get tabs(){return Array.from(this.el.querySelectorAll("[tuiTab]"))}get activeElement(){return this.tabs[this.activeItemIndex]||null}moveFocus(f,D){const{tabs:ue}=this;(0,be.yO)(ue.indexOf(f),ue,D)}ngAfterViewChecked(){(0,t.mal)(()=>{this.markTabAsActive()},{injector:this.injector})}onActivate(f,D){const ue=this.tabs.findIndex(st=>st===D);f.stopPropagation(),ue!==this.activeItemIndex&&(this.activeItemIndexChange.emit(ue),this.activeItemIndex=ue)}markTabAsActive(){const{tabs:f,activeElement:D}=this;f.forEach(ue=>{const st=ue===D;ue.classList.toggle("_active",st),ue.setAttribute("tabIndex",st?"0":"-1")})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,hostVars:1,hostBindings:function(f,D){1&f&&t.bIt("tui-tab-activate",function(st){return D.onActivate(st,st.target)}),2&f&&t.BMQ("data-size",D.size)},inputs:{size:"size",activeItemIndex:"activeItemIndex"},outputs:{activeItemIndexChange:"activeItemIndexChange"},standalone:!0}),x})(),rn=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.options=(0,t.WQX)(O),this.tabs=(0,t.WQX)(At),this.children=ye.xQ,this.sub=(0,t.WQX)(ar,{self:!0}).pipe((0,Le.rB)(),(0,Oe.pQ)()).subscribe(()=>this.refresh()),this.underline=this.options.underline}ngAfterViewChecked(){this.scrollTo(this.tabs.activeItemIndex),this.refresh()}onKeyDownArrow(f,D){this.tabs.moveFocus(f,D)}refresh(){const{activeElement:f}=this.tabs;if(f&&!f.isConnected)return;const{offsetLeft:D=0,offsetWidth:ue=0}=f||{};this.el.style.setProperty("--t-left",(0,ee.Pp)(D)),this.el.style.setProperty("--t-width",(0,ee.Pp)(ue))}scrollTo(f){const D=this.tabs.tabs[f];if(!D)return;const{offsetLeft:ue,offsetWidth:st}=D;ue<this.el.scrollLeft&&(this.el.scrollLeft=ue),ue+st>this.el.scrollLeft+this.el.offsetWidth&&(this.el.scrollLeft=ue+st-this.el.offsetWidth)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["tui-tabs",3,"vertical",""],["nav","tuiTabs","",3,"vertical",""]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,F,4),2&f){let st;t.mGM(st=t.lsd())&&(D.children=st)}},hostVars:4,hostBindings:function(f,D){1&f&&t.bIt("animationend",function(){return D.refresh()})("keydown.arrowRight.prevent",function(st){return D.onKeyDownArrow(st.target,1)})("keydown.arrowLeft.prevent",function(st){return D.onKeyDownArrow(st.target,-1)}),2&f&&(t.xc7("--t-color",!0===D.underline?"var(--tui-background-accent-1)":D.underline),t.AVh("_underline",D.underline))},inputs:{underline:"underline"},standalone:!0,features:[t.Jv_([ar,{provide:sr,useValue:{childList:!0,characterData:!0,subtree:!0}}]),t.nM4([{directive:At,inputs:["activeItemIndex","activeItemIndex","size","size"],outputs:["activeItemIndexChange","activeItemIndexChange"]}])]}),(0,te.Cg)([ee.PE],x.prototype,"scrollTo",null),x})();const ai=new t.nKC("[TUI_TABS_REFRESH]"),ui=[Lr.ke,ar,(0,k.Lq)({align:"right"}),{provide:sr,useValue:{childList:!0,subtree:!0,characterData:!0}},{provide:ai,deps:[Lr.ke,ar,S.qQ,t.aKT,t.gRc],useFactory:(l,x,{body:g},{nativeElement:f},D)=>(0,Y.h)(l,x.pipe((0,Fr.M)(()=>D.detectChanges()))).pipe((0,jt.p)(()=>g.contains(f)),(0,gn.B)(0),(0,ge.Z)(null),(0,Oe.pQ)())}];let Xn=(()=>{var l;class x{constructor(){this.options=(0,t.WQX)(O),this.refresh$=(0,t.WQX)(ai),this.el=(0,W.qW)(),this.cdr=(0,t.WQX)(t.gRc),this.maxIndex=1/0,this.items=ye.xQ,this.moreWord$=(0,t.WQX)(Ae.sd),this.open=!1,this.size=this.options.size,this.underline=this.options.underline,this.itemsLimit=this.options.itemsLimit,this.activeItemIndexChange=new t.bkB,this.activeItemIndex=0}set itemIndex(f){this.activeItemIndex=f,this.maxIndex=this.getMaxIndex()}get lastVisibleIndex(){return this.itemsLimit+1>=this.items.length?this.maxIndex:Math.min(this.itemsLimit-(this.itemsLimit-1>this.activeItemIndex||!this.options.exposeActive?1:2),this.maxIndex)}ngAfterViewInit(){this.refresh$.pipe((0,we.T)(()=>this.getMaxIndex()),(0,Fr.M)(()=>this.refresh()),(0,jt.p)(f=>this.maxIndex!==f)).subscribe(f=>{this.maxIndex=f,this.cdr.detectChanges()})}ngAfterViewChecked(){this.refresh()}get tabs(){return Array.from(this.el.querySelectorAll("[tuiTab]"))}get activeElement(){var f;const{tabs:D}=this,ue=(0,Ke.wN)(this.activeItemIndex||0,0,D.length-2);return this.options.exposeActive||this.lastVisibleIndex>=ue?D[ue]||null:(null===(f=this.moreButton)||void 0===f?void 0:f.nativeElement)||null}get isMoreAlone(){return this.lastVisibleIndex<0&&!this.options.exposeActive}get isMoreVisible(){return this.lastVisibleIndex<this.items.length-1}get isMoreFocusable(){return!!this.moreButton&&(0,be.X)(this.moreButton.nativeElement)}get isMoreActive(){return this.open||!this.options.exposeActive&&this.lastVisibleIndex<this.activeItemIndex}onActiveItemIndexChange(f){this.updateActiveItemIndex(f)}onClick(f){this.open=!1,this.focusMore(),this.updateActiveItemIndex(f)}onArrowRight(f){(0,W.ru)(f.target)&&(0,be.X)(f.target)&&this.focusMore()}onArrowLeft(){const{tabs:f}=this;let D=f.length-2;for(;D>=0;){var ue;if(null===(ue=f[D])||void 0===ue||ue.focus(),(0,be.X)(f[D]))return;D--}}onWrapperArrow(f,D,ue){const Tn=(0,be.km)({initial:f.target,root:D,previous:ue});Tn&&Tn.focus()}isOverflown(f){return f!==this.activeItemIndex||!this.options.exposeActive}shouldShow(f){return f>this.lastVisibleIndex&&this.isOverflown(f)}get margin(){return"l"===this.size?24:16}focusMore(){this.moreButton&&this.moreButton.nativeElement.focus()}getMaxIndex(){var f,D,ue,st,Tn;const{tabs:Jn,activeItemIndex:Wi,margin:Qo}=this;if(Jn.length<2)return 0;const{exposeActive:Yr,minMoreWidth:Ha}=this.options,{clientWidth:Zr}=this.el,Er=Jn[Wi],za=null!==(f=null==Er?void 0:Er.scrollWidth)&&void 0!==f?f:0,ec=Math.max(null!==(D=null===(ue=Jn[Jn.length-1])||void 0===ue?void 0:ue.scrollWidth)&&void 0!==D?D:0,Ha);let Or=Jn.length-2,Ts=Jn.reduce((ca,{scrollWidth:$u})=>ca+$u,0)+Or*Qo-(null!==(st=null===(Tn=Jn[Jn.length-1])||void 0===Tn?void 0:Tn.scrollWidth)&&void 0!==st?st:0);if(Number.isNaN(Ts)||Ts<=Zr)return 1/0;for(;Or;){var ja,la;if(Ts-=(null!==(ja=null===(la=Jn[Or])||void 0===la?void 0:la.scrollWidth)&&void 0!==ja?ja:0)+Qo,Or--,Ts+(Yr&&Wi>Or?za+Qo:0)+ec+Qo+(0,Ke.Zi)(this.maxIndex===Or-1)<Zr)return Or}return-1}updateActiveItemIndex(f){this.itemIndex=f,this.activeItemIndexChange.emit(f)}refresh(){var f,D;const{offsetLeft:ue=0,offsetWidth:st=0}=this.activeElement||{};null===(f=this.dir)||void 0===f||f.nativeElement.style.setProperty("--t-left",(0,ee.Pp)(ue)),null===(D=this.dir)||void 0===D||D.nativeElement.style.setProperty("--t-width",(0,ee.Pp)(st))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-tabs-with-more"],["nav","tuiTabsWithMore",""]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,kr,4,t.C4Q),2&f){let st;t.mGM(st=t.lsd())&&(D.items=st)}},viewQuery:function(f,D){if(1&f&&(t.GBs(F,5,t.aKT),t.GBs(rn,5,t.aKT)),2&f){let ue;t.mGM(ue=t.lsd())&&(D.moreButton=ue.first),t.mGM(ue=t.lsd())&&(D.dir=ue.first)}},inputs:{size:"size",moreContent:"moreContent",dropdownContent:"dropdownContent",underline:"underline",itemsLimit:"itemsLimit",itemIndex:["activeItemIndex","itemIndex"]},outputs:{activeItemIndexChange:"activeItemIndexChange"},standalone:!0,features:[t.Jv_(ui),t.aNF],decls:9,vars:9,consts:[[4,"ngIf"],[1,"t-tabs",3,"activeItemIndex","size","underline","activeItemIndexChange","keydown.arrowRight"],[4,"ngFor","ngForOf"],["tuiTab","","type","button","class","t-more",3,"_active","t-no-margin","t-overflown","tabIndex","tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","keydown.arrowLeft.prevent",4,"ngIf","ngIfElse"],["chevron",""],["dropdown",""],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["hidden",""],[3,"ngTemplateOutlet"],[1,"t-flex"],["tuiTab","","type","button",1,"t-more",3,"tabIndex","tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","keydown.arrowLeft.prevent"],[4,"polymorpheusOutlet"],["tuiChevron","","tuiTab","","type","button",1,"t-more",3,"tabIndex","tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","keydown.arrowLeft.prevent"],[1,"t-dropdown",3,"keydown.arrowDown.prevent","keydown.arrowUp.prevent"],["element",""],["class","t-dropdown-item",3,"tui-tab-activate",4,"ngFor","ngForOf"],[1,"t-dropdown-item",3,"tui-tab-activate"],[3,"ngTemplateOutlet",4,"ngIf"]],template:function(f,D){if(1&f&&(t.DNE(0,xo,1,0,"ng-container",0),t.nI1(1,"async"),t.j41(2,"tui-tabs",1),t.bIt("activeItemIndexChange",function(st){return D.onActiveItemIndexChange(st)})("keydown.arrowRight",function(st){return D.onArrowRight(st)}),t.DNE(3,Xo,4,2,"ng-container",2),t.k0s(),t.DNE(4,jr,2,10,"button",3),t.DNE(5,ts,3,12,"ng-template",null,4,t.C5r),t.DNE(7,fs,3,2,"ng-template",null,5,t.C5r)),2&f){const ue=t.sdS(6);t.Y8G("ngIf",t.bMT(1,7,D.items.changes)),t.R7$(2),t.Y8G("activeItemIndex",D.activeItemIndex)("size",D.size)("underline",D.underline),t.R7$(1),t.Y8G("ngForOf",D.items),t.R7$(1),t.Y8G("ngIf",D.moreContent)("ngIfElse",ue)}},dependencies:[S.MD,S.Sq,S.bT,S.T3,S.Jj,Q.xr,de,k.pU,k.iE,F,rn],styles:["[_nghost-%COMP%]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-%COMP%]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-%COMP%]{display:flex}.t-overflown[_ngcontent-%COMP%]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-%COMP%]{transform:rotate(180deg)}.t-dropdown[_ngcontent-%COMP%]{padding:.25rem 0}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:hover, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:focus, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-%COMP%]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-%COMP%]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-%COMP%]{margin-left:0}"],changeDetection:0}),x})();var qi=u(6242);const $o=["tuiSidebar",""];function Ko(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}let er=(()=>{var l;class x extends Q.A7{constructor(){super(...arguments),this.injector=(0,t.WQX)(t.duS),this.portalService=(0,t.WQX)(k.Hg),this.component=new Q.lS(ho,this.injector),this.sidebarRef=null,this.direction="left",this.autoWidth=!1,this.content=(0,t.WQX)(t.C4Q)}set tuiSidebar(f){f?this.show():this.hide()}ngOnDestroy(){this.hide()}show(){null===this.sidebarRef&&(this.sidebarRef=this.portalService.add(this.component),this.sidebarRef.changeDetectorRef.detectChanges())}hide(){null!==this.sidebarRef&&(this.portalService.remove(this.sidebarRef),this.sidebarRef=null)}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["","tuiSidebar",""]],inputs:{direction:["tuiSidebarDirection","direction"],autoWidth:["tuiSidebarAutoWidth","autoWidth"],tuiSidebar:"tuiSidebar"},standalone:!0,features:[t.Vt3]}),x})(),ho=(()=>{var l;class x{constructor(){this.directive=(0,t.WQX)(er),this.options=(0,gt.mo)((0,t.WQX)(Ot.nV)),this.left={...this.options,value:"left"},this.right={...this.options,value:"right"}}ngDoCheck(){this.directive.check()}get animation(){return"left"===this.direction?this.left:this.right}get direction(){return this.directive.direction}get content(){return this.directive.content}get autoWidth(){return this.directive.autoWidth}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["aside","tuiSidebar",""]],hostVars:3,hostBindings:function(f,D){2&f&&(t.zvX("@tuiSlideIn",D.animation),t.HbH("t-"+D.direction))},standalone:!0,features:[t.aNF],attrs:$o,decls:2,vars:3,consts:[["tuiActiveZone","",1,"t-wrapper"],[4,"polymorpheusOutlet"]],template:function(f,D){1&f&&(t.j41(0,"div",0),t.DNE(1,Ko,2,1,"ng-container",1),t.k0s()),2&f&&(t.AVh("t-wrapper_auto-width",D.autoWidth),t.R7$(1),t.Y8G("polymorpheusOutlet",D.content))},dependencies:[Q.xr,qi.N],styles:['[_nghost-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:flex}[_nghost-%COMP%]:before, [_nghost-%COMP%]:after{position:absolute;top:0;left:0;inline-size:100%;content:"";block-size:100%;background:#00000061;animation:tuiFadeIn var(--tui-duration)}[_nghost-%COMP%]:before{left:-100%;inline-size:200%}[_nghost-%COMP%]:after{left:100%}.ng-animating[_nghost-%COMP%]:before, .ng-animating[_nghost-%COMP%]:after{opacity:0;transition:opacity var(--tui-duration)}.t-right[_nghost-%COMP%]{justify-content:flex-end}.t-left[_nghost-%COMP%]{justify-content:flex-start}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;background:var(--tui-background-base);box-shadow:0 10rem var(--tui-background-base);inline-size:17.25rem}.t-wrapper_auto-width[_ngcontent-%COMP%]{inline-size:auto}'],data:{animation:[ri.ZM]},changeDetection:0}),x})();var Io=u(6098);function mr(l){return null!=l&&"false"!=="".concat(l)}var ns=u(8621),Vr=u(8751),Fo=u(6111);var Js=u(1472),cr=u(9867);class Os{constructor(x){this.el=x}get element(){return(this.el.nativeElement.tagName.includes("-")?this.el.nativeElement.querySelector("input,textarea"):this.el.nativeElement)||this.el.nativeElement}get isTextFieldElement(){return this.element.matches("input, textarea, [contenteditable]")}}class Ss extends Os{constructor(x,g,f){super(x),this.animationFrame$=g,this.zone=f}setFocus(){this.isTextFieldElement?function Da(...l){return 1===(l=(0,Vr.K)(l)).length?(0,ns.Tg)(l[0]):new Ai.c(function lr(l){return x=>{let g=[];for(let f=0;g&&!x.closed&&f<l.length;f++)g.push((0,ns.Tg)(l[f]).subscribe((0,Fo._)(x,D=>{if(g){for(let ue=0;ue<g.length;ue++)ue!==f&&g[ue].unsubscribe();g=null}x.next(D)})))}}(l))}((0,ze.O)(1e3),this.animationFrame$.pipe((0,Js.c)(100,(0,Le.Ew)(this.zone)),(0,we.T)(()=>this.element.closest(".ng-animating")),function gs(l){return(0,cr.N)((x,g)=>{let f=!1,D=0;x.subscribe((0,Fo._)(g,ue=>(f||(f=!l(ue,D++)))&&g.next(ue)))})}(Boolean),(0,Vn.s)(1))).subscribe(()=>this.element.focus({preventScroll:!0})):this.element.focus({preventScroll:!0})}}const Ca=["type","inputMode","autocomplete","accept","min","max","step","pattern","size","maxlength"];class Kn extends Os{constructor(x,g,f,D){super(x),this.renderer=g,this.zone=f,this.win=D,this.patchCssStyles()}setFocus(){this.isTextFieldElement?this.zone.runOutsideAngular(()=>this.iosWebkitAutofocus()):this.element.focus({preventScroll:!0})}iosWebkitAutofocus(){const x=this.makeFakeInput(),g=this.getDurationTimeBeforeFocus();let f=0,D=0;const ue=()=>x.focus({preventScroll:!0}),st=()=>{clearTimeout(f),f=this.win.setTimeout(()=>{clearTimeout(D),x.removeEventListener("blur",ue),x.removeEventListener("focus",st),D=this.win.setTimeout(()=>{this.element.focus({preventScroll:!1}),x.remove()},g)})};var Tn;x.addEventListener("blur",ue,{once:!0}),x.addEventListener("focus",st),this.insideDialog()?this.win.document.body.appendChild(x):null===(Tn=this.element.parentElement)||void 0===Tn||Tn.appendChild(x),x.focus({preventScroll:!0})}makeFakeInput(){const x=this.renderer.createElement("input"),g=this.element.getBoundingClientRect();return this.patchFakeInputFromFocusableElement(x),x.style.height=(0,ee.Pp)(g.height),x.style.width=(0,ee.Pp)(g.width/2),x.style.position="fixed",x.style.zIndex="-99999999",x.style.caretColor="transparent",x.style.border="none",x.style.outline="none",x.style.color="transparent",x.style.background="transparent",x.style.cursor="none",x.style.fontSize=(0,ee.Pp)(16),x.style.top=(0,ee.Pp)(g.top),x.style.left=(0,ee.Pp)(g.left),x}getDurationTimeBeforeFocus(){return parseFloat(this.win.getComputedStyle(this.element).getPropertyValue("--tui-duration"))||0}insideDialog(){return!!this.element.closest("tui-dialog")}patchCssStyles(){[this.win.document.documentElement,this.win.document.body].forEach(x=>{x.style.setProperty("overflow","auto"),x.style.setProperty("height","100%")})}patchFakeInputFromFocusableElement(x){Ca.forEach(g=>{const f=this.element.getAttribute(g);(0,ee.Aj)(f)&&x.setAttribute(g,f)})}}const As=(0,ee.gc)({delay:NaN}),Gr=new t.nKC("[TUI_AUTOFOCUS_HANDLER]"),ea=[{provide:Gr,useFactory:(l,x,g,f,D,ue)=>ue?new Kn(l,g,f,D):new Ss(l,x,f),deps:[t.aKT,Mo.OX,t.sFG,t.SKi,Mo.Qc,Re.mg]}];let Ps=(()=>{var l;class x{constructor(){this.handler=(0,t.WQX)(Gr),this.options=(0,t.WQX)(As),this.destroyRef=(0,t.WQX)(t.abz)}ngAfterViewInit(){this.autoFocus&&this.focus()}focus(){Number.isNaN(this.options.delay)?Promise.resolve().then(()=>this.handler.setFocus()):(0,ze.O)(this.options.delay).pipe((0,Oe.pQ)(this.destroyRef)).subscribe(()=>this.handler.setFocus())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiAutoFocus",""]],inputs:{autoFocus:["tuiAutoFocus","autoFocus",mr]},standalone:!0,features:[t.Jv_(ea),t.GFd]}),x})();function Rs(l,x){if(1&l&&(t.qex(0),t.nrm(1,"tui-icon",7),t.bVm()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("tuiChevron",g.open)}}function Ta(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Ns(l,x){if(1&l&&(t.j41(0,"div",9),t.DNE(1,Ta,2,1,"ng-container",10),t.k0s()),2&l){const g=t.XpG(2);t.R7$(1),t.Y8G("polymorpheusOutlet",g.lazyContent)}}function Ea(l,x){if(1&l&&t.DNE(0,Ns,2,1,"div",8),2&l){const g=t.XpG();t.Y8G("ngIf",g.lazyContent)}}function Jt(l,x){1&l&&(t.j41(0,"div",11),t.SdG(1,1),t.k0s())}const mi=["*",[["","tuiAccordionItemContent",""]]],Fs=["*","[tuiAccordionItemContent]"];let ys=(()=>{var l;class x extends Q.A7{}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["ng-template","tuiAccordionItemContent",""]],standalone:!0,features:[t.Vt3]}),x})(),wo=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiAccordionItemContent","",5,"ng-template"]],standalone:!0}),x})(),s=(()=>{var l;class x{constructor(){this.cdr=(0,t.WQX)(t.gRc),this.noPadding=!1,this.showArrow=!0,this.borders="all",this.size="m",this.disabled=!1,this.disableHover=!1,this.open=!1,this.async=!1,this.openChange=new t.bkB}close(){this.updateOpen(!1),this.cdr.markForCheck()}onRowToggle(){this.disabled||this.updateOpen(!this.open)}onItemKeyDownEsc(f){this.open&&(f.stopPropagation(),this.updateOpen(!1))}updateOpen(f){this.open!==f&&(this.open=f,this.openChange.emit(f))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-accordion-item"]],contentQueries:function(f,D,ue){if(1&f&&(t.wni(ue,wo,5),t.wni(ue,ys,5)),2&f){let st;t.mGM(st=t.lsd())&&(D.eagerContent=st.first),t.mGM(st=t.lsd())&&(D.lazyContent=st.first)}},hostVars:8,hostBindings:function(f,D){2&f&&(t.BMQ("data-borders",D.borders)("data-size",D.size),t.AVh("_no-padding",D.noPadding)("_has-arrow",D.showArrow)("_disabled",D.disabled))},inputs:{noPadding:"noPadding",showArrow:"showArrow",borders:"borders",size:"size",disabled:"disabled",disableHover:"disableHover",open:"open",async:"async"},outputs:{openChange:"openChange"},standalone:!0,features:[t.aNF],ngContentSelectors:Fs,decls:8,vars:9,consts:[["automation-id","tui-accordion__item-wrapper",1,"t-wrapper"],["automation-id","tui-accordion__item-header","type","button",1,"t-header",3,"disabled","click","keydown.esc"],["automation-id","tui-accordion__item-title",1,"t-title"],[4,"ngIf"],[3,"async","expanded"],["tuiExpandContent",""],["class","t-content",4,"ngIf"],[1,"t-icon",3,"tuiChevron"],["automation-id","tui-accordion__item-content","class","t-content",4,"ngIf"],["automation-id","tui-accordion__item-content",1,"t-content"],[4,"polymorpheusOutlet"],[1,"t-content"]],template:function(f,D){1&f&&(t.NAR(mi),t.j41(0,"div",0)(1,"button",1),t.bIt("click",function(){return D.onRowToggle()})("keydown.esc",function(st){return D.onItemKeyDownEsc(st)}),t.j41(2,"span",2),t.SdG(3),t.k0s(),t.DNE(4,Rs,2,1,"ng-container",3),t.k0s(),t.j41(5,"tui-expand",4),t.DNE(6,Ea,1,1,"ng-template",5),t.DNE(7,Jt,2,0,"div",6),t.k0s()()),2&f&&(t.R7$(1),t.AVh("t-header_hoverable",!D.disableHover)("t-header_open",D.open),t.Y8G("disabled",D.disabled),t.R7$(3),t.Y8G("ngIf",D.showArrow),t.R7$(1),t.Y8G("async",D.async)("expanded",D.open),t.R7$(2),t.Y8G("ngIf",D.eagerContent))},dependencies:[S.bT,Q.xr,de,Je,Li,X.q],styles:['[_nghost-%COMP%]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-%COMP%]{border-radius:0!important}  tui-accordion{inline-size:100%}.t-wrapper[_ngcontent-%COMP%]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-%COMP%]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}[_nghost-%COMP%]:not([data-borders])   .t-wrapper[_ngcontent-%COMP%]:after{border-width:0}[data-borders=all][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-width:1px}[data-borders=top-bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-inline-start-width:0;border-inline-end-width:0}[data-borders=top][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}[data-borders=bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header[_ngcontent-%COMP%]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header[_ngcontent-%COMP%]:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}[_nghost-%COMP%]:not([data-borders])   .t-header[_ngcontent-%COMP%]{border-block-end-width:0}._has-arrow[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-right:.75rem}[tuiTheme="dark"][_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%], [tuiTheme="dark"]   [_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%]{background:var(--tui-background-neutral-1)}[data-size=s][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-left:0;padding-right:0}._disabled[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{cursor:default}.t-wrapper[_ngcontent-%COMP%]:hover > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-background-base-alt)}.t-title[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-%COMP%]   .t-title[_ngcontent-%COMP%]{margin-right:.5rem}.t-icon[_ngcontent-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;border:.25rem solid transparent;color:var(--tui-text-tertiary)}[_nghost-%COMP%]:hover   .t-icon[_ngcontent-%COMP%]{color:var(--tui-text-secondary)}.t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-s);padding:1rem}'],changeDetection:0}),x})(),h=(()=>{var l;class x{constructor(){this.destroyRef=(0,t.WQX)(t.abz),this.accordionItems=ye.xQ,this.closeOthers=!0;const f=(0,t.WQX)(ft.w7);f.orientation="vertical",f.collapsed=!0}ngAfterContentInit(){const{accordionItems:f}=this,D=(0,Le.MJ)(f),ue=D.pipe(function vs(){return(0,cr.N)((l,x)=>{let g,f=!1;l.subscribe((0,Fo._)(x,D=>{const ue=g;g=D,f&&x.next([ue,D]),f=!0}))})}(),(0,we.T)(([Tn,Jn])=>Jn.find(Wi=>!Tn.includes(Wi)&&Wi.open)),(0,jt.p)(ee.Aj));(0,Y.h)(D.pipe((0,rt.n)(Tn=>(0,Y.h)(...Tn.map(Jn=>Jn.openChange.pipe((0,jt.p)(pt.D),(0,we.T)(()=>Jn)))))),ue).pipe((0,jt.p)(()=>this.closeOthers),(0,Oe.pQ)(this.destroyRef)).subscribe(Tn=>{f.forEach(Jn=>{Tn!==Jn&&Jn.close()})})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["tui-accordion"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,s,4),2&f){let st;t.mGM(st=t.lsd())&&(D.accordionItems=st)}},inputs:{closeOthers:"closeOthers"},standalone:!0,features:[t.nM4([{directive:ft.w7,inputs:["rounded","rounded"]}])]}),x})();var B=u(6801);let V=(()=>{var l;class x{constructor(){this.tuiPlatform=(0,t.WQX)(Re.pg,{skipSelf:!0})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiPlatform",""]],hostVars:1,hostBindings:function(f,D){2&f&&t.BMQ("data-platform",D.tuiPlatform)},inputs:{tuiPlatform:"tuiPlatform"},standalone:!0,features:[t.Jv_([{provide:Re.pg,useFactory:()=>(0,t.WQX)(l).tuiPlatform}])]}),x})(),z=(()=>{var l;class x{constructor(){this.doc=(0,t.WQX)(S.qQ),this.el=(0,W.qW)(),this.activeElement=(0,be.x_)(this.doc),Promise.resolve().then(()=>this.el.focus())}ngOnDestroy(){(0,be.SI)(this.doc),Promise.resolve().then(()=>{(0,W.Ki)(this.activeElement)&&this.activeElement.focus()})}onFocusIn(f){var D;(0,W.P9)(this.el,f)||null===(D=(0,be.km)({initial:this.el,root:this.el}))||void 0===D||D.focus()}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiFocusTrap",""]],hostAttrs:["tabIndex","0"],hostBindings:function(f,D){1&f&&t.bIt("focusin.silent",function(st){return D.onFocusIn(st.target)},!1,t.tSv)},standalone:!0}),x})();function Bt(l,x){1&l&&t.eu8(0)}function Ut(l,x){if(1&l&&(t.j41(0,"section",2),t.DNE(1,Bt,1,0,"ng-container",3),t.nrm(2,"tui-scroll-controls",4),t.k0s()),2&l){const g=x.$implicit;t.Y8G("@tuiHost",void 0),t.BMQ("aria-labelledby",g.id),t.R7$(1),t.Y8G("polymorpheusOutlet",g.component)("polymorpheusOutletContext",g)}}const _n=(0,ee.gc)(new xt.t([]));(0,ee.gc)(Rn.w),(0,ee.gc)({appearance:"",size:"m",required:!1,closeable:!0,dismissible:!0,label:"",header:"",data:void 0}),new Error("Required dialog was dismissed");let un=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.dialogs=(0,Oe.ot)((0,t.WQX)(_n),{initialValue:[]})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-dialogs"]],hostBindings:function(f,D){1&f&&t.bIt("keydown.silent",function(){return D.el.scrollTop=D.el.scrollHeight/2})},standalone:!0,features:[t.aNF],decls:2,vars:3,consts:[[1,"t-overlay"],["aria-modal","true","role","dialog","tuiFocusTrap","","tuiScrollRef","","class","t-dialog",4,"ngFor","ngForOf"],["aria-modal","true","role","dialog","tuiFocusTrap","","tuiScrollRef","",1,"t-dialog"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-scrollbars"]],template:function(f,D){1&f&&(t.nrm(0,"div",0),t.DNE(1,Ut,3,4,"section",1)),2&f&&(t.xc7("opacity",D.dialogs().length),t.R7$(1),t.Y8G("ngForOf",D.dialogs()))},dependencies:[S.Sq,Q.xr,z,Qn.I_,Qn.Vm],styles:['[_nghost-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;scrollbar-width:none;-ms-overflow-style:none;pointer-events:none;overflow:hidden;overscroll-behavior:none}[_nghost-%COMP%]::-webkit-scrollbar, [_nghost-%COMP%]::-webkit-scrollbar-thumb{display:none}[_nghost-%COMP%]:has(section){pointer-events:auto;overflow:auto}[_nghost-%COMP%]:before{content:"";display:block;block-size:1000%}.t-overlay[_ngcontent-%COMP%], .t-dialog[_ngcontent-%COMP%]{transition-property:filter;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;scrollbar-width:none;-ms-overflow-style:none;position:fixed;top:0;left:0;bottom:0;right:0;display:flex;block-size:100%;align-items:flex-start;outline:none;overflow:auto}.t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar, .t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}.t-overlay.ng-animating[_ngcontent-%COMP%], .t-dialog.ng-animating[_ngcontent-%COMP%]{overflow:clip}.t-dialog[_ngcontent-%COMP%]{position:sticky;overscroll-behavior:none;filter:brightness(.25)}.t-overlay[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-service-backdrop);-webkit-backdrop-filter:var(--tui-backdrop, none);backdrop-filter:var(--tui-backdrop, none);opacity:0}.t-dialog[_ngcontent-%COMP%]:last-child{pointer-events:auto;filter:none}.t-scrollbars[_ngcontent-%COMP%]{position:fixed;top:0;left:0;bottom:0;right:0;margin:0;color:#747474}'],data:{animation:[ri.D2]}}),x})();var Nn=u(9131),Mi=u(1342);function yi(l,x){1&l&&t.nrm(0,"tui-scroll-controls",2)}u(6701);const Oo=["*",[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverDropdowns"]],[["tuiOverHints"]]],Cr=["*","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverDropdowns","tuiOverHints"];let Ki=(()=>{var l;class x{constructor(){var f;this.reducedMotion=(0,t.WQX)(Ot.vo),this.duration=(0,gt.T0)((0,t.WQX)(Ot.nV)),this.isMobileRes=(0,Oe.ot)((0,t.WQX)(Mi.$n).pipe((0,we.T)(D=>"mobile"===D),(0,Le.Eb)((0,t.WQX)(t.gRc)))),this.scrollbars$=(0,t.WQX)(Re.Td)?(0,P.of)(!1):(0,t.WQX)(_n).pipe((0,we.T)(({length:D})=>!D),(0,gn.B)(0,(0,Le.Ew)())),null===(f=(0,t.WQX)(S.qQ).defaultView)||void 0===f||f.document.documentElement.setAttribute("data-tui-theme",(0,t.WQX)(Ot.HG).toLowerCase())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-root"]],hostAttrs:["data-tui-version","4.7.0"],hostVars:6,hostBindings:function(f,D){1&f&&t.bIt("touchstart.passive.silent",function(){return 0}),2&f&&(t.xc7("--tui-duration",D.duration,"ms")("--tui-scroll-behavior",D.reducedMotion?"auto":"smooth"),t.AVh("_mobile",D.isMobileRes()))},standalone:!0,features:[t.aNF,t.nM4([V])],ngContentSelectors:Cr,decls:13,vars:3,consts:[["class","t-root-scrollbar",4,"ngIf"],[1,"t-root-content"],[1,"t-root-scrollbar"]],template:function(f,D){1&f&&(t.NAR(Oo),t.DNE(0,yi,1,0,"tui-scroll-controls",0),t.nI1(1,"async"),t.j41(2,"tui-dropdowns")(3,"div",1),t.SdG(4),t.k0s(),t.SdG(5,1),t.nrm(6,"tui-dialogs"),t.SdG(7,2),t.nrm(8,"tui-alerts"),t.SdG(9,3),t.k0s(),t.SdG(10,4),t.nrm(11,"tui-hints"),t.SdG(12,5)),2&f&&t.Y8G("ngIf",t.bMT(1,1,D.scrollbars$))},dependencies:[S.Jj,S.bT,Si,un,k.fx,Nn.dY,Qn.I_],styles:['@keyframes tuiPresent{to{content:""}}@keyframes tuiSkeletonVibe{to{opacity:.5}}html[data-tui-theme],.tui-zero-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html[data-tui-theme]::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar,html[data-tui-theme]::-webkit-scrollbar-thumb,.tui-zero-scrollbar::-webkit-scrollbar-thumb{display:none}body,input{margin:0}tui-root{position:relative;display:block;font:var(--tui-font-text-s);color:var(--tui-text-primary);flex:1;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 0 100vh 0;-webkit-tap-highlight-color:transparent}tui-root>.t-root-scrollbar{position:fixed;top:0;left:0;bottom:0;right:0;display:none;margin:0}[data-tui-theme] tui-root>.t-root-scrollbar{display:block}.t-root-content{position:relative;top:var(--t-root-top);block-size:100%;isolation:isolate}.t-root-content>*{--t-root-top: 0}[tuiDropdownButton][tuiDropdownButton]{display:none}\n'],encapsulation:2}),x})(),dr=(()=>{var l;class x{transform(f,D,ue){var st;return null!==(st=null==f?void 0:f.replace(D,ue))&&void 0!==st?st:""}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiReplace",type:l,pure:!0,standalone:!0}),x})(),ji=(()=>{var l;class x{transform(f){return function Xt(l){if(""===l)return"";let x=0;for(let ue=0;ue<l.length;ue++)x=l.charCodeAt(ue)+((x<<5)-x),x&=x;const f=60+x%5,D=80+x%5;return"hsl(".concat(x%360,",").concat(f,"%,").concat(D,"%)")}(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiAutoColor",type:l,pure:!0,standalone:!0}),x})();var ks=u(5340),Ls=u(6836);const Cu=(0,ee.gc)({appearance:"neutral",size:"s"});let bl=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["ng-component"]],hostAttrs:[1,"tui-chip"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(f,D){},styles:["tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: 0 .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);block-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;isolation:isolate}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiSwitch],[tuiChip]>[tuiSwitch],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip>[tuiIconButton],[tuiChip]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: var(--t-0, 0rem);--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img,tui-chip tui-avatar,[tuiChip] tui-avatar{inline-size:1.5rem;margin-inline-start:-.375rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;margin:0}tui-chip[tuiAppearance][data-appearance=error],[tuiChip][tuiAppearance][data-appearance=error],tui-chip[tuiAppearance][data-appearance=success],[tuiChip][tuiAppearance][data-appearance=success],tui-chip[tuiAppearance][data-appearance=warning],[tuiChip][tuiAppearance][data-appearance=warning],tui-chip[tuiAppearance][data-appearance=info],[tuiChip][tuiAppearance][data-appearance=info],tui-chip[tuiAppearance][data-appearance=neutral],[tuiChip][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}\n"],encapsulation:2,changeDetection:0}),x})(),Ma=(()=>{var l;class x{constructor(){this.options=(0,t.WQX)(Cu),this.nothing=(0,ee.Ty)(bl),this.size=this.options.size}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["tui-chip"],["","tuiChip",""]],hostVars:1,hostBindings:function(f,D){2&f&&t.BMQ("data-size",D.size)},inputs:{size:"size"},standalone:!0,features:[t.Jv_([(0,Tt.mr)(Cu),H({size:"s"}),(0,Ls.Ly)({size:"s"}),(0,ks.vQ)({size:"xs"}),(0,ae.e)({size:"xs",appearance:"icon"})]),t.nM4([Tt.tF,Hr.Z])]}),x})();const Ds=["*"];function Jp(l,x){if(1&l&&(t.j41(0,"p",2),t.EFF(1),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.SpI(" ",g.filename,"\n")}}function nd(l,x){if(1&l){const g=t.RV6();t.j41(0,"pre",3),t.EFF(1,"    "),t.nrm(2,"code",4),t.EFF(3,"\n    "),t.j41(4,"div",5),t.EFF(5,"\n        "),t.j41(6,"button",6),t.bIt("click",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.copy$.next())}),t.EFF(7,"\n        "),t.k0s(),t.EFF(8,"\n        "),t.SdG(9),t.EFF(10,"\n    "),t.k0s(),t.EFF(11,"\n"),t.k0s()}if(2&l){const g=x.$implicit,f=t.XpG();t.R7$(2),t.Y8G("lineNumbers",!0)("highlight",g),t.R7$(4),t.Y8G("iconStart",f.icon())("cdkCopyToClipboard",g)}}const Mu=["content"],ia=["resizer"];function od(l,x){if(1&l&&t.nrm(0,"tui-data-list-wrapper",22),2&l){const g=t.XpG(3);t.Y8G("items",g.updateOnVariants)}}const oa=function(){return{standalone:!0}};function xu(l,x){if(1&l){const g=t.RV6();t.j41(0,"pre",16),t.EFF(1),t.nI1(2,"json"),t.k0s(),t.j41(3,"div",17)(4,"tui-select",18),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(2);return t.Njj(ue.updateOnChange(D))}),t.EFF(5," updateOn "),t.DNE(6,od,1,1,"tui-data-list-wrapper",19),t.k0s(),t.j41(7,"button",20),t.EFF(8," Reset "),t.k0s(),t.j41(9,"button",21),t.EFF(10," Submit "),t.k0s()()}if(2&l){const g=t.XpG(2);t.R7$(1),t.SpI("Form data: ",t.bMT(2,7,g.testForm.value),""),t.R7$(3),t.Y8G("ngModel",g.updateOn)("ngModelOptions",t.lJ4(9,oa)),t.R7$(3),t.xc7("flex","0 0 auto"),t.R7$(2),t.xc7("flex","0 0 auto")}}function wa(l,x){if(1&l){const g=t.RV6();t.j41(0,"form",10)(1,"div",11),t.eu8(2,12),t.k0s(),t.j41(3,"button",13),t.bIt("click",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.toggleDetails())}),t.EFF(4),t.k0s(),t.j41(5,"tui-expand",14),t.DNE(6,xu,11,10,"ng-template",15),t.k0s()()}if(2&l){const g=t.XpG();t.Y8G("formGroup",g.testForm),t.R7$(2),t.Y8G("ngTemplateOutlet",g.template),t.R7$(1),t.Y8G("tuiChevron",g.expanded),t.R7$(1),t.SpI(" ",g.texts[2]," "),t.R7$(1),t.Y8G("expanded",g.expanded)}}const eh=function(){return[1,0]};function Tl(l,x){if(1&l&&(t.j41(0,"h1",2),t.EFF(1),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.SpI(" ",g.heading,"\n")}}function El(l,x){if(1&l&&(t.j41(0,"th",10),t.EFF(1),t.k0s()),2&l){const g=t.XpG(3);t.R7$(1),t.SpI(" ",g.texts[3]," ")}}function rd(l,x){if(1&l&&(t.j41(0,"code",22),t.EFF(1),t.nI1(2,"tuiStripOptionalPipe"),t.k0s()),2&l){const g=t.XpG().$implicit;t.xc7("color","var(--tui-background-accent-2-pressed)"),t.R7$(1),t.SpI(" ",t.bMT(2,3,g.attrName)," ")}}function Xr(l,x){1&l&&(t.j41(0,"tui-badge",23),t.EFF(1," Optional "),t.k0s())}function sd(l,x){1&l&&(t.j41(0,"tui-badge",24),t.EFF(1," Deprecated "),t.k0s())}function Oa(l,x){if(1&l&&(t.j41(0,"a",27),t.EFF(1),t.k0s()),2&l){const g=t.XpG().$implicit;t.BMQ("href",g.reference,t.B4B),t.R7$(1),t.SpI(" ",g.type," ")}}function Iu(l,x){if(1&l&&t.EFF(0),2&l){const g=t.XpG().$implicit;t.SpI(" ",g.type," ")}}function Ml(l,x){1&l&&(t.j41(0,"span"),t.EFF(1,"\xa0|\xa0"),t.k0s())}function Sa(l,x){if(1&l&&(t.qex(0),t.DNE(1,Oa,2,2,"a",25),t.DNE(2,Iu,1,1,"ng-template",null,26,t.C5r),t.DNE(4,Ml,2,0,"span",1),t.bVm()),2&l){const g=x.$implicit,f=x.last,D=t.sdS(3);t.R7$(1),t.Y8G("ngIf",g.reference)("ngIfElse",D),t.R7$(3),t.Y8G("ngIf",!f)}}function wu(l,x){if(1&l&&t.nrm(0,"tui-data-list-wrapper",37),2&l){t.XpG(2);const g=t.sdS(3),f=t.XpG(2).$implicit;t.Y8G("itemContent",g)("items",f.documentationPropertyValues)}}function ad(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-select",34),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(3).$implicit;return t.Njj(ue.onValueChange(D))}),t.nI1(1,"tuiShowCleanerPipe"),t.j41(2,"code",35),t.EFF(3,"null"),t.k0s(),t.DNE(4,wu,1,2,"tui-data-list-wrapper",36),t.k0s()}if(2&l){t.XpG();const g=t.sdS(3),f=t.XpG(2).$implicit;t.Y8G("nativeId",f.attrName)("ngModel",f.documentationPropertyValue)("tuiTextfieldCleaner",t.bMT(1,5,f.documentationPropertyType))("tuiTextfieldLabelOutside",!0)("valueContent",g)}}function xl(l,x){if(1&l&&(t.j41(0,"code"),t.EFF(1),t.nI1(2,"tuiInspectAny"),t.k0s()),2&l){const g=x.$implicit;t.R7$(1),t.JRh(t.bMT(2,1,g))}}function Il(l,x){if(1&l){const g=t.RV6();t.j41(0,"input",42),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(4).$implicit;return t.Njj(ue.onValueChange(D))}),t.k0s()}if(2&l){const g=t.XpG(4).$implicit;t.Y8G("id",g.attrName)("ngModel",g.documentationPropertyValue)("showIcons",!0)}}function wl(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-textfield",43)(1,"input",44),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(4).$implicit;return t.Njj(ue.onValueChange(D))}),t.k0s()()}if(2&l){const g=t.XpG(4).$implicit;t.R7$(1),t.Y8G("id",g.attrName)("ngModel",g.documentationPropertyValue||"")}}function Ol(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-input-number",45),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(4).$implicit;return t.Njj(ue.onValueChange(D||0))}),t.k0s()}if(2&l){const g=t.XpG(4).$implicit;t.Y8G("nativeId",g.attrName)("ngModel",g.documentationPropertyValue)("step",1)("tuiTextfieldLabelOutside",!0)}}function ud(l,x){if(1&l&&(t.qex(0,38),t.DNE(1,Il,1,3,"input",39),t.DNE(2,wl,2,2,"tui-textfield",40),t.DNE(3,Ol,1,4,"tui-input-number",41),t.bVm()),2&l){const g=t.XpG(3).$implicit;t.Y8G("ngSwitch",g.documentationPropertyType),t.R7$(1),t.Y8G("ngSwitchCase","boolean"),t.R7$(1),t.Y8G("ngSwitchCase","string"),t.R7$(1),t.Y8G("ngSwitchCase","number")}}function Aa(l,x){if(1&l&&(t.qex(0),t.DNE(1,ad,5,7,"tui-select",31),t.DNE(2,xl,3,3,"ng-template",null,32,t.C5r),t.DNE(4,ud,4,4,"ng-template",null,33,t.C5r),t.bVm()),2&l){const g=t.sdS(5),f=t.XpG(2).$implicit;t.R7$(1),t.Y8G("ngIf",f.hasItems)("ngIfElse",g)}}function Cs(l,x){if(1&l&&(t.j41(0,"tui-notification",46),t.nI1(1,"async"),t.EFF(2," Emit! "),t.k0s()),2&l){const g=t.XpG(2).$implicit;t.Y8G("@emitEvent",t.bMT(1,1,g.emits$))}}function ld(l,x){if(1&l&&(t.j41(0,"td",28),t.DNE(1,Aa,6,2,"ng-container",29),t.DNE(2,Cs,3,3,"ng-template",null,30,t.C5r),t.k0s()),2&l){const g=t.sdS(3),f=t.XpG().$implicit;t.R7$(1),t.Y8G("ngIf",f.shouldShowValues)("ngIfElse",g)}}function Sl(l,x){if(1&l&&(t.j41(0,"tr",11)(1,"td",12)(2,"div",13),t.DNE(3,rd,3,5,"code",14),t.DNE(4,Xr,2,0,"tui-badge",15),t.nI1(5,"tuiIsOptionalPipe"),t.DNE(6,sd,2,0,"tui-badge",16),t.k0s(),t.eu8(7,17),t.k0s(),t.j41(8,"td",12)(9,"span",18)(10,"code",19),t.DNE(11,Sa,5,3,"ng-container",20),t.nI1(12,"tuiDocTypeReference"),t.k0s()()(),t.DNE(13,ld,4,2,"td",21),t.k0s()),2&l){const g=x.$implicit,f=t.XpG(3);t.AVh("t-deprecated",g.documentationPropertyDeprecated),t.R7$(3),t.Y8G("ngIf",g.attrName),t.R7$(1),t.Y8G("ngIf",t.bMT(5,8,g.attrName)),t.R7$(2),t.Y8G("ngIf",g.documentationPropertyDeprecated),t.R7$(1),t.Y8G("ngTemplateOutlet",g.template),t.R7$(4),t.Y8G("ngForOf",t.bMT(12,10,g.documentationPropertyType)),t.R7$(2),t.Y8G("ngIf",f.showValues)}}function Al(l,x){if(1&l&&(t.j41(0,"table",4)(1,"tr",5)(2,"th",6),t.EFF(3),t.k0s(),t.j41(4,"th",7),t.EFF(5),t.k0s(),t.DNE(6,El,2,1,"th",8),t.k0s(),t.DNE(7,Sl,14,12,"tr",9),t.k0s()),2&l){const g=t.XpG().ngIf,f=t.XpG();t.R7$(3),t.JRh(f.texts[2]),t.R7$(2),t.JRh(f.type),t.R7$(1),t.Y8G("ngIf",f.showValues&&!f.isAPI),t.R7$(1),t.Y8G("ngForOf",g)}}function ra(l,x){if(1&l&&(t.qex(0),t.DNE(1,Al,8,4,"table",3),t.bVm()),2&l){const g=x.ngIf;t.R7$(1),t.Y8G("ngIf",g.length)}}function cd(l,x){1&l&&t.nrm(0,"span",9),2&l&&t.Y8G("textContent",x.polymorpheusOutlet)}function fr(l,x){if(1&l&&(t.j41(0,"h3",7),t.DNE(1,cd,1,1,"span",8),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.heading)}}const dd=function(){return{matrixParams:"exact",queryParams:"exact",paths:"exact",fragment:"exact"}};function Pl(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",10),t.bIt("click",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.copyExampleLink(D.currentTarget))}),t.nI1(1,"async"),t.EFF(2," # "),t.k0s()}if(2&l){const g=t.XpG();t.Y8G("fragment",g.id)("routerLinkActiveOptions",t.lJ4(5,dd)),t.BMQ("title",t.bMT(1,3,g.copy$))}}function Ou(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function fd(l,x){if(1&l&&(t.j41(0,"h4",11),t.DNE(1,Ou,2,1,"ng-container",12),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.description)}}function Rl(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Su(l,x){if(1&l&&(t.j41(0,"button",22),t.DNE(1,Rl,2,1,"ng-container",12),t.k0s()),2&l){const g=t.XpG().$implicit,f=t.XpG(4);t.R7$(1),t.Y8G("polymorpheusOutlet",f.getTabTitle(g))}}function Bs(l,x){1&l&&(t.qex(0),t.DNE(1,Su,2,1,"button",21),t.bVm())}function Vs(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Us(l,x){if(1&l&&(t.qex(0),t.DNE(1,Vs,2,1,"ng-container",12),t.bVm()),2&l){const g=x.ngIf;t.R7$(1),t.Y8G("polymorpheusOutlet",g)}}function Nl(l,x){if(1&l&&(t.j41(0,"button",26),t.EFF(1),t.k0s()),2&l){const g=t.XpG(5);t.R7$(1),t.SpI(" Edit on ",g.codeEditor.name," ")}}function Au(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-loader",23),t.bIt("click",function(){t.eBV(g);const D=t.XpG(3).ngIf,ue=t.XpG();return t.Njj(ue.edit(D))}),t.nI1(1,"async"),t.DNE(2,Us,2,1,"ng-container",24),t.DNE(3,Nl,2,1,"ng-template",null,25,t.C5r),t.k0s()}if(2&l){const g=t.sdS(4),f=t.XpG(4);t.Y8G("overlay",!0)("showLoader",!!t.bMT(1,4,f.loading$)),t.R7$(2),t.Y8G("ngIf",null==f.codeEditor?null:f.codeEditor.content)("ngIfElse",g)}}function $s(l,x){if(1&l){const g=t.RV6();t.j41(0,"div",17)(1,"tui-tabs-with-more",18),t.bIt("activeItemIndexChange",function(D){t.eBV(g);const ue=t.XpG(3);return t.Njj(ue.activeItemIndex=D)}),t.DNE(2,Bs,2,0,"ng-container",19),t.k0s(),t.DNE(3,Au,5,6,"tui-loader",20),t.nI1(4,"tuiMapper"),t.k0s()}if(2&l){const g=t.XpG().ngIf,f=t.XpG().ngIf,D=t.XpG();t.R7$(1),t.Y8G("activeItemIndex",D.activeItemIndex),t.R7$(1),t.Y8G("ngForOf",g),t.R7$(1),t.Y8G("ngIf",t.i5U(4,3,f,D.visible))}}function th(l,x){if(1&l&&t.eu8(0,30),2&l){t.XpG(4);const g=t.sdS(7);t.Y8G("ngTemplateOutlet",g)}}const Fl=function(l){return{$implicit:l}};function nh(l,x){if(1&l&&t.eu8(0,31),2&l){const g=t.XpG(2).ngIf,f=t.XpG().ngIf,D=t.XpG(),ue=t.sdS(9);t.Y8G("ngTemplateOutlet",ue)("ngTemplateOutletContext",t.eq3(2,Fl,(null==f?null:f[(null==g?null:g[D.activeItemIndex])||0])||""))}}function ih(l,x){if(1&l&&(t.j41(0,"div",27),t.DNE(1,th,1,1,"ng-container",28),t.DNE(2,nh,1,4,"ng-template",null,29,t.C5r),t.k0s()),2&l){const g=x.index,f=t.sdS(3),D=t.XpG(3);t.AVh("t-content_animated",!D.isE2E)("t-content_visible",D.activeItemIndex===g),t.R7$(1),t.Y8G("ngIf",g===D.defaultTabIndex)("ngIfElse",f)}}function oh(l,x){if(1&l&&(t.qex(0),t.DNE(1,$s,5,6,"div",15),t.DNE(2,ih,4,6,"div",16),t.bVm()),2&l){const g=x.ngIf;t.R7$(1),t.Y8G("ngIf",g.length>1),t.R7$(1),t.Y8G("ngForOf",g)}}function rh(l,x){if(1&l&&(t.j41(0,"div",13),t.DNE(1,oh,3,2,"ng-container",14),t.nI1(2,"tuiDocExampleGetTabs"),t.k0s()),2&l){const g=x.ngIf,f=t.XpG();t.R7$(1),t.Y8G("ngIf",t.i5U(2,1,g,f.defaultTab))}}function sh(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function ah(l,x){if(1&l&&(t.j41(0,"div",32),t.SdG(1),t.DNE(2,sh,2,1,"ng-container",12),t.nI1(3,"async"),t.k0s()),2&l){const g=t.XpG();t.R7$(2),t.Y8G("polymorpheusOutlet",t.bMT(3,1,g.lazyComponent$))}}function Hs(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function pd(l,x){if(1&l&&(t.qex(0),t.DNE(1,Hs,2,1,"ng-container",34),t.bVm()),2&l){const g=x.$implicit,f=t.XpG().$implicit;t.R7$(1),t.Y8G("polymorpheusOutlet",g)("polymorpheusOutletContext",t.eq3(2,Fl,f))}}function hd(l,x){if(1&l&&(t.j41(0,"tui-doc-code",33),t.DNE(1,pd,2,4,"ng-container",19),t.k0s()),2&l){const g=x.$implicit,f=t.XpG();t.Y8G("code",g),t.R7$(1),t.Y8G("ngForOf",f.codeActions)}}function ko(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function gd(l,x){if(1&l&&(t.j41(0,"a",18),t.EFF(1),t.DNE(2,ko,1,1,"tui-icon",19),t.k0s()),2&l){const g=t.XpG().$implicit;t.Y8G("href",g.route,t.B4B)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function sa(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function md(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",21),t.bIt("click",function(){t.eBV(g);const D=t.XpG(5),ue=t.sdS(1);return t.Njj(D.onClick(ue))}),t.EFF(1),t.DNE(2,sa,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG().$implicit;t.Y8G("fragment",g.fragment)("routerLink",g.route)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function wr(l,x){if(1&l&&(t.qex(0),t.DNE(1,gd,3,5,"a",16),t.DNE(2,md,3,6,"ng-template",null,17,t.C5r),t.bVm()),2&l){const g=x.$implicit,f=t.sdS(3);t.R7$(1),t.Y8G("ngIf",g.route.includes("://"))("ngIfElse",f)}}function zs(l,x){if(1&l&&(t.j41(0,"tui-opt-group",14),t.DNE(1,wr,4,2,"ng-container",15),t.k0s()),2&l){const g=x.$implicit,f=x.index,D=t.XpG(3);t.Y8G("label",D.labels[f]||""),t.R7$(1),t.Y8G("ngForOf",g)}}function kl(l,x){if(1&l&&(t.j41(0,"tui-data-list"),t.DNE(1,zs,2,2,"tui-opt-group",13),t.nI1(2,"async"),t.k0s()),2&l){const g=t.XpG(2);t.R7$(1),t.Y8G("ngForOf",t.bMT(2,1,g.filtered$))}}function Pa(l,x){1&l&&(t.qex(0),t.DNE(1,kl,3,3,"tui-data-list",12),t.bVm())}const js=function(l,x){return{item:l,index:x}};function _d(l,x){if(1&l&&t.eu8(0,26),2&l){const g=x.$implicit,f=x.index,D=t.XpG(2).index;t.XpG();const ue=t.sdS(14);t.Y8G("ngTemplateOutlet",ue)("ngTemplateOutletContext",t.l_i(2,js,g,100*D+f))}}function uh(l,x){if(1&l&&(t.j41(0,"div",25),t.DNE(1,_d,1,5,"ng-container",10),t.k0s()),2&l){const g=t.XpG().index,f=t.XpG();t.R7$(1),t.Y8G("ngForOf",f.items[g])}}function vd(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-accordion-item",22),t.bIt("openChange",function(D){const st=t.eBV(g).index,Tn=t.XpG();return t.Njj(Tn.openPagesArr[st]=D)}),t.j41(1,"span",23)(2,"strong"),t.EFF(3),t.k0s()(),t.DNE(4,uh,2,1,"ng-template",24),t.k0s()}if(2&l){const g=x.$implicit,f=x.index,D=t.XpG();t.Y8G("borders",null)("open",!!D.openPagesArr[f]),t.R7$(3),t.JRh(g)}}function lh(l,x){if(1&l&&t.eu8(0,26),2&l){const g=x.$implicit,f=x.index,D=t.XpG(),ue=t.sdS(14);t.Y8G("ngTemplateOutlet",ue)("ngTemplateOutletContext",t.l_i(2,js,g,D.items.length-1+f))}}function Tr(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function Pu(l,x){if(1&l&&(t.j41(0,"a",30),t.EFF(1),t.DNE(2,Tr,1,1,"tui-icon",19),t.k0s()),2&l){const g=t.XpG(2).item;t.Y8G("href",g.route,t.B4B)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Ws(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function ch(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",31),t.bIt("click",function(){t.eBV(g);const D=t.XpG(3);return t.Njj(D.closeMenu())}),t.EFF(1),t.DNE(2,Ws,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG(2).item,f=t.XpG();t.Y8G("routerLink",g.route)("target",g.target||"_self")("tuiDocScrollIntoViewLink",f.isActive(g.route)),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Ll(l,x){if(1&l&&(t.qex(0),t.DNE(1,Pu,3,5,"a",29),t.DNE(2,ch,3,6,"ng-template",null,17,t.C5r),t.bVm()),2&l){const g=t.sdS(3),f=t.XpG().item;t.R7$(1),t.Y8G("ngIf",f.route.includes("://"))("ngIfElse",g)}}function yd(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function bd(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",36),t.bIt("click",function(){t.eBV(g);const D=t.XpG(2).index,ue=t.XpG();return t.Njj(ue.onGroupClick(D))}),t.nrm(1,"tui-icon",37),t.EFF(2),t.DNE(3,yd,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG(2),f=g.index,D=g.item,ue=t.XpG();t.R7$(1),t.AVh("t-chevron_active",!!ue.openPagesGroupsArr[f]),t.Y8G("icon",ue.icons.more),t.R7$(1),t.SpI(" ",D.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",D.icon)}}function Dd(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function Cd(l,x){if(1&l&&(t.j41(0,"a",39),t.EFF(1),t.DNE(2,Dd,1,1,"tui-icon",19),t.k0s()),2&l){const g=t.XpG().$implicit;t.Y8G("href",g.route,t.B4B)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Td(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function Ed(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",40),t.bIt("click",function(){t.eBV(g);const D=t.XpG(4);return t.Njj(D.closeMenu())}),t.EFF(1),t.DNE(2,Td,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG().$implicit,f=t.XpG(3);t.Y8G("fragment",g.fragment)("routerLink",g.route)("target",g.target||"_self")("tuiDocScrollIntoViewLink",f.isActive(g.route)),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Ru(l,x){if(1&l&&(t.qex(0),t.DNE(1,Cd,3,5,"a",38),t.DNE(2,Ed,3,7,"ng-template",null,17,t.C5r),t.bVm()),2&l){const g=x.$implicit,f=t.sdS(3);t.R7$(1),t.Y8G("ngIf",g.route.includes("://"))("ngIfElse",f)}}const Ra=function(){return{exact:!1}};function Md(l,x){if(1&l&&(t.j41(0,"div",32),t.DNE(1,bd,4,5,"button",33),t.j41(2,"tui-expand",34)(3,"div",35),t.DNE(4,Ru,4,2,"ng-container",15),t.k0s()()()),2&l){const g=t.XpG(),f=g.item,D=g.index,ue=t.XpG();t.Y8G("routerLinkActiveOptions",t.lJ4(4,Ra)),t.R7$(1),t.Y8G("ngIf",f.subPages),t.R7$(1),t.Y8G("expanded",!!ue.openPagesGroupsArr[D]),t.R7$(2),t.Y8G("ngForOf",ue.$pages(f.subPages))}}function Na(l,x){if(1&l&&(t.DNE(0,Ll,4,2,"ng-container",27),t.DNE(1,Md,5,5,"ng-template",null,28,t.C5r)),2&l){const g=x.item,f=t.sdS(2);t.Y8G("ngIf",!g.subPages)("ngIfElse",f)}}const Bl=["tuiDocHeader",""];function Fa(l,x){1&l&&t.nrm(0,"tui-doc-navigation",4)}function xd(l,x){1&l&&t.nrm(0,"img",5),2&l&&t.Y8G("src",x.polymorpheusOutlet,t.B4B)}function Vl(l,x){1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l&&(t.R7$(1),t.JRh(", "))}function Nu(l,x){if(1&l&&(t.qex(0),t.nrm(1,"a",2),t.DNE(2,Vl,2,1,"ng-container",3),t.bVm()),2&l){const g=x.$implicit,f=x.last,D=t.XpG();t.R7$(1),t.Y8G("innerText",g)("routerLink",D.getRouterLink(g)),t.R7$(1),t.Y8G("ngIf",!f)}}function ka(l,x){if(1&l&&(t.j41(0,"a",1),t.EFF(1),t.k0s()),2&l){const g=x.polymorpheusOutlet,f=t.XpG();t.xc7("height","var(--tui-height-l)"),t.Y8G("href",g,t.B4B)("iconStart",f.icons.code),t.R7$(1),t.SpI(" ",f.text,"\n")}}const Id=[[["tuiDocNavigation"]],[["tuiDocHeader"]],[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverDropdowns"]],[["tuiOverHints"]]],Gs=["tuiDocNavigation","tuiDocHeader","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverDropdowns","tuiOverHints"];function aa(l,x){1&l&&(t.j41(0,"tui-chip",10),t.EFF(1," deprecated "),t.k0s())}function wd(l,x){if(1&l&&(t.j41(0,"tui-chip",11),t.nI1(1,"tuiAutoColor"),t.EFF(2),t.k0s()),2&l){const g=t.XpG();t.xc7("background",t.bMT(1,3,g.package)),t.R7$(2),t.SpI(" ",g.package," ")}}function fh(l,x){if(1&l&&(t.j41(0,"tui-chip",11),t.nI1(1,"tuiAutoColor"),t.EFF(2),t.k0s()),2&l){const g=x.$implicit;t.xc7("background",t.bMT(1,3,g)),t.R7$(2),t.SpI(" ",g," ")}}const $l=function(l){return{exact:l}};function Od(l,x){if(1&l&&(t.j41(0,"a",15),t.nI1(1,"tuiReplace"),t.EFF(2),t.k0s()),2&l){const g=t.XpG().ngIf,f=t.XpG().first,D=t.XpG(2);t.Y8G("routerLink",f?"./":t.brH(1,3,g,D.from,D.to))("routerLinkActiveOptions",t.eq3(7,$l,f)),t.R7$(2),t.SpI(" ",g," ")}}function ph(l,x){1&l&&(t.qex(0),t.DNE(1,Od,3,9,"a",14),t.bVm())}function Sd(l,x){if(1&l&&(t.qex(0),t.DNE(1,ph,2,0,"ng-container",13),t.bVm()),2&l){const g=x.$implicit,f=x.index,D=t.XpG(2);t.R7$(1),t.Y8G("ngIf",g.pageTab||D.defaultTabs[f])}}function Ad(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-tabs-with-more",12),t.bIt("activeItemIndexChange",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.activeItemIndex=D)}),t.DNE(1,Sd,2,1,"ng-container",9),t.k0s()}if(2&l){const g=t.XpG();t.Y8G("activeItemIndex",g.activeItemIndex),t.R7$(1),t.Y8G("ngForOf",g.tabConnectors)}}function Pd(l,x){if(1&l&&t.nrm(0,"tui-doc-see-also",16),2&l){const g=t.XpG();t.Y8G("seeAlso",g.seeAlso)}}function La(l,x){if(1&l&&t.eu8(0,18),2&l){const g=t.XpG().$implicit;t.Y8G("ngTemplateOutlet",g.template)}}function Hl(l,x){if(1&l&&(t.qex(0),t.DNE(1,La,1,1,"ng-container",17),t.bVm()),2&l){const g=x.index,f=t.XpG();t.R7$(1),t.Y8G("ngIf",g===f.activeItemIndex)}}let zl=(()=>{var l;class x{constructor(){this.isE2E=(0,t.WQX)(Re.Hs)}transform(f,D=2){return this.isE2E&&"function"==typeof f?"\u03bb(x) => y":(0,li.NZ)(f,D)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiInspectAny",type:l,pure:!0,standalone:!0}),x})(),hh=(()=>{var l;class x{constructor(){this.parser=(0,t.WQX)(c.xH),this.linkHandler=(0,t.WQX)(c.Y$)}transform(f){return this.parser(f).map(({type:D,extracted:ue})=>{var st,Tn;return{type:D,extracted:ue,reference:null!==(st=null===(Tn=this.linkHandler)||void 0===Tn?void 0:Tn.call(this,ue))&&void 0!==st?st:null}}).sort((D,ue)=>{var st,Tn,Jn;return null!==(st=null===(Tn=ue.reference)||void 0===Tn?void 0:Tn.localeCompare(null!==(Jn=D.reference)&&void 0!==Jn?Jn:""))&&void 0!==st?st:-1})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiDocTypeReference",type:l,pure:!0,standalone:!0}),x})(),jl=(()=>{var l;class x{constructor(){this.icons=(0,t.WQX)(c.T$),this.rawLoader$$=new xt.t(""),this.isServer=(0,S.Vy)((0,t.WQX)(t.Agw)),this.markdownCodeProcessor=(0,t.WQX)(c.Wl),this.copy$=new an.B,this.icon=(0,Oe.ot)(this.copy$.pipe((0,rt.n)(()=>(0,ze.O)(2e3).pipe((0,we.T)(()=>this.icons.copy),(0,ge.Z)(this.icons.check)))),{initialValue:this.icons.copy}),this.processor$=this.rawLoader$$.pipe((0,rt.n)(li.XZ),(0,we.T)(f=>this.markdownCodeProcessor(f))),this.filename=""}set code(f){this.rawLoader$$.next(f)}get hasFilename(){return!!this.filename}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-code"]],hostVars:4,hostBindings:function(f,D){2&f&&(t.xc7("visibility",D.isServer?"hidden":"visible"),t.AVh("_has-filename",D.hasFilename))},inputs:{filename:"filename",code:"code"},standalone:!0,features:[t.aNF],ngContentSelectors:Ds,decls:3,vars:4,consts:[["class","t-header",4,"ngIf"],["class","t-code",4,"ngFor","ngForOf"],[1,"t-header"],[1,"t-code"],[3,"lineNumbers","highlight"],[1,"t-code-actions"],["type","button","tuiIconButton","","appearance","icon","size","xs",1,"t-copy-button",3,"iconStart","cdkCopyToClipboard","click"]],template:function(f,D){1&f&&(t.NAR(),t.DNE(0,Jp,2,1,"p",0),t.DNE(1,nd,12,4,"pre",1),t.nI1(2,"async")),2&f&&(t.Y8G("ngIf",D.filename),t.R7$(1),t.Y8G("ngForOf",t.bMT(2,2,D.processor$)))},dependencies:[S.Jj,on,Et,ln.f4,S.Sq,S.bT,ae.p],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{border-radius:.25rem}.t-code[_ngcontent-%COMP%]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-%COMP%]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-%COMP%]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-%COMP%]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-%COMP%]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{margin-top:1rem}.t-code-actions[_ngcontent-%COMP%]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-%COMP%]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-%COMP%] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-%COMP%]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-%COMP%]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}"],changeDetection:0}),x})(),Fu=(()=>{var l;class x{constructor(){var f,D,ue;this.el=(0,W.qW)(),this.locationRef=(0,t.WQX)(S.aZ),this.urlSerializer=(0,t.WQX)(Pn.Sd),this.urlStateHandler=(0,t.WQX)(c.TA),this.template=null,this.dark=(0,li.Ne)(null!==(f=this.params.darkMode)&&void 0!==f?f:(0,t.WQX)(Ot.I$)()),this.updateOnVariants=["change","blur","submit"],this.updateOn=this.params.updateOn||this.updateOnVariants[0],this.opaque=(0,li.Ne)(null===(D=this.params.sandboxOpaque)||void 0===D||D),this.expanded=(0,li.Ne)(null!==(ue=this.params.sandboxExpanded)&&void 0!==ue&&ue),this.sandboxWidth=(0,Ke.Wn)(this.params.sandboxWidth),this.texts=(0,t.WQX)(c.tK),this.control=null,this.sticky=!0}ngOnInit(){this.createForm(),this.updateWidth(this.sandboxWidth+this.delta)}onResize(){this.updateWidth(),this.onMouseUp()}onMouseUp(){this.updateUrl({sandboxWidth:this.sandboxWidth})}onModeChange(f){this.dark=f,this.updateUrl({sandboxWidth:this.sandboxWidth,darkMode:this.dark})}toggleDetails(){this.expanded=!this.expanded,this.updateUrl({sandboxExpanded:this.expanded})}changeOpaque(f){this.opaque=f,this.updateUrl({sandboxOpaque:this.opaque})}updateOnChange(f){this.updateOn=f,this.updateUrl({updateOn:f}),this.createForm()}updateWidth(f=NaN){if(!this.resizer||!this.resizable||!this.content)return;const D=f||this.resizable.nativeElement.clientWidth,ue=this.el.clientWidth,st=Math.round((0,Ke.wN)(D,160,ue))-this.delta,Tn=D<ue?st:NaN;this.resizer.nativeElement.textContent=String(st||"-"),this.resizable.nativeElement.style.width=Tn?(0,ee.Pp)(D):"",this.sandboxWidth=Tn}get delta(){return this.resizable&&this.content?this.resizable.nativeElement.clientWidth-this.content.nativeElement.clientWidth:0}get params(){return this.getUrlTree().queryParams}updateUrl(f){const D=this.getUrlTree(),{queryParams:ue}=D;delete ue.sandboxWidth,D.queryParams={...ue,...(0,li.rZ)({...f})},this.locationRef.go(this.urlStateHandler(D))}createForm(){const{control:f,updateOn:D}=this;f&&(this.testForm=new N.gE({testValue:f},{updateOn:D}))}getUrlTree(){return this.urlSerializer.parse(this.locationRef.path())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-demo"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,t.C4Q,5),2&f){let st;t.mGM(st=t.lsd())&&(D.template=st.first)}},viewQuery:function(f,D){if(1&f&&(t.GBs(ki,7),t.GBs(Mu,7),t.GBs(ia,7)),2&f){let ue;t.mGM(ue=t.lsd())&&(D.resizable=ue.first),t.mGM(ue=t.lsd())&&(D.content=ue.first),t.mGM(ue=t.lsd())&&(D.resizer=ue.first)}},hostVars:2,hostBindings:function(f,D){1&f&&t.bIt("resize",function(){return D.onResize()},!1,t.tSv)("mouseup.silent",function(){return D.onMouseUp()},!1,t.EBC),2&f&&t.AVh("_sticky",D.sticky)},inputs:{control:"control",sticky:"sticky"},standalone:!0,features:[t.aNF],ngContentSelectors:Ds,decls:15,vars:10,consts:[[1,"t-settings"],[1,"t-label"],["size","s","tuiSwitch","","type","checkbox",3,"ngModel","ngModelChange"],["tuiResizable","",1,"t-wrapper"],[1,"t-content"],["id","demo-content"],["content",""],["class","t-form",3,"formGroup",4,"ngIf"],[1,"t-resizer",3,"tuiResizer","tuiSizeChange"],["resizer",""],[1,"t-form",3,"formGroup"],[1,"t-input-wrapper"],[3,"ngTemplateOutlet"],["automation-id","tui-demo-button__toggle-details","size","s","tuiButton","","type","button",1,"t-button",3,"tuiChevron","click"],[1,"t-expand",3,"expanded"],["tuiExpandContent",""],[1,"t-value"],["tuiGroup","",1,"t-form-controls"],["automation-id","tui-demo-select__expand-update-on","tuiTextfieldSize","s",1,"t-select",3,"ngModel","ngModelOptions","ngModelChange"],[3,"items",4,"tuiDataList"],["automation-id","tui-demo-button__reset-state","size","s","tuiButton","","type","reset"],["automation-id","tui-demo-button__submit-state","size","s","tuiButton","","type","submit"],[3,"items"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"div",0)(1,"label",1)(2,"input",2),t.bIt("ngModelChange",function(st){return D.onModeChange(st)}),t.k0s(),t.EFF(3),t.k0s(),t.j41(4,"label",1)(5,"input",2),t.bIt("ngModelChange",function(st){return D.changeOpaque(st)}),t.k0s(),t.EFF(6),t.k0s()(),t.j41(7,"div",3)(8,"div",4)(9,"div",5,6),t.DNE(11,wa,7,5,"form",7),t.SdG(12),t.k0s()(),t.j41(13,"div",8,9),t.bIt("tuiSizeChange",function(st){return D.updateWidth(st[0])}),t.k0s()()),2&f&&(t.R7$(2),t.Y8G("ngModel",D.dark),t.R7$(1),t.SpI(" ",D.texts[0]," "),t.R7$(2),t.Y8G("ngModel",D.opaque),t.R7$(1),t.SpI(" ",D.texts[1]," "),t.R7$(1),t.AVh("t-wrapper_transparent",!D.opaque),t.BMQ("tuiTheme",D.dark?"dark":"light"),t.R7$(4),t.Y8G("ngIf",D.testForm),t.R7$(2),t.Y8G("tuiResizer",t.lJ4(9,eh)))},dependencies:[N.YN,N.qT,N.Zm,N.BC,N.cb,N.vS,S.TG,S.bT,S.T3,N.X1,N.j4,ae.p,de,tt,ne.WX,Je,Li,ft.w7,ki,Pi,Bn,mn,Kt,ce,tn.CN,tn.G6],styles:['[_nghost-%COMP%]{position:relative;display:block;min-inline-size:100%;margin:1.5rem 0;pointer-events:none}.t-settings[_ngcontent-%COMP%]{position:absolute;bottom:calc(100% + .75rem);display:flex;gap:1rem;align-items:center;justify-content:flex-end;pointer-events:none;inline-size:100%}.t-settings[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:auto}.t-label[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}.t-wrapper[_ngcontent-%COMP%]{display:flex;box-shadow:var(--tui-shadow-medium);border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);max-inline-size:100%;min-block-size:6rem;inline-size:100%;min-inline-size:10rem;color:var(--tui-text-primary);background-color:var(--tui-background-base);overflow:hidden;pointer-events:auto}.t-wrapper.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-background-base-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-background-base-alt) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}@media screen and (max-width: 47.9625em){.t-wrapper[_ngcontent-%COMP%]{min-block-size:auto}}.t-content[_ngcontent-%COMP%]{flex:1 1 0;min-inline-size:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-%COMP%]{padding:1rem}}.t-form[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-%COMP%]{inline-size:100%;margin-bottom:.5rem}.t-expand[_ngcontent-%COMP%]{inline-size:100%}.t-value[_ngcontent-%COMP%]{flex:1;background:var(--tui-background-neutral-1);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-%COMP%]{inline-size:12.5rem}.t-select[_ngcontent-%COMP%]{max-inline-size:15rem}.t-resizer[_ngcontent-%COMP%]{position:relative;display:flex;box-shadow:var(--tui-shadow-medium);inline-size:3.5rem;min-block-size:inherit;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-border-normal);outline:none;background:var(--tui-background-base);color:var(--tui-text-primary)}.t-resizer[_ngcontent-%COMP%]:before, .t-resizer[_ngcontent-%COMP%]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);inline-size:1px;background:var(--tui-border-normal);box-shadow:-.25rem 0 var(--tui-border-normal);transform:translateZ(0)}.t-resizer[_ngcontent-%COMP%]:after{bottom:.75rem;top:calc(50% + 1rem)}@media screen and (max-width: 47.9625em){.t-resizer[_ngcontent-%COMP%]{display:none}}.t-resizer-text[_ngcontent-%COMP%]{position:relative;z-index:1;font:var(--tui-font-text-s);padding:.75rem;background:var(--tui-background-base)}.wrapper_light[_ngcontent-%COMP%]   .t-resizer-text[_ngcontent-%COMP%]{background:#3e464e}.t-group[_ngcontent-%COMP%], .t-checkbox[_ngcontent-%COMP%]{display:flex;align-items:center;margin-left:.75rem}.t-button[_ngcontent-%COMP%], .t-form-controls[_ngcontent-%COMP%]{margin-top:.75rem}@supports (position: sticky){@media screen and (min-height: 37.5rem){._sticky[_nghost-%COMP%]{position:sticky;top:4.625rem;z-index:2}}}'],changeDetection:0}),(0,te.Cg)([ee.PE],x.prototype,"updateUrl",null),x})(),kd=(()=>{var l;class x{constructor(){this.locationRef=(0,t.WQX)(S.aZ),this.activatedRoute=(0,t.WQX)(Pn.nX),this.urlSerializer=(0,t.WQX)(Pn.Sd),this.urlStateHandler=(0,t.WQX)(c.TA),this.alerts=(0,t.WQX)(En),this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new t.bkB,this.changed$=new an.B,this.emits$=new xt.t(1),this.template=(0,t.WQX)(t.C4Q)}get attrName(){switch(this.documentationPropertyMode){case"input":return"[".concat(this.documentationPropertyName,"]");case"output":return"(".concat(this.documentationPropertyName,")");case"input-output":return"[(".concat(this.documentationPropertyName,")]");default:return this.documentationPropertyName}}get shouldShowValues(){return"output"!==this.documentationPropertyMode}get hasItems(){return!!this.documentationPropertyValues}ngOnInit(){this.parseParams(this.activatedRoute.snapshot.queryParams)}ngOnChanges(){this.changed$.next()}onValueChange(f){this.documentationPropertyValue=f,this.documentationPropertyValueChange.emit(f),this.setQueryParam(f)}emitEvent(f){let D;console.info(this.attrName,f),this.emits$.next(this.emits$.value+1),void 0!==f&&(D=(0,li.NZ)(f,2)),this.alerts.open(D,{label:this.attrName}).subscribe()}parseParams(f){const D=f[this.documentationPropertyName],ue=f["".concat(this.documentationPropertyName).concat("$")];if(!D&&!ue)return;let st=ue&&this.documentationPropertyValues?this.documentationPropertyValues[ue]:(0,li.TZ)(D);"string"===this.documentationPropertyType&&(0,ee.sZ)(st)&&(st=st.toString()),this.onValueChange(st)}setQueryParam(f){const D=this.urlSerializer.parse(this.locationRef.path()),ue=f instanceof Object,st=ue&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(f):f;D.queryParams={...D.queryParams,[this.documentationPropertyName+(ue?"$":"")]:st},this.locationRef.go(this.urlStateHandler(D))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["ng-template","documentationPropertyName",""]],inputs:{documentationPropertyName:"documentationPropertyName",documentationPropertyMode:"documentationPropertyMode",documentationPropertyType:"documentationPropertyType",documentationPropertyValue:"documentationPropertyValue",documentationPropertyDeprecated:"documentationPropertyDeprecated",documentationPropertyValues:"documentationPropertyValues"},outputs:{documentationPropertyValueChange:"documentationPropertyValueChange"},exportAs:["documentationProperty"],standalone:!0,features:[t.OA$]}),x})(),_h=(()=>{var l;class x{transform(f){return f.includes("null")}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiShowCleanerPipe",type:l,pure:!0,standalone:!0}),x})(),Ld=(()=>{var l;class x{transform(f){return 4===f.length?f.split("").reduce((ue,st)=>[...ue,st,st],[]).join("").replace("#",""):f.startsWith("#")?f:"transparent"===f?"#000000":function Cn(l,x,g){return"#".concat([l,x,g].map(f=>f.toString(16).padStart(2,"0")).join(""))}(...f.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map(ue=>Number.parseInt(ue,10)))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiGetColorPipe",type:l,pure:!0,standalone:!0}),x})(),Gl=(()=>{var l;class x{transform(f){if(f.startsWith("#")||f.startsWith("rgb("))return 100;if("transparent"===f)return 0;const D=f.lastIndexOf(","),ue=f.slice(D).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(ue))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiGetOpacity",type:l,pure:!0,standalone:!0}),x})(),Ba=(()=>{var l;class x{transform(f){return f.includes("?")}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiIsOptionalPipe",type:l,pure:!0,standalone:!0}),x})(),Xl=(()=>{var l;class x{transform(f){return f.replace("?","")}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiStripOptionalPipe",type:l,pure:!0,standalone:!0}),x})(),Kl=(()=>{var l;class x{constructor(){this.cdr=(0,t.WQX)(t.gRc),this.destroyRef=(0,t.WQX)(t.abz),this.getColor=(0,t.WQX)(Ld),this.getOpacity=(0,t.WQX)(Gl),this.propertiesConnectors=ye.xQ,this.texts=(0,t.WQX)(c.q9),this.excludedProperties=(0,t.WQX)(c.vr),this.activeItemIndex=0,this.heading="",this.showValues=!0,this.isAPI=!1,this.matcher=(f,D)=>!D.has(f.documentationPropertyName)}ngAfterContentInit(){(0,Le.MJ)(this.propertiesConnectors).pipe((0,rt.n)(f=>(0,Y.h)(...f.map(({changed$:D})=>D))),(0,Le.Eb)(this.cdr),(0,Oe.pQ)(this.destroyRef)).subscribe()}get type(){return this.isAPI?this.texts[0]:this.texts[1]}onColorChange(f,D){const ue=this.getOpacity.transform(f.documentationPropertyValue||"");if(100===ue)return void f.onValueChange(D);const st=Uo(D).join(", "),Tn="rgba(".concat(st,", ").concat(ue/100,")");f.onValueChange(Tn)}onOpacityChange(f,D){const st=Uo(this.getColor.transform(f.documentationPropertyValue||"")),Tn="rgba(".concat(st,", ").concat((D||0)/100,")");f.onValueChange(Tn)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-documentation"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,kd,4),2&f){let st;t.mGM(st=t.lsd())&&(D.propertiesConnectors=st)}},inputs:{heading:"heading",showValues:"showValues",isAPI:"isAPI"},standalone:!0,features:[t.Jv_([Ld,Gl]),t.aNF],ngContentSelectors:Ds,decls:5,vars:8,consts:[["class","t-heading",4,"ngIf"],[4,"ngIf"],[1,"t-heading"],["class","t-table",4,"ngIf"],[1,"t-table"],[1,"t-row","t-row_header"],[1,"t-th","t-cell","t-cell_prop"],[1,"t-th"],["class","t-th t-cell t-th_value",4,"ngIf"],["class","t-row",3,"t-deprecated",4,"ngFor","ngForOf"],[1,"t-th","t-cell","t-th_value"],[1,"t-row"],[1,"t-cell"],["automation-id","tui-documentation__property-name",1,"t-property","t-additional-info"],["class","t-property-code",3,"color",4,"ngIf"],["appearance","neutral","size","s",4,"ngIf"],["appearance","error","size","s",4,"ngIf"],[3,"ngTemplateOutlet"],[1,"type"],[1,"t-code-type"],[4,"ngFor","ngForOf"],["class","t-cell t-cell_value",4,"ngIf"],[1,"t-property-code"],["appearance","neutral","size","s"],["appearance","error","size","s"],["target","_blank","class","t-code-reference",4,"ngIf","ngIfElse"],["default",""],["target","_blank",1,"t-code-reference"],[1,"t-cell","t-cell_value"],[4,"ngIf","ngIfElse"],["elseEmitter",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange",4,"ngIf","ngIfElse"],["selectContent",""],["noItems",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange"],[1,"t-exception"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"],[3,"ngSwitch"],["tuiSwitch","","type","checkbox","class","t-switch",3,"id","ngModel","showIcons","ngModelChange",4,"ngSwitchCase"],["tuiTextfieldSize","m",4,"ngSwitchCase"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange",4,"ngSwitchCase"],["tuiSwitch","","type","checkbox",1,"t-switch",3,"id","ngModel","showIcons","ngModelChange"],["tuiTextfieldSize","m"],["tuiTextfield","",3,"id","ngModel","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange"],[1,"t-output"]],template:function(f,D){1&f&&(t.NAR(),t.DNE(0,Tl,2,1,"h1",0),t.SdG(1),t.DNE(2,ra,2,1,"ng-container",1),t.nI1(3,"tuiFilter"),t.nI1(4,"tuiToArray")),2&f&&(t.Y8G("ngIf",D.heading),t.R7$(2),t.Y8G("ngIf",t.brH(3,2,t.bMT(4,6,D.propertiesConnectors),D.matcher,D.excludedProperties)))},dependencies:[S.Jj,N.YN,N.me,N.Zm,N.BC,N.vS,S.Sq,S.bT,S.ux,S.e1,S.T3,zn.aQ,tt,ne.WX,hh,k.HY,Mn,Do,bi,Vi,zl,Ba,vn.wS,Bn,mn,Kt,_h,Xl,ce,$.Bw,$.j8,$.TB,tn.CN,tn.np,tn.kf,tn.G6,Ei],styles:['[_nghost-%COMP%]{display:block;min-inline-size:100%}.t-table[_ngcontent-%COMP%]{inline-size:100%;table-layout:fixed}.t-row[_ngcontent-%COMP%]:not(:last-child){border-block-end:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){.t-row[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}.t-row_header[_ngcontent-%COMP%]{display:none}}.t-cell[_ngcontent-%COMP%]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-%COMP%]:first-child{padding-left:0}.t-cell[_ngcontent-%COMP%]:last-child{padding-right:0}.t-cell_prop[_ngcontent-%COMP%]{inline-size:40%}.t-cell_value[_ngcontent-%COMP%]{text-align:end}@media screen and (max-width: 47.9625em){.t-cell[_ngcontent-%COMP%]{inline-size:100%;block-size:auto;padding:.5rem 0;text-align:start}}.t-th[_ngcontent-%COMP%]{padding:.5rem 1rem;color:var(--tui-text-secondary);font-weight:400;text-align:start}.t-th_value[_ngcontent-%COMP%]{max-inline-size:20rem;text-align:end}@media screen and (max-width: 47.9625em){.t-th_value[_ngcontent-%COMP%]{inline-size:9.375rem}}.t-property[_ngcontent-%COMP%]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}@media screen and (max-width: 47.9625em){.t-property[_ngcontent-%COMP%]{padding:.5rem 0}}.t-type[_ngcontent-%COMP%]{font-family:monospace}.t-deprecated[_ngcontent-%COMP%]   .t-property-code[_ngcontent-%COMP%]{text-decoration:line-through}.t-deprecated-label[_ngcontent-%COMP%]{margin-right:.125rem;color:var(--tui-text-negative);font-size:.75rem}.t-additional-info[_ngcontent-%COMP%]{display:flex;gap:.3125rem;align-items:center}.t-exception[_ngcontent-%COMP%]{display:block;inline-size:-webkit-max-content;inline-size:max-content}.t-output[_ngcontent-%COMP%]{text-align:start;opacity:0}.t-heading[_ngcontent-%COMP%]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-%COMP%]{display:inline-flex;color:var(--tui-text-action);text-decoration:none;align-items:center;justify-content:center;gap:3px}.t-code-reference[_ngcontent-%COMP%]:after{content:"";font-size:1rem;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%;mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%}.t-switch[_ngcontent-%COMP%]{display:block}@media not screen and (max-width: 47.9625em){.t-switch[_ngcontent-%COMP%]{margin-left:auto}}'],data:{animation:[(0,kn.hZ)("emitEvent",[(0,kn.kY)(":increment",[(0,kn.iF)({opacity:1}),(0,kn.i0)("500ms ease-in")])])]},changeDetection:0}),x})();const Lu={codeEditorVisibilityHandler:l=>!(!l.TypeScript||!l.HTML),tabTitles:new Map,fullsize:!0},os=(0,ee.gc)(Lu);function Ql(l){return(0,ee.eC)(os,l,Lu)}let Yl=(()=>{var l;class x{transform(f,D){return[D,...Object.keys(f).filter(ue=>f[ue])]}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiDocExampleGetTabs",type:l,pure:!0,standalone:!0}),x})(),Va=(()=>{var l;class x{constructor(){this.clipboard=(0,t.WQX)(go),this.alerts=(0,t.WQX)(En),this.location=(0,t.WQX)(Mo.zz),this.copyTexts$=(0,t.WQX)(Ae.io),this.processContent=(0,t.WQX)(c.iQ),this.rawLoader$$=new xt.t({}),this.lazyLoader$$=new He.m(1),this.icons=(0,t.WQX)(c.T$),this.options=(0,t.WQX)(os),this.texts=(0,t.WQX)(c.o4),this.codeEditor=(0,t.WQX)(c.ii,{optional:!0}),this.isE2E=(0,t.WQX)(Re.Hs),this.codeActions=(0,t.WQX)(c.S4),this.defaultTabIndex=0,this.defaultTab=this.texts[this.defaultTabIndex],this.activeItemIndex=this.defaultTabIndex,this.copy$=this.copyTexts$.pipe((0,we.T)(([f])=>f)),this.loading$=new an.B,this.processor$=this.rawLoader$$.pipe((0,rt.n)(li.sv),(0,we.T)(f=>this.processContent(f))),this.lazyComponent$=this.lazyLoader$$.pipe(function $t(){return(0,rt.n)(pt.D)}(),(0,we.T)(f=>new Q.lS(f.default))),this.id=null,this.fullsize=(0,t.WQX)(os).fullsize,this.componentName=this.location.pathname.slice(1),this.visible=f=>!(!this.codeEditor||!this.options.codeEditorVisibilityHandler(f))}set content(f){this.rawLoader$$.next(f)}set component(f){this.lazyLoader$$.next(f)}getTabTitle(f){return this.options.tabTitles.get(f)||f}copyExampleLink(f){var D;this.clipboard.copy(null!==(D=null==f?void 0:f.href)&&void 0!==D?D:""),this.alerts.open(this.texts[1],{label:this.texts[2],appearance:"success"}).subscribe()}edit(f){var D;this.loading$.next(!0),null===(D=this.codeEditor)||void 0===D||D.edit(this.componentName,this.id||"",f).finally(()=>this.loading$.next(!1))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-example"]],hostVars:3,hostBindings:function(f,D){2&f&&(t.BMQ("id",D.id),t.AVh("_fullsize",D.fullsize))},inputs:{id:"id",heading:"heading",description:"description",fullsize:"fullsize",componentName:"componentName",content:"content",component:"component"},standalone:!0,features:[t.aNF],ngContentSelectors:Ds,decls:10,vars:6,consts:[[1,"t-title-block"],["class","t-title",4,"ngIf"],["routerLink",".","routerLinkActive","t-link-active","tuiLink","","type","button","class","t-link",3,"fragment","routerLinkActiveOptions","click",4,"ngIf"],["class","t-description",4,"ngIf"],["class","t-example",4,"ngIf"],["preview",""],["codeSection",""],[1,"t-title"],[3,"textContent",4,"polymorpheusOutlet"],[3,"textContent"],["routerLink",".","routerLinkActive","t-link-active","tuiLink","","type","button",1,"t-link",3,"fragment","routerLinkActiveOptions","click"],[1,"t-description"],[4,"polymorpheusOutlet"],[1,"t-example"],[4,"ngIf"],["class","t-tabs-wrapper",4,"ngIf"],["class","t-content",3,"t-content_animated","t-content_visible",4,"ngFor","ngForOf"],[1,"t-tabs-wrapper"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngFor","ngForOf"],["size","xs","class","t-code-editor",3,"overlay","showLoader","click",4,"ngIf"],["tuiTab","","type","button",4,"tuiItem"],["tuiTab","","type","button"],["size","xs",1,"t-code-editor",3,"overlay","showLoader","click"],[4,"ngIf","ngIfElse"],["defaultEditContent",""],["appearance","flat","size","s","tuiButton","","type","button"],[1,"t-content"],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["anotherTab",""],[3,"ngTemplateOutlet"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["automation-id","tui-doc-example",1,"t-demo"],[3,"code"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"div",0),t.DNE(1,fr,2,1,"h3",1),t.DNE(2,Pl,3,6,"a",2),t.k0s(),t.DNE(3,fd,2,1,"h4",3),t.DNE(4,rh,3,4,"div",4),t.nI1(5,"async"),t.DNE(6,ah,4,3,"ng-template",null,5,t.C5r),t.DNE(8,hd,2,2,"ng-template",null,6,t.C5r)),2&f&&(t.R7$(1),t.Y8G("ngIf",D.heading),t.R7$(1),t.Y8G("ngIf",D.id),t.R7$(1),t.Y8G("ngIf",D.description),t.R7$(1),t.Y8G("ngIf",t.bMT(5,4,D.processor$)))},dependencies:[S.Jj,S.Sq,S.bT,S.T3,Q.xr,Pn.Wk,Pn.wQ,ae.p,jl,Yl,Ji.Jc,J.ap,Gt,kr,F,Xn],styles:["[_nghost-%COMP%]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-%COMP%]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{padding-top:2rem}}.t-title-block[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-%COMP%]:hover + .t-link[_ngcontent-%COMP%]{opacity:1}.t-link[_ngcontent-%COMP%]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-%COMP%]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-%COMP%]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-%COMP%]:first-letter, .t-description[_ngcontent-%COMP%]:first-letter{text-transform:capitalize}.t-example[_ngcontent-%COMP%]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-%COMP%]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-%COMP%]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-%COMP%]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-%COMP%]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-%COMP%]{flex-shrink:0}.t-demo[_ngcontent-%COMP%]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar, .t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-%COMP%]{padding:1rem}}[_nghost-%COMP%]:not(._fullsize)   .t-demo[_ngcontent-%COMP%]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-%COMP%]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-%COMP%]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-%COMP%]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-%COMP%]{overflow:hidden}"],changeDetection:0}),x})();function ua(l){return l.map(({section:x})=>x).filter(ee.Aj).filter((x,g,f)=>f.indexOf(x)===g)}const Xs=new t.nKC("[NAVIGATION_TITLE]"),Zl=new t.nKC("[NAVIGATION_LABELS]"),Jl=new t.nKC("[NAVIGATION_ITEMS]"),Bd=[(0,Ji.m0)({appearance:"icon"}),{provide:Xs,deps:[Pn.Ix,Pn.nX,c.xq],useFactory:(l,x,g)=>l.events.pipe((0,jt.p)(f=>f instanceof Pn.wF||f instanceof Pn.OY&&f.routerEvent instanceof Pn.wF),(0,we.T)(()=>x.firstChild),(0,jt.p)(ee.Aj),(0,hn.Z)(({data:f})=>f),(0,we.T)(({title:f})=>"".concat(g).concat(f)),(0,Oe.pQ)())},{provide:Zl,deps:[c.rm],useFactory:ua},{provide:Jl,deps:[c.rm],useFactory:l=>[...ua(l).map(g=>l.filter(({section:f})=>f===g)),l.filter(g=>!g.section)]},(0,Qn.ey)({mode:"hover"})];let ql=(()=>{var l;class x{constructor(){this.scroll$=new He.m(1),this.el=(0,W.qW)(),this.sub=(0,t.WQX)(c.Aq).pipe((0,jt.p)(Boolean),(0,rt.n)(()=>this.scroll$),(0,gn.B)(750,(0,Le.Ew)()),(0,jt.p)(f=>f&&!!(0,W.J0)(this.el)),(0,Oe.pQ)()).subscribe(()=>this.el.scrollIntoView())}set tuiDocScrollIntoViewLink(f){this.scroll$.next(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiDocScrollIntoViewLink",""]],inputs:{tuiDocScrollIntoViewLink:"tuiDocScrollIntoViewLink"},standalone:!0}),x})(),Ua=(()=>{var l;class x{constructor(){this.router=(0,t.WQX)(Pn.Ix),this.doc=(0,t.WQX)(S.qQ),this.menuOpen=!1,this.sidebar=(0,t.WQX)(er,{optional:!0}),this.labels=(0,t.WQX)(Zl),this.items=(0,t.WQX)(Jl),this.searchText=(0,t.WQX)(c.NC),this.activatedRoute=(0,t.WQX)(Pn.nX),this.docIcons=(0,t.WQX)(c.T$),this.icons=(0,t.WQX)(Ot._Z),this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.search=new N.MJ(""),this.filtered$=(0,Le.lD)(this.search).pipe((0,jt.p)(ue=>ue.trim().length>2),(0,we.T)(ue=>this.filterItems(this.flattenSubPages(this.items),ue)));const f=(0,t.WQX)(Io.hE),D=(0,t.WQX)(c.Aq);(0,t.WQX)(Xs).pipe((0,Le.Eb)((0,t.WQX)(t.gRc)),(0,Oe.pQ)()).subscribe(ue=>{f.setTitle(ue),this.openActivePageGroup()}),(0,ii.z)([this.router.events.pipe((0,jt.p)(ue=>ue instanceof Pn.OY)),(0,t.WQX)(Xs).pipe((0,rt.n)(()=>D.pipe((0,jt.p)(Boolean))))]).pipe((0,Vn.s)(1),(0,we.T)(([ue])=>ue.anchor||""),(0,jt.p)(Boolean),(0,Oe.pQ)()).subscribe(ue=>this.navigateToAnchorLink(ue))}get canOpen(){var f,D;return(null!==(f=null===(D=this.search.value)||void 0===D?void 0:D.length)&&void 0!==f?f:0)>2}get itemsWithoutSections(){var f;return null!==(f=this.items[this.items.length-1])&&void 0!==f?f:[]}$pages(f){return f}isActive(f){return f===this.active}onGroupClick(f){this.openPagesGroupsArr[f]=!this.openPagesGroupsArr[f]}closeMenu(){this.menuOpen=!1}onClick(f){f.open=!1,this.menuOpen=!1,this.search.setValue(""),this.openActivePageGroup()}onFocusSearch(f){var D;"Slash"!==f.code||this.doc.activeElement instanceof HTMLInputElement||(null===(D=this.searchInput)||void 0===D||null===(D=D.nativeFocusableElement)||void 0===D||D.focus(),f.preventDefault())}filterItems(f,D){return f.map(ue=>(0,ee.FU)(ue.filter(({title:st,keywords:Tn=""})=>(D=D.toLowerCase().trim(),Tn=Tn.toLowerCase(),(st=st.toLowerCase()).includes(D)||Tn.includes(D)||st.includes((0,li.IB)(D))||Tn.includes((0,li.IB)(D))||D.replaceAll("-","").includes(st)||st.includes(D.replaceAll(/\s|tui/g,""))||Tn.includes(D.replaceAll(/\s|tui/g,""))||D.split(/\s/).find(Jn=>st.includes(Jn)))),"title"))}flattenSubPages(f){return f.reduce((D,ue)=>[...D,ue.reduce((st,Tn)=>"subPages"in Tn?[...st,...Tn.subPages]:[...st,Tn],[])],[])}isActiveRoute(f){return this.router.isActive(f,{paths:"subset",queryParams:"subset",fragment:"ignored",matrixParams:"ignored"})}openActivePageGroup(){this.items.forEach((f,D)=>{f.forEach((ue,st)=>{"route"in ue&&this.isActiveRoute(ue.route)&&(this.openPagesArr[D]=!0,this.active=ue.route),"subPages"in ue&&ue.subPages.forEach(Tn=>{this.isActiveRoute(Tn.route)&&(this.openPagesArr[D]=!0,this.openPagesGroupsArr[100*D+st]=!0,this.active=Tn.route)})})})}navigateToAnchorLink(f){const D=f?this.doc.querySelectorAll("#".concat(f)):[];if(!D.length||!D[D.length-1])return;const st=this.doc.createElement("a");st.href="".concat(this.doc.location.pathname,"#").concat(f),st.style.display="none",st.style.position="absolute",this.doc.body.appendChild(st),st.click(),st.remove()}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-navigation"]],viewQuery:function(f,D){if(1&f&&t.GBs(B.mp,7),2&f){let ue;t.mGM(ue=t.lsd())&&(D.searchInput=ue.first)}},hostVars:2,hostBindings:function(f,D){1&f&&t.bIt("keydown",function(st){return D.onFocusSearch(st)},!1,t.tSv),2&f&&t.AVh("_open",D.menuOpen)},standalone:!0,features:[t.Jv_(Bd),t.aNF],ngContentSelectors:Ds,decls:16,vars:11,consts:[["tuiTextfieldSize","m",1,"t-input",3,"formControl","tuiAutoFocus","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside"],["input",""],[1,"t-search-text"],[1,"t-slash"],[4,"ngIf"],[1,"t-navigation"],[1,"t-scrollbar"],[3,"closeOthers","rounded"],["size","s",3,"borders","open","openChange",4,"ngFor","ngForOf"],[1,"t-items-container"],[3,"ngTemplateOutlet","ngTemplateOutletContext",4,"ngFor","ngForOf"],["pages",""],[4,"tuiDataList"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],[4,"ngFor","ngForOf"],["tuiOption","",3,"href","target",4,"ngIf","ngIfElse"],["internal",""],["tuiOption","",3,"href","target"],["class","t-icon",3,"icon",4,"polymorpheusOutlet"],[1,"t-icon",3,"icon"],["tuiOption","",3,"fragment","routerLink","target","click"],["size","s",3,"borders","open","openChange"],[1,"t-label"],["tuiAccordionItemContent",""],[1,"t-section"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf","ngIfElse"],["subPagesTemplate",""],["tuiLink","","class","t-sublink",3,"href","target",4,"ngIf","ngIfElse"],["tuiLink","",1,"t-sublink",3,"href","target"],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink",3,"routerLink","target","tuiDocScrollIntoViewLink","click"],["routerLinkActive","",1,"t-subsection",3,"routerLinkActiveOptions"],["tuiLink","","type","button","class","t-sublink t-sublink_subsection",3,"click",4,"ngIf"],[1,"t-expand",3,"expanded"],[1,"t-section","t-section_bordered"],["tuiLink","","type","button",1,"t-sublink","t-sublink_subsection",3,"click"],[1,"t-chevron",3,"icon"],["tuiLink","","class","t-sublink t-sublink_small",3,"href","target",4,"ngIf","ngIfElse"],["tuiLink","",1,"t-sublink","t-sublink_small",3,"href","target"],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink","t-sublink_small",3,"fragment","routerLink","target","tuiDocScrollIntoViewLink","click"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"tui-input",0,1)(2,"div",2),t.EFF(3),t.j41(4,"code",3),t.EFF(5,"/"),t.k0s()(),t.DNE(6,Pa,2,0,"ng-container",4),t.k0s(),t.j41(7,"nav",5)(8,"tui-scrollbar",6)(9,"tui-accordion",7),t.DNE(10,vd,5,3,"tui-accordion-item",8),t.k0s(),t.j41(11,"div",9),t.DNE(12,lh,1,5,"ng-container",10),t.k0s(),t.DNE(13,Na,3,2,"ng-template",null,11,t.C5r),t.k0s()(),t.SdG(15)),2&f&&(t.Y8G("formControl",D.search)("tuiAutoFocus",!!D.sidebar)("tuiTextfieldCleaner",!0)("tuiTextfieldIconLeft",D.docIcons.search)("tuiTextfieldLabelOutside",!0),t.R7$(3),t.SpI(" ",D.searchText," "),t.R7$(3),t.Y8G("ngIf",D.canOpen),t.R7$(3),t.Y8G("closeOthers",!1)("rounded",!1),t.R7$(1),t.Y8G("ngForOf",D.labels),t.R7$(2),t.Y8G("ngForOf",D.itemsWithoutSections))},dependencies:[S.Jj,S.Sq,S.bT,S.T3,Q.xr,N.X1,N.BC,N.l_,Pn.Wk,Pn.wQ,s,h,ys,Ps,ne.uE,ne.WX,ne.aO,ne.Ji,ql,Je,X.q,B.zi,B.mp,B.Ws,Ji.Jc,Qn.N0,$.TB,tn.CN,tn.np,tn.kf,tn.G6,tn.dx],styles:["[_nghost-%COMP%]{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-background-base)}.t-input[_ngcontent-%COMP%]{margin:1.25rem}.t-input[_ngcontent-%COMP%]     tui-icon{border:.25rem solid transparent}.t-input[_ngcontent-%COMP%]   .t-search-text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between}.t-input[_ngcontent-%COMP%]   .t-search-text[_ngcontent-%COMP%]   .t-slash[_ngcontent-%COMP%]{block-size:1rem;font-size:.5rem}.t-navigation[_ngcontent-%COMP%]{display:flex;max-block-size:100%;min-block-size:0;flex:1 1 0;text-align:start}.t-navigation[_ngcontent-%COMP%]   tui-scrollbar[_ngcontent-%COMP%]{overscroll-behavior:none}.t-scrollbar[_ngcontent-%COMP%]{scroll-behavior:var(--tui-scroll-behavior);inline-size:100%}.t-items-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:0 1rem}.t-label[_ngcontent-%COMP%]{margin-left:.5rem}.t-expand[_ngcontent-%COMP%]{margin-left:.25rem}.t-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;margin:-.5rem 0 -1rem}.t-section_bordered[_ngcontent-%COMP%]{margin:.5rem 0;border-inline-start:1px solid var(--tui-border-normal)}.t-subsection[_ngcontent-%COMP%]{margin-left:.5rem}.t-sublink[_ngcontent-%COMP%]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-m);margin-left:.5rem;padding:.5rem 0}.t-sublink_small[_ngcontent-%COMP%]{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection[_ngcontent-%COMP%]{margin-left:0;line-height:1.6rem}.t-sublink.t-sublink.t-sublink_active[_ngcontent-%COMP%]{color:var(--tui-text-primary)}.t-icon[_ngcontent-%COMP%]{margin-left:.5rem}.t-chevron[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:1rem;block-size:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active[_ngcontent-%COMP%]{transform:rotate(90deg)}"],changeDetection:0}),(0,te.Cg)([ee.PE],x.prototype,"filterItems",null),(0,te.Cg)([ee.PE],x.prototype,"flattenSubPages",null),x})(),Vd=(()=>{var l;class x{constructor(){this.stream$=new an.B,this.router=(0,t.WQX)(Pn.Ix),this.icons=(0,t.WQX)(c.T$),this.logo=(0,t.WQX)(c.sy),this.menu=(0,t.WQX)(c.kV),this.open$=(0,Y.h)(this.router.events.pipe((0,we.T)(ye.s_)),this.stream$).pipe((0,ge.Z)(!1),(0,jn.F)())}onClick(){this.stream$.next(!0)}onActiveZone(f){f||this.stream$.next(!1)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["header","tuiDocHeader",""]],standalone:!0,features:[t.aNF],attrs:Bl,ngContentSelectors:Ds,decls:6,vars:6,consts:[["appearance","icon","tuiIconButton","","type","button",1,"t-menu",3,"iconStart","title","click","tuiActiveZoneChange"],["class","t-navigation",4,"tuiSidebar"],[1,"t-logo"],["alt","Logo","class","t-img",3,"src",4,"polymorpheusOutlet"],[1,"t-navigation"],["alt","Logo",1,"t-img",3,"src"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"button",0),t.bIt("click",function(){return D.onClick()})("tuiActiveZoneChange",function(st){return D.onActiveZone(st)}),t.DNE(1,Fa,1,0,"tui-doc-navigation",1),t.nI1(2,"async"),t.k0s(),t.j41(3,"div",2),t.DNE(4,xd,1,1,"img",3),t.k0s(),t.SdG(5)),2&f&&(t.Y8G("iconStart",D.icons.menu)("title",D.menu),t.R7$(1),t.Y8G("tuiSidebar",!!t.bMT(2,4,D.open$)),t.R7$(3),t.Y8G("polymorpheusOutlet",D.logo))},dependencies:[S.Jj,Q.xr,qi.N,ae.p,Ua,er],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;box-shadow:var(--tui-shadow-small);block-size:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-background-base);border-block-end:1px solid var(--tui-border-normal)}@supports (background: color-mix(in srgb,var(--tui-background-base),transparent 50%)){[_nghost-%COMP%]{background:color-mix(in srgb,var(--tui-background-base),transparent 50%);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}}.t-logo[_ngcontent-%COMP%]{margin-right:auto;font:var(--tui-font-heading-5)}.t-img[_ngcontent-%COMP%]{display:block}.t-menu[_ngcontent-%COMP%]{margin-left:-1.25rem}@media screen and (min-width: 48em){.t-menu[_ngcontent-%COMP%]{display:none}}.t-navigation[_ngcontent-%COMP%]{min-block-size:100%}"],changeDetection:0}),x})(),Ud=(()=>{var l;class x{constructor(){this.pages=(0,t.WQX)(c.u3),this.text=(0,t.WQX)(c.kt),this.seeAlso=[]}getRouterLink(f){var D,ue;return null!==(D=null===(ue=this.pages.get(f))||void 0===ue?void 0:ue.route)&&void 0!==D?D:""}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-see-also"]],inputs:{seeAlso:"seeAlso"},standalone:!0,features:[t.aNF],decls:3,vars:2,consts:[[1,"t-header"],[4,"ngFor","ngForOf"],["tuiLink","",3,"innerText","routerLink"],[4,"ngIf"]],template:function(f,D){1&f&&(t.j41(0,"h5",0),t.EFF(1),t.k0s(),t.DNE(2,Nu,3,3,"ng-container",1)),2&f&&(t.R7$(1),t.JRh(D.text),t.R7$(1),t.Y8G("ngForOf",D.seeAlso))},dependencies:[S.Sq,S.bT,Pn.Wk,Ji.Jc],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-secondary);margin:0 0 .5rem;white-space:nowrap}"],changeDetection:0}),x})(),$d=(()=>{var l;class x{constructor(){this.icons=(0,t.WQX)(c.T$),this.sourceCode=(0,t.WQX)(c.QP),this.text=(0,t.WQX)(c.iF),this.header="",this.package="",this.type="",this.path=""}get pathOptions(){return this.getPathOptions(this.header,this.package,this.type,this.path)}pathIsUrl(f){return f.startsWith("http")}getPathOptions(f,D,ue,st){return{header:f,package:D,type:ue,path:st}}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-source-code"]],inputs:{header:"header",package:"package",type:"type",path:"path"},standalone:!0,features:[t.aNF],decls:1,vars:2,consts:[["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","iconStart","height",4,"polymorpheusOutlet","polymorpheusOutletContext"],["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","iconStart"]],template:function(f,D){1&f&&t.DNE(0,ka,2,5,"a",0),2&f&&t.Y8G("polymorpheusOutlet",D.pathIsUrl(D.path)?D.path:D.sourceCode)("polymorpheusOutletContext",D.pathOptions)},dependencies:[Q.xr,ae.p],encapsulation:2,changeDetection:0}),(0,te.Cg)([ee.PE],x.prototype,"pathIsUrl",null),(0,te.Cg)([ee.PE],x.prototype,"getPathOptions",null),x})(),zd=(()=>{var l;class x{constructor(){this.icons=(0,t.WQX)(c.T$),this.darkMode=(0,t.WQX)(Ot.I$)}get icon(){return this.darkMode()?this.icons.light:this.icons.dark}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-main"]],standalone:!0,features:[t.aNF],ngContentSelectors:Gs,decls:19,vars:4,consts:[[1,"tui-doc-page"],[1,"tui-doc-navigation"],[1,"tui-doc-content"],[1,"tui-doc-outlet"],["tuiDocHeader",""],["appearance","secondary","size","s","tuiIconButton","","type","button",1,"tui-doc-dark-mode-switch",3,"iconStart","click"],["ngProjectAs","tuiOverContent",5,["tuiOverContent"]],["ngProjectAs","tuiOverDialogs",5,["tuiOverDialogs"]],["ngProjectAs","tuiOverAlerts",5,["tuiOverAlerts"]],["ngProjectAs","tuiOverDropdowns",5,["tuiOverDropdowns"]],["ngProjectAs","tuiOverHints",5,["tuiOverHints"]]],template:function(f,D){1&f&&(t.NAR(Id),t.j41(0,"tui-root")(1,"div",0)(2,"tui-doc-navigation",1),t.SdG(3),t.k0s(),t.j41(4,"div",2),t.nrm(5,"router-outlet",3),t.k0s()(),t.j41(6,"header",4),t.SdG(7,1),t.j41(8,"button",5),t.bIt("click",function(){return D.darkMode.set(!D.darkMode())}),t.k0s()(),t.qex(9,6),t.SdG(10,2),t.bVm(),t.qex(11,7),t.SdG(12,3),t.bVm(),t.qex(13,8),t.SdG(14,4),t.bVm(),t.qex(15,9),t.SdG(16,5),t.bVm(),t.qex(17,10),t.SdG(18,6),t.bVm(),t.k0s()),2&f&&(t.BMQ("tuiTheme",D.darkMode()?"dark":null),t.R7$(8),t.xc7("border-radius",100,"%"),t.Y8G("iconStart",D.icon))},dependencies:[Pn.n3,ae.p,Vd,Ua,Ki],styles:["@keyframes tuiShaking{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}html,body{scroll-padding-top:4rem;background:var(--tui-background-base)}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}tui-doc-main{display:block}code:not(pre code):not(.hljs):not([class*=language-]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-flex;background:var(--tui-background-base-alt);color:var(--tui-text-secondary);vertical-align:middle;align-items:center;border-radius:.25rem;font-weight:500;outline:1px solid var(--tui-border-hover);font-size:.75rem;padding:0 .3125rem;margin:.125rem .1875rem;text-wrap:wrap}tui-notification code:not(pre code):not(.hljs):not([class*=language-]){mix-blend-mode:color-burn}[tuiTheme=dark] tui-notification code:not(pre code):not(.hljs):not([class*=language-]){mix-blend-mode:luminosity}a code:not(pre code):not(.hljs):not([class*=language-]){color:var(--tui-text-action)}button:focus code,a:focus code{background:var(--tui-background-base)}.tui-doc-page{isolation:isolate;padding-top:4rem}tui-doc-navigation.tui-doc-navigation{position:fixed;top:4rem;bottom:0;inline-size:16.25rem;border-right:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width: 47.9625em){.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-dark-mode-switch{margin-left:1rem}tui-doc-code .hljs-tag{background:none}tui-doc-code .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-primary);background-color:var(--tui-background-neutral-1)}tui-doc-code .hljs.hljs-line-numbers{background:transparent}tui-doc-code .hljs-subst,tui-doc-code .hljs-title{font-weight:400;color:var(--tui-text-primary)}tui-doc-code .hljs-property{color:#bd65a4}tui-doc-code .hljs-comment,tui-doc-code .hljs-quote{color:var(--tui-text-secondary);font-style:italic}tui-doc-code .hljs-meta{color:#e38162}tui-doc-code .hljs-section,tui-doc-code .hljs-name,tui-doc-code .hljs-literal,tui-doc-code .hljs-keyword,tui-doc-code .hljs-selector-tag,tui-doc-code .hljs-type,tui-doc-code .hljs-selector-id,tui-doc-code .hljs-selector-class{font-weight:700;color:var(--tui-text-action)}tui-doc-code .hljs-attr{color:var(--tui-text-action)}tui-doc-code .hljs-attribute,tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link,tui-doc-code .hljs-built_in{font-weight:700;color:#b8474e}tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link{font-weight:400}tui-doc-code .hljs-string{color:var(--tui-status-positive);font-weight:700}tui-doc-code .hljs-symbol,tui-doc-code .hljs-bullet,tui-doc-code .hljs-formula{color:var(--tui-text-primary);background:var(--tui-background-base-alt);font-style:italic}tui-doc-code .hljs-doctag{text-decoration:underline}tui-doc-code .hljs-variable,tui-doc-code .hljs-template-variable{color:var(--tui-text-action-hover)}tui-doc-code .hljs-addition{background:var(--tui-status-positive-pale)}tui-doc-code .hljs-deletion{background:var(--tui-status-negative-pale)}tui-doc-code .hljs-emphasis{font-style:italic}tui-doc-code .hljs-strong{font-weight:700}tui-doc-code .hljs .hljs-line-numbers{padding:0}tui-doc-code .hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:end;padding-right:1em!important}[tuiTheme=dark] tui-doc-code .hljs-variable,tui-doc-code[tuiTheme=dark] .hljs-variable,[tuiTheme=dark] tui-doc-code .hljs-template-variable,tui-doc-code[tuiTheme=dark] .hljs-template-variable{color:var(--tui-status-warning)}\n"],encapsulation:2}),x})();const pr=new t.nKC("[PAGE_SEE_ALSO]"),Bu=[{provide:pr,deps:[t.aKT,c.wo],useFactory:({nativeElement:l},x)=>{const g=l.getAttribute("header"),f=x.filter(ue=>ue.includes(g))||[],D=new Set(f.join().split(",").filter(ue=>ue&&ue!==g));return Array.from(D)}}];let Vu=(()=>{var l;class x{constructor(){this.template=(0,t.WQX)(t.C4Q)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["ng-template","pageTab",""]],inputs:{pageTab:"pageTab"},standalone:!0}),x})(),Uu=(()=>{var l;class x{constructor(){this.defaultTabs=(0,t.WQX)(c.Xw),this.from=/ /g,this.to="_",this.header="",this.package="",this.type="",this.tags=[],this.path="",this.deprecated=!1,this.tabConnectors=ye.xQ,this.activeItemIndex=0,this.seeAlso=(0,t.WQX)(pr)}get showSeeAlso(){return!!this.seeAlso.length&&0===this.activeItemIndex}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-page"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,Vu,4),2&f){let st;t.mGM(st=t.lsd())&&(D.tabConnectors=st)}},inputs:{header:"header",package:"package",type:"type",tags:"tags",path:"path",deprecated:"deprecated"},standalone:!0,features:[t.Jv_(Bu),t.aNF],ngContentSelectors:Ds,decls:12,vars:11,consts:[[1,"t-header"],[1,"t-title"],["appearance","custom","size","xs","class","t-tag t-tag_deprecated",4,"ngIf"],["appearance","custom","size","xs","class","t-tag t-tag_package",3,"background",4,"ngIf"],["appearance","custom","size","xs","class","t-tag t-tag_package",3,"background",4,"ngFor","ngForOf"],["class","t-tabs",3,"activeItemIndex","activeItemIndexChange",4,"ngIf"],[1,"t-source-code",3,"header","package","path","type"],[1,"t-content"],["class","t-see-also",3,"seeAlso",4,"ngIf"],[4,"ngFor","ngForOf"],["appearance","custom","size","xs",1,"t-tag","t-tag_deprecated"],["appearance","custom","size","xs",1,"t-tag","t-tag_package"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngIf"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions",4,"tuiItem"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions"],[1,"t-see-also",3,"seeAlso"],[3,"ngTemplateOutlet",4,"ngIf"],[3,"ngTemplateOutlet"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"header",0)(1,"h1",1),t.EFF(2),t.DNE(3,aa,2,0,"tui-chip",2),t.DNE(4,wd,3,5,"tui-chip",3),t.DNE(5,fh,3,5,"tui-chip",4),t.k0s(),t.DNE(6,Ad,2,2,"tui-tabs-with-more",5),t.nrm(7,"tui-doc-source-code",6),t.k0s(),t.j41(8,"div",7),t.SdG(9),t.DNE(10,Pd,1,1,"tui-doc-see-also",8),t.DNE(11,Hl,2,1,"ng-container",9),t.k0s()),2&f&&(t.R7$(2),t.SpI(" ",D.header," "),t.R7$(1),t.Y8G("ngIf",!!D.deprecated||""===D.deprecated),t.R7$(1),t.Y8G("ngIf",D.package),t.R7$(1),t.Y8G("ngForOf",D.tags),t.R7$(1),t.Y8G("ngIf",D.tabConnectors.length),t.R7$(1),t.Y8G("header",D.header)("package",D.package)("path",D.path)("type",D.type),t.R7$(3),t.Y8G("ngIf",D.showSeeAlso),t.R7$(1),t.Y8G("ngForOf",D.tabConnectors))},dependencies:[S.Sq,S.bT,S.T3,Pn.Wk,Pn.wQ,ji,Ma,Ud,$d,kr,dr,F,Xn],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-%COMP%]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-%COMP%]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-%COMP%]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-%COMP%]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-%COMP%]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-%COMP%]{color:#000}.t-tabs[_ngcontent-%COMP%]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-%COMP%]{margin-top:.25rem}}.t-content[_ngcontent-%COMP%]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-%COMP%]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-%COMP%]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-%COMP%]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-%COMP%]{align-self:flex-end;line-height:2.75rem;margin-left:auto}"],changeDetection:0}),x})();(0,ee.gc)("data-tui-theme"),(0,ee.gc)({})},2748:(wt,ke,u)=>{u.d(ke,{Aq:()=>tt,NC:()=>xe,QP:()=>Tt,S4:()=>ne,T$:()=>be,TA:()=>le,Wl:()=>j,Xw:()=>Q,Y$:()=>Pt,iF:()=>Ge,iQ:()=>Ae,ii:()=>J,kV:()=>Me,kt:()=>Xe,o4:()=>U,q9:()=>Ue,rm:()=>_t,sy:()=>at,tK:()=>nt,u3:()=>Ht,vr:()=>oe,wo:()=>Wt,xH:()=>mt,xq:()=>Ot});var t=u(4314),c=u(2978),S=u(7300),N=u(9656),X=u(8001),$=u(3229),W=u(2831),se=u(756);const ne=(0,t.gc)(""),J=new c.nKC("[TUI_DOC_CODE_EDITOR]"),Q=(0,t.gc)([]),be=(0,t.gc)({search:"@tui.search",light:"@tui.sun",dark:"@tui.moon",code:"@tui.code",menu:"@tui.menu",copy:"@tui.copy",check:"@tui.check",link:"@tui.link"}),Ae=(0,t.gc)(N.D),j=(0,t.gc)(S.SH),oe=(0,t.gc)(new Set([])),nt=(0,t.gc)(["Dark mode","Background","Form value"]),Ue=(0,t.gc)(["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]),U=(0,t.gc)(["Preview","Link to a sample was successfully copied","Done"]),Me=(0,t.gc)("Menu"),xe=(0,t.gc)("Search"),Xe=(0,t.gc)("See also"),Ge=(0,t.gc)("Source code"),at=(0,t.gc)(""),tt=(0,t.gc)((0,X.v)(()=>(0,$.O)(200).pipe((0,W.n)(()=>(0,se.of)(!0))))),_t=(0,t.gc)([]),Ht=(0,t.ET)(()=>(0,S.Fq)((0,c.WQX)(_t))),Wt=(0,t.gc)([]),Tt=(0,t.gc)(null),Ot=(0,t.gc)(""),Pt=(0,t.gc)(null),mt=(0,t.gc)(S.Dj),le=(0,t.gc)(String)},7300:(wt,ke,u)=>{u.d(ke,{rZ:()=>gs,TZ:()=>_s,Ne:()=>Os,NZ:()=>Gr,r6:()=>is,XZ:()=>vs,sv:()=>Ta,Fq:()=>mi,IB:()=>ys,SH:()=>Ps,Dj:()=>wo});var t={};u.r(t),u.d(t,{decode:()=>ne,encode:()=>be,format:()=>ee,parse:()=>Wt});var c={};u.r(c),u.d(c,{Any:()=>Pt,Cc:()=>mt,Cf:()=>le,P:()=>Tt,S:()=>Ot,Z:()=>H});var S={};u.r(S),u.d(S,{arrayReplaceAt:()=>Y,assign:()=>ge,escapeHtml:()=>fi,escapeRE:()=>Ii,fromCodePoint:()=>pt,has:()=>we,isMdAsciiPunct:()=>$e,isPunctChar:()=>Ee,isSpace:()=>yn,isString:()=>rt,isValidEntityCode:()=>He,isWhiteSpace:()=>Li,lib:()=>Je,normalizeReference:()=>et,unescapeAll:()=>jn,unescapeMd:()=>Vn});var N={};u.r(N),u.d(N,{parseLinkDestination:()=>ft,parseLinkLabel:()=>qe,parseLinkTitle:()=>gt});var X=u(3308);const $={};function se(s,h){"string"!=typeof h&&(h=se.defaultChars);const M=function W(s){let h=$[s];if(h)return h;h=$[s]=[];for(let M=0;M<128;M++){const B=String.fromCharCode(M);h.push(B)}for(let M=0;M<s.length;M++){const B=s.charCodeAt(M);h[B]="%"+("0"+B.toString(16).toUpperCase()).slice(-2)}return h}(h);return s.replace(/(%[a-f0-9]{2})+/gi,function(B){let V="";for(let z=0,Ce=B.length;z<Ce;z+=3){const De=parseInt(B.slice(z+1,z+3),16);if(De<128)V+=M[De];else{if(192==(224&De)&&z+3<Ce){const Ve=parseInt(B.slice(z+4,z+6),16);if(128==(192&Ve)){const ut=De<<6&1984|63&Ve;V+=ut<128?"\ufffd\ufffd":String.fromCharCode(ut),z+=3;continue}}if(224==(240&De)&&z+6<Ce){const Ve=parseInt(B.slice(z+4,z+6),16),ut=parseInt(B.slice(z+7,z+9),16);if(128==(192&Ve)&&128==(192&ut)){const Bt=De<<12&61440|Ve<<6&4032|63&ut;V+=Bt<2048||Bt>=55296&&Bt<=57343?"\ufffd\ufffd\ufffd":String.fromCharCode(Bt),z+=6;continue}}if(240==(248&De)&&z+9<Ce){const Ve=parseInt(B.slice(z+4,z+6),16),ut=parseInt(B.slice(z+7,z+9),16),Bt=parseInt(B.slice(z+10,z+12),16);if(128==(192&Ve)&&128==(192&ut)&&128==(192&Bt)){let Ut=De<<18&1835008|Ve<<12&258048|ut<<6&4032|63&Bt;Ut<65536||Ut>1114111?V+="\ufffd\ufffd\ufffd\ufffd":(Ut-=65536,V+=String.fromCharCode(55296+(Ut>>10),56320+(1023&Ut))),z+=9;continue}}V+="\ufffd"}}return V})}se.defaultChars=";/?:@&=+$,#",se.componentChars="";const ne=se,J={};function ye(s,h,M){"string"!=typeof h&&(M=h,h=ye.defaultChars),typeof M>"u"&&(M=!0);const B=function Q(s){let h=J[s];if(h)return h;h=J[s]=[];for(let M=0;M<128;M++){const B=String.fromCharCode(M);/^[0-9a-z]$/i.test(B)?h.push(B):h.push("%"+("0"+M.toString(16).toUpperCase()).slice(-2))}for(let M=0;M<s.length;M++)h[s.charCodeAt(M)]=s[M];return h}(h);let V="";for(let z=0,Ce=s.length;z<Ce;z++){const De=s.charCodeAt(z);if(M&&37===De&&z+2<Ce&&/^[0-9a-f]{2}$/i.test(s.slice(z+1,z+3)))V+=s.slice(z,z+3),z+=2;else if(De<128)V+=B[De];else if(De>=55296&&De<=57343){if(De>=55296&&De<=56319&&z+1<Ce){const Ve=s.charCodeAt(z+1);if(Ve>=56320&&Ve<=57343){V+=encodeURIComponent(s[z]+s[z+1]),z++;continue}}V+="%EF%BF%BD"}else V+=encodeURIComponent(s[z])}return V}ye.defaultChars=";/?:@&=+$,-_.!~*'()#",ye.componentChars="-_.!~*'()";const be=ye;function ee(s){let h="";return h+=s.protocol||"",h+=s.slashes?"//":"",h+=s.auth?s.auth+"@":"",s.hostname&&-1!==s.hostname.indexOf(":")?h+="["+s.hostname+"]":h+=s.hostname||"",h+=s.port?":"+s.port:"",h+=s.pathname||"",h+=s.search||"",h+=s.hash||"",h}function Ae(){this.protocol=null,this.slashes=null,this.auth=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.pathname=null}const j=/^([a-z0-9.+-]+:)/i,oe=/:[0-9]*$/,Be=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,Ue=["{","}","|","\\","^","`"].concat(["<",">",'"',"`"," ","\r","\n","\t"]),U=["'"].concat(Ue),Me=["%","/","?",";","#"].concat(U),xe=["/","?","#"],Ge=/^[+a-z0-9A-Z_-]{0,63}$/,at=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,tt={javascript:!0,"javascript:":!0},_t={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};Ae.prototype.parse=function(s,h){let M,B,V,z=s;if(z=z.trim(),!h&&1===s.split("#").length){const ut=Be.exec(z);if(ut)return this.pathname=ut[1],ut[2]&&(this.search=ut[2]),this}let Ce=j.exec(z);if(Ce&&(Ce=Ce[0],M=Ce.toLowerCase(),this.protocol=Ce,z=z.substr(Ce.length)),(h||Ce||z.match(/^\/\/[^@\/]+@[^@\/]+/))&&(V="//"===z.substr(0,2),V&&!(Ce&&tt[Ce])&&(z=z.substr(2),this.slashes=!0)),!tt[Ce]&&(V||Ce&&!_t[Ce])){let Bt,Ut,ut=-1;for(let p=0;p<xe.length;p++)B=z.indexOf(xe[p]),-1!==B&&(-1===ut||B<ut)&&(ut=B);Ut=-1===ut?z.lastIndexOf("@"):z.lastIndexOf("@",ut),-1!==Ut&&(Bt=z.slice(0,Ut),z=z.slice(Ut+1),this.auth=Bt),ut=-1;for(let p=0;p<Me.length;p++)B=z.indexOf(Me[p]),-1!==B&&(-1===ut||B<ut)&&(ut=B);-1===ut&&(ut=z.length),":"===z[ut-1]&&ut--;const _n=z.slice(0,ut);z=z.slice(ut),this.parseHost(_n),this.hostname=this.hostname||"";const qt="["===this.hostname[0]&&"]"===this.hostname[this.hostname.length-1];if(!qt){const p=this.hostname.split(/\./);for(let y=0,E=p.length;y<E;y++){const _=p[y];if(_&&!_.match(Ge)){let w="";for(let K=0,pe=_.length;K<pe;K++)_.charCodeAt(K)>127?w+="x":w+=_[K];if(!w.match(Ge)){const K=p.slice(0,y),pe=p.slice(y+1),lt=_.match(at);lt&&(K.push(lt[1]),pe.unshift(lt[2])),pe.length&&(z=pe.join(".")+z),this.hostname=K.join(".");break}}}}this.hostname.length>255&&(this.hostname=""),qt&&(this.hostname=this.hostname.substr(1,this.hostname.length-2))}const De=z.indexOf("#");-1!==De&&(this.hash=z.substr(De),z=z.slice(0,De));const Ve=z.indexOf("?");return-1!==Ve&&(this.search=z.substr(Ve),z=z.slice(0,Ve)),z&&(this.pathname=z),_t[M]&&this.hostname&&!this.pathname&&(this.pathname=""),this},Ae.prototype.parseHost=function(s){let h=oe.exec(s);h&&(h=h[0],":"!==h&&(this.port=h.substr(1)),s=s.substr(0,s.length-h.length)),s&&(this.hostname=s)};const Wt=function Ht(s,h){if(s&&s instanceof Ae)return s;const M=new Ae;return M.parse(s,h),M},Tt=/[!-#%-\*,-\/:;\?@\[-\]_\{\}\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061D-\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1B7D\u1B7E\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u2E52-\u2E5D\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDEAD\uDF55-\uDF59\uDF86-\uDF89]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5A\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDEB9\uDF3C-\uDF3E]|\uD806[\uDC3B\uDD44-\uDD46\uDDE2\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2\uDF00-\uDF09]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8\uDF43-\uDF4F\uDFFF]|\uD809[\uDC70-\uDC74]|\uD80B[\uDFF1\uDFF2]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD81B[\uDE97-\uDE9A\uDFE2]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]|\uD83A[\uDD5E\uDD5F]/,Ot=/[\$\+<->\^`\|~\xA2-\xA6\xA8\xA9\xAC\xAE-\xB1\xB4\xB8\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0384\u0385\u03F6\u0482\u058D-\u058F\u0606-\u0608\u060B\u060E\u060F\u06DE\u06E9\u06FD\u06FE\u07F6\u07FE\u07FF\u0888\u09F2\u09F3\u09FA\u09FB\u0AF1\u0B70\u0BF3-\u0BFA\u0C7F\u0D4F\u0D79\u0E3F\u0F01-\u0F03\u0F13\u0F15-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE\u0FCF\u0FD5-\u0FD8\u109E\u109F\u1390-\u1399\u166D\u17DB\u1940\u19DE-\u19FF\u1B61-\u1B6A\u1B74-\u1B7C\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2044\u2052\u207A-\u207C\u208A-\u208C\u20A0-\u20C0\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2307\u230C-\u2328\u232B-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2767\u2794-\u27C4\u27C7-\u27E5\u27F0-\u2982\u2999-\u29D7\u29DC-\u29FB\u29FE-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2E50\u2E51\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFF\u3004\u3012\u3013\u3020\u3036\u3037\u303E\u303F\u309B\u309C\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u31EF\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uAA77-\uAA79\uAB5B\uAB6A\uAB6B\uFB29\uFBB2-\uFBC2\uFD40-\uFD4F\uFDCF\uFDFC-\uFDFF\uFE62\uFE64-\uFE66\uFE69\uFF04\uFF0B\uFF1C-\uFF1E\uFF3E\uFF40\uFF5C\uFF5E\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC]|\uD802[\uDC77\uDC78\uDEC8]|\uD805\uDF3F|\uD807[\uDFD5-\uDFF1]|\uD81A[\uDF3C-\uDF3F\uDF45]|\uD82F\uDC9C|\uD833[\uDF50-\uDFC3]|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDEA\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85\uDE86]|\uD838[\uDD4F\uDEFF]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEDC-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF76\uDF7B-\uDFD9\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDE53\uDE60-\uDE6D\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC5\uDECE-\uDEDB\uDEE0-\uDEE8\uDEF0-\uDEF8\uDF00-\uDF92\uDF94-\uDFCA]/,Pt=/[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/,mt=/[\0-\x1F\x7F-\x9F]/,le=/[\xAD\u0600-\u0605\u061C\u06DD\u070F\u0890\u0891\u08E2\u180E\u200B-\u200F\u202A-\u202E\u2060-\u2064\u2066-\u206F\uFEFF\uFFF9-\uFFFB]|\uD804[\uDCBD\uDCCD]|\uD80D[\uDC30-\uDC3F]|\uD82F[\uDCA0-\uDCA3]|\uD834[\uDD73-\uDD7A]|\uDB40[\uDC01\uDC20-\uDC7F]/,H=/[ \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000]/,ce=new Uint16Array('\u1d41<\xd5\u0131\u028a\u049d\u057b\u05d0\u0675\u06de\u07a2\u07d6\u080f\u0a4a\u0a91\u0da1\u0e6d\u0f09\u0f26\u10ca\u1228\u12e1\u1415\u149d\u14c3\u14df\u1525\0\0\0\0\0\0\u156b\u16cd\u198d\u1c12\u1ddd\u1f7e\u2060\u21b0\u228d\u23c0\u23fb\u2442\u2824\u2912\u2d08\u2e48\u2fce\u3016\u32ba\u3639\u37ac\u38fe\u3a28\u3a71\u3ae0\u3b2e\u0800EMabcfglmnoprstu\\bfms\x7f\x84\x8b\x90\x95\x98\xa6\xb3\xb9\xc8\xcflig\u803b\xc6\u40c6P\u803b&\u4026cute\u803b\xc1\u40c1reve;\u4102\u0100iyx}rc\u803b\xc2\u40c2;\u4410r;\uc000\u{1d504}rave\u803b\xc0\u40c0pha;\u4391acr;\u4100d;\u6a53\u0100gp\x9d\xa1on;\u4104f;\uc000\u{1d538}plyFunction;\u6061ing\u803b\xc5\u40c5\u0100cs\xbe\xc3r;\uc000\u{1d49c}ign;\u6254ilde\u803b\xc3\u40c3ml\u803b\xc4\u40c4\u0400aceforsu\xe5\xfb\xfe\u0117\u011c\u0122\u0127\u012a\u0100cr\xea\xf2kslash;\u6216\u0176\xf6\xf8;\u6ae7ed;\u6306y;\u4411\u0180crt\u0105\u010b\u0114ause;\u6235noullis;\u612ca;\u4392r;\uc000\u{1d505}pf;\uc000\u{1d539}eve;\u42d8c\xf2\u0113mpeq;\u624e\u0700HOacdefhilorsu\u014d\u0151\u0156\u0180\u019e\u01a2\u01b5\u01b7\u01ba\u01dc\u0215\u0273\u0278\u027ecy;\u4427PY\u803b\xa9\u40a9\u0180cpy\u015d\u0162\u017aute;\u4106\u0100;i\u0167\u0168\u62d2talDifferentialD;\u6145leys;\u612d\u0200aeio\u0189\u018e\u0194\u0198ron;\u410cdil\u803b\xc7\u40c7rc;\u4108nint;\u6230ot;\u410a\u0100dn\u01a7\u01adilla;\u40b8terDot;\u40b7\xf2\u017fi;\u43a7rcle\u0200DMPT\u01c7\u01cb\u01d1\u01d6ot;\u6299inus;\u6296lus;\u6295imes;\u6297o\u0100cs\u01e2\u01f8kwiseContourIntegral;\u6232eCurly\u0100DQ\u0203\u020foubleQuote;\u601duote;\u6019\u0200lnpu\u021e\u0228\u0247\u0255on\u0100;e\u0225\u0226\u6237;\u6a74\u0180git\u022f\u0236\u023aruent;\u6261nt;\u622fourIntegral;\u622e\u0100fr\u024c\u024e;\u6102oduct;\u6210nterClockwiseContourIntegral;\u6233oss;\u6a2fcr;\uc000\u{1d49e}p\u0100;C\u0284\u0285\u62d3ap;\u624d\u0580DJSZacefios\u02a0\u02ac\u02b0\u02b4\u02b8\u02cb\u02d7\u02e1\u02e6\u0333\u048d\u0100;o\u0179\u02a5trahd;\u6911cy;\u4402cy;\u4405cy;\u440f\u0180grs\u02bf\u02c4\u02c7ger;\u6021r;\u61a1hv;\u6ae4\u0100ay\u02d0\u02d5ron;\u410e;\u4414l\u0100;t\u02dd\u02de\u6207a;\u4394r;\uc000\u{1d507}\u0100af\u02eb\u0327\u0100cm\u02f0\u0322ritical\u0200ADGT\u0300\u0306\u0316\u031ccute;\u40b4o\u0174\u030b\u030d;\u42d9bleAcute;\u42ddrave;\u4060ilde;\u42dcond;\u62c4ferentialD;\u6146\u0470\u033d\0\0\0\u0342\u0354\0\u0405f;\uc000\u{1d53b}\u0180;DE\u0348\u0349\u034d\u40a8ot;\u60dcqual;\u6250ble\u0300CDLRUV\u0363\u0372\u0382\u03cf\u03e2\u03f8ontourIntegra\xec\u0239o\u0274\u0379\0\0\u037b\xbb\u0349nArrow;\u61d3\u0100eo\u0387\u03a4ft\u0180ART\u0390\u0396\u03a1rrow;\u61d0ightArrow;\u61d4e\xe5\u02cang\u0100LR\u03ab\u03c4eft\u0100AR\u03b3\u03b9rrow;\u67f8ightArrow;\u67faightArrow;\u67f9ight\u0100AT\u03d8\u03derrow;\u61d2ee;\u62a8p\u0241\u03e9\0\0\u03efrrow;\u61d1ownArrow;\u61d5erticalBar;\u6225n\u0300ABLRTa\u0412\u042a\u0430\u045e\u047f\u037crrow\u0180;BU\u041d\u041e\u0422\u6193ar;\u6913pArrow;\u61f5reve;\u4311eft\u02d2\u043a\0\u0446\0\u0450ightVector;\u6950eeVector;\u695eector\u0100;B\u0459\u045a\u61bdar;\u6956ight\u01d4\u0467\0\u0471eeVector;\u695fector\u0100;B\u047a\u047b\u61c1ar;\u6957ee\u0100;A\u0486\u0487\u62a4rrow;\u61a7\u0100ct\u0492\u0497r;\uc000\u{1d49f}rok;\u4110\u0800NTacdfglmopqstux\u04bd\u04c0\u04c4\u04cb\u04de\u04e2\u04e7\u04ee\u04f5\u0521\u052f\u0536\u0552\u055d\u0560\u0565G;\u414aH\u803b\xd0\u40d0cute\u803b\xc9\u40c9\u0180aiy\u04d2\u04d7\u04dcron;\u411arc\u803b\xca\u40ca;\u442dot;\u4116r;\uc000\u{1d508}rave\u803b\xc8\u40c8ement;\u6208\u0100ap\u04fa\u04fecr;\u4112ty\u0253\u0506\0\0\u0512mallSquare;\u65fberySmallSquare;\u65ab\u0100gp\u0526\u052aon;\u4118f;\uc000\u{1d53c}silon;\u4395u\u0100ai\u053c\u0549l\u0100;T\u0542\u0543\u6a75ilde;\u6242librium;\u61cc\u0100ci\u0557\u055ar;\u6130m;\u6a73a;\u4397ml\u803b\xcb\u40cb\u0100ip\u056a\u056fsts;\u6203onentialE;\u6147\u0280cfios\u0585\u0588\u058d\u05b2\u05ccy;\u4424r;\uc000\u{1d509}lled\u0253\u0597\0\0\u05a3mallSquare;\u65fcerySmallSquare;\u65aa\u0370\u05ba\0\u05bf\0\0\u05c4f;\uc000\u{1d53d}All;\u6200riertrf;\u6131c\xf2\u05cb\u0600JTabcdfgorst\u05e8\u05ec\u05ef\u05fa\u0600\u0612\u0616\u061b\u061d\u0623\u066c\u0672cy;\u4403\u803b>\u403emma\u0100;d\u05f7\u05f8\u4393;\u43dcreve;\u411e\u0180eiy\u0607\u060c\u0610dil;\u4122rc;\u411c;\u4413ot;\u4120r;\uc000\u{1d50a};\u62d9pf;\uc000\u{1d53e}eater\u0300EFGLST\u0635\u0644\u064e\u0656\u065b\u0666qual\u0100;L\u063e\u063f\u6265ess;\u62dbullEqual;\u6267reater;\u6aa2ess;\u6277lantEqual;\u6a7eilde;\u6273cr;\uc000\u{1d4a2};\u626b\u0400Aacfiosu\u0685\u068b\u0696\u069b\u069e\u06aa\u06be\u06caRDcy;\u442a\u0100ct\u0690\u0694ek;\u42c7;\u405eirc;\u4124r;\u610clbertSpace;\u610b\u01f0\u06af\0\u06b2f;\u610dizontalLine;\u6500\u0100ct\u06c3\u06c5\xf2\u06a9rok;\u4126mp\u0144\u06d0\u06d8ownHum\xf0\u012fqual;\u624f\u0700EJOacdfgmnostu\u06fa\u06fe\u0703\u0707\u070e\u071a\u071e\u0721\u0728\u0744\u0778\u078b\u078f\u0795cy;\u4415lig;\u4132cy;\u4401cute\u803b\xcd\u40cd\u0100iy\u0713\u0718rc\u803b\xce\u40ce;\u4418ot;\u4130r;\u6111rave\u803b\xcc\u40cc\u0180;ap\u0720\u072f\u073f\u0100cg\u0734\u0737r;\u412ainaryI;\u6148lie\xf3\u03dd\u01f4\u0749\0\u0762\u0100;e\u074d\u074e\u622c\u0100gr\u0753\u0758ral;\u622bsection;\u62c2isible\u0100CT\u076c\u0772omma;\u6063imes;\u6062\u0180gpt\u077f\u0783\u0788on;\u412ef;\uc000\u{1d540}a;\u4399cr;\u6110ilde;\u4128\u01eb\u079a\0\u079ecy;\u4406l\u803b\xcf\u40cf\u0280cfosu\u07ac\u07b7\u07bc\u07c2\u07d0\u0100iy\u07b1\u07b5rc;\u4134;\u4419r;\uc000\u{1d50d}pf;\uc000\u{1d541}\u01e3\u07c7\0\u07ccr;\uc000\u{1d4a5}rcy;\u4408kcy;\u4404\u0380HJacfos\u07e4\u07e8\u07ec\u07f1\u07fd\u0802\u0808cy;\u4425cy;\u440cppa;\u439a\u0100ey\u07f6\u07fbdil;\u4136;\u441ar;\uc000\u{1d50e}pf;\uc000\u{1d542}cr;\uc000\u{1d4a6}\u0580JTaceflmost\u0825\u0829\u082c\u0850\u0863\u09b3\u09b8\u09c7\u09cd\u0a37\u0a47cy;\u4409\u803b<\u403c\u0280cmnpr\u0837\u083c\u0841\u0844\u084dute;\u4139bda;\u439bg;\u67ealacetrf;\u6112r;\u619e\u0180aey\u0857\u085c\u0861ron;\u413ddil;\u413b;\u441b\u0100fs\u0868\u0970t\u0500ACDFRTUVar\u087e\u08a9\u08b1\u08e0\u08e6\u08fc\u092f\u095b\u0390\u096a\u0100nr\u0883\u088fgleBracket;\u67e8row\u0180;BR\u0899\u089a\u089e\u6190ar;\u61e4ightArrow;\u61c6eiling;\u6308o\u01f5\u08b7\0\u08c3bleBracket;\u67e6n\u01d4\u08c8\0\u08d2eeVector;\u6961ector\u0100;B\u08db\u08dc\u61c3ar;\u6959loor;\u630aight\u0100AV\u08ef\u08f5rrow;\u6194ector;\u694e\u0100er\u0901\u0917e\u0180;AV\u0909\u090a\u0910\u62a3rrow;\u61a4ector;\u695aiangle\u0180;BE\u0924\u0925\u0929\u62b2ar;\u69cfqual;\u62b4p\u0180DTV\u0937\u0942\u094cownVector;\u6951eeVector;\u6960ector\u0100;B\u0956\u0957\u61bfar;\u6958ector\u0100;B\u0965\u0966\u61bcar;\u6952ight\xe1\u039cs\u0300EFGLST\u097e\u098b\u0995\u099d\u09a2\u09adqualGreater;\u62daullEqual;\u6266reater;\u6276ess;\u6aa1lantEqual;\u6a7dilde;\u6272r;\uc000\u{1d50f}\u0100;e\u09bd\u09be\u62d8ftarrow;\u61daidot;\u413f\u0180npw\u09d4\u0a16\u0a1bg\u0200LRlr\u09de\u09f7\u0a02\u0a10eft\u0100AR\u09e6\u09ecrrow;\u67f5ightArrow;\u67f7ightArrow;\u67f6eft\u0100ar\u03b3\u0a0aight\xe1\u03bfight\xe1\u03caf;\uc000\u{1d543}er\u0100LR\u0a22\u0a2ceftArrow;\u6199ightArrow;\u6198\u0180cht\u0a3e\u0a40\u0a42\xf2\u084c;\u61b0rok;\u4141;\u626a\u0400acefiosu\u0a5a\u0a5d\u0a60\u0a77\u0a7c\u0a85\u0a8b\u0a8ep;\u6905y;\u441c\u0100dl\u0a65\u0a6fiumSpace;\u605flintrf;\u6133r;\uc000\u{1d510}nusPlus;\u6213pf;\uc000\u{1d544}c\xf2\u0a76;\u439c\u0480Jacefostu\u0aa3\u0aa7\u0aad\u0ac0\u0b14\u0b19\u0d91\u0d97\u0d9ecy;\u440acute;\u4143\u0180aey\u0ab4\u0ab9\u0aberon;\u4147dil;\u4145;\u441d\u0180gsw\u0ac7\u0af0\u0b0eative\u0180MTV\u0ad3\u0adf\u0ae8ediumSpace;\u600bhi\u0100cn\u0ae6\u0ad8\xeb\u0ad9eryThi\xee\u0ad9ted\u0100GL\u0af8\u0b06reaterGreate\xf2\u0673essLes\xf3\u0a48Line;\u400ar;\uc000\u{1d511}\u0200Bnpt\u0b22\u0b28\u0b37\u0b3areak;\u6060BreakingSpace;\u40a0f;\u6115\u0680;CDEGHLNPRSTV\u0b55\u0b56\u0b6a\u0b7c\u0ba1\u0beb\u0c04\u0c5e\u0c84\u0ca6\u0cd8\u0d61\u0d85\u6aec\u0100ou\u0b5b\u0b64ngruent;\u6262pCap;\u626doubleVerticalBar;\u6226\u0180lqx\u0b83\u0b8a\u0b9bement;\u6209ual\u0100;T\u0b92\u0b93\u6260ilde;\uc000\u2242\u0338ists;\u6204reater\u0380;EFGLST\u0bb6\u0bb7\u0bbd\u0bc9\u0bd3\u0bd8\u0be5\u626fqual;\u6271ullEqual;\uc000\u2267\u0338reater;\uc000\u226b\u0338ess;\u6279lantEqual;\uc000\u2a7e\u0338ilde;\u6275ump\u0144\u0bf2\u0bfdownHump;\uc000\u224e\u0338qual;\uc000\u224f\u0338e\u0100fs\u0c0a\u0c27tTriangle\u0180;BE\u0c1a\u0c1b\u0c21\u62eaar;\uc000\u29cf\u0338qual;\u62ecs\u0300;EGLST\u0c35\u0c36\u0c3c\u0c44\u0c4b\u0c58\u626equal;\u6270reater;\u6278ess;\uc000\u226a\u0338lantEqual;\uc000\u2a7d\u0338ilde;\u6274ested\u0100GL\u0c68\u0c79reaterGreater;\uc000\u2aa2\u0338essLess;\uc000\u2aa1\u0338recedes\u0180;ES\u0c92\u0c93\u0c9b\u6280qual;\uc000\u2aaf\u0338lantEqual;\u62e0\u0100ei\u0cab\u0cb9verseElement;\u620cghtTriangle\u0180;BE\u0ccb\u0ccc\u0cd2\u62ebar;\uc000\u29d0\u0338qual;\u62ed\u0100qu\u0cdd\u0d0cuareSu\u0100bp\u0ce8\u0cf9set\u0100;E\u0cf0\u0cf3\uc000\u228f\u0338qual;\u62e2erset\u0100;E\u0d03\u0d06\uc000\u2290\u0338qual;\u62e3\u0180bcp\u0d13\u0d24\u0d4eset\u0100;E\u0d1b\u0d1e\uc000\u2282\u20d2qual;\u6288ceeds\u0200;EST\u0d32\u0d33\u0d3b\u0d46\u6281qual;\uc000\u2ab0\u0338lantEqual;\u62e1ilde;\uc000\u227f\u0338erset\u0100;E\u0d58\u0d5b\uc000\u2283\u20d2qual;\u6289ilde\u0200;EFT\u0d6e\u0d6f\u0d75\u0d7f\u6241qual;\u6244ullEqual;\u6247ilde;\u6249erticalBar;\u6224cr;\uc000\u{1d4a9}ilde\u803b\xd1\u40d1;\u439d\u0700Eacdfgmoprstuv\u0dbd\u0dc2\u0dc9\u0dd5\u0ddb\u0de0\u0de7\u0dfc\u0e02\u0e20\u0e22\u0e32\u0e3f\u0e44lig;\u4152cute\u803b\xd3\u40d3\u0100iy\u0dce\u0dd3rc\u803b\xd4\u40d4;\u441eblac;\u4150r;\uc000\u{1d512}rave\u803b\xd2\u40d2\u0180aei\u0dee\u0df2\u0df6cr;\u414cga;\u43a9cron;\u439fpf;\uc000\u{1d546}enCurly\u0100DQ\u0e0e\u0e1aoubleQuote;\u601cuote;\u6018;\u6a54\u0100cl\u0e27\u0e2cr;\uc000\u{1d4aa}ash\u803b\xd8\u40d8i\u016c\u0e37\u0e3cde\u803b\xd5\u40d5es;\u6a37ml\u803b\xd6\u40d6er\u0100BP\u0e4b\u0e60\u0100ar\u0e50\u0e53r;\u603eac\u0100ek\u0e5a\u0e5c;\u63deet;\u63b4arenthesis;\u63dc\u0480acfhilors\u0e7f\u0e87\u0e8a\u0e8f\u0e92\u0e94\u0e9d\u0eb0\u0efcrtialD;\u6202y;\u441fr;\uc000\u{1d513}i;\u43a6;\u43a0usMinus;\u40b1\u0100ip\u0ea2\u0eadncareplan\xe5\u069df;\u6119\u0200;eio\u0eb9\u0eba\u0ee0\u0ee4\u6abbcedes\u0200;EST\u0ec8\u0ec9\u0ecf\u0eda\u627aqual;\u6aaflantEqual;\u627cilde;\u627eme;\u6033\u0100dp\u0ee9\u0eeeuct;\u620fortion\u0100;a\u0225\u0ef9l;\u621d\u0100ci\u0f01\u0f06r;\uc000\u{1d4ab};\u43a8\u0200Ufos\u0f11\u0f16\u0f1b\u0f1fOT\u803b"\u4022r;\uc000\u{1d514}pf;\u611acr;\uc000\u{1d4ac}\u0600BEacefhiorsu\u0f3e\u0f43\u0f47\u0f60\u0f73\u0fa7\u0faa\u0fad\u1096\u10a9\u10b4\u10bearr;\u6910G\u803b\xae\u40ae\u0180cnr\u0f4e\u0f53\u0f56ute;\u4154g;\u67ebr\u0100;t\u0f5c\u0f5d\u61a0l;\u6916\u0180aey\u0f67\u0f6c\u0f71ron;\u4158dil;\u4156;\u4420\u0100;v\u0f78\u0f79\u611cerse\u0100EU\u0f82\u0f99\u0100lq\u0f87\u0f8eement;\u620builibrium;\u61cbpEquilibrium;\u696fr\xbb\u0f79o;\u43a1ght\u0400ACDFTUVa\u0fc1\u0feb\u0ff3\u1022\u1028\u105b\u1087\u03d8\u0100nr\u0fc6\u0fd2gleBracket;\u67e9row\u0180;BL\u0fdc\u0fdd\u0fe1\u6192ar;\u61e5eftArrow;\u61c4eiling;\u6309o\u01f5\u0ff9\0\u1005bleBracket;\u67e7n\u01d4\u100a\0\u1014eeVector;\u695dector\u0100;B\u101d\u101e\u61c2ar;\u6955loor;\u630b\u0100er\u102d\u1043e\u0180;AV\u1035\u1036\u103c\u62a2rrow;\u61a6ector;\u695biangle\u0180;BE\u1050\u1051\u1055\u62b3ar;\u69d0qual;\u62b5p\u0180DTV\u1063\u106e\u1078ownVector;\u694feeVector;\u695cector\u0100;B\u1082\u1083\u61bear;\u6954ector\u0100;B\u1091\u1092\u61c0ar;\u6953\u0100pu\u109b\u109ef;\u611dndImplies;\u6970ightarrow;\u61db\u0100ch\u10b9\u10bcr;\u611b;\u61b1leDelayed;\u69f4\u0680HOacfhimoqstu\u10e4\u10f1\u10f7\u10fd\u1119\u111e\u1151\u1156\u1161\u1167\u11b5\u11bb\u11bf\u0100Cc\u10e9\u10eeHcy;\u4429y;\u4428FTcy;\u442ccute;\u415a\u0280;aeiy\u1108\u1109\u110e\u1113\u1117\u6abcron;\u4160dil;\u415erc;\u415c;\u4421r;\uc000\u{1d516}ort\u0200DLRU\u112a\u1134\u113e\u1149ownArrow\xbb\u041eeftArrow\xbb\u089aightArrow\xbb\u0fddpArrow;\u6191gma;\u43a3allCircle;\u6218pf;\uc000\u{1d54a}\u0272\u116d\0\0\u1170t;\u621aare\u0200;ISU\u117b\u117c\u1189\u11af\u65a1ntersection;\u6293u\u0100bp\u118f\u119eset\u0100;E\u1197\u1198\u628fqual;\u6291erset\u0100;E\u11a8\u11a9\u6290qual;\u6292nion;\u6294cr;\uc000\u{1d4ae}ar;\u62c6\u0200bcmp\u11c8\u11db\u1209\u120b\u0100;s\u11cd\u11ce\u62d0et\u0100;E\u11cd\u11d5qual;\u6286\u0100ch\u11e0\u1205eeds\u0200;EST\u11ed\u11ee\u11f4\u11ff\u627bqual;\u6ab0lantEqual;\u627dilde;\u627fTh\xe1\u0f8c;\u6211\u0180;es\u1212\u1213\u1223\u62d1rset\u0100;E\u121c\u121d\u6283qual;\u6287et\xbb\u1213\u0580HRSacfhiors\u123e\u1244\u1249\u1255\u125e\u1271\u1276\u129f\u12c2\u12c8\u12d1ORN\u803b\xde\u40deADE;\u6122\u0100Hc\u124e\u1252cy;\u440by;\u4426\u0100bu\u125a\u125c;\u4009;\u43a4\u0180aey\u1265\u126a\u126fron;\u4164dil;\u4162;\u4422r;\uc000\u{1d517}\u0100ei\u127b\u1289\u01f2\u1280\0\u1287efore;\u6234a;\u4398\u0100cn\u128e\u1298kSpace;\uc000\u205f\u200aSpace;\u6009lde\u0200;EFT\u12ab\u12ac\u12b2\u12bc\u623cqual;\u6243ullEqual;\u6245ilde;\u6248pf;\uc000\u{1d54b}ipleDot;\u60db\u0100ct\u12d6\u12dbr;\uc000\u{1d4af}rok;\u4166\u0ae1\u12f7\u130e\u131a\u1326\0\u132c\u1331\0\0\0\0\0\u1338\u133d\u1377\u1385\0\u13ff\u1404\u140a\u1410\u0100cr\u12fb\u1301ute\u803b\xda\u40dar\u0100;o\u1307\u1308\u619fcir;\u6949r\u01e3\u1313\0\u1316y;\u440eve;\u416c\u0100iy\u131e\u1323rc\u803b\xdb\u40db;\u4423blac;\u4170r;\uc000\u{1d518}rave\u803b\xd9\u40d9acr;\u416a\u0100di\u1341\u1369er\u0100BP\u1348\u135d\u0100ar\u134d\u1350r;\u405fac\u0100ek\u1357\u1359;\u63dfet;\u63b5arenthesis;\u63ddon\u0100;P\u1370\u1371\u62c3lus;\u628e\u0100gp\u137b\u137fon;\u4172f;\uc000\u{1d54c}\u0400ADETadps\u1395\u13ae\u13b8\u13c4\u03e8\u13d2\u13d7\u13f3rrow\u0180;BD\u1150\u13a0\u13a4ar;\u6912ownArrow;\u61c5ownArrow;\u6195quilibrium;\u696eee\u0100;A\u13cb\u13cc\u62a5rrow;\u61a5own\xe1\u03f3er\u0100LR\u13de\u13e8eftArrow;\u6196ightArrow;\u6197i\u0100;l\u13f9\u13fa\u43d2on;\u43a5ing;\u416ecr;\uc000\u{1d4b0}ilde;\u4168ml\u803b\xdc\u40dc\u0480Dbcdefosv\u1427\u142c\u1430\u1433\u143e\u1485\u148a\u1490\u1496ash;\u62abar;\u6aeby;\u4412ash\u0100;l\u143b\u143c\u62a9;\u6ae6\u0100er\u1443\u1445;\u62c1\u0180bty\u144c\u1450\u147aar;\u6016\u0100;i\u144f\u1455cal\u0200BLST\u1461\u1465\u146a\u1474ar;\u6223ine;\u407ceparator;\u6758ilde;\u6240ThinSpace;\u600ar;\uc000\u{1d519}pf;\uc000\u{1d54d}cr;\uc000\u{1d4b1}dash;\u62aa\u0280cefos\u14a7\u14ac\u14b1\u14b6\u14bcirc;\u4174dge;\u62c0r;\uc000\u{1d51a}pf;\uc000\u{1d54e}cr;\uc000\u{1d4b2}\u0200fios\u14cb\u14d0\u14d2\u14d8r;\uc000\u{1d51b};\u439epf;\uc000\u{1d54f}cr;\uc000\u{1d4b3}\u0480AIUacfosu\u14f1\u14f5\u14f9\u14fd\u1504\u150f\u1514\u151a\u1520cy;\u442fcy;\u4407cy;\u442ecute\u803b\xdd\u40dd\u0100iy\u1509\u150drc;\u4176;\u442br;\uc000\u{1d51c}pf;\uc000\u{1d550}cr;\uc000\u{1d4b4}ml;\u4178\u0400Hacdefos\u1535\u1539\u153f\u154b\u154f\u155d\u1560\u1564cy;\u4416cute;\u4179\u0100ay\u1544\u1549ron;\u417d;\u4417ot;\u417b\u01f2\u1554\0\u155boWidt\xe8\u0ad9a;\u4396r;\u6128pf;\u6124cr;\uc000\u{1d4b5}\u0be1\u1583\u158a\u1590\0\u15b0\u15b6\u15bf\0\0\0\0\u15c6\u15db\u15eb\u165f\u166d\0\u1695\u169b\u16b2\u16b9\0\u16becute\u803b\xe1\u40e1reve;\u4103\u0300;Ediuy\u159c\u159d\u15a1\u15a3\u15a8\u15ad\u623e;\uc000\u223e\u0333;\u623frc\u803b\xe2\u40e2te\u80bb\xb4\u0306;\u4430lig\u803b\xe6\u40e6\u0100;r\xb2\u15ba;\uc000\u{1d51e}rave\u803b\xe0\u40e0\u0100ep\u15ca\u15d6\u0100fp\u15cf\u15d4sym;\u6135\xe8\u15d3ha;\u43b1\u0100ap\u15dfc\u0100cl\u15e4\u15e7r;\u4101g;\u6a3f\u0264\u15f0\0\0\u160a\u0280;adsv\u15fa\u15fb\u15ff\u1601\u1607\u6227nd;\u6a55;\u6a5clope;\u6a58;\u6a5a\u0380;elmrsz\u1618\u1619\u161b\u161e\u163f\u164f\u1659\u6220;\u69a4e\xbb\u1619sd\u0100;a\u1625\u1626\u6221\u0461\u1630\u1632\u1634\u1636\u1638\u163a\u163c\u163e;\u69a8;\u69a9;\u69aa;\u69ab;\u69ac;\u69ad;\u69ae;\u69aft\u0100;v\u1645\u1646\u621fb\u0100;d\u164c\u164d\u62be;\u699d\u0100pt\u1654\u1657h;\u6222\xbb\xb9arr;\u637c\u0100gp\u1663\u1667on;\u4105f;\uc000\u{1d552}\u0380;Eaeiop\u12c1\u167b\u167d\u1682\u1684\u1687\u168a;\u6a70cir;\u6a6f;\u624ad;\u624bs;\u4027rox\u0100;e\u12c1\u1692\xf1\u1683ing\u803b\xe5\u40e5\u0180cty\u16a1\u16a6\u16a8r;\uc000\u{1d4b6};\u402amp\u0100;e\u12c1\u16af\xf1\u0288ilde\u803b\xe3\u40e3ml\u803b\xe4\u40e4\u0100ci\u16c2\u16c8onin\xf4\u0272nt;\u6a11\u0800Nabcdefiklnoprsu\u16ed\u16f1\u1730\u173c\u1743\u1748\u1778\u177d\u17e0\u17e6\u1839\u1850\u170d\u193d\u1948\u1970ot;\u6aed\u0100cr\u16f6\u171ek\u0200ceps\u1700\u1705\u170d\u1713ong;\u624cpsilon;\u43f6rime;\u6035im\u0100;e\u171a\u171b\u623dq;\u62cd\u0176\u1722\u1726ee;\u62bded\u0100;g\u172c\u172d\u6305e\xbb\u172drk\u0100;t\u135c\u1737brk;\u63b6\u0100oy\u1701\u1741;\u4431quo;\u601e\u0280cmprt\u1753\u175b\u1761\u1764\u1768aus\u0100;e\u010a\u0109ptyv;\u69b0s\xe9\u170cno\xf5\u0113\u0180ahw\u176f\u1771\u1773;\u43b2;\u6136een;\u626cr;\uc000\u{1d51f}g\u0380costuvw\u178d\u179d\u17b3\u17c1\u17d5\u17db\u17de\u0180aiu\u1794\u1796\u179a\xf0\u0760rc;\u65efp\xbb\u1371\u0180dpt\u17a4\u17a8\u17adot;\u6a00lus;\u6a01imes;\u6a02\u0271\u17b9\0\0\u17becup;\u6a06ar;\u6605riangle\u0100du\u17cd\u17d2own;\u65bdp;\u65b3plus;\u6a04e\xe5\u1444\xe5\u14adarow;\u690d\u0180ako\u17ed\u1826\u1835\u0100cn\u17f2\u1823k\u0180lst\u17fa\u05ab\u1802ozenge;\u69ebriangle\u0200;dlr\u1812\u1813\u1818\u181d\u65b4own;\u65beeft;\u65c2ight;\u65b8k;\u6423\u01b1\u182b\0\u1833\u01b2\u182f\0\u1831;\u6592;\u65914;\u6593ck;\u6588\u0100eo\u183e\u184d\u0100;q\u1843\u1846\uc000=\u20e5uiv;\uc000\u2261\u20e5t;\u6310\u0200ptwx\u1859\u185e\u1867\u186cf;\uc000\u{1d553}\u0100;t\u13cb\u1863om\xbb\u13cctie;\u62c8\u0600DHUVbdhmptuv\u1885\u1896\u18aa\u18bb\u18d7\u18db\u18ec\u18ff\u1905\u190a\u1910\u1921\u0200LRlr\u188e\u1890\u1892\u1894;\u6557;\u6554;\u6556;\u6553\u0280;DUdu\u18a1\u18a2\u18a4\u18a6\u18a8\u6550;\u6566;\u6569;\u6564;\u6567\u0200LRlr\u18b3\u18b5\u18b7\u18b9;\u655d;\u655a;\u655c;\u6559\u0380;HLRhlr\u18ca\u18cb\u18cd\u18cf\u18d1\u18d3\u18d5\u6551;\u656c;\u6563;\u6560;\u656b;\u6562;\u655fox;\u69c9\u0200LRlr\u18e4\u18e6\u18e8\u18ea;\u6555;\u6552;\u6510;\u650c\u0280;DUdu\u06bd\u18f7\u18f9\u18fb\u18fd;\u6565;\u6568;\u652c;\u6534inus;\u629flus;\u629eimes;\u62a0\u0200LRlr\u1919\u191b\u191d\u191f;\u655b;\u6558;\u6518;\u6514\u0380;HLRhlr\u1930\u1931\u1933\u1935\u1937\u1939\u193b\u6502;\u656a;\u6561;\u655e;\u653c;\u6524;\u651c\u0100ev\u0123\u1942bar\u803b\xa6\u40a6\u0200ceio\u1951\u1956\u195a\u1960r;\uc000\u{1d4b7}mi;\u604fm\u0100;e\u171a\u171cl\u0180;bh\u1968\u1969\u196b\u405c;\u69c5sub;\u67c8\u016c\u1974\u197el\u0100;e\u1979\u197a\u6022t\xbb\u197ap\u0180;Ee\u012f\u1985\u1987;\u6aae\u0100;q\u06dc\u06db\u0ce1\u19a7\0\u19e8\u1a11\u1a15\u1a32\0\u1a37\u1a50\0\0\u1ab4\0\0\u1ac1\0\0\u1b21\u1b2e\u1b4d\u1b52\0\u1bfd\0\u1c0c\u0180cpr\u19ad\u19b2\u19ddute;\u4107\u0300;abcds\u19bf\u19c0\u19c4\u19ca\u19d5\u19d9\u6229nd;\u6a44rcup;\u6a49\u0100au\u19cf\u19d2p;\u6a4bp;\u6a47ot;\u6a40;\uc000\u2229\ufe00\u0100eo\u19e2\u19e5t;\u6041\xee\u0693\u0200aeiu\u19f0\u19fb\u1a01\u1a05\u01f0\u19f5\0\u19f8s;\u6a4don;\u410ddil\u803b\xe7\u40e7rc;\u4109ps\u0100;s\u1a0c\u1a0d\u6a4cm;\u6a50ot;\u410b\u0180dmn\u1a1b\u1a20\u1a26il\u80bb\xb8\u01adptyv;\u69b2t\u8100\xa2;e\u1a2d\u1a2e\u40a2r\xe4\u01b2r;\uc000\u{1d520}\u0180cei\u1a3d\u1a40\u1a4dy;\u4447ck\u0100;m\u1a47\u1a48\u6713ark\xbb\u1a48;\u43c7r\u0380;Ecefms\u1a5f\u1a60\u1a62\u1a6b\u1aa4\u1aaa\u1aae\u65cb;\u69c3\u0180;el\u1a69\u1a6a\u1a6d\u42c6q;\u6257e\u0261\u1a74\0\0\u1a88rrow\u0100lr\u1a7c\u1a81eft;\u61baight;\u61bb\u0280RSacd\u1a92\u1a94\u1a96\u1a9a\u1a9f\xbb\u0f47;\u64c8st;\u629birc;\u629aash;\u629dnint;\u6a10id;\u6aefcir;\u69c2ubs\u0100;u\u1abb\u1abc\u6663it\xbb\u1abc\u02ec\u1ac7\u1ad4\u1afa\0\u1b0aon\u0100;e\u1acd\u1ace\u403a\u0100;q\xc7\xc6\u026d\u1ad9\0\0\u1ae2a\u0100;t\u1ade\u1adf\u402c;\u4040\u0180;fl\u1ae8\u1ae9\u1aeb\u6201\xee\u1160e\u0100mx\u1af1\u1af6ent\xbb\u1ae9e\xf3\u024d\u01e7\u1afe\0\u1b07\u0100;d\u12bb\u1b02ot;\u6a6dn\xf4\u0246\u0180fry\u1b10\u1b14\u1b17;\uc000\u{1d554}o\xe4\u0254\u8100\xa9;s\u0155\u1b1dr;\u6117\u0100ao\u1b25\u1b29rr;\u61b5ss;\u6717\u0100cu\u1b32\u1b37r;\uc000\u{1d4b8}\u0100bp\u1b3c\u1b44\u0100;e\u1b41\u1b42\u6acf;\u6ad1\u0100;e\u1b49\u1b4a\u6ad0;\u6ad2dot;\u62ef\u0380delprvw\u1b60\u1b6c\u1b77\u1b82\u1bac\u1bd4\u1bf9arr\u0100lr\u1b68\u1b6a;\u6938;\u6935\u0270\u1b72\0\0\u1b75r;\u62dec;\u62dfarr\u0100;p\u1b7f\u1b80\u61b6;\u693d\u0300;bcdos\u1b8f\u1b90\u1b96\u1ba1\u1ba5\u1ba8\u622arcap;\u6a48\u0100au\u1b9b\u1b9ep;\u6a46p;\u6a4aot;\u628dr;\u6a45;\uc000\u222a\ufe00\u0200alrv\u1bb5\u1bbf\u1bde\u1be3rr\u0100;m\u1bbc\u1bbd\u61b7;\u693cy\u0180evw\u1bc7\u1bd4\u1bd8q\u0270\u1bce\0\0\u1bd2re\xe3\u1b73u\xe3\u1b75ee;\u62ceedge;\u62cfen\u803b\xa4\u40a4earrow\u0100lr\u1bee\u1bf3eft\xbb\u1b80ight\xbb\u1bbde\xe4\u1bdd\u0100ci\u1c01\u1c07onin\xf4\u01f7nt;\u6231lcty;\u632d\u0980AHabcdefhijlorstuwz\u1c38\u1c3b\u1c3f\u1c5d\u1c69\u1c75\u1c8a\u1c9e\u1cac\u1cb7\u1cfb\u1cff\u1d0d\u1d7b\u1d91\u1dab\u1dbb\u1dc6\u1dcdr\xf2\u0381ar;\u6965\u0200glrs\u1c48\u1c4d\u1c52\u1c54ger;\u6020eth;\u6138\xf2\u1133h\u0100;v\u1c5a\u1c5b\u6010\xbb\u090a\u016b\u1c61\u1c67arow;\u690fa\xe3\u0315\u0100ay\u1c6e\u1c73ron;\u410f;\u4434\u0180;ao\u0332\u1c7c\u1c84\u0100gr\u02bf\u1c81r;\u61catseq;\u6a77\u0180glm\u1c91\u1c94\u1c98\u803b\xb0\u40b0ta;\u43b4ptyv;\u69b1\u0100ir\u1ca3\u1ca8sht;\u697f;\uc000\u{1d521}ar\u0100lr\u1cb3\u1cb5\xbb\u08dc\xbb\u101e\u0280aegsv\u1cc2\u0378\u1cd6\u1cdc\u1ce0m\u0180;os\u0326\u1cca\u1cd4nd\u0100;s\u0326\u1cd1uit;\u6666amma;\u43ddin;\u62f2\u0180;io\u1ce7\u1ce8\u1cf8\u40f7de\u8100\xf7;o\u1ce7\u1cf0ntimes;\u62c7n\xf8\u1cf7cy;\u4452c\u026f\u1d06\0\0\u1d0arn;\u631eop;\u630d\u0280lptuw\u1d18\u1d1d\u1d22\u1d49\u1d55lar;\u4024f;\uc000\u{1d555}\u0280;emps\u030b\u1d2d\u1d37\u1d3d\u1d42q\u0100;d\u0352\u1d33ot;\u6251inus;\u6238lus;\u6214quare;\u62a1blebarwedg\xe5\xfan\u0180adh\u112e\u1d5d\u1d67ownarrow\xf3\u1c83arpoon\u0100lr\u1d72\u1d76ef\xf4\u1cb4igh\xf4\u1cb6\u0162\u1d7f\u1d85karo\xf7\u0f42\u026f\u1d8a\0\0\u1d8ern;\u631fop;\u630c\u0180cot\u1d98\u1da3\u1da6\u0100ry\u1d9d\u1da1;\uc000\u{1d4b9};\u4455l;\u69f6rok;\u4111\u0100dr\u1db0\u1db4ot;\u62f1i\u0100;f\u1dba\u1816\u65bf\u0100ah\u1dc0\u1dc3r\xf2\u0429a\xf2\u0fa6angle;\u69a6\u0100ci\u1dd2\u1dd5y;\u445fgrarr;\u67ff\u0900Dacdefglmnopqrstux\u1e01\u1e09\u1e19\u1e38\u0578\u1e3c\u1e49\u1e61\u1e7e\u1ea5\u1eaf\u1ebd\u1ee1\u1f2a\u1f37\u1f44\u1f4e\u1f5a\u0100Do\u1e06\u1d34o\xf4\u1c89\u0100cs\u1e0e\u1e14ute\u803b\xe9\u40e9ter;\u6a6e\u0200aioy\u1e22\u1e27\u1e31\u1e36ron;\u411br\u0100;c\u1e2d\u1e2e\u6256\u803b\xea\u40ealon;\u6255;\u444dot;\u4117\u0100Dr\u1e41\u1e45ot;\u6252;\uc000\u{1d522}\u0180;rs\u1e50\u1e51\u1e57\u6a9aave\u803b\xe8\u40e8\u0100;d\u1e5c\u1e5d\u6a96ot;\u6a98\u0200;ils\u1e6a\u1e6b\u1e72\u1e74\u6a99nters;\u63e7;\u6113\u0100;d\u1e79\u1e7a\u6a95ot;\u6a97\u0180aps\u1e85\u1e89\u1e97cr;\u4113ty\u0180;sv\u1e92\u1e93\u1e95\u6205et\xbb\u1e93p\u01001;\u1e9d\u1ea4\u0133\u1ea1\u1ea3;\u6004;\u6005\u6003\u0100gs\u1eaa\u1eac;\u414bp;\u6002\u0100gp\u1eb4\u1eb8on;\u4119f;\uc000\u{1d556}\u0180als\u1ec4\u1ece\u1ed2r\u0100;s\u1eca\u1ecb\u62d5l;\u69e3us;\u6a71i\u0180;lv\u1eda\u1edb\u1edf\u43b5on\xbb\u1edb;\u43f5\u0200csuv\u1eea\u1ef3\u1f0b\u1f23\u0100io\u1eef\u1e31rc\xbb\u1e2e\u0269\u1ef9\0\0\u1efb\xed\u0548ant\u0100gl\u1f02\u1f06tr\xbb\u1e5dess\xbb\u1e7a\u0180aei\u1f12\u1f16\u1f1als;\u403dst;\u625fv\u0100;D\u0235\u1f20D;\u6a78parsl;\u69e5\u0100Da\u1f2f\u1f33ot;\u6253rr;\u6971\u0180cdi\u1f3e\u1f41\u1ef8r;\u612fo\xf4\u0352\u0100ah\u1f49\u1f4b;\u43b7\u803b\xf0\u40f0\u0100mr\u1f53\u1f57l\u803b\xeb\u40ebo;\u60ac\u0180cip\u1f61\u1f64\u1f67l;\u4021s\xf4\u056e\u0100eo\u1f6c\u1f74ctatio\xee\u0559nential\xe5\u0579\u09e1\u1f92\0\u1f9e\0\u1fa1\u1fa7\0\0\u1fc6\u1fcc\0\u1fd3\0\u1fe6\u1fea\u2000\0\u2008\u205allingdotse\xf1\u1e44y;\u4444male;\u6640\u0180ilr\u1fad\u1fb3\u1fc1lig;\u8000\ufb03\u0269\u1fb9\0\0\u1fbdg;\u8000\ufb00ig;\u8000\ufb04;\uc000\u{1d523}lig;\u8000\ufb01lig;\uc000fj\u0180alt\u1fd9\u1fdc\u1fe1t;\u666dig;\u8000\ufb02ns;\u65b1of;\u4192\u01f0\u1fee\0\u1ff3f;\uc000\u{1d557}\u0100ak\u05bf\u1ff7\u0100;v\u1ffc\u1ffd\u62d4;\u6ad9artint;\u6a0d\u0100ao\u200c\u2055\u0100cs\u2011\u2052\u03b1\u201a\u2030\u2038\u2045\u2048\0\u2050\u03b2\u2022\u2025\u2027\u202a\u202c\0\u202e\u803b\xbd\u40bd;\u6153\u803b\xbc\u40bc;\u6155;\u6159;\u615b\u01b3\u2034\0\u2036;\u6154;\u6156\u02b4\u203e\u2041\0\0\u2043\u803b\xbe\u40be;\u6157;\u615c5;\u6158\u01b6\u204c\0\u204e;\u615a;\u615d8;\u615el;\u6044wn;\u6322cr;\uc000\u{1d4bb}\u0880Eabcdefgijlnorstv\u2082\u2089\u209f\u20a5\u20b0\u20b4\u20f0\u20f5\u20fa\u20ff\u2103\u2112\u2138\u0317\u213e\u2152\u219e\u0100;l\u064d\u2087;\u6a8c\u0180cmp\u2090\u2095\u209dute;\u41f5ma\u0100;d\u209c\u1cda\u43b3;\u6a86reve;\u411f\u0100iy\u20aa\u20aerc;\u411d;\u4433ot;\u4121\u0200;lqs\u063e\u0642\u20bd\u20c9\u0180;qs\u063e\u064c\u20c4lan\xf4\u0665\u0200;cdl\u0665\u20d2\u20d5\u20e5c;\u6aa9ot\u0100;o\u20dc\u20dd\u6a80\u0100;l\u20e2\u20e3\u6a82;\u6a84\u0100;e\u20ea\u20ed\uc000\u22db\ufe00s;\u6a94r;\uc000\u{1d524}\u0100;g\u0673\u061bmel;\u6137cy;\u4453\u0200;Eaj\u065a\u210c\u210e\u2110;\u6a92;\u6aa5;\u6aa4\u0200Eaes\u211b\u211d\u2129\u2134;\u6269p\u0100;p\u2123\u2124\u6a8arox\xbb\u2124\u0100;q\u212e\u212f\u6a88\u0100;q\u212e\u211bim;\u62e7pf;\uc000\u{1d558}\u0100ci\u2143\u2146r;\u610am\u0180;el\u066b\u214e\u2150;\u6a8e;\u6a90\u8300>;cdlqr\u05ee\u2160\u216a\u216e\u2173\u2179\u0100ci\u2165\u2167;\u6aa7r;\u6a7aot;\u62d7Par;\u6995uest;\u6a7c\u0280adels\u2184\u216a\u2190\u0656\u219b\u01f0\u2189\0\u218epro\xf8\u209er;\u6978q\u0100lq\u063f\u2196les\xf3\u2088i\xed\u066b\u0100en\u21a3\u21adrtneqq;\uc000\u2269\ufe00\xc5\u21aa\u0500Aabcefkosy\u21c4\u21c7\u21f1\u21f5\u21fa\u2218\u221d\u222f\u2268\u227dr\xf2\u03a0\u0200ilmr\u21d0\u21d4\u21d7\u21dbrs\xf0\u1484f\xbb\u2024il\xf4\u06a9\u0100dr\u21e0\u21e4cy;\u444a\u0180;cw\u08f4\u21eb\u21efir;\u6948;\u61adar;\u610firc;\u4125\u0180alr\u2201\u220e\u2213rts\u0100;u\u2209\u220a\u6665it\xbb\u220alip;\u6026con;\u62b9r;\uc000\u{1d525}s\u0100ew\u2223\u2229arow;\u6925arow;\u6926\u0280amopr\u223a\u223e\u2243\u225e\u2263rr;\u61fftht;\u623bk\u0100lr\u2249\u2253eftarrow;\u61a9ightarrow;\u61aaf;\uc000\u{1d559}bar;\u6015\u0180clt\u226f\u2274\u2278r;\uc000\u{1d4bd}as\xe8\u21f4rok;\u4127\u0100bp\u2282\u2287ull;\u6043hen\xbb\u1c5b\u0ae1\u22a3\0\u22aa\0\u22b8\u22c5\u22ce\0\u22d5\u22f3\0\0\u22f8\u2322\u2367\u2362\u237f\0\u2386\u23aa\u23b4cute\u803b\xed\u40ed\u0180;iy\u0771\u22b0\u22b5rc\u803b\xee\u40ee;\u4438\u0100cx\u22bc\u22bfy;\u4435cl\u803b\xa1\u40a1\u0100fr\u039f\u22c9;\uc000\u{1d526}rave\u803b\xec\u40ec\u0200;ino\u073e\u22dd\u22e9\u22ee\u0100in\u22e2\u22e6nt;\u6a0ct;\u622dfin;\u69dcta;\u6129lig;\u4133\u0180aop\u22fe\u231a\u231d\u0180cgt\u2305\u2308\u2317r;\u412b\u0180elp\u071f\u230f\u2313in\xe5\u078ear\xf4\u0720h;\u4131f;\u62b7ed;\u41b5\u0280;cfot\u04f4\u232c\u2331\u233d\u2341are;\u6105in\u0100;t\u2338\u2339\u621eie;\u69dddo\xf4\u2319\u0280;celp\u0757\u234c\u2350\u235b\u2361al;\u62ba\u0100gr\u2355\u2359er\xf3\u1563\xe3\u234darhk;\u6a17rod;\u6a3c\u0200cgpt\u236f\u2372\u2376\u237by;\u4451on;\u412ff;\uc000\u{1d55a}a;\u43b9uest\u803b\xbf\u40bf\u0100ci\u238a\u238fr;\uc000\u{1d4be}n\u0280;Edsv\u04f4\u239b\u239d\u23a1\u04f3;\u62f9ot;\u62f5\u0100;v\u23a6\u23a7\u62f4;\u62f3\u0100;i\u0777\u23aelde;\u4129\u01eb\u23b8\0\u23bccy;\u4456l\u803b\xef\u40ef\u0300cfmosu\u23cc\u23d7\u23dc\u23e1\u23e7\u23f5\u0100iy\u23d1\u23d5rc;\u4135;\u4439r;\uc000\u{1d527}ath;\u4237pf;\uc000\u{1d55b}\u01e3\u23ec\0\u23f1r;\uc000\u{1d4bf}rcy;\u4458kcy;\u4454\u0400acfghjos\u240b\u2416\u2422\u2427\u242d\u2431\u2435\u243bppa\u0100;v\u2413\u2414\u43ba;\u43f0\u0100ey\u241b\u2420dil;\u4137;\u443ar;\uc000\u{1d528}reen;\u4138cy;\u4445cy;\u445cpf;\uc000\u{1d55c}cr;\uc000\u{1d4c0}\u0b80ABEHabcdefghjlmnoprstuv\u2470\u2481\u2486\u248d\u2491\u250e\u253d\u255a\u2580\u264e\u265e\u2665\u2679\u267d\u269a\u26b2\u26d8\u275d\u2768\u278b\u27c0\u2801\u2812\u0180art\u2477\u247a\u247cr\xf2\u09c6\xf2\u0395ail;\u691barr;\u690e\u0100;g\u0994\u248b;\u6a8bar;\u6962\u0963\u24a5\0\u24aa\0\u24b1\0\0\0\0\0\u24b5\u24ba\0\u24c6\u24c8\u24cd\0\u24f9ute;\u413amptyv;\u69b4ra\xee\u084cbda;\u43bbg\u0180;dl\u088e\u24c1\u24c3;\u6991\xe5\u088e;\u6a85uo\u803b\xab\u40abr\u0400;bfhlpst\u0899\u24de\u24e6\u24e9\u24eb\u24ee\u24f1\u24f5\u0100;f\u089d\u24e3s;\u691fs;\u691d\xeb\u2252p;\u61abl;\u6939im;\u6973l;\u61a2\u0180;ae\u24ff\u2500\u2504\u6aabil;\u6919\u0100;s\u2509\u250a\u6aad;\uc000\u2aad\ufe00\u0180abr\u2515\u2519\u251drr;\u690crk;\u6772\u0100ak\u2522\u252cc\u0100ek\u2528\u252a;\u407b;\u405b\u0100es\u2531\u2533;\u698bl\u0100du\u2539\u253b;\u698f;\u698d\u0200aeuy\u2546\u254b\u2556\u2558ron;\u413e\u0100di\u2550\u2554il;\u413c\xec\u08b0\xe2\u2529;\u443b\u0200cqrs\u2563\u2566\u256d\u257da;\u6936uo\u0100;r\u0e19\u1746\u0100du\u2572\u2577har;\u6967shar;\u694bh;\u61b2\u0280;fgqs\u258b\u258c\u0989\u25f3\u25ff\u6264t\u0280ahlrt\u2598\u25a4\u25b7\u25c2\u25e8rrow\u0100;t\u0899\u25a1a\xe9\u24f6arpoon\u0100du\u25af\u25b4own\xbb\u045ap\xbb\u0966eftarrows;\u61c7ight\u0180ahs\u25cd\u25d6\u25derrow\u0100;s\u08f4\u08a7arpoon\xf3\u0f98quigarro\xf7\u21f0hreetimes;\u62cb\u0180;qs\u258b\u0993\u25falan\xf4\u09ac\u0280;cdgs\u09ac\u260a\u260d\u261d\u2628c;\u6aa8ot\u0100;o\u2614\u2615\u6a7f\u0100;r\u261a\u261b\u6a81;\u6a83\u0100;e\u2622\u2625\uc000\u22da\ufe00s;\u6a93\u0280adegs\u2633\u2639\u263d\u2649\u264bppro\xf8\u24c6ot;\u62d6q\u0100gq\u2643\u2645\xf4\u0989gt\xf2\u248c\xf4\u099bi\xed\u09b2\u0180ilr\u2655\u08e1\u265asht;\u697c;\uc000\u{1d529}\u0100;E\u099c\u2663;\u6a91\u0161\u2669\u2676r\u0100du\u25b2\u266e\u0100;l\u0965\u2673;\u696alk;\u6584cy;\u4459\u0280;acht\u0a48\u2688\u268b\u2691\u2696r\xf2\u25c1orne\xf2\u1d08ard;\u696bri;\u65fa\u0100io\u269f\u26a4dot;\u4140ust\u0100;a\u26ac\u26ad\u63b0che\xbb\u26ad\u0200Eaes\u26bb\u26bd\u26c9\u26d4;\u6268p\u0100;p\u26c3\u26c4\u6a89rox\xbb\u26c4\u0100;q\u26ce\u26cf\u6a87\u0100;q\u26ce\u26bbim;\u62e6\u0400abnoptwz\u26e9\u26f4\u26f7\u271a\u272f\u2741\u2747\u2750\u0100nr\u26ee\u26f1g;\u67ecr;\u61fdr\xeb\u08c1g\u0180lmr\u26ff\u270d\u2714eft\u0100ar\u09e6\u2707ight\xe1\u09f2apsto;\u67fcight\xe1\u09fdparrow\u0100lr\u2725\u2729ef\xf4\u24edight;\u61ac\u0180afl\u2736\u2739\u273dr;\u6985;\uc000\u{1d55d}us;\u6a2dimes;\u6a34\u0161\u274b\u274fst;\u6217\xe1\u134e\u0180;ef\u2757\u2758\u1800\u65cange\xbb\u2758ar\u0100;l\u2764\u2765\u4028t;\u6993\u0280achmt\u2773\u2776\u277c\u2785\u2787r\xf2\u08a8orne\xf2\u1d8car\u0100;d\u0f98\u2783;\u696d;\u600eri;\u62bf\u0300achiqt\u2798\u279d\u0a40\u27a2\u27ae\u27bbquo;\u6039r;\uc000\u{1d4c1}m\u0180;eg\u09b2\u27aa\u27ac;\u6a8d;\u6a8f\u0100bu\u252a\u27b3o\u0100;r\u0e1f\u27b9;\u601arok;\u4142\u8400<;cdhilqr\u082b\u27d2\u2639\u27dc\u27e0\u27e5\u27ea\u27f0\u0100ci\u27d7\u27d9;\u6aa6r;\u6a79re\xe5\u25f2mes;\u62c9arr;\u6976uest;\u6a7b\u0100Pi\u27f5\u27f9ar;\u6996\u0180;ef\u2800\u092d\u181b\u65c3r\u0100du\u2807\u280dshar;\u694ahar;\u6966\u0100en\u2817\u2821rtneqq;\uc000\u2268\ufe00\xc5\u281e\u0700Dacdefhilnopsu\u2840\u2845\u2882\u288e\u2893\u28a0\u28a5\u28a8\u28da\u28e2\u28e4\u0a83\u28f3\u2902Dot;\u623a\u0200clpr\u284e\u2852\u2863\u287dr\u803b\xaf\u40af\u0100et\u2857\u2859;\u6642\u0100;e\u285e\u285f\u6720se\xbb\u285f\u0100;s\u103b\u2868to\u0200;dlu\u103b\u2873\u2877\u287bow\xee\u048cef\xf4\u090f\xf0\u13d1ker;\u65ae\u0100oy\u2887\u288cmma;\u6a29;\u443cash;\u6014asuredangle\xbb\u1626r;\uc000\u{1d52a}o;\u6127\u0180cdn\u28af\u28b4\u28c9ro\u803b\xb5\u40b5\u0200;acd\u1464\u28bd\u28c0\u28c4s\xf4\u16a7ir;\u6af0ot\u80bb\xb7\u01b5us\u0180;bd\u28d2\u1903\u28d3\u6212\u0100;u\u1d3c\u28d8;\u6a2a\u0163\u28de\u28e1p;\u6adb\xf2\u2212\xf0\u0a81\u0100dp\u28e9\u28eeels;\u62a7f;\uc000\u{1d55e}\u0100ct\u28f8\u28fdr;\uc000\u{1d4c2}pos\xbb\u159d\u0180;lm\u2909\u290a\u290d\u43bctimap;\u62b8\u0c00GLRVabcdefghijlmoprstuvw\u2942\u2953\u297e\u2989\u2998\u29da\u29e9\u2a15\u2a1a\u2a58\u2a5d\u2a83\u2a95\u2aa4\u2aa8\u2b04\u2b07\u2b44\u2b7f\u2bae\u2c34\u2c67\u2c7c\u2ce9\u0100gt\u2947\u294b;\uc000\u22d9\u0338\u0100;v\u2950\u0bcf\uc000\u226b\u20d2\u0180elt\u295a\u2972\u2976ft\u0100ar\u2961\u2967rrow;\u61cdightarrow;\u61ce;\uc000\u22d8\u0338\u0100;v\u297b\u0c47\uc000\u226a\u20d2ightarrow;\u61cf\u0100Dd\u298e\u2993ash;\u62afash;\u62ae\u0280bcnpt\u29a3\u29a7\u29ac\u29b1\u29ccla\xbb\u02deute;\u4144g;\uc000\u2220\u20d2\u0280;Eiop\u0d84\u29bc\u29c0\u29c5\u29c8;\uc000\u2a70\u0338d;\uc000\u224b\u0338s;\u4149ro\xf8\u0d84ur\u0100;a\u29d3\u29d4\u666el\u0100;s\u29d3\u0b38\u01f3\u29df\0\u29e3p\u80bb\xa0\u0b37mp\u0100;e\u0bf9\u0c00\u0280aeouy\u29f4\u29fe\u2a03\u2a10\u2a13\u01f0\u29f9\0\u29fb;\u6a43on;\u4148dil;\u4146ng\u0100;d\u0d7e\u2a0aot;\uc000\u2a6d\u0338p;\u6a42;\u443dash;\u6013\u0380;Aadqsx\u0b92\u2a29\u2a2d\u2a3b\u2a41\u2a45\u2a50rr;\u61d7r\u0100hr\u2a33\u2a36k;\u6924\u0100;o\u13f2\u13f0ot;\uc000\u2250\u0338ui\xf6\u0b63\u0100ei\u2a4a\u2a4ear;\u6928\xed\u0b98ist\u0100;s\u0ba0\u0b9fr;\uc000\u{1d52b}\u0200Eest\u0bc5\u2a66\u2a79\u2a7c\u0180;qs\u0bbc\u2a6d\u0be1\u0180;qs\u0bbc\u0bc5\u2a74lan\xf4\u0be2i\xed\u0bea\u0100;r\u0bb6\u2a81\xbb\u0bb7\u0180Aap\u2a8a\u2a8d\u2a91r\xf2\u2971rr;\u61aear;\u6af2\u0180;sv\u0f8d\u2a9c\u0f8c\u0100;d\u2aa1\u2aa2\u62fc;\u62facy;\u445a\u0380AEadest\u2ab7\u2aba\u2abe\u2ac2\u2ac5\u2af6\u2af9r\xf2\u2966;\uc000\u2266\u0338rr;\u619ar;\u6025\u0200;fqs\u0c3b\u2ace\u2ae3\u2aeft\u0100ar\u2ad4\u2ad9rro\xf7\u2ac1ightarro\xf7\u2a90\u0180;qs\u0c3b\u2aba\u2aealan\xf4\u0c55\u0100;s\u0c55\u2af4\xbb\u0c36i\xed\u0c5d\u0100;r\u0c35\u2afei\u0100;e\u0c1a\u0c25i\xe4\u0d90\u0100pt\u2b0c\u2b11f;\uc000\u{1d55f}\u8180\xac;in\u2b19\u2b1a\u2b36\u40acn\u0200;Edv\u0b89\u2b24\u2b28\u2b2e;\uc000\u22f9\u0338ot;\uc000\u22f5\u0338\u01e1\u0b89\u2b33\u2b35;\u62f7;\u62f6i\u0100;v\u0cb8\u2b3c\u01e1\u0cb8\u2b41\u2b43;\u62fe;\u62fd\u0180aor\u2b4b\u2b63\u2b69r\u0200;ast\u0b7b\u2b55\u2b5a\u2b5flle\xec\u0b7bl;\uc000\u2afd\u20e5;\uc000\u2202\u0338lint;\u6a14\u0180;ce\u0c92\u2b70\u2b73u\xe5\u0ca5\u0100;c\u0c98\u2b78\u0100;e\u0c92\u2b7d\xf1\u0c98\u0200Aait\u2b88\u2b8b\u2b9d\u2ba7r\xf2\u2988rr\u0180;cw\u2b94\u2b95\u2b99\u619b;\uc000\u2933\u0338;\uc000\u219d\u0338ghtarrow\xbb\u2b95ri\u0100;e\u0ccb\u0cd6\u0380chimpqu\u2bbd\u2bcd\u2bd9\u2b04\u0b78\u2be4\u2bef\u0200;cer\u0d32\u2bc6\u0d37\u2bc9u\xe5\u0d45;\uc000\u{1d4c3}ort\u026d\u2b05\0\0\u2bd6ar\xe1\u2b56m\u0100;e\u0d6e\u2bdf\u0100;q\u0d74\u0d73su\u0100bp\u2beb\u2bed\xe5\u0cf8\xe5\u0d0b\u0180bcp\u2bf6\u2c11\u2c19\u0200;Ees\u2bff\u2c00\u0d22\u2c04\u6284;\uc000\u2ac5\u0338et\u0100;e\u0d1b\u2c0bq\u0100;q\u0d23\u2c00c\u0100;e\u0d32\u2c17\xf1\u0d38\u0200;Ees\u2c22\u2c23\u0d5f\u2c27\u6285;\uc000\u2ac6\u0338et\u0100;e\u0d58\u2c2eq\u0100;q\u0d60\u2c23\u0200gilr\u2c3d\u2c3f\u2c45\u2c47\xec\u0bd7lde\u803b\xf1\u40f1\xe7\u0c43iangle\u0100lr\u2c52\u2c5ceft\u0100;e\u0c1a\u2c5a\xf1\u0c26ight\u0100;e\u0ccb\u2c65\xf1\u0cd7\u0100;m\u2c6c\u2c6d\u43bd\u0180;es\u2c74\u2c75\u2c79\u4023ro;\u6116p;\u6007\u0480DHadgilrs\u2c8f\u2c94\u2c99\u2c9e\u2ca3\u2cb0\u2cb6\u2cd3\u2ce3ash;\u62adarr;\u6904p;\uc000\u224d\u20d2ash;\u62ac\u0100et\u2ca8\u2cac;\uc000\u2265\u20d2;\uc000>\u20d2nfin;\u69de\u0180Aet\u2cbd\u2cc1\u2cc5rr;\u6902;\uc000\u2264\u20d2\u0100;r\u2cca\u2ccd\uc000<\u20d2ie;\uc000\u22b4\u20d2\u0100At\u2cd8\u2cdcrr;\u6903rie;\uc000\u22b5\u20d2im;\uc000\u223c\u20d2\u0180Aan\u2cf0\u2cf4\u2d02rr;\u61d6r\u0100hr\u2cfa\u2cfdk;\u6923\u0100;o\u13e7\u13e5ear;\u6927\u1253\u1a95\0\0\0\0\0\0\0\0\0\0\0\0\0\u2d2d\0\u2d38\u2d48\u2d60\u2d65\u2d72\u2d84\u1b07\0\0\u2d8d\u2dab\0\u2dc8\u2dce\0\u2ddc\u2e19\u2e2b\u2e3e\u2e43\u0100cs\u2d31\u1a97ute\u803b\xf3\u40f3\u0100iy\u2d3c\u2d45r\u0100;c\u1a9e\u2d42\u803b\xf4\u40f4;\u443e\u0280abios\u1aa0\u2d52\u2d57\u01c8\u2d5alac;\u4151v;\u6a38old;\u69bclig;\u4153\u0100cr\u2d69\u2d6dir;\u69bf;\uc000\u{1d52c}\u036f\u2d79\0\0\u2d7c\0\u2d82n;\u42dbave\u803b\xf2\u40f2;\u69c1\u0100bm\u2d88\u0df4ar;\u69b5\u0200acit\u2d95\u2d98\u2da5\u2da8r\xf2\u1a80\u0100ir\u2d9d\u2da0r;\u69beoss;\u69bbn\xe5\u0e52;\u69c0\u0180aei\u2db1\u2db5\u2db9cr;\u414dga;\u43c9\u0180cdn\u2dc0\u2dc5\u01cdron;\u43bf;\u69b6pf;\uc000\u{1d560}\u0180ael\u2dd4\u2dd7\u01d2r;\u69b7rp;\u69b9\u0380;adiosv\u2dea\u2deb\u2dee\u2e08\u2e0d\u2e10\u2e16\u6228r\xf2\u1a86\u0200;efm\u2df7\u2df8\u2e02\u2e05\u6a5dr\u0100;o\u2dfe\u2dff\u6134f\xbb\u2dff\u803b\xaa\u40aa\u803b\xba\u40bagof;\u62b6r;\u6a56lope;\u6a57;\u6a5b\u0180clo\u2e1f\u2e21\u2e27\xf2\u2e01ash\u803b\xf8\u40f8l;\u6298i\u016c\u2e2f\u2e34de\u803b\xf5\u40f5es\u0100;a\u01db\u2e3as;\u6a36ml\u803b\xf6\u40f6bar;\u633d\u0ae1\u2e5e\0\u2e7d\0\u2e80\u2e9d\0\u2ea2\u2eb9\0\0\u2ecb\u0e9c\0\u2f13\0\0\u2f2b\u2fbc\0\u2fc8r\u0200;ast\u0403\u2e67\u2e72\u0e85\u8100\xb6;l\u2e6d\u2e6e\u40b6le\xec\u0403\u0269\u2e78\0\0\u2e7bm;\u6af3;\u6afdy;\u443fr\u0280cimpt\u2e8b\u2e8f\u2e93\u1865\u2e97nt;\u4025od;\u402eil;\u6030enk;\u6031r;\uc000\u{1d52d}\u0180imo\u2ea8\u2eb0\u2eb4\u0100;v\u2ead\u2eae\u43c6;\u43d5ma\xf4\u0a76ne;\u660e\u0180;tv\u2ebf\u2ec0\u2ec8\u43c0chfork\xbb\u1ffd;\u43d6\u0100au\u2ecf\u2edfn\u0100ck\u2ed5\u2eddk\u0100;h\u21f4\u2edb;\u610e\xf6\u21f4s\u0480;abcdemst\u2ef3\u2ef4\u1908\u2ef9\u2efd\u2f04\u2f06\u2f0a\u2f0e\u402bcir;\u6a23ir;\u6a22\u0100ou\u1d40\u2f02;\u6a25;\u6a72n\u80bb\xb1\u0e9dim;\u6a26wo;\u6a27\u0180ipu\u2f19\u2f20\u2f25ntint;\u6a15f;\uc000\u{1d561}nd\u803b\xa3\u40a3\u0500;Eaceinosu\u0ec8\u2f3f\u2f41\u2f44\u2f47\u2f81\u2f89\u2f92\u2f7e\u2fb6;\u6ab3p;\u6ab7u\xe5\u0ed9\u0100;c\u0ece\u2f4c\u0300;acens\u0ec8\u2f59\u2f5f\u2f66\u2f68\u2f7eppro\xf8\u2f43urlye\xf1\u0ed9\xf1\u0ece\u0180aes\u2f6f\u2f76\u2f7approx;\u6ab9qq;\u6ab5im;\u62e8i\xed\u0edfme\u0100;s\u2f88\u0eae\u6032\u0180Eas\u2f78\u2f90\u2f7a\xf0\u2f75\u0180dfp\u0eec\u2f99\u2faf\u0180als\u2fa0\u2fa5\u2faalar;\u632eine;\u6312urf;\u6313\u0100;t\u0efb\u2fb4\xef\u0efbrel;\u62b0\u0100ci\u2fc0\u2fc5r;\uc000\u{1d4c5};\u43c8ncsp;\u6008\u0300fiopsu\u2fda\u22e2\u2fdf\u2fe5\u2feb\u2ff1r;\uc000\u{1d52e}pf;\uc000\u{1d562}rime;\u6057cr;\uc000\u{1d4c6}\u0180aeo\u2ff8\u3009\u3013t\u0100ei\u2ffe\u3005rnion\xf3\u06b0nt;\u6a16st\u0100;e\u3010\u3011\u403f\xf1\u1f19\xf4\u0f14\u0a80ABHabcdefhilmnoprstux\u3040\u3051\u3055\u3059\u30e0\u310e\u312b\u3147\u3162\u3172\u318e\u3206\u3215\u3224\u3229\u3258\u326e\u3272\u3290\u32b0\u32b7\u0180art\u3047\u304a\u304cr\xf2\u10b3\xf2\u03ddail;\u691car\xf2\u1c65ar;\u6964\u0380cdenqrt\u3068\u3075\u3078\u307f\u308f\u3094\u30cc\u0100eu\u306d\u3071;\uc000\u223d\u0331te;\u4155i\xe3\u116emptyv;\u69b3g\u0200;del\u0fd1\u3089\u308b\u308d;\u6992;\u69a5\xe5\u0fd1uo\u803b\xbb\u40bbr\u0580;abcfhlpstw\u0fdc\u30ac\u30af\u30b7\u30b9\u30bc\u30be\u30c0\u30c3\u30c7\u30cap;\u6975\u0100;f\u0fe0\u30b4s;\u6920;\u6933s;\u691e\xeb\u225d\xf0\u272el;\u6945im;\u6974l;\u61a3;\u619d\u0100ai\u30d1\u30d5il;\u691ao\u0100;n\u30db\u30dc\u6236al\xf3\u0f1e\u0180abr\u30e7\u30ea\u30eer\xf2\u17e5rk;\u6773\u0100ak\u30f3\u30fdc\u0100ek\u30f9\u30fb;\u407d;\u405d\u0100es\u3102\u3104;\u698cl\u0100du\u310a\u310c;\u698e;\u6990\u0200aeuy\u3117\u311c\u3127\u3129ron;\u4159\u0100di\u3121\u3125il;\u4157\xec\u0ff2\xe2\u30fa;\u4440\u0200clqs\u3134\u3137\u313d\u3144a;\u6937dhar;\u6969uo\u0100;r\u020e\u020dh;\u61b3\u0180acg\u314e\u315f\u0f44l\u0200;ips\u0f78\u3158\u315b\u109cn\xe5\u10bbar\xf4\u0fa9t;\u65ad\u0180ilr\u3169\u1023\u316esht;\u697d;\uc000\u{1d52f}\u0100ao\u3177\u3186r\u0100du\u317d\u317f\xbb\u047b\u0100;l\u1091\u3184;\u696c\u0100;v\u318b\u318c\u43c1;\u43f1\u0180gns\u3195\u31f9\u31fcht\u0300ahlrst\u31a4\u31b0\u31c2\u31d8\u31e4\u31eerrow\u0100;t\u0fdc\u31ada\xe9\u30c8arpoon\u0100du\u31bb\u31bfow\xee\u317ep\xbb\u1092eft\u0100ah\u31ca\u31d0rrow\xf3\u0feaarpoon\xf3\u0551ightarrows;\u61c9quigarro\xf7\u30cbhreetimes;\u62ccg;\u42daingdotse\xf1\u1f32\u0180ahm\u320d\u3210\u3213r\xf2\u0feaa\xf2\u0551;\u600foust\u0100;a\u321e\u321f\u63b1che\xbb\u321fmid;\u6aee\u0200abpt\u3232\u323d\u3240\u3252\u0100nr\u3237\u323ag;\u67edr;\u61fer\xeb\u1003\u0180afl\u3247\u324a\u324er;\u6986;\uc000\u{1d563}us;\u6a2eimes;\u6a35\u0100ap\u325d\u3267r\u0100;g\u3263\u3264\u4029t;\u6994olint;\u6a12ar\xf2\u31e3\u0200achq\u327b\u3280\u10bc\u3285quo;\u603ar;\uc000\u{1d4c7}\u0100bu\u30fb\u328ao\u0100;r\u0214\u0213\u0180hir\u3297\u329b\u32a0re\xe5\u31f8mes;\u62cai\u0200;efl\u32aa\u1059\u1821\u32ab\u65b9tri;\u69celuhar;\u6968;\u611e\u0d61\u32d5\u32db\u32df\u332c\u3338\u3371\0\u337a\u33a4\0\0\u33ec\u33f0\0\u3428\u3448\u345a\u34ad\u34b1\u34ca\u34f1\0\u3616\0\0\u3633cute;\u415bqu\xef\u27ba\u0500;Eaceinpsy\u11ed\u32f3\u32f5\u32ff\u3302\u330b\u330f\u331f\u3326\u3329;\u6ab4\u01f0\u32fa\0\u32fc;\u6ab8on;\u4161u\xe5\u11fe\u0100;d\u11f3\u3307il;\u415frc;\u415d\u0180Eas\u3316\u3318\u331b;\u6ab6p;\u6abaim;\u62e9olint;\u6a13i\xed\u1204;\u4441ot\u0180;be\u3334\u1d47\u3335\u62c5;\u6a66\u0380Aacmstx\u3346\u334a\u3357\u335b\u335e\u3363\u336drr;\u61d8r\u0100hr\u3350\u3352\xeb\u2228\u0100;o\u0a36\u0a34t\u803b\xa7\u40a7i;\u403bwar;\u6929m\u0100in\u3369\xf0nu\xf3\xf1t;\u6736r\u0100;o\u3376\u2055\uc000\u{1d530}\u0200acoy\u3382\u3386\u3391\u33a0rp;\u666f\u0100hy\u338b\u338fcy;\u4449;\u4448rt\u026d\u3399\0\0\u339ci\xe4\u1464ara\xec\u2e6f\u803b\xad\u40ad\u0100gm\u33a8\u33b4ma\u0180;fv\u33b1\u33b2\u33b2\u43c3;\u43c2\u0400;deglnpr\u12ab\u33c5\u33c9\u33ce\u33d6\u33de\u33e1\u33e6ot;\u6a6a\u0100;q\u12b1\u12b0\u0100;E\u33d3\u33d4\u6a9e;\u6aa0\u0100;E\u33db\u33dc\u6a9d;\u6a9fe;\u6246lus;\u6a24arr;\u6972ar\xf2\u113d\u0200aeit\u33f8\u3408\u340f\u3417\u0100ls\u33fd\u3404lsetm\xe9\u336ahp;\u6a33parsl;\u69e4\u0100dl\u1463\u3414e;\u6323\u0100;e\u341c\u341d\u6aaa\u0100;s\u3422\u3423\u6aac;\uc000\u2aac\ufe00\u0180flp\u342e\u3433\u3442tcy;\u444c\u0100;b\u3438\u3439\u402f\u0100;a\u343e\u343f\u69c4r;\u633ff;\uc000\u{1d564}a\u0100dr\u344d\u0402es\u0100;u\u3454\u3455\u6660it\xbb\u3455\u0180csu\u3460\u3479\u349f\u0100au\u3465\u346fp\u0100;s\u1188\u346b;\uc000\u2293\ufe00p\u0100;s\u11b4\u3475;\uc000\u2294\ufe00u\u0100bp\u347f\u348f\u0180;es\u1197\u119c\u3486et\u0100;e\u1197\u348d\xf1\u119d\u0180;es\u11a8\u11ad\u3496et\u0100;e\u11a8\u349d\xf1\u11ae\u0180;af\u117b\u34a6\u05b0r\u0165\u34ab\u05b1\xbb\u117car\xf2\u1148\u0200cemt\u34b9\u34be\u34c2\u34c5r;\uc000\u{1d4c8}tm\xee\xf1i\xec\u3415ar\xe6\u11be\u0100ar\u34ce\u34d5r\u0100;f\u34d4\u17bf\u6606\u0100an\u34da\u34edight\u0100ep\u34e3\u34eapsilo\xee\u1ee0h\xe9\u2eafs\xbb\u2852\u0280bcmnp\u34fb\u355e\u1209\u358b\u358e\u0480;Edemnprs\u350e\u350f\u3511\u3515\u351e\u3523\u352c\u3531\u3536\u6282;\u6ac5ot;\u6abd\u0100;d\u11da\u351aot;\u6ac3ult;\u6ac1\u0100Ee\u3528\u352a;\u6acb;\u628alus;\u6abfarr;\u6979\u0180eiu\u353d\u3552\u3555t\u0180;en\u350e\u3545\u354bq\u0100;q\u11da\u350feq\u0100;q\u352b\u3528m;\u6ac7\u0100bp\u355a\u355c;\u6ad5;\u6ad3c\u0300;acens\u11ed\u356c\u3572\u3579\u357b\u3326ppro\xf8\u32faurlye\xf1\u11fe\xf1\u11f3\u0180aes\u3582\u3588\u331bppro\xf8\u331aq\xf1\u3317g;\u666a\u0680123;Edehlmnps\u35a9\u35ac\u35af\u121c\u35b2\u35b4\u35c0\u35c9\u35d5\u35da\u35df\u35e8\u35ed\u803b\xb9\u40b9\u803b\xb2\u40b2\u803b\xb3\u40b3;\u6ac6\u0100os\u35b9\u35bct;\u6abeub;\u6ad8\u0100;d\u1222\u35c5ot;\u6ac4s\u0100ou\u35cf\u35d2l;\u67c9b;\u6ad7arr;\u697bult;\u6ac2\u0100Ee\u35e4\u35e6;\u6acc;\u628blus;\u6ac0\u0180eiu\u35f4\u3609\u360ct\u0180;en\u121c\u35fc\u3602q\u0100;q\u1222\u35b2eq\u0100;q\u35e7\u35e4m;\u6ac8\u0100bp\u3611\u3613;\u6ad4;\u6ad6\u0180Aan\u361c\u3620\u362drr;\u61d9r\u0100hr\u3626\u3628\xeb\u222e\u0100;o\u0a2b\u0a29war;\u692alig\u803b\xdf\u40df\u0be1\u3651\u365d\u3660\u12ce\u3673\u3679\0\u367e\u36c2\0\0\0\0\0\u36db\u3703\0\u3709\u376c\0\0\0\u3787\u0272\u3656\0\0\u365bget;\u6316;\u43c4r\xeb\u0e5f\u0180aey\u3666\u366b\u3670ron;\u4165dil;\u4163;\u4442lrec;\u6315r;\uc000\u{1d531}\u0200eiko\u3686\u369d\u36b5\u36bc\u01f2\u368b\0\u3691e\u01004f\u1284\u1281a\u0180;sv\u3698\u3699\u369b\u43b8ym;\u43d1\u0100cn\u36a2\u36b2k\u0100as\u36a8\u36aeppro\xf8\u12c1im\xbb\u12acs\xf0\u129e\u0100as\u36ba\u36ae\xf0\u12c1rn\u803b\xfe\u40fe\u01ec\u031f\u36c6\u22e7es\u8180\xd7;bd\u36cf\u36d0\u36d8\u40d7\u0100;a\u190f\u36d5r;\u6a31;\u6a30\u0180eps\u36e1\u36e3\u3700\xe1\u2a4d\u0200;bcf\u0486\u36ec\u36f0\u36f4ot;\u6336ir;\u6af1\u0100;o\u36f9\u36fc\uc000\u{1d565}rk;\u6ada\xe1\u3362rime;\u6034\u0180aip\u370f\u3712\u3764d\xe5\u1248\u0380adempst\u3721\u374d\u3740\u3751\u3757\u375c\u375fngle\u0280;dlqr\u3730\u3731\u3736\u3740\u3742\u65b5own\xbb\u1dbbeft\u0100;e\u2800\u373e\xf1\u092e;\u625cight\u0100;e\u32aa\u374b\xf1\u105aot;\u65ecinus;\u6a3alus;\u6a39b;\u69cdime;\u6a3bezium;\u63e2\u0180cht\u3772\u377d\u3781\u0100ry\u3777\u377b;\uc000\u{1d4c9};\u4446cy;\u445brok;\u4167\u0100io\u378b\u378ex\xf4\u1777head\u0100lr\u3797\u37a0eftarro\xf7\u084fightarrow\xbb\u0f5d\u0900AHabcdfghlmoprstuw\u37d0\u37d3\u37d7\u37e4\u37f0\u37fc\u380e\u381c\u3823\u3834\u3851\u385d\u386b\u38a9\u38cc\u38d2\u38ea\u38f6r\xf2\u03edar;\u6963\u0100cr\u37dc\u37e2ute\u803b\xfa\u40fa\xf2\u1150r\u01e3\u37ea\0\u37edy;\u445eve;\u416d\u0100iy\u37f5\u37farc\u803b\xfb\u40fb;\u4443\u0180abh\u3803\u3806\u380br\xf2\u13adlac;\u4171a\xf2\u13c3\u0100ir\u3813\u3818sht;\u697e;\uc000\u{1d532}rave\u803b\xf9\u40f9\u0161\u3827\u3831r\u0100lr\u382c\u382e\xbb\u0957\xbb\u1083lk;\u6580\u0100ct\u3839\u384d\u026f\u383f\0\0\u384arn\u0100;e\u3845\u3846\u631cr\xbb\u3846op;\u630fri;\u65f8\u0100al\u3856\u385acr;\u416b\u80bb\xa8\u0349\u0100gp\u3862\u3866on;\u4173f;\uc000\u{1d566}\u0300adhlsu\u114b\u3878\u387d\u1372\u3891\u38a0own\xe1\u13b3arpoon\u0100lr\u3888\u388cef\xf4\u382digh\xf4\u382fi\u0180;hl\u3899\u389a\u389c\u43c5\xbb\u13faon\xbb\u389aparrows;\u61c8\u0180cit\u38b0\u38c4\u38c8\u026f\u38b6\0\0\u38c1rn\u0100;e\u38bc\u38bd\u631dr\xbb\u38bdop;\u630eng;\u416fri;\u65f9cr;\uc000\u{1d4ca}\u0180dir\u38d9\u38dd\u38e2ot;\u62f0lde;\u4169i\u0100;f\u3730\u38e8\xbb\u1813\u0100am\u38ef\u38f2r\xf2\u38a8l\u803b\xfc\u40fcangle;\u69a7\u0780ABDacdeflnoprsz\u391c\u391f\u3929\u392d\u39b5\u39b8\u39bd\u39df\u39e4\u39e8\u39f3\u39f9\u39fd\u3a01\u3a20r\xf2\u03f7ar\u0100;v\u3926\u3927\u6ae8;\u6ae9as\xe8\u03e1\u0100nr\u3932\u3937grt;\u699c\u0380eknprst\u34e3\u3946\u394b\u3952\u395d\u3964\u3996app\xe1\u2415othin\xe7\u1e96\u0180hir\u34eb\u2ec8\u3959op\xf4\u2fb5\u0100;h\u13b7\u3962\xef\u318d\u0100iu\u3969\u396dgm\xe1\u33b3\u0100bp\u3972\u3984setneq\u0100;q\u397d\u3980\uc000\u228a\ufe00;\uc000\u2acb\ufe00setneq\u0100;q\u398f\u3992\uc000\u228b\ufe00;\uc000\u2acc\ufe00\u0100hr\u399b\u399fet\xe1\u369ciangle\u0100lr\u39aa\u39afeft\xbb\u0925ight\xbb\u1051y;\u4432ash\xbb\u1036\u0180elr\u39c4\u39d2\u39d7\u0180;be\u2dea\u39cb\u39cfar;\u62bbq;\u625alip;\u62ee\u0100bt\u39dc\u1468a\xf2\u1469r;\uc000\u{1d533}tr\xe9\u39aesu\u0100bp\u39ef\u39f1\xbb\u0d1c\xbb\u0d59pf;\uc000\u{1d567}ro\xf0\u0efbtr\xe9\u39b4\u0100cu\u3a06\u3a0br;\uc000\u{1d4cb}\u0100bp\u3a10\u3a18n\u0100Ee\u3980\u3a16\xbb\u397en\u0100Ee\u3992\u3a1e\xbb\u3990igzag;\u699a\u0380cefoprs\u3a36\u3a3b\u3a56\u3a5b\u3a54\u3a61\u3a6airc;\u4175\u0100di\u3a40\u3a51\u0100bg\u3a45\u3a49ar;\u6a5fe\u0100;q\u15fa\u3a4f;\u6259erp;\u6118r;\uc000\u{1d534}pf;\uc000\u{1d568}\u0100;e\u1479\u3a66at\xe8\u1479cr;\uc000\u{1d4cc}\u0ae3\u178e\u3a87\0\u3a8b\0\u3a90\u3a9b\0\0\u3a9d\u3aa8\u3aab\u3aaf\0\0\u3ac3\u3ace\0\u3ad8\u17dc\u17dftr\xe9\u17d1r;\uc000\u{1d535}\u0100Aa\u3a94\u3a97r\xf2\u03c3r\xf2\u09f6;\u43be\u0100Aa\u3aa1\u3aa4r\xf2\u03b8r\xf2\u09eba\xf0\u2713is;\u62fb\u0180dpt\u17a4\u3ab5\u3abe\u0100fl\u3aba\u17a9;\uc000\u{1d569}im\xe5\u17b2\u0100Aa\u3ac7\u3acar\xf2\u03cer\xf2\u0a01\u0100cq\u3ad2\u17b8r;\uc000\u{1d4cd}\u0100pt\u17d6\u3adcr\xe9\u17d4\u0400acefiosu\u3af0\u3afd\u3b08\u3b0c\u3b11\u3b15\u3b1b\u3b21c\u0100uy\u3af6\u3afbte\u803b\xfd\u40fd;\u444f\u0100iy\u3b02\u3b06rc;\u4177;\u444bn\u803b\xa5\u40a5r;\uc000\u{1d536}cy;\u4457pf;\uc000\u{1d56a}cr;\uc000\u{1d4ce}\u0100cm\u3b26\u3b29y;\u444el\u803b\xff\u40ff\u0500acdefhiosw\u3b42\u3b48\u3b54\u3b58\u3b64\u3b69\u3b6d\u3b74\u3b7a\u3b80cute;\u417a\u0100ay\u3b4d\u3b52ron;\u417e;\u4437ot;\u417c\u0100et\u3b5d\u3b61tr\xe6\u155fa;\u43b6r;\uc000\u{1d537}cy;\u4436grarr;\u61ddpf;\uc000\u{1d56b}cr;\uc000\u{1d4cf}\u0100jn\u3b85\u3b87;\u600dj;\u600c'.split("").map(s=>s.charCodeAt(0))),k=new Uint16Array("\u0200aglq\t\x15\x18\x1b\u026d\x0f\0\0\x12p;\u4026os;\u4027t;\u403et;\u403cuot;\u4022".split("").map(s=>s.charCodeAt(0)));var Z;const ie=new Map([[0,65533],[128,8364],[130,8218],[131,402],[132,8222],[133,8230],[134,8224],[135,8225],[136,710],[137,8240],[138,352],[139,8249],[140,338],[142,381],[145,8216],[146,8217],[147,8220],[148,8221],[149,8226],[150,8211],[151,8212],[152,732],[153,8482],[154,353],[155,8250],[156,339],[158,382],[159,376]]),de=null!==(Z=String.fromCodePoint)&&void 0!==Z?Z:function(s){let h="";return s>65535&&(s-=65536,h+=String.fromCharCode(s>>>10&1023|55296),s=56320|1023&s),h+=String.fromCharCode(s),h};var Ne=function(s){return s[s.NUM=35]="NUM",s[s.SEMI=59]="SEMI",s[s.EQUALS=61]="EQUALS",s[s.ZERO=48]="ZERO",s[s.NINE=57]="NINE",s[s.LOWER_A=97]="LOWER_A",s[s.LOWER_F=102]="LOWER_F",s[s.LOWER_X=120]="LOWER_X",s[s.LOWER_Z=122]="LOWER_Z",s[s.UPPER_A=65]="UPPER_A",s[s.UPPER_F=70]="UPPER_F",s[s.UPPER_Z=90]="UPPER_Z",s}(Ne||{}),Re=function(s){return s[s.VALUE_LENGTH=49152]="VALUE_LENGTH",s[s.BRANCH_LENGTH=16256]="BRANCH_LENGTH",s[s.JUMP_TABLE=127]="JUMP_TABLE",s}(Re||{});function Ke(s){return s>=Ne.ZERO&&s<=Ne.NINE}var Xt=function(s){return s[s.EntityStart=0]="EntityStart",s[s.NumericStart=1]="NumericStart",s[s.NumericDecimal=2]="NumericDecimal",s[s.NumericHex=3]="NumericHex",s[s.NamedEntity=4]="NamedEntity",s}(Xt||{}),sn=function(s){return s[s.Legacy=0]="Legacy",s[s.Strict=1]="Strict",s[s.Attribute=2]="Attribute",s}(sn||{});class Ln{constructor(h,M,B){this.decodeTree=h,this.emitCodePoint=M,this.errors=B,this.state=Xt.EntityStart,this.consumed=1,this.result=0,this.treeIndex=0,this.excess=1,this.decodeMode=sn.Strict}startEntity(h){this.decodeMode=h,this.state=Xt.EntityStart,this.result=0,this.treeIndex=0,this.excess=1,this.consumed=1}write(h,M){switch(this.state){case Xt.EntityStart:return h.charCodeAt(M)===Ne.NUM?(this.state=Xt.NumericStart,this.consumed+=1,this.stateNumericStart(h,M+1)):(this.state=Xt.NamedEntity,this.stateNamedEntity(h,M));case Xt.NumericStart:return this.stateNumericStart(h,M);case Xt.NumericDecimal:return this.stateNumericDecimal(h,M);case Xt.NumericHex:return this.stateNumericHex(h,M);case Xt.NamedEntity:return this.stateNamedEntity(h,M)}}stateNumericStart(h,M){return M>=h.length?-1:(32|h.charCodeAt(M))===Ne.LOWER_X?(this.state=Xt.NumericHex,this.consumed+=1,this.stateNumericHex(h,M+1)):(this.state=Xt.NumericDecimal,this.stateNumericDecimal(h,M))}addToNumericResult(h,M,B,V){if(M!==B){const z=B-M;this.result=this.result*Math.pow(V,z)+parseInt(h.substr(M,z),V),this.consumed+=z}}stateNumericHex(h,M){const B=M;for(;M<h.length;){const V=h.charCodeAt(M);if(!(Ke(V)||(s=V,s>=Ne.UPPER_A&&s<=Ne.UPPER_F||s>=Ne.LOWER_A&&s<=Ne.LOWER_F)))return this.addToNumericResult(h,B,M,16),this.emitNumericEntity(V,3);M+=1}var s;return this.addToNumericResult(h,B,M,16),-1}stateNumericDecimal(h,M){const B=M;for(;M<h.length;){const V=h.charCodeAt(M);if(!Ke(V))return this.addToNumericResult(h,B,M,10),this.emitNumericEntity(V,2);M+=1}return this.addToNumericResult(h,B,M,10),-1}emitNumericEntity(h,M){var B;if(this.consumed<=M)return null===(B=this.errors)||void 0===B||B.absenceOfDigitsInNumericCharacterReference(this.consumed),0;if(h===Ne.SEMI)this.consumed+=1;else if(this.decodeMode===sn.Strict)return 0;return this.emitCodePoint(function te(s){var h;return s>=55296&&s<=57343||s>1114111?65533:null!==(h=ie.get(s))&&void 0!==h?h:s}(this.result),this.consumed),this.errors&&(h!==Ne.SEMI&&this.errors.missingSemicolonAfterCharacterReference(),this.errors.validateNumericCharacterReference(this.result)),this.consumed}stateNamedEntity(h,M){const{decodeTree:B}=this;let V=B[this.treeIndex],z=(V&Re.VALUE_LENGTH)>>14;for(;M<h.length;M++,this.excess++){const Ce=h.charCodeAt(M);if(this.treeIndex=it(B,V,this.treeIndex+Math.max(1,z),Ce),this.treeIndex<0)return 0===this.result||this.decodeMode===sn.Attribute&&(0===z||((s=Ce)===Ne.EQUALS||function Rt(s){return s>=Ne.UPPER_A&&s<=Ne.UPPER_Z||s>=Ne.LOWER_A&&s<=Ne.LOWER_Z||Ke(s)}(s)))?0:this.emitNotTerminatedNamedEntity();if(V=B[this.treeIndex],z=(V&Re.VALUE_LENGTH)>>14,0!==z){if(Ce===Ne.SEMI)return this.emitNamedEntityData(this.treeIndex,z,this.consumed+this.excess);this.decodeMode!==sn.Strict&&(this.result=this.treeIndex,this.consumed+=this.excess,this.excess=0)}}var s;return-1}emitNotTerminatedNamedEntity(){var h;const{result:M,decodeTree:B}=this;return this.emitNamedEntityData(M,(B[M]&Re.VALUE_LENGTH)>>14,this.consumed),null===(h=this.errors)||void 0===h||h.missingSemicolonAfterCharacterReference(),this.consumed}emitNamedEntityData(h,M,B){const{decodeTree:V}=this;return this.emitCodePoint(1===M?V[h]&~Re.VALUE_LENGTH:V[h+1],B),3===M&&this.emitCodePoint(V[h+2],B),B}end(){var h;switch(this.state){case Xt.NamedEntity:return 0===this.result||this.decodeMode===sn.Attribute&&this.result!==this.treeIndex?0:this.emitNotTerminatedNamedEntity();case Xt.NumericDecimal:return this.emitNumericEntity(0,2);case Xt.NumericHex:return this.emitNumericEntity(0,3);case Xt.NumericStart:return null===(h=this.errors)||void 0===h||h.absenceOfDigitsInNumericCharacterReference(this.consumed),0;case Xt.EntityStart:return 0}}}function tn(s){let h="";const M=new Ln(s,B=>h+=de(B));return function(V,z){let Ce=0,De=0;for(;(De=V.indexOf("&",De))>=0;){h+=V.slice(Ce,De),M.startEntity(z);const ut=M.write(V,De+1);if(ut<0){Ce=De+M.end();break}Ce=De+ut,De=0===ut?Ce+1:Ce}const Ve=h+V.slice(Ce);return h="",Ve}}function it(s,h,M,B){const V=(h&Re.BRANCH_LENGTH)>>7,z=h&Re.JUMP_TABLE;if(0===V)return 0!==z&&B===z?M:-1;if(z){const Ve=B-z;return Ve<0||Ve>=V?-1:s[M+Ve]-1}let Ce=M,De=Ce+V-1;for(;Ce<=De;){const Ve=Ce+De>>>1,ut=s[Ve];if(ut<B)Ce=Ve+1;else{if(!(ut>B))return s[Ve+V];De=Ve-1}}return-1}const Ye=tn(ce);function ae(s,h=sn.Legacy){return Ye(s,h)}function Vt(s){for(let h=1;h<s.length;h++)s[h][0]+=s[h-1][0]+1;return s}tn(k),new Map(Vt([[9,"&Tab;"],[0,"&NewLine;"],[22,"&excl;"],[0,"&quot;"],[0,"&num;"],[0,"&dollar;"],[0,"&percnt;"],[0,"&amp;"],[0,"&apos;"],[0,"&lpar;"],[0,"&rpar;"],[0,"&ast;"],[0,"&plus;"],[0,"&comma;"],[1,"&period;"],[0,"&sol;"],[10,"&colon;"],[0,"&semi;"],[0,{v:"&lt;",n:8402,o:"&nvlt;"}],[0,{v:"&equals;",n:8421,o:"&bne;"}],[0,{v:"&gt;",n:8402,o:"&nvgt;"}],[0,"&quest;"],[0,"&commat;"],[26,"&lbrack;"],[0,"&bsol;"],[0,"&rbrack;"],[0,"&Hat;"],[0,"&lowbar;"],[0,"&DiacriticalGrave;"],[5,{n:106,o:"&fjlig;"}],[20,"&lbrace;"],[0,"&verbar;"],[0,"&rbrace;"],[34,"&nbsp;"],[0,"&iexcl;"],[0,"&cent;"],[0,"&pound;"],[0,"&curren;"],[0,"&yen;"],[0,"&brvbar;"],[0,"&sect;"],[0,"&die;"],[0,"&copy;"],[0,"&ordf;"],[0,"&laquo;"],[0,"&not;"],[0,"&shy;"],[0,"&circledR;"],[0,"&macr;"],[0,"&deg;"],[0,"&PlusMinus;"],[0,"&sup2;"],[0,"&sup3;"],[0,"&acute;"],[0,"&micro;"],[0,"&para;"],[0,"&centerdot;"],[0,"&cedil;"],[0,"&sup1;"],[0,"&ordm;"],[0,"&raquo;"],[0,"&frac14;"],[0,"&frac12;"],[0,"&frac34;"],[0,"&iquest;"],[0,"&Agrave;"],[0,"&Aacute;"],[0,"&Acirc;"],[0,"&Atilde;"],[0,"&Auml;"],[0,"&angst;"],[0,"&AElig;"],[0,"&Ccedil;"],[0,"&Egrave;"],[0,"&Eacute;"],[0,"&Ecirc;"],[0,"&Euml;"],[0,"&Igrave;"],[0,"&Iacute;"],[0,"&Icirc;"],[0,"&Iuml;"],[0,"&ETH;"],[0,"&Ntilde;"],[0,"&Ograve;"],[0,"&Oacute;"],[0,"&Ocirc;"],[0,"&Otilde;"],[0,"&Ouml;"],[0,"&times;"],[0,"&Oslash;"],[0,"&Ugrave;"],[0,"&Uacute;"],[0,"&Ucirc;"],[0,"&Uuml;"],[0,"&Yacute;"],[0,"&THORN;"],[0,"&szlig;"],[0,"&agrave;"],[0,"&aacute;"],[0,"&acirc;"],[0,"&atilde;"],[0,"&auml;"],[0,"&aring;"],[0,"&aelig;"],[0,"&ccedil;"],[0,"&egrave;"],[0,"&eacute;"],[0,"&ecirc;"],[0,"&euml;"],[0,"&igrave;"],[0,"&iacute;"],[0,"&icirc;"],[0,"&iuml;"],[0,"&eth;"],[0,"&ntilde;"],[0,"&ograve;"],[0,"&oacute;"],[0,"&ocirc;"],[0,"&otilde;"],[0,"&ouml;"],[0,"&div;"],[0,"&oslash;"],[0,"&ugrave;"],[0,"&uacute;"],[0,"&ucirc;"],[0,"&uuml;"],[0,"&yacute;"],[0,"&thorn;"],[0,"&yuml;"],[0,"&Amacr;"],[0,"&amacr;"],[0,"&Abreve;"],[0,"&abreve;"],[0,"&Aogon;"],[0,"&aogon;"],[0,"&Cacute;"],[0,"&cacute;"],[0,"&Ccirc;"],[0,"&ccirc;"],[0,"&Cdot;"],[0,"&cdot;"],[0,"&Ccaron;"],[0,"&ccaron;"],[0,"&Dcaron;"],[0,"&dcaron;"],[0,"&Dstrok;"],[0,"&dstrok;"],[0,"&Emacr;"],[0,"&emacr;"],[2,"&Edot;"],[0,"&edot;"],[0,"&Eogon;"],[0,"&eogon;"],[0,"&Ecaron;"],[0,"&ecaron;"],[0,"&Gcirc;"],[0,"&gcirc;"],[0,"&Gbreve;"],[0,"&gbreve;"],[0,"&Gdot;"],[0,"&gdot;"],[0,"&Gcedil;"],[1,"&Hcirc;"],[0,"&hcirc;"],[0,"&Hstrok;"],[0,"&hstrok;"],[0,"&Itilde;"],[0,"&itilde;"],[0,"&Imacr;"],[0,"&imacr;"],[2,"&Iogon;"],[0,"&iogon;"],[0,"&Idot;"],[0,"&imath;"],[0,"&IJlig;"],[0,"&ijlig;"],[0,"&Jcirc;"],[0,"&jcirc;"],[0,"&Kcedil;"],[0,"&kcedil;"],[0,"&kgreen;"],[0,"&Lacute;"],[0,"&lacute;"],[0,"&Lcedil;"],[0,"&lcedil;"],[0,"&Lcaron;"],[0,"&lcaron;"],[0,"&Lmidot;"],[0,"&lmidot;"],[0,"&Lstrok;"],[0,"&lstrok;"],[0,"&Nacute;"],[0,"&nacute;"],[0,"&Ncedil;"],[0,"&ncedil;"],[0,"&Ncaron;"],[0,"&ncaron;"],[0,"&napos;"],[0,"&ENG;"],[0,"&eng;"],[0,"&Omacr;"],[0,"&omacr;"],[2,"&Odblac;"],[0,"&odblac;"],[0,"&OElig;"],[0,"&oelig;"],[0,"&Racute;"],[0,"&racute;"],[0,"&Rcedil;"],[0,"&rcedil;"],[0,"&Rcaron;"],[0,"&rcaron;"],[0,"&Sacute;"],[0,"&sacute;"],[0,"&Scirc;"],[0,"&scirc;"],[0,"&Scedil;"],[0,"&scedil;"],[0,"&Scaron;"],[0,"&scaron;"],[0,"&Tcedil;"],[0,"&tcedil;"],[0,"&Tcaron;"],[0,"&tcaron;"],[0,"&Tstrok;"],[0,"&tstrok;"],[0,"&Utilde;"],[0,"&utilde;"],[0,"&Umacr;"],[0,"&umacr;"],[0,"&Ubreve;"],[0,"&ubreve;"],[0,"&Uring;"],[0,"&uring;"],[0,"&Udblac;"],[0,"&udblac;"],[0,"&Uogon;"],[0,"&uogon;"],[0,"&Wcirc;"],[0,"&wcirc;"],[0,"&Ycirc;"],[0,"&ycirc;"],[0,"&Yuml;"],[0,"&Zacute;"],[0,"&zacute;"],[0,"&Zdot;"],[0,"&zdot;"],[0,"&Zcaron;"],[0,"&zcaron;"],[19,"&fnof;"],[34,"&imped;"],[63,"&gacute;"],[65,"&jmath;"],[142,"&circ;"],[0,"&caron;"],[16,"&breve;"],[0,"&DiacriticalDot;"],[0,"&ring;"],[0,"&ogon;"],[0,"&DiacriticalTilde;"],[0,"&dblac;"],[51,"&DownBreve;"],[127,"&Alpha;"],[0,"&Beta;"],[0,"&Gamma;"],[0,"&Delta;"],[0,"&Epsilon;"],[0,"&Zeta;"],[0,"&Eta;"],[0,"&Theta;"],[0,"&Iota;"],[0,"&Kappa;"],[0,"&Lambda;"],[0,"&Mu;"],[0,"&Nu;"],[0,"&Xi;"],[0,"&Omicron;"],[0,"&Pi;"],[0,"&Rho;"],[1,"&Sigma;"],[0,"&Tau;"],[0,"&Upsilon;"],[0,"&Phi;"],[0,"&Chi;"],[0,"&Psi;"],[0,"&ohm;"],[7,"&alpha;"],[0,"&beta;"],[0,"&gamma;"],[0,"&delta;"],[0,"&epsi;"],[0,"&zeta;"],[0,"&eta;"],[0,"&theta;"],[0,"&iota;"],[0,"&kappa;"],[0,"&lambda;"],[0,"&mu;"],[0,"&nu;"],[0,"&xi;"],[0,"&omicron;"],[0,"&pi;"],[0,"&rho;"],[0,"&sigmaf;"],[0,"&sigma;"],[0,"&tau;"],[0,"&upsi;"],[0,"&phi;"],[0,"&chi;"],[0,"&psi;"],[0,"&omega;"],[7,"&thetasym;"],[0,"&Upsi;"],[2,"&phiv;"],[0,"&piv;"],[5,"&Gammad;"],[0,"&digamma;"],[18,"&kappav;"],[0,"&rhov;"],[3,"&epsiv;"],[0,"&backepsilon;"],[10,"&IOcy;"],[0,"&DJcy;"],[0,"&GJcy;"],[0,"&Jukcy;"],[0,"&DScy;"],[0,"&Iukcy;"],[0,"&YIcy;"],[0,"&Jsercy;"],[0,"&LJcy;"],[0,"&NJcy;"],[0,"&TSHcy;"],[0,"&KJcy;"],[1,"&Ubrcy;"],[0,"&DZcy;"],[0,"&Acy;"],[0,"&Bcy;"],[0,"&Vcy;"],[0,"&Gcy;"],[0,"&Dcy;"],[0,"&IEcy;"],[0,"&ZHcy;"],[0,"&Zcy;"],[0,"&Icy;"],[0,"&Jcy;"],[0,"&Kcy;"],[0,"&Lcy;"],[0,"&Mcy;"],[0,"&Ncy;"],[0,"&Ocy;"],[0,"&Pcy;"],[0,"&Rcy;"],[0,"&Scy;"],[0,"&Tcy;"],[0,"&Ucy;"],[0,"&Fcy;"],[0,"&KHcy;"],[0,"&TScy;"],[0,"&CHcy;"],[0,"&SHcy;"],[0,"&SHCHcy;"],[0,"&HARDcy;"],[0,"&Ycy;"],[0,"&SOFTcy;"],[0,"&Ecy;"],[0,"&YUcy;"],[0,"&YAcy;"],[0,"&acy;"],[0,"&bcy;"],[0,"&vcy;"],[0,"&gcy;"],[0,"&dcy;"],[0,"&iecy;"],[0,"&zhcy;"],[0,"&zcy;"],[0,"&icy;"],[0,"&jcy;"],[0,"&kcy;"],[0,"&lcy;"],[0,"&mcy;"],[0,"&ncy;"],[0,"&ocy;"],[0,"&pcy;"],[0,"&rcy;"],[0,"&scy;"],[0,"&tcy;"],[0,"&ucy;"],[0,"&fcy;"],[0,"&khcy;"],[0,"&tscy;"],[0,"&chcy;"],[0,"&shcy;"],[0,"&shchcy;"],[0,"&hardcy;"],[0,"&ycy;"],[0,"&softcy;"],[0,"&ecy;"],[0,"&yucy;"],[0,"&yacy;"],[1,"&iocy;"],[0,"&djcy;"],[0,"&gjcy;"],[0,"&jukcy;"],[0,"&dscy;"],[0,"&iukcy;"],[0,"&yicy;"],[0,"&jsercy;"],[0,"&ljcy;"],[0,"&njcy;"],[0,"&tshcy;"],[0,"&kjcy;"],[1,"&ubrcy;"],[0,"&dzcy;"],[7074,"&ensp;"],[0,"&emsp;"],[0,"&emsp13;"],[0,"&emsp14;"],[1,"&numsp;"],[0,"&puncsp;"],[0,"&ThinSpace;"],[0,"&hairsp;"],[0,"&NegativeMediumSpace;"],[0,"&zwnj;"],[0,"&zwj;"],[0,"&lrm;"],[0,"&rlm;"],[0,"&dash;"],[2,"&ndash;"],[0,"&mdash;"],[0,"&horbar;"],[0,"&Verbar;"],[1,"&lsquo;"],[0,"&CloseCurlyQuote;"],[0,"&lsquor;"],[1,"&ldquo;"],[0,"&CloseCurlyDoubleQuote;"],[0,"&bdquo;"],[1,"&dagger;"],[0,"&Dagger;"],[0,"&bull;"],[2,"&nldr;"],[0,"&hellip;"],[9,"&permil;"],[0,"&pertenk;"],[0,"&prime;"],[0,"&Prime;"],[0,"&tprime;"],[0,"&backprime;"],[3,"&lsaquo;"],[0,"&rsaquo;"],[3,"&oline;"],[2,"&caret;"],[1,"&hybull;"],[0,"&frasl;"],[10,"&bsemi;"],[7,"&qprime;"],[7,{v:"&MediumSpace;",n:8202,o:"&ThickSpace;"}],[0,"&NoBreak;"],[0,"&af;"],[0,"&InvisibleTimes;"],[0,"&ic;"],[72,"&euro;"],[46,"&tdot;"],[0,"&DotDot;"],[37,"&complexes;"],[2,"&incare;"],[4,"&gscr;"],[0,"&hamilt;"],[0,"&Hfr;"],[0,"&Hopf;"],[0,"&planckh;"],[0,"&hbar;"],[0,"&imagline;"],[0,"&Ifr;"],[0,"&lagran;"],[0,"&ell;"],[1,"&naturals;"],[0,"&numero;"],[0,"&copysr;"],[0,"&weierp;"],[0,"&Popf;"],[0,"&Qopf;"],[0,"&realine;"],[0,"&real;"],[0,"&reals;"],[0,"&rx;"],[3,"&trade;"],[1,"&integers;"],[2,"&mho;"],[0,"&zeetrf;"],[0,"&iiota;"],[2,"&bernou;"],[0,"&Cayleys;"],[1,"&escr;"],[0,"&Escr;"],[0,"&Fouriertrf;"],[1,"&Mellintrf;"],[0,"&order;"],[0,"&alefsym;"],[0,"&beth;"],[0,"&gimel;"],[0,"&daleth;"],[12,"&CapitalDifferentialD;"],[0,"&dd;"],[0,"&ee;"],[0,"&ii;"],[10,"&frac13;"],[0,"&frac23;"],[0,"&frac15;"],[0,"&frac25;"],[0,"&frac35;"],[0,"&frac45;"],[0,"&frac16;"],[0,"&frac56;"],[0,"&frac18;"],[0,"&frac38;"],[0,"&frac58;"],[0,"&frac78;"],[49,"&larr;"],[0,"&ShortUpArrow;"],[0,"&rarr;"],[0,"&darr;"],[0,"&harr;"],[0,"&updownarrow;"],[0,"&nwarr;"],[0,"&nearr;"],[0,"&LowerRightArrow;"],[0,"&LowerLeftArrow;"],[0,"&nlarr;"],[0,"&nrarr;"],[1,{v:"&rarrw;",n:824,o:"&nrarrw;"}],[0,"&Larr;"],[0,"&Uarr;"],[0,"&Rarr;"],[0,"&Darr;"],[0,"&larrtl;"],[0,"&rarrtl;"],[0,"&LeftTeeArrow;"],[0,"&mapstoup;"],[0,"&map;"],[0,"&DownTeeArrow;"],[1,"&hookleftarrow;"],[0,"&hookrightarrow;"],[0,"&larrlp;"],[0,"&looparrowright;"],[0,"&harrw;"],[0,"&nharr;"],[1,"&lsh;"],[0,"&rsh;"],[0,"&ldsh;"],[0,"&rdsh;"],[1,"&crarr;"],[0,"&cularr;"],[0,"&curarr;"],[2,"&circlearrowleft;"],[0,"&circlearrowright;"],[0,"&leftharpoonup;"],[0,"&DownLeftVector;"],[0,"&RightUpVector;"],[0,"&LeftUpVector;"],[0,"&rharu;"],[0,"&DownRightVector;"],[0,"&dharr;"],[0,"&dharl;"],[0,"&RightArrowLeftArrow;"],[0,"&udarr;"],[0,"&LeftArrowRightArrow;"],[0,"&leftleftarrows;"],[0,"&upuparrows;"],[0,"&rightrightarrows;"],[0,"&ddarr;"],[0,"&leftrightharpoons;"],[0,"&Equilibrium;"],[0,"&nlArr;"],[0,"&nhArr;"],[0,"&nrArr;"],[0,"&DoubleLeftArrow;"],[0,"&DoubleUpArrow;"],[0,"&DoubleRightArrow;"],[0,"&dArr;"],[0,"&DoubleLeftRightArrow;"],[0,"&DoubleUpDownArrow;"],[0,"&nwArr;"],[0,"&neArr;"],[0,"&seArr;"],[0,"&swArr;"],[0,"&lAarr;"],[0,"&rAarr;"],[1,"&zigrarr;"],[6,"&larrb;"],[0,"&rarrb;"],[15,"&DownArrowUpArrow;"],[7,"&loarr;"],[0,"&roarr;"],[0,"&hoarr;"],[0,"&forall;"],[0,"&comp;"],[0,{v:"&part;",n:824,o:"&npart;"}],[0,"&exist;"],[0,"&nexist;"],[0,"&empty;"],[1,"&Del;"],[0,"&Element;"],[0,"&NotElement;"],[1,"&ni;"],[0,"&notni;"],[2,"&prod;"],[0,"&coprod;"],[0,"&sum;"],[0,"&minus;"],[0,"&MinusPlus;"],[0,"&dotplus;"],[1,"&Backslash;"],[0,"&lowast;"],[0,"&compfn;"],[1,"&radic;"],[2,"&prop;"],[0,"&infin;"],[0,"&angrt;"],[0,{v:"&ang;",n:8402,o:"&nang;"}],[0,"&angmsd;"],[0,"&angsph;"],[0,"&mid;"],[0,"&nmid;"],[0,"&DoubleVerticalBar;"],[0,"&NotDoubleVerticalBar;"],[0,"&and;"],[0,"&or;"],[0,{v:"&cap;",n:65024,o:"&caps;"}],[0,{v:"&cup;",n:65024,o:"&cups;"}],[0,"&int;"],[0,"&Int;"],[0,"&iiint;"],[0,"&conint;"],[0,"&Conint;"],[0,"&Cconint;"],[0,"&cwint;"],[0,"&ClockwiseContourIntegral;"],[0,"&awconint;"],[0,"&there4;"],[0,"&becaus;"],[0,"&ratio;"],[0,"&Colon;"],[0,"&dotminus;"],[1,"&mDDot;"],[0,"&homtht;"],[0,{v:"&sim;",n:8402,o:"&nvsim;"}],[0,{v:"&backsim;",n:817,o:"&race;"}],[0,{v:"&ac;",n:819,o:"&acE;"}],[0,"&acd;"],[0,"&VerticalTilde;"],[0,"&NotTilde;"],[0,{v:"&eqsim;",n:824,o:"&nesim;"}],[0,"&sime;"],[0,"&NotTildeEqual;"],[0,"&cong;"],[0,"&simne;"],[0,"&ncong;"],[0,"&ap;"],[0,"&nap;"],[0,"&ape;"],[0,{v:"&apid;",n:824,o:"&napid;"}],[0,"&backcong;"],[0,{v:"&asympeq;",n:8402,o:"&nvap;"}],[0,{v:"&bump;",n:824,o:"&nbump;"}],[0,{v:"&bumpe;",n:824,o:"&nbumpe;"}],[0,{v:"&doteq;",n:824,o:"&nedot;"}],[0,"&doteqdot;"],[0,"&efDot;"],[0,"&erDot;"],[0,"&Assign;"],[0,"&ecolon;"],[0,"&ecir;"],[0,"&circeq;"],[1,"&wedgeq;"],[0,"&veeeq;"],[1,"&triangleq;"],[2,"&equest;"],[0,"&ne;"],[0,{v:"&Congruent;",n:8421,o:"&bnequiv;"}],[0,"&nequiv;"],[1,{v:"&le;",n:8402,o:"&nvle;"}],[0,{v:"&ge;",n:8402,o:"&nvge;"}],[0,{v:"&lE;",n:824,o:"&nlE;"}],[0,{v:"&gE;",n:824,o:"&ngE;"}],[0,{v:"&lnE;",n:65024,o:"&lvertneqq;"}],[0,{v:"&gnE;",n:65024,o:"&gvertneqq;"}],[0,{v:"&ll;",n:new Map(Vt([[824,"&nLtv;"],[7577,"&nLt;"]]))}],[0,{v:"&gg;",n:new Map(Vt([[824,"&nGtv;"],[7577,"&nGt;"]]))}],[0,"&between;"],[0,"&NotCupCap;"],[0,"&nless;"],[0,"&ngt;"],[0,"&nle;"],[0,"&nge;"],[0,"&lesssim;"],[0,"&GreaterTilde;"],[0,"&nlsim;"],[0,"&ngsim;"],[0,"&LessGreater;"],[0,"&gl;"],[0,"&NotLessGreater;"],[0,"&NotGreaterLess;"],[0,"&pr;"],[0,"&sc;"],[0,"&prcue;"],[0,"&sccue;"],[0,"&PrecedesTilde;"],[0,{v:"&scsim;",n:824,o:"&NotSucceedsTilde;"}],[0,"&NotPrecedes;"],[0,"&NotSucceeds;"],[0,{v:"&sub;",n:8402,o:"&NotSubset;"}],[0,{v:"&sup;",n:8402,o:"&NotSuperset;"}],[0,"&nsub;"],[0,"&nsup;"],[0,"&sube;"],[0,"&supe;"],[0,"&NotSubsetEqual;"],[0,"&NotSupersetEqual;"],[0,{v:"&subne;",n:65024,o:"&varsubsetneq;"}],[0,{v:"&supne;",n:65024,o:"&varsupsetneq;"}],[1,"&cupdot;"],[0,"&UnionPlus;"],[0,{v:"&sqsub;",n:824,o:"&NotSquareSubset;"}],[0,{v:"&sqsup;",n:824,o:"&NotSquareSuperset;"}],[0,"&sqsube;"],[0,"&sqsupe;"],[0,{v:"&sqcap;",n:65024,o:"&sqcaps;"}],[0,{v:"&sqcup;",n:65024,o:"&sqcups;"}],[0,"&CirclePlus;"],[0,"&CircleMinus;"],[0,"&CircleTimes;"],[0,"&osol;"],[0,"&CircleDot;"],[0,"&circledcirc;"],[0,"&circledast;"],[1,"&circleddash;"],[0,"&boxplus;"],[0,"&boxminus;"],[0,"&boxtimes;"],[0,"&dotsquare;"],[0,"&RightTee;"],[0,"&dashv;"],[0,"&DownTee;"],[0,"&bot;"],[1,"&models;"],[0,"&DoubleRightTee;"],[0,"&Vdash;"],[0,"&Vvdash;"],[0,"&VDash;"],[0,"&nvdash;"],[0,"&nvDash;"],[0,"&nVdash;"],[0,"&nVDash;"],[0,"&prurel;"],[1,"&LeftTriangle;"],[0,"&RightTriangle;"],[0,{v:"&LeftTriangleEqual;",n:8402,o:"&nvltrie;"}],[0,{v:"&RightTriangleEqual;",n:8402,o:"&nvrtrie;"}],[0,"&origof;"],[0,"&imof;"],[0,"&multimap;"],[0,"&hercon;"],[0,"&intcal;"],[0,"&veebar;"],[1,"&barvee;"],[0,"&angrtvb;"],[0,"&lrtri;"],[0,"&bigwedge;"],[0,"&bigvee;"],[0,"&bigcap;"],[0,"&bigcup;"],[0,"&diam;"],[0,"&sdot;"],[0,"&sstarf;"],[0,"&divideontimes;"],[0,"&bowtie;"],[0,"&ltimes;"],[0,"&rtimes;"],[0,"&leftthreetimes;"],[0,"&rightthreetimes;"],[0,"&backsimeq;"],[0,"&curlyvee;"],[0,"&curlywedge;"],[0,"&Sub;"],[0,"&Sup;"],[0,"&Cap;"],[0,"&Cup;"],[0,"&fork;"],[0,"&epar;"],[0,"&lessdot;"],[0,"&gtdot;"],[0,{v:"&Ll;",n:824,o:"&nLl;"}],[0,{v:"&Gg;",n:824,o:"&nGg;"}],[0,{v:"&leg;",n:65024,o:"&lesg;"}],[0,{v:"&gel;",n:65024,o:"&gesl;"}],[2,"&cuepr;"],[0,"&cuesc;"],[0,"&NotPrecedesSlantEqual;"],[0,"&NotSucceedsSlantEqual;"],[0,"&NotSquareSubsetEqual;"],[0,"&NotSquareSupersetEqual;"],[2,"&lnsim;"],[0,"&gnsim;"],[0,"&precnsim;"],[0,"&scnsim;"],[0,"&nltri;"],[0,"&NotRightTriangle;"],[0,"&nltrie;"],[0,"&NotRightTriangleEqual;"],[0,"&vellip;"],[0,"&ctdot;"],[0,"&utdot;"],[0,"&dtdot;"],[0,"&disin;"],[0,"&isinsv;"],[0,"&isins;"],[0,{v:"&isindot;",n:824,o:"&notindot;"}],[0,"&notinvc;"],[0,"&notinvb;"],[1,{v:"&isinE;",n:824,o:"&notinE;"}],[0,"&nisd;"],[0,"&xnis;"],[0,"&nis;"],[0,"&notnivc;"],[0,"&notnivb;"],[6,"&barwed;"],[0,"&Barwed;"],[1,"&lceil;"],[0,"&rceil;"],[0,"&LeftFloor;"],[0,"&rfloor;"],[0,"&drcrop;"],[0,"&dlcrop;"],[0,"&urcrop;"],[0,"&ulcrop;"],[0,"&bnot;"],[1,"&profline;"],[0,"&profsurf;"],[1,"&telrec;"],[0,"&target;"],[5,"&ulcorn;"],[0,"&urcorn;"],[0,"&dlcorn;"],[0,"&drcorn;"],[2,"&frown;"],[0,"&smile;"],[9,"&cylcty;"],[0,"&profalar;"],[7,"&topbot;"],[6,"&ovbar;"],[1,"&solbar;"],[60,"&angzarr;"],[51,"&lmoustache;"],[0,"&rmoustache;"],[2,"&OverBracket;"],[0,"&bbrk;"],[0,"&bbrktbrk;"],[37,"&OverParenthesis;"],[0,"&UnderParenthesis;"],[0,"&OverBrace;"],[0,"&UnderBrace;"],[2,"&trpezium;"],[4,"&elinters;"],[59,"&blank;"],[164,"&circledS;"],[55,"&boxh;"],[1,"&boxv;"],[9,"&boxdr;"],[3,"&boxdl;"],[3,"&boxur;"],[3,"&boxul;"],[3,"&boxvr;"],[7,"&boxvl;"],[7,"&boxhd;"],[7,"&boxhu;"],[7,"&boxvh;"],[19,"&boxH;"],[0,"&boxV;"],[0,"&boxdR;"],[0,"&boxDr;"],[0,"&boxDR;"],[0,"&boxdL;"],[0,"&boxDl;"],[0,"&boxDL;"],[0,"&boxuR;"],[0,"&boxUr;"],[0,"&boxUR;"],[0,"&boxuL;"],[0,"&boxUl;"],[0,"&boxUL;"],[0,"&boxvR;"],[0,"&boxVr;"],[0,"&boxVR;"],[0,"&boxvL;"],[0,"&boxVl;"],[0,"&boxVL;"],[0,"&boxHd;"],[0,"&boxhD;"],[0,"&boxHD;"],[0,"&boxHu;"],[0,"&boxhU;"],[0,"&boxHU;"],[0,"&boxvH;"],[0,"&boxVh;"],[0,"&boxVH;"],[19,"&uhblk;"],[3,"&lhblk;"],[3,"&block;"],[8,"&blk14;"],[0,"&blk12;"],[0,"&blk34;"],[13,"&square;"],[8,"&blacksquare;"],[0,"&EmptyVerySmallSquare;"],[1,"&rect;"],[0,"&marker;"],[2,"&fltns;"],[1,"&bigtriangleup;"],[0,"&blacktriangle;"],[0,"&triangle;"],[2,"&blacktriangleright;"],[0,"&rtri;"],[3,"&bigtriangledown;"],[0,"&blacktriangledown;"],[0,"&dtri;"],[2,"&blacktriangleleft;"],[0,"&ltri;"],[6,"&loz;"],[0,"&cir;"],[32,"&tridot;"],[2,"&bigcirc;"],[8,"&ultri;"],[0,"&urtri;"],[0,"&lltri;"],[0,"&EmptySmallSquare;"],[0,"&FilledSmallSquare;"],[8,"&bigstar;"],[0,"&star;"],[7,"&phone;"],[49,"&female;"],[1,"&male;"],[29,"&spades;"],[2,"&clubs;"],[1,"&hearts;"],[0,"&diamondsuit;"],[3,"&sung;"],[2,"&flat;"],[0,"&natural;"],[0,"&sharp;"],[163,"&check;"],[3,"&cross;"],[8,"&malt;"],[21,"&sext;"],[33,"&VerticalSeparator;"],[25,"&lbbrk;"],[0,"&rbbrk;"],[84,"&bsolhsub;"],[0,"&suphsol;"],[28,"&LeftDoubleBracket;"],[0,"&RightDoubleBracket;"],[0,"&lang;"],[0,"&rang;"],[0,"&Lang;"],[0,"&Rang;"],[0,"&loang;"],[0,"&roang;"],[7,"&longleftarrow;"],[0,"&longrightarrow;"],[0,"&longleftrightarrow;"],[0,"&DoubleLongLeftArrow;"],[0,"&DoubleLongRightArrow;"],[0,"&DoubleLongLeftRightArrow;"],[1,"&longmapsto;"],[2,"&dzigrarr;"],[258,"&nvlArr;"],[0,"&nvrArr;"],[0,"&nvHarr;"],[0,"&Map;"],[6,"&lbarr;"],[0,"&bkarow;"],[0,"&lBarr;"],[0,"&dbkarow;"],[0,"&drbkarow;"],[0,"&DDotrahd;"],[0,"&UpArrowBar;"],[0,"&DownArrowBar;"],[2,"&Rarrtl;"],[2,"&latail;"],[0,"&ratail;"],[0,"&lAtail;"],[0,"&rAtail;"],[0,"&larrfs;"],[0,"&rarrfs;"],[0,"&larrbfs;"],[0,"&rarrbfs;"],[2,"&nwarhk;"],[0,"&nearhk;"],[0,"&hksearow;"],[0,"&hkswarow;"],[0,"&nwnear;"],[0,"&nesear;"],[0,"&seswar;"],[0,"&swnwar;"],[8,{v:"&rarrc;",n:824,o:"&nrarrc;"}],[1,"&cudarrr;"],[0,"&ldca;"],[0,"&rdca;"],[0,"&cudarrl;"],[0,"&larrpl;"],[2,"&curarrm;"],[0,"&cularrp;"],[7,"&rarrpl;"],[2,"&harrcir;"],[0,"&Uarrocir;"],[0,"&lurdshar;"],[0,"&ldrushar;"],[2,"&LeftRightVector;"],[0,"&RightUpDownVector;"],[0,"&DownLeftRightVector;"],[0,"&LeftUpDownVector;"],[0,"&LeftVectorBar;"],[0,"&RightVectorBar;"],[0,"&RightUpVectorBar;"],[0,"&RightDownVectorBar;"],[0,"&DownLeftVectorBar;"],[0,"&DownRightVectorBar;"],[0,"&LeftUpVectorBar;"],[0,"&LeftDownVectorBar;"],[0,"&LeftTeeVector;"],[0,"&RightTeeVector;"],[0,"&RightUpTeeVector;"],[0,"&RightDownTeeVector;"],[0,"&DownLeftTeeVector;"],[0,"&DownRightTeeVector;"],[0,"&LeftUpTeeVector;"],[0,"&LeftDownTeeVector;"],[0,"&lHar;"],[0,"&uHar;"],[0,"&rHar;"],[0,"&dHar;"],[0,"&luruhar;"],[0,"&ldrdhar;"],[0,"&ruluhar;"],[0,"&rdldhar;"],[0,"&lharul;"],[0,"&llhard;"],[0,"&rharul;"],[0,"&lrhard;"],[0,"&udhar;"],[0,"&duhar;"],[0,"&RoundImplies;"],[0,"&erarr;"],[0,"&simrarr;"],[0,"&larrsim;"],[0,"&rarrsim;"],[0,"&rarrap;"],[0,"&ltlarr;"],[1,"&gtrarr;"],[0,"&subrarr;"],[1,"&suplarr;"],[0,"&lfisht;"],[0,"&rfisht;"],[0,"&ufisht;"],[0,"&dfisht;"],[5,"&lopar;"],[0,"&ropar;"],[4,"&lbrke;"],[0,"&rbrke;"],[0,"&lbrkslu;"],[0,"&rbrksld;"],[0,"&lbrksld;"],[0,"&rbrkslu;"],[0,"&langd;"],[0,"&rangd;"],[0,"&lparlt;"],[0,"&rpargt;"],[0,"&gtlPar;"],[0,"&ltrPar;"],[3,"&vzigzag;"],[1,"&vangrt;"],[0,"&angrtvbd;"],[6,"&ange;"],[0,"&range;"],[0,"&dwangle;"],[0,"&uwangle;"],[0,"&angmsdaa;"],[0,"&angmsdab;"],[0,"&angmsdac;"],[0,"&angmsdad;"],[0,"&angmsdae;"],[0,"&angmsdaf;"],[0,"&angmsdag;"],[0,"&angmsdah;"],[0,"&bemptyv;"],[0,"&demptyv;"],[0,"&cemptyv;"],[0,"&raemptyv;"],[0,"&laemptyv;"],[0,"&ohbar;"],[0,"&omid;"],[0,"&opar;"],[1,"&operp;"],[1,"&olcross;"],[0,"&odsold;"],[1,"&olcir;"],[0,"&ofcir;"],[0,"&olt;"],[0,"&ogt;"],[0,"&cirscir;"],[0,"&cirE;"],[0,"&solb;"],[0,"&bsolb;"],[3,"&boxbox;"],[3,"&trisb;"],[0,"&rtriltri;"],[0,{v:"&LeftTriangleBar;",n:824,o:"&NotLeftTriangleBar;"}],[0,{v:"&RightTriangleBar;",n:824,o:"&NotRightTriangleBar;"}],[11,"&iinfin;"],[0,"&infintie;"],[0,"&nvinfin;"],[4,"&eparsl;"],[0,"&smeparsl;"],[0,"&eqvparsl;"],[5,"&blacklozenge;"],[8,"&RuleDelayed;"],[1,"&dsol;"],[9,"&bigodot;"],[0,"&bigoplus;"],[0,"&bigotimes;"],[1,"&biguplus;"],[1,"&bigsqcup;"],[5,"&iiiint;"],[0,"&fpartint;"],[2,"&cirfnint;"],[0,"&awint;"],[0,"&rppolint;"],[0,"&scpolint;"],[0,"&npolint;"],[0,"&pointint;"],[0,"&quatint;"],[0,"&intlarhk;"],[10,"&pluscir;"],[0,"&plusacir;"],[0,"&simplus;"],[0,"&plusdu;"],[0,"&plussim;"],[0,"&plustwo;"],[1,"&mcomma;"],[0,"&minusdu;"],[2,"&loplus;"],[0,"&roplus;"],[0,"&Cross;"],[0,"&timesd;"],[0,"&timesbar;"],[1,"&smashp;"],[0,"&lotimes;"],[0,"&rotimes;"],[0,"&otimesas;"],[0,"&Otimes;"],[0,"&odiv;"],[0,"&triplus;"],[0,"&triminus;"],[0,"&tritime;"],[0,"&intprod;"],[2,"&amalg;"],[0,"&capdot;"],[1,"&ncup;"],[0,"&ncap;"],[0,"&capand;"],[0,"&cupor;"],[0,"&cupcap;"],[0,"&capcup;"],[0,"&cupbrcap;"],[0,"&capbrcup;"],[0,"&cupcup;"],[0,"&capcap;"],[0,"&ccups;"],[0,"&ccaps;"],[2,"&ccupssm;"],[2,"&And;"],[0,"&Or;"],[0,"&andand;"],[0,"&oror;"],[0,"&orslope;"],[0,"&andslope;"],[1,"&andv;"],[0,"&orv;"],[0,"&andd;"],[0,"&ord;"],[1,"&wedbar;"],[6,"&sdote;"],[3,"&simdot;"],[2,{v:"&congdot;",n:824,o:"&ncongdot;"}],[0,"&easter;"],[0,"&apacir;"],[0,{v:"&apE;",n:824,o:"&napE;"}],[0,"&eplus;"],[0,"&pluse;"],[0,"&Esim;"],[0,"&Colone;"],[0,"&Equal;"],[1,"&ddotseq;"],[0,"&equivDD;"],[0,"&ltcir;"],[0,"&gtcir;"],[0,"&ltquest;"],[0,"&gtquest;"],[0,{v:"&leqslant;",n:824,o:"&nleqslant;"}],[0,{v:"&geqslant;",n:824,o:"&ngeqslant;"}],[0,"&lesdot;"],[0,"&gesdot;"],[0,"&lesdoto;"],[0,"&gesdoto;"],[0,"&lesdotor;"],[0,"&gesdotol;"],[0,"&lap;"],[0,"&gap;"],[0,"&lne;"],[0,"&gne;"],[0,"&lnap;"],[0,"&gnap;"],[0,"&lEg;"],[0,"&gEl;"],[0,"&lsime;"],[0,"&gsime;"],[0,"&lsimg;"],[0,"&gsiml;"],[0,"&lgE;"],[0,"&glE;"],[0,"&lesges;"],[0,"&gesles;"],[0,"&els;"],[0,"&egs;"],[0,"&elsdot;"],[0,"&egsdot;"],[0,"&el;"],[0,"&eg;"],[2,"&siml;"],[0,"&simg;"],[0,"&simlE;"],[0,"&simgE;"],[0,{v:"&LessLess;",n:824,o:"&NotNestedLessLess;"}],[0,{v:"&GreaterGreater;",n:824,o:"&NotNestedGreaterGreater;"}],[1,"&glj;"],[0,"&gla;"],[0,"&ltcc;"],[0,"&gtcc;"],[0,"&lescc;"],[0,"&gescc;"],[0,"&smt;"],[0,"&lat;"],[0,{v:"&smte;",n:65024,o:"&smtes;"}],[0,{v:"&late;",n:65024,o:"&lates;"}],[0,"&bumpE;"],[0,{v:"&PrecedesEqual;",n:824,o:"&NotPrecedesEqual;"}],[0,{v:"&sce;",n:824,o:"&NotSucceedsEqual;"}],[2,"&prE;"],[0,"&scE;"],[0,"&precneqq;"],[0,"&scnE;"],[0,"&prap;"],[0,"&scap;"],[0,"&precnapprox;"],[0,"&scnap;"],[0,"&Pr;"],[0,"&Sc;"],[0,"&subdot;"],[0,"&supdot;"],[0,"&subplus;"],[0,"&supplus;"],[0,"&submult;"],[0,"&supmult;"],[0,"&subedot;"],[0,"&supedot;"],[0,{v:"&subE;",n:824,o:"&nsubE;"}],[0,{v:"&supE;",n:824,o:"&nsupE;"}],[0,"&subsim;"],[0,"&supsim;"],[2,{v:"&subnE;",n:65024,o:"&varsubsetneqq;"}],[0,{v:"&supnE;",n:65024,o:"&varsupsetneqq;"}],[2,"&csub;"],[0,"&csup;"],[0,"&csube;"],[0,"&csupe;"],[0,"&subsup;"],[0,"&supsub;"],[0,"&subsub;"],[0,"&supsup;"],[0,"&suphsub;"],[0,"&supdsub;"],[0,"&forkv;"],[0,"&topfork;"],[0,"&mlcp;"],[8,"&Dashv;"],[1,"&Vdashl;"],[0,"&Barv;"],[0,"&vBar;"],[0,"&vBarv;"],[1,"&Vbar;"],[0,"&Not;"],[0,"&bNot;"],[0,"&rnmid;"],[0,"&cirmid;"],[0,"&midcir;"],[0,"&topcir;"],[0,"&nhpar;"],[0,"&parsim;"],[9,{v:"&parsl;",n:8421,o:"&nparsl;"}],[44343,{n:new Map(Vt([[56476,"&Ascr;"],[1,"&Cscr;"],[0,"&Dscr;"],[2,"&Gscr;"],[2,"&Jscr;"],[0,"&Kscr;"],[2,"&Nscr;"],[0,"&Oscr;"],[0,"&Pscr;"],[0,"&Qscr;"],[1,"&Sscr;"],[0,"&Tscr;"],[0,"&Uscr;"],[0,"&Vscr;"],[0,"&Wscr;"],[0,"&Xscr;"],[0,"&Yscr;"],[0,"&Zscr;"],[0,"&ascr;"],[0,"&bscr;"],[0,"&cscr;"],[0,"&dscr;"],[1,"&fscr;"],[1,"&hscr;"],[0,"&iscr;"],[0,"&jscr;"],[0,"&kscr;"],[0,"&lscr;"],[0,"&mscr;"],[0,"&nscr;"],[1,"&pscr;"],[0,"&qscr;"],[0,"&rscr;"],[0,"&sscr;"],[0,"&tscr;"],[0,"&uscr;"],[0,"&vscr;"],[0,"&wscr;"],[0,"&xscr;"],[0,"&yscr;"],[0,"&zscr;"],[52,"&Afr;"],[0,"&Bfr;"],[1,"&Dfr;"],[0,"&Efr;"],[0,"&Ffr;"],[0,"&Gfr;"],[2,"&Jfr;"],[0,"&Kfr;"],[0,"&Lfr;"],[0,"&Mfr;"],[0,"&Nfr;"],[0,"&Ofr;"],[0,"&Pfr;"],[0,"&Qfr;"],[1,"&Sfr;"],[0,"&Tfr;"],[0,"&Ufr;"],[0,"&Vfr;"],[0,"&Wfr;"],[0,"&Xfr;"],[0,"&Yfr;"],[1,"&afr;"],[0,"&bfr;"],[0,"&cfr;"],[0,"&dfr;"],[0,"&efr;"],[0,"&ffr;"],[0,"&gfr;"],[0,"&hfr;"],[0,"&ifr;"],[0,"&jfr;"],[0,"&kfr;"],[0,"&lfr;"],[0,"&mfr;"],[0,"&nfr;"],[0,"&ofr;"],[0,"&pfr;"],[0,"&qfr;"],[0,"&rfr;"],[0,"&sfr;"],[0,"&tfr;"],[0,"&ufr;"],[0,"&vfr;"],[0,"&wfr;"],[0,"&xfr;"],[0,"&yfr;"],[0,"&zfr;"],[0,"&Aopf;"],[0,"&Bopf;"],[1,"&Dopf;"],[0,"&Eopf;"],[0,"&Fopf;"],[0,"&Gopf;"],[1,"&Iopf;"],[0,"&Jopf;"],[0,"&Kopf;"],[0,"&Lopf;"],[0,"&Mopf;"],[1,"&Oopf;"],[3,"&Sopf;"],[0,"&Topf;"],[0,"&Uopf;"],[0,"&Vopf;"],[0,"&Wopf;"],[0,"&Xopf;"],[0,"&Yopf;"],[1,"&aopf;"],[0,"&bopf;"],[0,"&copf;"],[0,"&dopf;"],[0,"&eopf;"],[0,"&fopf;"],[0,"&gopf;"],[0,"&hopf;"],[0,"&iopf;"],[0,"&jopf;"],[0,"&kopf;"],[0,"&lopf;"],[0,"&mopf;"],[0,"&nopf;"],[0,"&oopf;"],[0,"&popf;"],[0,"&qopf;"],[0,"&ropf;"],[0,"&sopf;"],[0,"&topf;"],[0,"&uopf;"],[0,"&vopf;"],[0,"&wopf;"],[0,"&xopf;"],[0,"&yopf;"],[0,"&zopf;"]]))}],[8906,"&fflig;"],[0,"&filig;"],[0,"&fllig;"],[0,"&ffilig;"],[0,"&ffllig;"]]));function Fi(s,h){return function(B){let V,z=0,Ce="";for(;V=s.exec(B);)z!==V.index&&(Ce+=B.substring(z,V.index)),Ce+=h.get(V[0].charCodeAt(0)),z=V.index+1;return Ce+B.substring(z)}}function rt(s){return"[object String]"===function an(s){return Object.prototype.toString.call(s)}(s)}Fi(/[&<>'"]/g,new Map([[34,"&quot;"],[38,"&amp;"],[39,"&apos;"],[60,"&lt;"],[62,"&gt;"]])),Fi(/["&\u00A0]/g,new Map([[34,"&quot;"],[38,"&amp;"],[160,"&nbsp;"]])),Fi(/[&<>\u00A0]/g,new Map([[38,"&amp;"],[60,"&lt;"],[62,"&gt;"],[160,"&nbsp;"]]));const ze=Object.prototype.hasOwnProperty;function we(s,h){return ze.call(s,h)}function ge(s){return Array.prototype.slice.call(arguments,1).forEach(function(M){if(M){if("object"!=typeof M)throw new TypeError(M+"must be object");Object.keys(M).forEach(function(B){s[B]=M[B]})}}),s}function Y(s,h,M){return[].concat(s.slice(0,h),M,s.slice(h+1))}function He(s){return!(s>=55296&&s<=57343||s>=64976&&s<=65007||65535==(65535&s)||65534==(65535&s)||s>=0&&s<=8||11===s||s>=14&&s<=31||s>=127&&s<=159||s>1114111)}function pt(s){return s>65535?(s-=65536,String.fromCharCode(55296+(s>>10),56320+(1023&s))):String.fromCharCode(s)}const $t=/\\([!"#$%&'()*+,\-./:;<=>?@[\\\]^_`{|}~])/g,hn=new RegExp($t.source+"|"+/&([a-z#][a-z0-9]{1,31});/gi.source,"gi"),gn=/^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))$/i;function Vn(s){return s.indexOf("\\")<0?s:s.replace($t,"$1")}function jn(s){return s.indexOf("\\")<0&&s.indexOf("&")<0?s:s.replace(hn,function(h,M,B){return M||function ii(s,h){if(35===h.charCodeAt(0)&&gn.test(h)){const B="x"===h[1].toLowerCase()?parseInt(h.slice(2),16):parseInt(h.slice(1),10);return He(B)?pt(B):s}const M=ae(s);return M!==s?M:s}(h,B)})}const Pn=/[&<>"]/,ki=/[&<>"]/g,Pi={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"};function ri(s){return Pi[s]}function fi(s){return Pn.test(s)?s.replace(ki,ri):s}const xi=/[.?*+^$[\]\\(){}|-]/g;function Ii(s){return s.replace(xi,"\\$&")}function yn(s){switch(s){case 9:case 32:return!0}return!1}function Li(s){if(s>=8192&&s<=8202)return!0;switch(s){case 9:case 10:case 11:case 12:case 13:case 32:case 160:case 5760:case 8239:case 8287:case 12288:return!0}return!1}function Ee(s){return Tt.test(s)||Ot.test(s)}function $e(s){switch(s){case 33:case 34:case 35:case 36:case 37:case 38:case 39:case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:case 58:case 59:case 60:case 61:case 62:case 63:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 124:case 125:case 126:return!0;default:return!1}}function et(s){return s=s.trim().replace(/\s+/g," "),"\u1e7e"==="\u1e9e".toLowerCase()&&(s=s.replace(/\u1e9e/g,"\xdf")),s.toLowerCase().toUpperCase()}const Je={mdurl:t,ucmicro:c};function qe(s,h,M){let B,V,z,Ce;const De=s.posMax,Ve=s.pos;for(s.pos=h+1,B=1;s.pos<De;){if(z=s.src.charCodeAt(s.pos),93===z&&(B--,0===B)){V=!0;break}if(Ce=s.pos,s.md.inline.skipToken(s),91===z)if(Ce===s.pos-1)B++;else if(M)return s.pos=Ve,-1}let ut=-1;return V&&(ut=s.pos),s.pos=Ve,ut}function ft(s,h,M){let B,V=h;const z={ok:!1,pos:0,str:""};if(60===s.charCodeAt(V)){for(V++;V<M;){if(B=s.charCodeAt(V),10===B||60===B)return z;if(62===B)return z.pos=V+1,z.str=jn(s.slice(h+1,V)),z.ok=!0,z;92===B&&V+1<M?V+=2:V++}return z}let Ce=0;for(;V<M&&(B=s.charCodeAt(V),!(32===B||B<32||127===B));)if(92===B&&V+1<M){if(32===s.charCodeAt(V+1))break;V+=2}else{if(40===B&&(Ce++,Ce>32))return z;if(41===B){if(0===Ce)break;Ce--}V++}return h===V||0!==Ce||(z.str=jn(s.slice(h,V)),z.pos=V,z.ok=!0),z}function gt(s,h,M,B){let V,z=h;const Ce={ok:!1,can_continue:!1,pos:0,str:"",marker:0};if(B)Ce.str=B.str,Ce.marker=B.marker;else{if(z>=M)return Ce;let De=s.charCodeAt(z);if(34!==De&&39!==De&&40!==De)return Ce;h++,z++,40===De&&(De=41),Ce.marker=De}for(;z<M;){if(V=s.charCodeAt(z),V===Ce.marker)return Ce.pos=z+1,Ce.str+=jn(s.slice(h,z)),Ce.ok=!0,Ce;if(40===V&&41===Ce.marker)return Ce;92===V&&z+1<M&&z++,z++}return Ce.can_continue=!0,Ce.str+=jn(s.slice(h,z)),Ce}const bt={};function yt(){this.rules=ge({},bt)}bt.code_inline=function(s,h,M,B,V){const z=s[h];return"<code"+V.renderAttrs(z)+">"+fi(z.content)+"</code>"},bt.code_block=function(s,h,M,B,V){return"<pre"+V.renderAttrs(s[h])+"><code>"+fi(s[h].content)+"</code></pre>\n"},bt.fence=function(s,h,M,B,V){const z=s[h],Ce=z.info?jn(z.info).trim():"";let ut,De="",Ve="";if(Ce){const Bt=Ce.split(/(\s+)/g);De=Bt[0],Ve=Bt.slice(2).join("")}if(ut=M.highlight&&M.highlight(z.content,De,Ve)||fi(z.content),0===ut.indexOf("<pre"))return ut+"\n";if(Ce){const Bt=z.attrIndex("class"),Ut=z.attrs?z.attrs.slice():[];return Bt<0?Ut.push(["class",M.langPrefix+De]):(Ut[Bt]=Ut[Bt].slice(),Ut[Bt][1]+=" "+M.langPrefix+De),"<pre><code".concat(V.renderAttrs({attrs:Ut}),">").concat(ut,"</code></pre>\n")}return"<pre><code".concat(V.renderAttrs(z),">").concat(ut,"</code></pre>\n")},bt.image=function(s,h,M,B,V){const z=s[h];return z.attrs[z.attrIndex("alt")][1]=V.renderInlineAsText(z.children,M,B),V.renderToken(s,h,M)},bt.hardbreak=function(s,h,M){return M.xhtmlOut?"<br />\n":"<br>\n"},bt.softbreak=function(s,h,M){return M.breaks?M.xhtmlOut?"<br />\n":"<br>\n":"\n"},bt.text=function(s,h){return fi(s[h].content)},bt.html_block=function(s,h){return s[h].content},bt.html_inline=function(s,h){return s[h].content},yt.prototype.renderAttrs=function(h){let M,B,V;if(!h.attrs)return"";for(V="",M=0,B=h.attrs.length;M<B;M++)V+=" "+fi(h.attrs[M][0])+'="'+fi(h.attrs[M][1])+'"';return V},yt.prototype.renderToken=function(h,M,B){const V=h[M];let z="";if(V.hidden)return"";V.block&&-1!==V.nesting&&M&&h[M-1].hidden&&(z+="\n"),z+=(-1===V.nesting?"</":"<")+V.tag,z+=this.renderAttrs(V),0===V.nesting&&B.xhtmlOut&&(z+=" /");let Ce=!1;if(V.block&&(Ce=!0,1===V.nesting&&M+1<h.length)){const De=h[M+1];("inline"===De.type||De.hidden||-1===De.nesting&&De.tag===V.tag)&&(Ce=!1)}return z+=Ce?">\n":">",z},yt.prototype.renderInline=function(s,h,M){let B="";const V=this.rules;for(let z=0,Ce=s.length;z<Ce;z++){const De=s[z].type;B+=typeof V[De]<"u"?V[De](s,z,h,M,this):this.renderToken(s,z,h)}return B},yt.prototype.renderInlineAsText=function(s,h,M){let B="";for(let V=0,z=s.length;V<z;V++)switch(s[V].type){case"text":case"html_inline":case"html_block":B+=s[V].content;break;case"image":B+=this.renderInlineAsText(s[V].children,h,M);break;case"softbreak":case"hardbreak":B+="\n"}return B},yt.prototype.render=function(s,h,M){let B="";const V=this.rules;for(let z=0,Ce=s.length;z<Ce;z++){const De=s[z].type;B+="inline"===De?this.renderInline(s[z].children,h,M):typeof V[De]<"u"?V[De](s,z,h,M,this):this.renderToken(s,z,h,M)}return B};const It=yt;function Nt(){this.__rules__=[],this.__cache__=null}Nt.prototype.__find__=function(s){for(let h=0;h<this.__rules__.length;h++)if(this.__rules__[h].name===s)return h;return-1},Nt.prototype.__compile__=function(){const s=this,h=[""];s.__rules__.forEach(function(M){M.enabled&&M.alt.forEach(function(B){h.indexOf(B)<0&&h.push(B)})}),s.__cache__={},h.forEach(function(M){s.__cache__[M]=[],s.__rules__.forEach(function(B){B.enabled&&(M&&B.alt.indexOf(M)<0||s.__cache__[M].push(B.fn))})})},Nt.prototype.at=function(s,h,M){const B=this.__find__(s),V=M||{};if(-1===B)throw new Error("Parser rule not found: "+s);this.__rules__[B].fn=h,this.__rules__[B].alt=V.alt||[],this.__cache__=null},Nt.prototype.before=function(s,h,M,B){const V=this.__find__(s),z=B||{};if(-1===V)throw new Error("Parser rule not found: "+s);this.__rules__.splice(V,0,{name:h,enabled:!0,fn:M,alt:z.alt||[]}),this.__cache__=null},Nt.prototype.after=function(s,h,M,B){const V=this.__find__(s),z=B||{};if(-1===V)throw new Error("Parser rule not found: "+s);this.__rules__.splice(V+1,0,{name:h,enabled:!0,fn:M,alt:z.alt||[]}),this.__cache__=null},Nt.prototype.push=function(s,h,M){this.__rules__.push({name:s,enabled:!0,fn:h,alt:(M||{}).alt||[]}),this.__cache__=null},Nt.prototype.enable=function(s,h){Array.isArray(s)||(s=[s]);const M=[];return s.forEach(function(B){const V=this.__find__(B);if(V<0){if(h)return;throw new Error("Rules manager: invalid rule name "+B)}this.__rules__[V].enabled=!0,M.push(B)},this),this.__cache__=null,M},Nt.prototype.enableOnly=function(s,h){Array.isArray(s)||(s=[s]),this.__rules__.forEach(function(M){M.enabled=!1}),this.enable(s,h)},Nt.prototype.disable=function(s,h){Array.isArray(s)||(s=[s]);const M=[];return s.forEach(function(B){const V=this.__find__(B);if(V<0){if(h)return;throw new Error("Rules manager: invalid rule name "+B)}this.__rules__[V].enabled=!1,M.push(B)},this),this.__cache__=null,M},Nt.prototype.getRules=function(s){return null===this.__cache__&&this.__compile__(),this.__cache__[s]||[]};const en=Nt;function Zt(s,h,M){this.type=s,this.tag=h,this.attrs=null,this.map=null,this.nesting=M,this.level=0,this.children=null,this.content="",this.markup="",this.info="",this.meta=null,this.block=!1,this.hidden=!1}Zt.prototype.attrIndex=function(h){if(!this.attrs)return-1;const M=this.attrs;for(let B=0,V=M.length;B<V;B++)if(M[B][0]===h)return B;return-1},Zt.prototype.attrPush=function(h){this.attrs?this.attrs.push(h):this.attrs=[h]},Zt.prototype.attrSet=function(h,M){const B=this.attrIndex(h),V=[h,M];B<0?this.attrPush(V):this.attrs[B]=V},Zt.prototype.attrGet=function(h){const M=this.attrIndex(h);let B=null;return M>=0&&(B=this.attrs[M][1]),B},Zt.prototype.attrJoin=function(h,M){const B=this.attrIndex(h);B<0?this.attrPush([h,M]):this.attrs[B][1]=this.attrs[B][1]+" "+M};const fn=Zt;function On(s,h,M){this.src=s,this.env=M,this.tokens=[],this.inlineMode=!1,this.md=h}On.prototype.Token=fn;const Wn=On,$n=/\r\n?|\n/g,Rn=/\0/g;function eo(s){return/^<a[>\s]/i.test(s)}function mo(s){return/^<\/a\s*>/i.test(s)}const _o=/\+-|\.\.|\?\?\?\?|!!!!|,,|--/,$r=/\((c|tm|r)\)/i,lo=/\((c|tm|r)\)/gi,Pr={c:"\xa9",r:"\xae",tm:"\u2122"};function Rr(s,h){return Pr[h.toLowerCase()]}function yr(s){let h=0;for(let M=s.length-1;M>=0;M--){const B=s[M];"text"===B.type&&!h&&(B.content=B.content.replace(lo,Rr)),"link_open"===B.type&&"auto"===B.info&&h--,"link_close"===B.type&&"auto"===B.info&&h++}}function hr(s){let h=0;for(let M=s.length-1;M>=0;M--){const B=s[M];"text"===B.type&&!h&&_o.test(B.content)&&(B.content=B.content.replace(/\+-/g,"\xb1").replace(/\.{2,}/g,"\u2026").replace(/([?!])\u2026/g,"$1..").replace(/([?!]){4,}/g,"$1$1$1").replace(/,{2,}/g,",").replace(/(^|[^-])---(?=[^-]|$)/gm,"$1\u2014").replace(/(^|\s)--(?=\s|$)/gm,"$1\u2013").replace(/(^|[^-\s])--(?=[^-\s]|$)/gm,"$1\u2013")),"link_open"===B.type&&"auto"===B.info&&h--,"link_close"===B.type&&"auto"===B.info&&h++}}const zo=/['"]/,ir=/['"]/g;function Co(s,h,M){return s.slice(0,h)+M+s.slice(h+1)}function or(s,h){let M;const B=[];for(let V=0;V<s.length;V++){const z=s[V],Ce=s[V].level;for(M=B.length-1;M>=0&&!(B[M].level<=Ce);M--);if(B.length=M+1,"text"!==z.type)continue;let De=z.content,Ve=0,ut=De.length;e:for(;Ve<ut;){ir.lastIndex=Ve;const Bt=ir.exec(De);if(!Bt)break;let Ut=!0,_n=!0;Ve=Bt.index+1;const qt="'"===Bt[0];let p=32;if(Bt.index-1>=0)p=De.charCodeAt(Bt.index-1);else for(M=V-1;M>=0&&"softbreak"!==s[M].type&&"hardbreak"!==s[M].type;M--)if(s[M].content){p=s[M].content.charCodeAt(s[M].content.length-1);break}let y=32;if(Ve<ut)y=De.charCodeAt(Ve);else for(M=V+1;M<s.length&&"softbreak"!==s[M].type&&"hardbreak"!==s[M].type;M++)if(s[M].content){y=s[M].content.charCodeAt(0);break}const E=$e(p)||Ee(String.fromCharCode(p)),_=$e(y)||Ee(String.fromCharCode(y)),w=Li(p),K=Li(y);if(K?Ut=!1:_&&(w||E||(Ut=!1)),w?_n=!1:E&&(K||_||(_n=!1)),34===y&&'"'===Bt[0]&&p>=48&&p<=57&&(_n=Ut=!1),Ut&&_n&&(Ut=E,_n=_),Ut||_n){if(_n)for(M=B.length-1;M>=0;M--){let pe=B[M];if(B[M].level<Ce)break;if(pe.single===qt&&B[M].level===Ce){let lt,zt;pe=B[M],qt?(lt=h.md.options.quotes[2],zt=h.md.options.quotes[3]):(lt=h.md.options.quotes[0],zt=h.md.options.quotes[1]),z.content=Co(z.content,Bt.index,zt),s[pe.token].content=Co(s[pe.token].content,pe.pos,lt),Ve+=zt.length-1,pe.token===V&&(Ve+=lt.length-1),De=z.content,ut=De.length,B.length=M;continue e}}Ut?B.push({token:V,pos:Bt.index,single:qt,level:Ce}):_n&&qt&&(z.content=Co(z.content,Bt.index,"\u2019"))}else qt&&(z.content=Co(z.content,Bt.index,"\u2019"))}}}const pi=[["normalize",function Qn(s){let h;h=s.src.replace($n,"\n"),h=h.replace(Rn,"\ufffd"),s.src=h}],["block",function Di(s){let h;s.inlineMode?(h=new s.Token("inline","",0),h.content=s.src,h.map=[0,1],h.children=[],s.tokens.push(h)):s.md.block.parse(s.src,s.md,s.env,s.tokens)}],["inline",function $i(s){const h=s.tokens;for(let M=0,B=h.length;M<B;M++){const V=h[M];"inline"===V.type&&s.md.inline.parse(V.content,s.md,s.env,V.children)}}],["linkify",function Lo(s){const h=s.tokens;if(s.md.options.linkify)for(let M=0,B=h.length;M<B;M++){if("inline"!==h[M].type||!s.md.linkify.pretest(h[M].content))continue;let V=h[M].children,z=0;for(let Ce=V.length-1;Ce>=0;Ce--){const De=V[Ce];if("link_close"!==De.type){if("html_inline"===De.type&&(eo(De.content)&&z>0&&z--,mo(De.content)&&z++),!(z>0)&&"text"===De.type&&s.md.linkify.test(De.content)){const Ve=De.content;let ut=s.md.linkify.match(Ve);const Bt=[];let Ut=De.level,_n=0;ut.length>0&&0===ut[0].index&&Ce>0&&"text_special"===V[Ce-1].type&&(ut=ut.slice(1));for(let qt=0;qt<ut.length;qt++){const y=s.md.normalizeLink(ut[qt].url);if(!s.md.validateLink(y))continue;let E=ut[qt].text;E=ut[qt].schema?"mailto:"!==ut[qt].schema||/^mailto:/i.test(E)?s.md.normalizeLinkText(E):s.md.normalizeLinkText("mailto:"+E).replace(/^mailto:/,""):s.md.normalizeLinkText("http://"+E).replace(/^http:\/\//,"");const _=ut[qt].index;if(_>_n){const lt=new s.Token("text","",0);lt.content=Ve.slice(_n,_),lt.level=Ut,Bt.push(lt)}const w=new s.Token("link_open","a",1);w.attrs=[["href",y]],w.level=Ut++,w.markup="linkify",w.info="auto",Bt.push(w);const K=new s.Token("text","",0);K.content=E,K.level=Ut,Bt.push(K);const pe=new s.Token("link_close","a",-1);pe.level=--Ut,pe.markup="linkify",pe.info="auto",Bt.push(pe),_n=ut[qt].lastIndex}if(_n<Ve.length){const qt=new s.Token("text","",0);qt.content=Ve.slice(_n),qt.level=Ut,Bt.push(qt)}h[M].children=V=Y(V,Ce,Bt)}}else for(Ce--;V[Ce].level!==De.level&&"link_open"!==V[Ce].type;)Ce--}}}],["replacements",function Po(s){let h;if(s.md.options.typographer)for(h=s.tokens.length-1;h>=0;h--)"inline"===s.tokens[h].type&&($r.test(s.tokens[h].content)&&yr(s.tokens[h].children),_o.test(s.tokens[h].content)&&hr(s.tokens[h].children))}],["smartquotes",function qn(s){if(s.md.options.typographer)for(let h=s.tokens.length-1;h>=0;h--)"inline"!==s.tokens[h].type||!zo.test(s.tokens[h].content)||or(s.tokens[h].children,s)}],["text_join",function Hi(s){let h,M;const B=s.tokens,V=B.length;for(let z=0;z<V;z++){if("inline"!==B[z].type)continue;const Ce=B[z].children,De=Ce.length;for(h=0;h<De;h++)"text_special"===Ce[h].type&&(Ce[h].type="text");for(h=M=0;h<De;h++)"text"===Ce[h].type&&h+1<De&&"text"===Ce[h+1].type?Ce[h+1].content=Ce[h].content+Ce[h+1].content:(h!==M&&(Ce[M]=Ce[h]),M++);h!==M&&(Ce.length=M)}}]];function to(){this.ruler=new en;for(let s=0;s<pi.length;s++)this.ruler.push(pi[s][0],pi[s][1])}to.prototype.process=function(s){const h=this.ruler.getRules("");for(let M=0,B=h.length;M<B;M++)h[M](s)},to.prototype.State=Wn;const Qi=to;function io(s,h,M,B){this.src=s,this.md=h,this.env=M,this.tokens=B,this.bMarks=[],this.eMarks=[],this.tShift=[],this.sCount=[],this.bsCount=[],this.blkIndent=0,this.line=0,this.lineMax=0,this.tight=!1,this.ddIndent=-1,this.listIndent=-1,this.parentType="root",this.level=0;const V=this.src;for(let z=0,Ce=0,De=0,Ve=0,ut=V.length,Bt=!1;Ce<ut;Ce++){const Ut=V.charCodeAt(Ce);if(!Bt){if(yn(Ut)){De++,9===Ut?Ve+=4-Ve%4:Ve++;continue}Bt=!0}(10===Ut||Ce===ut-1)&&(10!==Ut&&Ce++,this.bMarks.push(z),this.eMarks.push(Ce),this.tShift.push(De),this.sCount.push(Ve),this.bsCount.push(0),Bt=!1,De=0,Ve=0,z=Ce+1)}this.bMarks.push(V.length),this.eMarks.push(V.length),this.tShift.push(0),this.sCount.push(0),this.bsCount.push(0),this.lineMax=this.bMarks.length-1}io.prototype.push=function(s,h,M){const B=new fn(s,h,M);return B.block=!0,M<0&&this.level--,B.level=this.level,M>0&&this.level++,this.tokens.push(B),B},io.prototype.isEmpty=function(h){return this.bMarks[h]+this.tShift[h]>=this.eMarks[h]},io.prototype.skipEmptyLines=function(h){for(let M=this.lineMax;h<M&&!(this.bMarks[h]+this.tShift[h]<this.eMarks[h]);h++);return h},io.prototype.skipSpaces=function(h){for(let M=this.src.length;h<M&&yn(this.src.charCodeAt(h));h++);return h},io.prototype.skipSpacesBack=function(h,M){if(h<=M)return h;for(;h>M;)if(!yn(this.src.charCodeAt(--h)))return h+1;return h},io.prototype.skipChars=function(h,M){for(let B=this.src.length;h<B&&this.src.charCodeAt(h)===M;h++);return h},io.prototype.skipCharsBack=function(h,M,B){if(h<=B)return h;for(;h>B;)if(M!==this.src.charCodeAt(--h))return h+1;return h},io.prototype.getLines=function(h,M,B,V){if(h>=M)return"";const z=new Array(M-h);for(let Ce=0,De=h;De<M;De++,Ce++){let Ve=0;const ut=this.bMarks[De];let Ut,Bt=ut;for(Ut=De+1<M||V?this.eMarks[De]+1:this.eMarks[De];Bt<Ut&&Ve<B;){const _n=this.src.charCodeAt(Bt);if(yn(_n))9===_n?Ve+=4-(Ve+this.bsCount[De])%4:Ve++;else{if(!(Bt-ut<this.tShift[De]))break;Ve++}Bt++}z[Ce]=Ve>B?new Array(Ve-B+1).join(" ")+this.src.slice(Bt,Ut):this.src.slice(Bt,Ut)}return z.join("")},io.prototype.Token=fn;const Wo=io;function Jo(s,h){return s.src.slice(s.bMarks[h]+s.tShift[h],s.eMarks[h])}function Bo(s){const h=[],M=s.length;let B=0,V=s.charCodeAt(B),z=!1,Ce=0,De="";for(;B<M;)124===V&&(z?(De+=s.substring(Ce,B-1),Ce=B):(h.push(De+s.substring(Ce,B)),De="",Ce=B+1)),z=92===V,B++,V=s.charCodeAt(B);return h.push(De+s.substring(Ce)),h}function St(s,h){const M=s.eMarks[h];let B=s.bMarks[h]+s.tShift[h];const V=s.src.charCodeAt(B++);return 42!==V&&45!==V&&43!==V||B<M&&!yn(s.src.charCodeAt(B))?-1:B}function Ft(s,h){const M=s.bMarks[h]+s.tShift[h],B=s.eMarks[h];let V=M;if(V+1>=B)return-1;let z=s.src.charCodeAt(V++);if(z<48||z>57)return-1;for(;;){if(V>=B)return-1;if(z=s.src.charCodeAt(V++),!(z>=48&&z<=57)){if(41===z||46===z)break;return-1}if(V-M>=10)return-1}return V<B&&(z=s.src.charCodeAt(V),!yn(z))?-1:V}const oi="<[A-Za-z][A-Za-z0-9\\-]*(?:\\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\\s*=\\s*(?:[^\"'=<>`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*\\/?>",ei="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>",co=new RegExp("^(?:"+oi+"|"+ei+"|\x3c!---?>|\x3c!--(?:[^-]|-[^-]|--[^>])*--\x3e|<[?][\\s\\S]*?[?]>|<![A-Za-z][^>]*>|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>)"),Uo=new RegExp("^(?:"+oi+"|"+ei+")"),Gn=[[/^<(script|pre|style|textarea)(?=(\s|>|$))/i,/<\/(script|pre|style|textarea)>/i,!0],[/^<!--/,/-->/,!0],[/^<\?/,/\?>/,!0],[/^<![A-Z]/,/>/,!0],[/^<!\[CDATA\[/,/\]\]>/,!0],[new RegExp("^</?("+["address","article","aside","base","basefont","blockquote","body","caption","center","col","colgroup","dd","details","dialog","dir","div","dl","dt","fieldset","figcaption","figure","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","iframe","legend","li","link","main","menu","menuitem","nav","noframes","ol","optgroup","option","p","param","search","section","summary","table","tbody","td","tfoot","th","thead","title","tr","track","ul"].join("|")+")(?=(\\s|/?>|$))","i"),/^$/,!0],[new RegExp(Uo.source+"\\s*$"),/^$/,!1]],Xi=[["table",function hi(s,h,M,B){if(h+2>M)return!1;let V=h+1;if(s.sCount[V]<s.blkIndent||s.sCount[V]-s.blkIndent>=4)return!1;let z=s.bMarks[V]+s.tShift[V];if(z>=s.eMarks[V])return!1;const Ce=s.src.charCodeAt(z++);if(124!==Ce&&45!==Ce&&58!==Ce||z>=s.eMarks[V])return!1;const De=s.src.charCodeAt(z++);if(124!==De&&45!==De&&58!==De&&!yn(De)||45===Ce&&yn(De))return!1;for(;z<s.eMarks[V];){const pe=s.src.charCodeAt(z);if(124!==pe&&45!==pe&&58!==pe&&!yn(pe))return!1;z++}let Ve=Jo(s,h+1),ut=Ve.split("|");const Bt=[];for(let pe=0;pe<ut.length;pe++){const lt=ut[pe].trim();if(!lt){if(0===pe||pe===ut.length-1)continue;return!1}if(!/^:?-+:?$/.test(lt))return!1;58===lt.charCodeAt(lt.length-1)?Bt.push(58===lt.charCodeAt(0)?"center":"right"):58===lt.charCodeAt(0)?Bt.push("left"):Bt.push("")}if(Ve=Jo(s,h).trim(),-1===Ve.indexOf("|")||s.sCount[h]-s.blkIndent>=4)return!1;ut=Bo(Ve),ut.length&&""===ut[0]&&ut.shift(),ut.length&&""===ut[ut.length-1]&&ut.pop();const Ut=ut.length;if(0===Ut||Ut!==Bt.length)return!1;if(B)return!0;const _n=s.parentType;s.parentType="table";const qt=s.md.block.ruler.getRules("blockquote"),y=[h,0];s.push("table_open","table",1).map=y,s.push("thead_open","thead",1).map=[h,h+1],s.push("tr_open","tr",1).map=[h,h+1];for(let pe=0;pe<ut.length;pe++){const lt=s.push("th_open","th",1);Bt[pe]&&(lt.attrs=[["style","text-align:"+Bt[pe]]]);const zt=s.push("inline","",0);zt.content=ut[pe].trim(),zt.children=[],s.push("th_close","th",-1)}s.push("tr_close","tr",-1),s.push("thead_close","thead",-1);let w,K=0;for(V=h+2;V<M&&!(s.sCount[V]<s.blkIndent);V++){let pe=!1;for(let zt=0,Mt=qt.length;zt<Mt;zt++)if(qt[zt](s,V,M,!0)){pe=!0;break}if(pe||(Ve=Jo(s,V).trim(),!Ve)||s.sCount[V]-s.blkIndent>=4||(ut=Bo(Ve),ut.length&&""===ut[0]&&ut.shift(),ut.length&&""===ut[ut.length-1]&&ut.pop(),K+=Ut-ut.length,K>65536))break;V===h+2&&(s.push("tbody_open","tbody",1).map=w=[h+2,0]),s.push("tr_open","tr",1).map=[V,V+1];for(let zt=0;zt<Ut;zt++){const Mt=s.push("td_open","td",1);Bt[zt]&&(Mt.attrs=[["style","text-align:"+Bt[zt]]]);const un=s.push("inline","",0);un.content=ut[zt]?ut[zt].trim():"",un.children=[],s.push("td_close","td",-1)}s.push("tr_close","tr",-1)}return w&&(s.push("tbody_close","tbody",-1),w[1]=V),s.push("table_close","table",-1),y[1]=V,s.parentType=_n,s.line=V,!0},["paragraph","reference"]],["code",function ve(s,h,M){if(s.sCount[h]-s.blkIndent<4)return!1;let B=h+1,V=B;for(;B<M;)if(s.isEmpty(B))B++;else{if(!(s.sCount[B]-s.blkIndent>=4))break;B++,V=B}s.line=V;const z=s.push("code_block","code",0);return z.content=s.getLines(h,V,4+s.blkIndent,!1)+"\n",z.map=[h,s.line],!0}],["fence",function q(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4||V+3>z)return!1;const Ce=s.src.charCodeAt(V);if(126!==Ce&&96!==Ce)return!1;let De=V;V=s.skipChars(V,Ce);let Ve=V-De;if(Ve<3)return!1;const ut=s.src.slice(De,V),Bt=s.src.slice(V,z);if(96===Ce&&Bt.indexOf(String.fromCharCode(Ce))>=0)return!1;if(B)return!0;let Ut=h,_n=!1;for(;Ut++,!(Ut>=M||(V=De=s.bMarks[Ut]+s.tShift[Ut],z=s.eMarks[Ut],V<z&&s.sCount[Ut]<s.blkIndent));)if(!(s.src.charCodeAt(V)!==Ce||s.sCount[Ut]-s.blkIndent>=4||(V=s.skipChars(V,Ce),V-De<Ve||(V=s.skipSpaces(V),V<z)))){_n=!0;break}Ve=s.sCount[h],s.line=Ut+(_n?1:0);const qt=s.push("fence","code",0);return qt.info=Bt,qt.content=s.getLines(h+1,Ut,Ve,!0),qt.markup=ut,qt.map=[h,s.line],!0},["paragraph","reference","blockquote","list"]],["blockquote",function Pe(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];const Ce=s.lineMax;if(s.sCount[h]-s.blkIndent>=4||62!==s.src.charCodeAt(V))return!1;if(B)return!0;const De=[],Ve=[],ut=[],Bt=[],Ut=s.md.block.ruler.getRules("blockquote"),_n=s.parentType;s.parentType="blockquote";let p,qt=!1;for(p=h;p<M;p++){const K=s.sCount[p]<s.blkIndent;if(V=s.bMarks[p]+s.tShift[p],z=s.eMarks[p],V>=z)break;if(62===s.src.charCodeAt(V++)&&!K){let zt,Mt,lt=s.sCount[p]+1;32===s.src.charCodeAt(V)?(V++,lt++,Mt=!1,zt=!0):9===s.src.charCodeAt(V)?(zt=!0,(s.bsCount[p]+lt)%4==3?(V++,lt++,Mt=!1):Mt=!0):zt=!1;let un=lt;for(De.push(s.bMarks[p]),s.bMarks[p]=V;V<z;){const Nn=s.src.charCodeAt(V);if(!yn(Nn))break;9===Nn?un+=4-(un+s.bsCount[p]+(Mt?1:0))%4:un++,V++}qt=V>=z,Ve.push(s.bsCount[p]),s.bsCount[p]=s.sCount[p]+1+(zt?1:0),ut.push(s.sCount[p]),s.sCount[p]=un-lt,Bt.push(s.tShift[p]),s.tShift[p]=V-s.bMarks[p];continue}if(qt)break;let pe=!1;for(let lt=0,zt=Ut.length;lt<zt;lt++)if(Ut[lt](s,p,M,!0)){pe=!0;break}if(pe){s.lineMax=p,0!==s.blkIndent&&(De.push(s.bMarks[p]),Ve.push(s.bsCount[p]),Bt.push(s.tShift[p]),ut.push(s.sCount[p]),s.sCount[p]-=s.blkIndent);break}De.push(s.bMarks[p]),Ve.push(s.bsCount[p]),Bt.push(s.tShift[p]),ut.push(s.sCount[p]),s.sCount[p]=-1}const y=s.blkIndent;s.blkIndent=0;const E=s.push("blockquote_open","blockquote",1);E.markup=">";const _=[h,0];E.map=_,s.md.block.tokenize(s,h,p),s.push("blockquote_close","blockquote",-1).markup=">",s.lineMax=Ce,s.parentType=_n,_[1]=s.line;for(let K=0;K<Bt.length;K++)s.bMarks[K+h]=De[K],s.tShift[K+h]=Bt[K],s.sCount[K+h]=ut[K],s.bsCount[K+h]=Ve[K];return s.blkIndent=y,!0},["paragraph","reference","blockquote","list"]],["hr",function je(s,h,M,B){const V=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4)return!1;let z=s.bMarks[h]+s.tShift[h];const Ce=s.src.charCodeAt(z++);if(42!==Ce&&45!==Ce&&95!==Ce)return!1;let De=1;for(;z<V;){const ut=s.src.charCodeAt(z++);if(ut!==Ce&&!yn(ut))return!1;ut===Ce&&De++}if(De<3)return!1;if(B)return!0;s.line=h+1;const Ve=s.push("hr","hr",0);return Ve.map=[h,s.line],Ve.markup=Array(De+1).join(String.fromCharCode(Ce)),!0},["paragraph","reference","blockquote","list"]],["list",function Kt(s,h,M,B){let V,z,Ce,De,Ve=h,ut=!0;if(s.sCount[Ve]-s.blkIndent>=4||s.listIndent>=0&&s.sCount[Ve]-s.listIndent>=4&&s.sCount[Ve]<s.blkIndent)return!1;let Ut,_n,qt,Bt=!1;if(B&&"paragraph"===s.parentType&&s.sCount[Ve]>=s.blkIndent&&(Bt=!0),(qt=Ft(s,Ve))>=0){if(Ut=!0,Ce=s.bMarks[Ve]+s.tShift[Ve],_n=Number(s.src.slice(Ce,qt-1)),Bt&&1!==_n)return!1}else{if(!((qt=St(s,Ve))>=0))return!1;Ut=!1}if(Bt&&s.skipSpaces(qt)>=s.eMarks[Ve])return!1;if(B)return!0;const p=s.src.charCodeAt(qt-1),y=s.tokens.length;Ut?(De=s.push("ordered_list_open","ol",1),1!==_n&&(De.attrs=[["start",_n]])):De=s.push("bullet_list_open","ul",1);const E=[Ve,0];De.map=E,De.markup=String.fromCharCode(p);let _=!1;const w=s.md.block.ruler.getRules("list"),K=s.parentType;for(s.parentType="list";Ve<M;){z=qt,V=s.eMarks[Ve];const pe=s.sCount[Ve]+qt-(s.bMarks[Ve]+s.tShift[Ve]);let lt=pe;for(;z<V;){const Ki=s.src.charCodeAt(z);if(9===Ki)lt+=4-(lt+s.bsCount[Ve])%4;else{if(32!==Ki)break;lt++}z++}const zt=z;let Mt;Mt=zt>=V?1:lt-pe,Mt>4&&(Mt=1);const un=pe+Mt;De=s.push("list_item_open","li",1),De.markup=String.fromCharCode(p);const Nn=[Ve,0];De.map=Nn,Ut&&(De.info=s.src.slice(Ce,qt-1));const Mi=s.tight,bo=s.tShift[Ve],yi=s.sCount[Ve],Oo=s.listIndent;if(s.listIndent=s.blkIndent,s.blkIndent=un,s.tight=!0,s.tShift[Ve]=zt-s.bMarks[Ve],s.sCount[Ve]=lt,zt>=V&&s.isEmpty(Ve+1)?s.line=Math.min(s.line+2,M):s.md.block.tokenize(s,Ve,M,!0),(!s.tight||_)&&(ut=!1),_=s.line-Ve>1&&s.isEmpty(s.line-1),s.blkIndent=s.listIndent,s.listIndent=Oo,s.tShift[Ve]=bo,s.sCount[Ve]=yi,s.tight=Mi,De=s.push("list_item_close","li",-1),De.markup=String.fromCharCode(p),Ve=s.line,Nn[1]=Ve,Ve>=M||s.sCount[Ve]<s.blkIndent||s.sCount[Ve]-s.blkIndent>=4)break;let Cr=!1;for(let Ki=0,dr=w.length;Ki<dr;Ki++)if(w[Ki](s,Ve,M,!0)){Cr=!0;break}if(Cr)break;if(Ut){if(qt=Ft(s,Ve),qt<0)break;Ce=s.bMarks[Ve]+s.tShift[Ve]}else if(qt=St(s,Ve),qt<0)break;if(p!==s.src.charCodeAt(qt-1))break}return De=Ut?s.push("ordered_list_close","ol",-1):s.push("bullet_list_close","ul",-1),De.markup=String.fromCharCode(p),E[1]=Ve,s.line=Ve,s.parentType=K,ut&&function mn(s,h){const M=s.level+2;for(let B=h+2,V=s.tokens.length-2;B<V;B++)s.tokens[B].level===M&&"paragraph_open"===s.tokens[B].type&&(s.tokens[B+2].hidden=!0,s.tokens[B].hidden=!0,B+=2)}(s,y),!0},["paragraph","reference","blockquote"]],["reference",function Bn(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h],Ce=h+1;if(s.sCount[h]-s.blkIndent>=4||91!==s.src.charCodeAt(V))return!1;function De(w){const K=s.lineMax;if(w>=K||s.isEmpty(w))return null;let pe=!1;if(s.sCount[w]-s.blkIndent>3&&(pe=!0),s.sCount[w]<0&&(pe=!0),!pe){const Mt=s.md.block.ruler.getRules("reference"),un=s.parentType;s.parentType="reference";let Nn=!1;for(let Mi=0,bo=Mt.length;Mi<bo;Mi++)if(Mt[Mi](s,w,K,!0)){Nn=!0;break}if(s.parentType=un,Nn)return null}return s.src.slice(s.bMarks[w]+s.tShift[w],s.eMarks[w]+1)}let Ve=s.src.slice(V,z+1);z=Ve.length;let ut=-1;for(V=1;V<z;V++){const w=Ve.charCodeAt(V);if(91===w)return!1;if(93===w){ut=V;break}if(10===w){const K=De(Ce);null!==K&&(Ve+=K,z=Ve.length,Ce++)}else if(92===w&&(V++,V<z&&10===Ve.charCodeAt(V))){const K=De(Ce);null!==K&&(Ve+=K,z=Ve.length,Ce++)}}if(ut<0||58!==Ve.charCodeAt(ut+1))return!1;for(V=ut+2;V<z;V++){const w=Ve.charCodeAt(V);if(10===w){const K=De(Ce);null!==K&&(Ve+=K,z=Ve.length,Ce++)}else if(!yn(w))break}const Bt=s.md.helpers.parseLinkDestination(Ve,V,z);if(!Bt.ok)return!1;const Ut=s.md.normalizeLink(Bt.str);if(!s.md.validateLink(Ut))return!1;V=Bt.pos;const _n=V,qt=Ce,p=V;for(;V<z;V++){const w=Ve.charCodeAt(V);if(10===w){const K=De(Ce);null!==K&&(Ve+=K,z=Ve.length,Ce++)}else if(!yn(w))break}let E,y=s.md.helpers.parseLinkTitle(Ve,V,z);for(;y.can_continue;){const w=De(Ce);if(null===w)break;Ve+=w,V=z,z=Ve.length,Ce++,y=s.md.helpers.parseLinkTitle(Ve,V,z,y)}for(V<z&&p!==V&&y.ok?(E=y.str,V=y.pos):(E="",V=_n,Ce=qt);V<z&&yn(Ve.charCodeAt(V));)V++;if(V<z&&10!==Ve.charCodeAt(V)&&E)for(E="",V=_n,Ce=qt;V<z&&yn(Ve.charCodeAt(V));)V++;if(V<z&&10!==Ve.charCodeAt(V))return!1;const _=et(Ve.slice(1,ut));return!!_&&(B||(typeof s.env.references>"u"&&(s.env.references={}),typeof s.env.references[_]>"u"&&(s.env.references[_]={title:E,href:Ut}),s.line=Ce),!0)}],["html_block",function xr(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4||!s.md.options.html||60!==s.src.charCodeAt(V))return!1;let Ce=s.src.slice(V,z),De=0;for(;De<Gn.length&&!Gn[De][0].test(Ce);De++);if(De===Gn.length)return!1;if(B)return Gn[De][2];let Ve=h+1;if(!Gn[De][1].test(Ce))for(;Ve<M&&!(s.sCount[Ve]<s.blkIndent);Ve++)if(V=s.bMarks[Ve]+s.tShift[Ve],z=s.eMarks[Ve],Ce=s.src.slice(V,z),Gn[De][1].test(Ce)){0!==Ce.length&&Ve++;break}s.line=Ve;const ut=s.push("html_block","",0);return ut.map=[h,Ve],ut.content=s.getLines(h,Ve,s.blkIndent,!0),!0},["paragraph","reference","blockquote"]],["heading",function rr(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4)return!1;let Ce=s.src.charCodeAt(V);if(35!==Ce||V>=z)return!1;let De=1;for(Ce=s.src.charCodeAt(++V);35===Ce&&V<z&&De<=6;)De++,Ce=s.src.charCodeAt(++V);if(De>6||V<z&&!yn(Ce))return!1;if(B)return!0;z=s.skipSpacesBack(z,V);const Ve=s.skipCharsBack(z,35,V);Ve>V&&yn(s.src.charCodeAt(Ve-1))&&(z=Ve),s.line=h+1;const ut=s.push("heading_open","h"+String(De),1);ut.markup="########".slice(0,De),ut.map=[h,s.line];const Bt=s.push("inline","",0);return Bt.content=s.src.slice(V,z).trim(),Bt.map=[h,s.line],Bt.children=[],s.push("heading_close","h"+String(De),-1).markup="########".slice(0,De),!0},["paragraph","reference","blockquote"]],["lheading",function qo(s,h,M){const B=s.md.block.ruler.getRules("paragraph");if(s.sCount[h]-s.blkIndent>=4)return!1;const V=s.parentType;s.parentType="paragraph";let Ce,z=0,De=h+1;for(;De<M&&!s.isEmpty(De);De++){if(s.sCount[De]-s.blkIndent>3)continue;if(s.sCount[De]>=s.blkIndent){let qt=s.bMarks[De]+s.tShift[De];const p=s.eMarks[De];if(qt<p&&(Ce=s.src.charCodeAt(qt),(45===Ce||61===Ce)&&(qt=s.skipChars(qt,Ce),qt=s.skipSpaces(qt),qt>=p))){z=61===Ce?1:2;break}}if(s.sCount[De]<0)continue;let _n=!1;for(let qt=0,p=B.length;qt<p;qt++)if(B[qt](s,De,M,!0)){_n=!0;break}if(_n)break}if(!z)return!1;const Ve=s.getLines(h,De,s.blkIndent,!1).trim();s.line=De+1;const ut=s.push("heading_open","h"+String(z),1);ut.markup=String.fromCharCode(Ce),ut.map=[h,s.line];const Bt=s.push("inline","",0);return Bt.content=Ve,Bt.map=[h,s.line-1],Bt.children=[],s.push("heading_close","h"+String(z),-1).markup=String.fromCharCode(Ce),s.parentType=V,!0}],["paragraph",function no(s,h,M){const B=s.md.block.ruler.getRules("paragraph"),V=s.parentType;let z=h+1;for(s.parentType="paragraph";z<M&&!s.isEmpty(z);z++){if(s.sCount[z]-s.blkIndent>3||s.sCount[z]<0)continue;let ut=!1;for(let Bt=0,Ut=B.length;Bt<Ut;Bt++)if(B[Bt](s,z,M,!0)){ut=!0;break}if(ut)break}const Ce=s.getLines(h,z,s.blkIndent,!1).trim();s.line=z,s.push("paragraph_open","p",1).map=[h,s.line];const Ve=s.push("inline","",0);return Ve.content=Ce,Ve.map=[h,s.line],Ve.children=[],s.push("paragraph_close","p",-1),s.parentType=V,!0}]];function vo(){this.ruler=new en;for(let s=0;s<Xi.length;s++)this.ruler.push(Xi[s][0],Xi[s][1],{alt:(Xi[s][2]||[]).slice()})}vo.prototype.tokenize=function(s,h,M){const B=this.ruler.getRules(""),V=B.length,z=s.md.options.maxNesting;let Ce=h,De=!1;for(;Ce<M&&(s.line=Ce=s.skipEmptyLines(Ce),!(Ce>=M||s.sCount[Ce]<s.blkIndent));){if(s.level>=z){s.line=M;break}const Ve=s.line;let ut=!1;for(let Bt=0;Bt<V;Bt++)if(ut=B[Bt](s,Ce,M,!1),ut){if(Ve>=s.line)throw new Error("block rule didn't increment state.line");break}if(!ut)throw new Error("none of the block rules matched");s.tight=!De,s.isEmpty(s.line-1)&&(De=!0),Ce=s.line,Ce<M&&s.isEmpty(Ce)&&(De=!0,Ce++,s.line=Ce)}},vo.prototype.parse=function(s,h,M,B){if(!s)return;const V=new this.State(s,h,M,B);this.tokenize(V,V.line,V.lineMax)},vo.prototype.State=Wo;const To=vo;function Oi(s,h,M,B){this.src=s,this.env=M,this.md=h,this.tokens=B,this.tokens_meta=Array(B.length),this.pos=0,this.posMax=this.src.length,this.level=0,this.pending="",this.pendingLevel=0,this.cache={},this.delimiters=[],this._prev_delimiters=[],this.backticks={},this.backticksScanned=!1,this.linkLevel=0}Oi.prototype.pushPending=function(){const s=new fn("text","",0);return s.content=this.pending,s.level=this.pendingLevel,this.tokens.push(s),this.pending="",s},Oi.prototype.push=function(s,h,M){this.pending&&this.pushPending();const B=new fn(s,h,M);let V=null;return M<0&&(this.level--,this.delimiters=this._prev_delimiters.pop()),B.level=this.level,M>0&&(this.level++,this._prev_delimiters.push(this.delimiters),this.delimiters=[],V={delimiters:this.delimiters}),this.pendingLevel=this.level,this.tokens.push(B),this.tokens_meta.push(V),B},Oi.prototype.scanDelims=function(s,h){const M=this.posMax,B=this.src.charCodeAt(s),V=s>0?this.src.charCodeAt(s-1):32;let z=s;for(;z<M&&this.src.charCodeAt(z)===B;)z++;const Ce=z-s,De=z<M?this.src.charCodeAt(z):32,Ve=$e(V)||Ee(String.fromCharCode(V)),ut=$e(De)||Ee(String.fromCharCode(De)),Bt=Li(V),Ut=Li(De),_n=!Ut&&(!ut||Bt||Ve),qt=!Bt&&(!Ve||Ut||ut);return{can_open:_n&&(h||!qt||Ve),can_close:qt&&(h||!_n||ut),length:Ce}},Oi.prototype.Token=fn;const Nr=Oi;function ro(s){switch(s){case 10:case 33:case 35:case 36:case 37:case 38:case 42:case 43:case 45:case 58:case 60:case 61:case 62:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 125:case 126:return!0;default:return!1}}const v=/(?:^|[^a-z0-9.+-])([a-z][a-z0-9.+-]*)$/i,re=[];for(let s=0;s<256;s++)re.push(0);function Ct(s,h){let M;const B=[],V=h.length;for(let z=0;z<V;z++){const Ce=h[z];if(126!==Ce.marker||-1===Ce.end)continue;const De=h[Ce.end];M=s.tokens[Ce.token],M.type="s_open",M.tag="s",M.nesting=1,M.markup="~~",M.content="",M=s.tokens[De.token],M.type="s_close",M.tag="s",M.nesting=-1,M.markup="~~",M.content="","text"===s.tokens[De.token-1].type&&"~"===s.tokens[De.token-1].content&&B.push(De.token-1)}for(;B.length;){const z=B.pop();let Ce=z+1;for(;Ce<s.tokens.length&&"s_close"===s.tokens[Ce].type;)Ce++;Ce--,z!==Ce&&(M=s.tokens[Ce],s.tokens[Ce]=s.tokens[z],s.tokens[z]=M)}}"\\!\"#$%&'()*+,./:;<=>?@[]^_`{|}~-".split("").forEach(function(s){re[s.charCodeAt(0)]=1});const Cn={tokenize:function dt(s,h){const B=s.src.charCodeAt(s.pos);if(h||126!==B)return!1;const V=s.scanDelims(s.pos,!0);let z=V.length;const Ce=String.fromCharCode(B);if(z<2)return!1;let De;z%2&&(De=s.push("text","",0),De.content=Ce,z--);for(let Ve=0;Ve<z;Ve+=2)De=s.push("text","",0),De.content=Ce+Ce,s.delimiters.push({marker:B,length:0,token:s.tokens.length-1,end:-1,open:V.can_open,close:V.can_close});return s.pos+=V.length,!0},postProcess:function kt(s){const h=s.tokens_meta,M=s.tokens_meta.length;Ct(s,s.delimiters);for(let B=0;B<M;B++)h[B]&&h[B].delimiters&&Ct(s,h[B].delimiters)}};function ti(s,h){for(let B=h.length-1;B>=0;B--){const V=h[B];if(95!==V.marker&&42!==V.marker||-1===V.end)continue;const z=h[V.end],Ce=B>0&&h[B-1].end===V.end+1&&h[B-1].marker===V.marker&&h[B-1].token===V.token-1&&h[V.end+1].token===z.token+1,De=String.fromCharCode(V.marker),Ve=s.tokens[V.token];Ve.type=Ce?"strong_open":"em_open",Ve.tag=Ce?"strong":"em",Ve.nesting=1,Ve.markup=Ce?De+De:De,Ve.content="";const ut=s.tokens[z.token];ut.type=Ce?"strong_close":"em_close",ut.tag=Ce?"strong":"em",ut.nesting=-1,ut.markup=Ce?De+De:De,ut.content="",Ce&&(s.tokens[h[B-1].token].content="",s.tokens[h[V.end+1].token].content="",B--)}}const vn={tokenize:function In(s,h){const B=s.src.charCodeAt(s.pos);if(h||95!==B&&42!==B)return!1;const V=s.scanDelims(s.pos,42===B);for(let z=0;z<V.length;z++)s.push("text","",0).content=String.fromCharCode(B),s.delimiters.push({marker:B,length:V.length,token:s.tokens.length-1,end:-1,open:V.can_open,close:V.can_close});return s.pos+=V.length,!0},postProcess:function Yn(s){const h=s.tokens_meta,M=s.tokens_meta.length;ti(s,s.delimiters);for(let B=0;B<M;B++)h[B]&&h[B].delimiters&&ti(s,h[B].delimiters)}},P=/^([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/,I=/^([a-zA-Z][a-zA-Z0-9+.-]{1,31}):([^<>\x00-\x20]*)$/,si=/^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i,fo=/^&([a-z][a-z0-9]{1,31});/i;function yo(s){const h={},M=s.length;if(!M)return;let B=0,V=-2;const z=[];for(let Ce=0;Ce<M;Ce++){const De=s[Ce];if(z.push(0),(s[B].marker!==De.marker||V!==De.token-1)&&(B=Ce),V=De.token,De.length=De.length||0,!De.close)continue;h.hasOwnProperty(De.marker)||(h[De.marker]=[-1,-1,-1,-1,-1,-1]);const Ve=h[De.marker][(De.open?3:0)+De.length%3];let ut=B-z[B]-1,Bt=ut;for(;ut>Ve;ut-=z[ut]+1){const Ut=s[ut];if(Ut.marker===De.marker&&Ut.open&&Ut.end<0){let _n=!1;if((Ut.close||De.open)&&(Ut.length+De.length)%3==0&&(Ut.length%3!=0||De.length%3!=0)&&(_n=!0),!_n){const qt=ut>0&&!s[ut-1].open?z[ut-1]+1:0;z[Ce]=Ce-ut+qt,z[ut]=qt,De.open=!1,Ut.end=Ce,Ut.close=!1,Bt=-1,V=-2;break}}}-1!==Bt&&(h[De.marker][(De.open?3:0)+(De.length||0)%3]=Bt)}}const Eo=[["text",function _e(s,h){let M=s.pos;for(;M<s.posMax&&!ro(s.src.charCodeAt(M));)M++;return M!==s.pos&&(h||(s.pending+=s.src.slice(s.pos,M)),s.pos=M,!0)}],["linkify",function T(s,h){if(!s.md.options.linkify||s.linkLevel>0)return!1;const M=s.pos;if(M+3>s.posMax||58!==s.src.charCodeAt(M)||47!==s.src.charCodeAt(M+1)||47!==s.src.charCodeAt(M+2))return!1;const V=s.pending.match(v);if(!V)return!1;const z=V[1],Ce=s.md.linkify.matchAtStart(s.src.slice(M-z.length));if(!Ce)return!1;let De=Ce.url;if(De.length<=z.length)return!1;De=De.replace(/\*+$/,"");const Ve=s.md.normalizeLink(De);if(!s.md.validateLink(Ve))return!1;if(!h){s.pending=s.pending.slice(0,-z.length);const ut=s.push("link_open","a",1);ut.attrs=[["href",Ve]],ut.markup="linkify",ut.info="auto",s.push("text","",0).content=s.md.normalizeLinkText(De);const Ut=s.push("link_close","a",-1);Ut.markup="linkify",Ut.info="auto"}return s.pos+=De.length-z.length,!0}],["newline",function L(s,h){let M=s.pos;if(10!==s.src.charCodeAt(M))return!1;const B=s.pending.length-1,V=s.posMax;if(!h)if(B>=0&&32===s.pending.charCodeAt(B))if(B>=1&&32===s.pending.charCodeAt(B-1)){let z=B-1;for(;z>=1&&32===s.pending.charCodeAt(z-1);)z--;s.pending=s.pending.slice(0,z),s.push("hardbreak","br",0)}else s.pending=s.pending.slice(0,-1),s.push("softbreak","br",0);else s.push("softbreak","br",0);for(M++;M<V&&yn(s.src.charCodeAt(M));)M++;return s.pos=M,!0}],["escape",function Se(s,h){let M=s.pos;const B=s.posMax;if(92!==s.src.charCodeAt(M)||(M++,M>=B))return!1;let V=s.src.charCodeAt(M);if(10===V){for(h||s.push("hardbreak","br",0),M++;M<B&&(V=s.src.charCodeAt(M),yn(V));)M++;return s.pos=M,!0}let z=s.src[M];if(V>=55296&&V<=56319&&M+1<B){const De=s.src.charCodeAt(M+1);De>=56320&&De<=57343&&(z+=s.src[M+1],M++)}const Ce="\\"+z;if(!h){const De=s.push("text_special","",0);De.content=V<256&&0!==re[V]?z:Ce,De.markup=Ce,De.info="escape"}return s.pos=M+1,!0}],["backticks",function ot(s,h){let M=s.pos;if(96!==s.src.charCodeAt(M))return!1;const V=M;M++;const z=s.posMax;for(;M<z&&96===s.src.charCodeAt(M);)M++;const Ce=s.src.slice(V,M),De=Ce.length;if(s.backticksScanned&&(s.backticks[De]||0)<=V)return h||(s.pending+=Ce),s.pos+=De,!0;let ut,Ve=M;for(;-1!==(ut=s.src.indexOf("`",Ve));){for(Ve=ut+1;Ve<z&&96===s.src.charCodeAt(Ve);)Ve++;const Bt=Ve-ut;if(Bt===De){if(!h){const Ut=s.push("code_inline","code",0);Ut.markup=Ce,Ut.content=s.src.slice(M,ut).replace(/\n/g," ").replace(/^ (.+) $/,"$1")}return s.pos=Ve,!0}s.backticks[Bt]=ut}return s.backticksScanned=!0,h||(s.pending+=Ce),s.pos+=De,!0}],["strikethrough",Cn.tokenize],["emphasis",vn.tokenize],["link",function zn(s,h){let M,B,V,z,Ce="",De="",Ve=s.pos,ut=!0;if(91!==s.src.charCodeAt(s.pos))return!1;const Bt=s.pos,Ut=s.posMax,_n=s.pos+1,qt=s.md.helpers.parseLinkLabel(s,s.pos,!0);if(qt<0)return!1;let p=qt+1;if(p<Ut&&40===s.src.charCodeAt(p)){for(ut=!1,p++;p<Ut&&(M=s.src.charCodeAt(p),yn(M)||10===M);p++);if(p>=Ut)return!1;if(Ve=p,V=s.md.helpers.parseLinkDestination(s.src,p,s.posMax),V.ok){for(Ce=s.md.normalizeLink(V.str),s.md.validateLink(Ce)?p=V.pos:Ce="",Ve=p;p<Ut&&(M=s.src.charCodeAt(p),yn(M)||10===M);p++);if(V=s.md.helpers.parseLinkTitle(s.src,p,s.posMax),p<Ut&&Ve!==p&&V.ok)for(De=V.str,p=V.pos;p<Ut&&(M=s.src.charCodeAt(p),yn(M)||10===M);p++);}(p>=Ut||41!==s.src.charCodeAt(p))&&(ut=!0),p++}if(ut){if(typeof s.env.references>"u")return!1;if(p<Ut&&91===s.src.charCodeAt(p)?(Ve=p+1,p=s.md.helpers.parseLinkLabel(s,p),p>=0?B=s.src.slice(Ve,p++):p=qt+1):p=qt+1,B||(B=s.src.slice(_n,qt)),z=s.env.references[et(B)],!z)return s.pos=Bt,!1;Ce=z.href,De=z.title}if(!h){s.pos=_n,s.posMax=qt;const E=[["href",Ce]];s.push("link_open","a",1).attrs=E,De&&E.push(["title",De]),s.linkLevel++,s.md.inline.tokenize(s),s.linkLevel--,s.push("link_close","a",-1)}return s.pos=p,s.posMax=Ut,!0}],["image",function Bi(s,h){let M,B,V,z,Ce,De,Ve,ut,Bt="";const Ut=s.pos,_n=s.posMax;if(33!==s.src.charCodeAt(s.pos)||91!==s.src.charCodeAt(s.pos+1))return!1;const qt=s.pos+2,p=s.md.helpers.parseLinkLabel(s,s.pos+1,!1);if(p<0)return!1;if(z=p+1,z<_n&&40===s.src.charCodeAt(z)){for(z++;z<_n&&(M=s.src.charCodeAt(z),yn(M)||10===M);z++);if(z>=_n)return!1;for(ut=z,De=s.md.helpers.parseLinkDestination(s.src,z,s.posMax),De.ok&&(Bt=s.md.normalizeLink(De.str),s.md.validateLink(Bt)?z=De.pos:Bt=""),ut=z;z<_n&&(M=s.src.charCodeAt(z),yn(M)||10===M);z++);if(De=s.md.helpers.parseLinkTitle(s.src,z,s.posMax),z<_n&&ut!==z&&De.ok)for(Ve=De.str,z=De.pos;z<_n&&(M=s.src.charCodeAt(z),yn(M)||10===M);z++);else Ve="";if(z>=_n||41!==s.src.charCodeAt(z))return s.pos=Ut,!1;z++}else{if(typeof s.env.references>"u")return!1;if(z<_n&&91===s.src.charCodeAt(z)?(ut=z+1,z=s.md.helpers.parseLinkLabel(s,z),z>=0?V=s.src.slice(ut,z++):z=p+1):z=p+1,V||(V=s.src.slice(qt,p)),Ce=s.env.references[et(V)],!Ce)return s.pos=Ut,!1;Bt=Ce.href,Ve=Ce.title}if(!h){B=s.src.slice(qt,p);const y=[];s.md.inline.parse(B,s.md,s.env,y);const E=s.push("image","img",0),_=[["src",Bt],["alt",""]];E.attrs=_,E.children=y,E.content=B,Ve&&_.push(["title",Ve])}return s.pos=z,s.posMax=_n,!0}],["autolink",function fe(s,h){let M=s.pos;if(60!==s.src.charCodeAt(M))return!1;const B=s.pos,V=s.posMax;for(;;){if(++M>=V)return!1;const Ce=s.src.charCodeAt(M);if(60===Ce)return!1;if(62===Ce)break}const z=s.src.slice(B+1,M);if(I.test(z)){const Ce=s.md.normalizeLink(z);if(!s.md.validateLink(Ce))return!1;if(!h){const De=s.push("link_open","a",1);De.attrs=[["href",Ce]],De.markup="autolink",De.info="auto",s.push("text","",0).content=s.md.normalizeLinkText(z);const ut=s.push("link_close","a",-1);ut.markup="autolink",ut.info="auto"}return s.pos+=z.length+2,!0}if(P.test(z)){const Ce=s.md.normalizeLink("mailto:"+z);if(!s.md.validateLink(Ce))return!1;if(!h){const De=s.push("link_open","a",1);De.attrs=[["href",Ce]],De.markup="autolink",De.info="auto",s.push("text","",0).content=s.md.normalizeLinkText(z);const ut=s.push("link_close","a",-1);ut.markup="autolink",ut.info="auto"}return s.pos+=z.length+2,!0}return!1}],["html_inline",function xn(s,h){if(!s.md.options.html)return!1;const M=s.posMax,B=s.pos;if(60!==s.src.charCodeAt(B)||B+2>=M)return!1;const V=s.src.charCodeAt(B+1);if(33!==V&&63!==V&&47!==V&&!function Gt(s){const h=32|s;return h>=97&&h<=122}(V))return!1;const z=s.src.slice(B).match(co);if(!z)return!1;if(!h){const Ce=s.push("html_inline","",0);Ce.content=z[0],function A(s){return/^<a[>\s]/i.test(s)}(Ce.content)&&s.linkLevel++,function Ie(s){return/^<\/a\s*>/i.test(s)}(Ce.content)&&s.linkLevel--}return s.pos+=z[0].length,!0}],["entity",function Yi(s,h){const M=s.pos,B=s.posMax;if(38!==s.src.charCodeAt(M)||M+1>=B)return!1;if(35===s.src.charCodeAt(M+1)){const z=s.src.slice(M).match(si);if(z){if(!h){const Ce="x"===z[1][0].toLowerCase()?parseInt(z[1].slice(1),16):parseInt(z[1],10),De=s.push("text_special","",0);De.content=He(Ce)?pt(Ce):pt(65533),De.markup=z[0],De.info="entity"}return s.pos+=z[0].length,!0}}else{const z=s.src.slice(M).match(fo);if(z){const Ce=ae(z[0]);if(Ce!==z[0]){if(!h){const De=s.push("text_special","",0);De.content=Ce,De.markup=z[0],De.info="entity"}return s.pos+=z[0].length,!0}}}return!1}]],br=[["balance_pairs",function po(s){const h=s.tokens_meta,M=s.tokens_meta.length;yo(s.delimiters);for(let B=0;B<M;B++)h[B]&&h[B].delimiters&&yo(h[B].delimiters)}],["strikethrough",Cn.postProcess],["emphasis",vn.postProcess],["fragments_join",function so(s){let h,M,B=0;const V=s.tokens,z=s.tokens.length;for(h=M=0;h<z;h++)V[h].nesting<0&&B--,V[h].level=B,V[h].nesting>0&&B++,"text"===V[h].type&&h+1<z&&"text"===V[h+1].type?V[h+1].content=V[h].content+V[h+1].content:(h!==M&&(V[M]=V[h]),M++);h!==M&&(V.length=M)}]];function cn(){this.ruler=new en;for(let s=0;s<Eo.length;s++)this.ruler.push(Eo[s][0],Eo[s][1]);this.ruler2=new en;for(let s=0;s<br.length;s++)this.ruler2.push(br[s][0],br[s][1])}cn.prototype.skipToken=function(s){const h=s.pos,M=this.ruler.getRules(""),B=M.length,V=s.md.options.maxNesting,z=s.cache;if(typeof z[h]<"u")return void(s.pos=z[h]);let Ce=!1;if(s.level<V){for(let De=0;De<B;De++)if(s.level++,Ce=M[De](s,!0),s.level--,Ce){if(h>=s.pos)throw new Error("inline rule didn't increment state.pos");break}}else s.pos=s.posMax;Ce||s.pos++,z[h]=s.pos},cn.prototype.tokenize=function(s){const h=this.ruler.getRules(""),M=h.length,B=s.posMax,V=s.md.options.maxNesting;for(;s.pos<B;){const z=s.pos;let Ce=!1;if(s.level<V)for(let De=0;De<M;De++)if(Ce=h[De](s,!1),Ce){if(z>=s.pos)throw new Error("inline rule didn't increment state.pos");break}if(Ce){if(s.pos>=B)break}else s.pending+=s.src[s.pos++]}s.pending&&s.pushPending()},cn.prototype.parse=function(s,h,M,B){const V=new this.State(s,h,M,B);this.tokenize(V);const z=this.ruler2.getRules(""),Ce=z.length;for(let De=0;De<Ce;De++)z[De](V)},cn.prototype.State=Nr;const An=cn;function Zn(s){return Array.prototype.slice.call(arguments,1).forEach(function(M){M&&Object.keys(M).forEach(function(B){s[B]=M[B]})}),s}function Si(s){return Object.prototype.toString.call(s)}function Ai(s){return"[object Function]"===Si(s)}function gr(s){return s.replace(/[.?*+^$[\]\\(){}|-]/g,"\\$&")}const sr={fuzzyLink:!0,fuzzyEmail:!0,fuzzyIP:!1},Ao={"http:":{validate:function(s,h,M){const B=s.slice(h);return M.re.http||(M.re.http=new RegExp("^\\/\\/"+M.re.src_auth+M.re.src_host_port_strict+M.re.src_path,"i")),M.re.http.test(B)?B.match(M.re.http)[0].length:0}},"https:":"http:","ftp:":"http:","//":{validate:function(s,h,M){const B=s.slice(h);return M.re.no_http||(M.re.no_http=new RegExp("^"+M.re.src_auth+"(?:localhost|(?:(?:"+M.re.src_domain+")\\.)+"+M.re.src_domain_root+")"+M.re.src_port+M.re.src_host_terminator+M.re.src_path,"i")),M.re.no_http.test(B)?h>=3&&":"===s[h-3]||h>=3&&"/"===s[h-3]?0:B.match(M.re.no_http)[0].length:0}},"mailto:":{validate:function(s,h,M){const B=s.slice(h);return M.re.mailto||(M.re.mailto=new RegExp("^"+M.re.src_email_name+"@"+M.re.src_host_strict,"i")),M.re.mailto.test(B)?B.match(M.re.mailto)[0].length:0}}},No="a[cdefgilmnoqrstuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrstuvwxyz]|n[acefgilopruz]|om|p[aefghklmnrstwy]|qa|r[eosuw]|s[abcdeghijklmnortuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]",Dr="biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|\u0440\u0444".split("|");function Fr(s){const h=s.re=function En(s){const h={};s=s||{},h.src_Any=Pt.source,h.src_Cc=mt.source,h.src_Z=H.source,h.src_P=Tt.source,h.src_ZPCc=[h.src_Z,h.src_P,h.src_Cc].join("|"),h.src_ZCc=[h.src_Z,h.src_Cc].join("|");return h.src_pseudo_letter="(?:(?![><\uff5c]|"+h.src_ZPCc+")"+h.src_Any+")",h.src_ip4="(?:(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)",h.src_auth="(?:(?:(?!"+h.src_ZCc+"|[@/\\[\\]()]).)+@)?",h.src_port="(?::(?:6(?:[0-4]\\d{3}|5(?:[0-4]\\d{2}|5(?:[0-2]\\d|3[0-5])))|[1-5]?\\d{1,4}))?",h.src_host_terminator="(?=$|[><\uff5c]|"+h.src_ZPCc+")(?!"+(s["---"]?"-(?!--)|":"-|")+"_|:\\d|\\.-|\\.(?!$|"+h.src_ZPCc+"))",h.src_path="(?:[/?#](?:(?!"+h.src_ZCc+"|[><\uff5c]|[()[\\]{}.,\"'?!\\-;]).|\\[(?:(?!"+h.src_ZCc+"|\\]).)*\\]|\\((?:(?!"+h.src_ZCc+"|[)]).)*\\)|\\{(?:(?!"+h.src_ZCc+'|[}]).)*\\}|\\"(?:(?!'+h.src_ZCc+'|["]).)+\\"|\\\'(?:(?!'+h.src_ZCc+"|[']).)+\\'|\\'(?="+h.src_pseudo_letter+"|[-])|\\.{2,}[a-zA-Z0-9%/&]|\\.(?!"+h.src_ZCc+"|[.]|$)|"+(s["---"]?"\\-(?!--(?:[^-]|$))(?:-*)|":"\\-+|")+",(?!"+h.src_ZCc+"|$)|;(?!"+h.src_ZCc+"|$)|\\!+(?!"+h.src_ZCc+"|[!]|$)|\\?(?!"+h.src_ZCc+"|[?]|$))+|\\/)?",h.src_email_name='[\\-;:&=\\+\\$,\\.a-zA-Z0-9_][\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]*',h.src_xn="xn--[a-z0-9\\-]{1,59}",h.src_domain_root="(?:"+h.src_xn+"|"+h.src_pseudo_letter+"{1,63})",h.src_domain="(?:"+h.src_xn+"|(?:"+h.src_pseudo_letter+")|(?:"+h.src_pseudo_letter+"(?:-|"+h.src_pseudo_letter+"){0,61}"+h.src_pseudo_letter+"))",h.src_host="(?:(?:(?:(?:"+h.src_domain+")\\.)*"+h.src_domain+"))",h.tpl_host_fuzzy="(?:"+h.src_ip4+"|(?:(?:(?:"+h.src_domain+")\\.)+(?:%TLDS%)))",h.tpl_host_no_ip_fuzzy="(?:(?:(?:"+h.src_domain+")\\.)+(?:%TLDS%))",h.src_host_strict=h.src_host+h.src_host_terminator,h.tpl_host_fuzzy_strict=h.tpl_host_fuzzy+h.src_host_terminator,h.src_host_port_strict=h.src_host+h.src_port+h.src_host_terminator,h.tpl_host_port_fuzzy_strict=h.tpl_host_fuzzy+h.src_port+h.src_host_terminator,h.tpl_host_port_no_ip_fuzzy_strict=h.tpl_host_no_ip_fuzzy+h.src_port+h.src_host_terminator,h.tpl_host_fuzzy_test="localhost|www\\.|\\.\\d{1,3}\\.|(?:\\.(?:%TLDS%)(?:"+h.src_ZPCc+"|>|$))",h.tpl_email_fuzzy='(^|[><\uff5c]|"|\\(|'+h.src_ZCc+")("+h.src_email_name+"@"+h.tpl_host_fuzzy_strict+")",h.tpl_link_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+h.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+h.tpl_host_port_fuzzy_strict+h.src_path+")",h.tpl_link_no_ip_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+h.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+h.tpl_host_port_no_ip_fuzzy_strict+h.src_path+")",h}(s.__opts__),M=s.__tlds__.slice();function B(De){return De.replace("%TLDS%",h.src_tlds)}s.onCompile(),s.__tlds_replaced__||M.push(No),M.push(h.src_xn),h.src_tlds=M.join("|"),h.email_fuzzy=RegExp(B(h.tpl_email_fuzzy),"i"),h.link_fuzzy=RegExp(B(h.tpl_link_fuzzy),"i"),h.link_no_ip_fuzzy=RegExp(B(h.tpl_link_no_ip_fuzzy),"i"),h.host_fuzzy_test=RegExp(B(h.tpl_host_fuzzy_test),"i");const V=[];function z(De,Ve){throw new Error('(LinkifyIt) Invalid schema "'+De+'": '+Ve)}s.__compiled__={},Object.keys(s.__schemas__).forEach(function(De){const Ve=s.__schemas__[De];if(null===Ve)return;const ut={validate:null,link:null};if(s.__compiled__[De]=ut,function Ji(s){return"[object Object]"===Si(s)}(Ve))return function So(s){return"[object RegExp]"===Si(s)}(Ve.validate)?ut.validate=function ar(s){return function(h,M){const B=h.slice(M);return s.test(B)?B.match(s)[0].length:0}}(Ve.validate):Ai(Ve.validate)?ut.validate=Ve.validate:z(De,Ve),void(Ai(Ve.normalize)?ut.normalize=Ve.normalize:Ve.normalize?z(De,Ve):ut.normalize=function(s,h){h.normalize(s)});!function Mo(s){return"[object String]"===Si(s)}(Ve)?z(De,Ve):V.push(De)}),V.forEach(function(De){s.__compiled__[s.__schemas__[De]]&&(s.__compiled__[De].validate=s.__compiled__[s.__schemas__[De]].validate,s.__compiled__[De].normalize=s.__compiled__[s.__schemas__[De]].normalize)}),s.__compiled__[""]={validate:null,normalize:function(s,h){h.normalize(s)}};const Ce=Object.keys(s.__compiled__).filter(function(De){return De.length>0&&s.__compiled__[De]}).map(gr).join("|");s.re.schema_test=RegExp("(^|(?!_)(?:[><\uff5c]|"+h.src_ZPCc+"))("+Ce+")","i"),s.re.schema_search=RegExp("(^|(?!_)(?:[><\uff5c]|"+h.src_ZPCc+"))("+Ce+")","ig"),s.re.schema_at_start=RegExp("^"+s.re.schema_search.source,"i"),s.re.pretest=RegExp("("+s.re.schema_test.source+")|("+s.re.host_fuzzy_test.source+")|@","i"),function Go(s){s.__index__=-1,s.__text_cache__=""}(s)}function kr(s,h){const M=s.__index__,B=s.__last_index__,V=s.__text_cache__.slice(M,B);this.schema=s.__schema__.toLowerCase(),this.index=M+h,this.lastIndex=B+h,this.raw=V,this.text=V,this.url=V}function Lr(s,h){const M=new kr(s,h);return s.__compiled__[M.schema].normalize(M,s),M}function xo(s,h){if(!(this instanceof xo))return new xo(s,h);h||function ao(s){return Object.keys(s||{}).reduce(function(h,M){return h||sr.hasOwnProperty(M)},!1)}(s)&&(h=s,s={}),this.__opts__=Zn({},sr,h),this.__index__=-1,this.__last_index__=-1,this.__schema__="",this.__text_cache__="",this.__schemas__=Zn({},Ao,s),this.__compiled__={},this.__tlds__=Dr,this.__tlds_replaced__=!1,this.re={},Fr(this)}xo.prototype.add=function(h,M){return this.__schemas__[h]=M,Fr(this),this},xo.prototype.set=function(h){return this.__opts__=Zn(this.__opts__,h),this},xo.prototype.test=function(h){if(this.__text_cache__=h,this.__index__=-1,!h.length)return!1;let M,B,V,z,Ce,De,Ve,ut,Bt;if(this.re.schema_test.test(h))for(Ve=this.re.schema_search,Ve.lastIndex=0;null!==(M=Ve.exec(h));)if(z=this.testSchemaAt(h,M[2],Ve.lastIndex),z){this.__schema__=M[2],this.__index__=M.index+M[1].length,this.__last_index__=M.index+M[0].length+z;break}return this.__opts__.fuzzyLink&&this.__compiled__["http:"]&&(ut=h.search(this.re.host_fuzzy_test),ut>=0&&(this.__index__<0||ut<this.__index__)&&null!==(B=h.match(this.__opts__.fuzzyIP?this.re.link_fuzzy:this.re.link_no_ip_fuzzy))&&(Ce=B.index+B[1].length,(this.__index__<0||Ce<this.__index__)&&(this.__schema__="",this.__index__=Ce,this.__last_index__=B.index+B[0].length))),this.__opts__.fuzzyEmail&&this.__compiled__["mailto:"]&&(Bt=h.indexOf("@"),Bt>=0&&null!==(V=h.match(this.re.email_fuzzy))&&(Ce=V.index+V[1].length,De=V.index+V[0].length,(this.__index__<0||Ce<this.__index__||Ce===this.__index__&&De>this.__last_index__)&&(this.__schema__="mailto:",this.__index__=Ce,this.__last_index__=De))),this.__index__>=0},xo.prototype.pretest=function(h){return this.re.pretest.test(h)},xo.prototype.testSchemaAt=function(h,M,B){return this.__compiled__[M.toLowerCase()]?this.__compiled__[M.toLowerCase()].validate(h,B,this):0},xo.prototype.match=function(h){const M=[];let B=0;this.__index__>=0&&this.__text_cache__===h&&(M.push(Lr(this,B)),B=this.__last_index__);let V=B?h.slice(B):h;for(;this.test(V);)M.push(Lr(this,B)),V=V.slice(this.__last_index__),B+=this.__last_index__;return M.length?M:null},xo.prototype.matchAtStart=function(h){if(this.__text_cache__=h,this.__index__=-1,!h.length)return null;const M=this.re.schema_at_start.exec(h);if(!M)return null;const B=this.testSchemaAt(h,M[2],M[0].length);return B?(this.__schema__=M[2],this.__index__=M.index+M[1].length,this.__last_index__=M.index+M[0].length+B,Lr(this,0)):null},xo.prototype.tlds=function(h,M){return h=Array.isArray(h)?h:[h],M?(this.__tlds__=this.__tlds__.concat(h).sort().filter(function(B,V,z){return B!==z[V-1]}).reverse(),Fr(this),this):(this.__tlds__=h.slice(),this.__tlds_replaced__=!0,Fr(this),this)},xo.prototype.normalize=function(h){h.schema||(h.url="http://"+h.url),"mailto:"===h.schema&&!/^mailto:/i.test(h.url)&&(h.url="mailto:"+h.url)},xo.prototype.onCompile=function(){};const ds=xo,zr=2147483647,F=/^xn--/,Fe=/[^\0-\x7F]/,O=/[\x2E\u3002\uFF0E\uFF61]/g,Te={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},At=Math.floor,rn=String.fromCharCode;function Un(s){throw new RangeError(Te[s])}function ui(s,h){const M=s.split("@");let B="";M.length>1&&(B=M[0]+"@",s=M[1]);const z=function ai(s,h){const M=[];let B=s.length;for(;B--;)M[B]=h(s[B]);return M}((s=s.replace(O,".")).split("."),h).join(".");return B+z}function Xn(s){const h=[];let M=0;const B=s.length;for(;M<B;){const V=s.charCodeAt(M++);if(V>=55296&&V<=56319&&M<B){const z=s.charCodeAt(M++);56320==(64512&z)?h.push(((1023&V)<<10)+(1023&z)+65536):(h.push(V),M--)}else h.push(V)}return h}const Ti=function(s){return s>=48&&s<58?s-48+26:s>=65&&s<91?s-65:s>=97&&s<123?s-97:36},qi=function(s,h){return s+22+75*(s<26)-((0!=h)<<5)},$o=function(s,h,M){let B=0;for(s=M?At(s/700):s>>1,s+=At(s/h);s>455;B+=36)s=At(s/35);return At(B+36*s/(s+38))},Ko=function(s){const h=[],M=s.length;let B=0,V=128,z=72,Ce=s.lastIndexOf("-");Ce<0&&(Ce=0);for(let De=0;De<Ce;++De)s.charCodeAt(De)>=128&&Un("not-basic"),h.push(s.charCodeAt(De));for(let De=Ce>0?Ce+1:0;De<M;){const Ve=B;for(let Bt=1,Ut=36;;Ut+=36){De>=M&&Un("invalid-input");const _n=Ti(s.charCodeAt(De++));_n>=36&&Un("invalid-input"),_n>At((zr-B)/Bt)&&Un("overflow"),B+=_n*Bt;const qt=Ut<=z?1:Ut>=z+26?26:Ut-z;if(_n<qt)break;const p=36-qt;Bt>At(zr/p)&&Un("overflow"),Bt*=p}const ut=h.length+1;z=$o(B-Ve,ut,0==Ve),At(B/ut)>zr-V&&Un("overflow"),V+=At(B/ut),B%=ut,h.splice(B++,0,V)}return String.fromCodePoint(...h)},er=function(s){const h=[],M=(s=Xn(s)).length;let B=128,V=0,z=72;for(const Ve of s)Ve<128&&h.push(rn(Ve));const Ce=h.length;let De=Ce;for(Ce&&h.push("-");De<M;){let Ve=zr;for(const Bt of s)Bt>=B&&Bt<Ve&&(Ve=Bt);const ut=De+1;Ve-B>At((zr-V)/ut)&&Un("overflow"),V+=(Ve-B)*ut,B=Ve;for(const Bt of s)if(Bt<B&&++V>zr&&Un("overflow"),Bt===B){let Ut=V;for(let _n=36;;_n+=36){const qt=_n<=z?1:_n>=z+26?26:_n-z;if(Ut<qt)break;const p=Ut-qt,y=36-qt;h.push(rn(qi(qt+p%y,0))),Ut=At(p/y)}h.push(rn(qi(Ut,0))),z=$o(V,ut,De===Ce),V=0,++De}++V,++B}return h.join("")},mr={version:"2.3.1",ucs2:{decode:Xn,encode:s=>String.fromCodePoint(...s)},decode:Ko,encode:er,toASCII:function(s){return ui(s,function(h){return Fe.test(h)?"xn--"+er(h):h})},toUnicode:function(s){return ui(s,function(h){return F.test(h)?Ko(h.slice(4).toLowerCase()):h})}},ps={default:{options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:100},components:{core:{},block:{},inline:{}}},zero:{options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["paragraph"]},inline:{rules:["text"],rules2:["balance_pairs","fragments_join"]}}},commonmark:{options:{html:!0,xhtmlOut:!0,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["blockquote","code","fence","heading","hr","html_block","lheading","list","reference","paragraph"]},inline:{rules:["autolink","backticks","emphasis","entity","escape","html_inline","image","link","newline","text"],rules2:["balance_pairs","emphasis","fragments_join"]}}}},Ho=/^(vbscript|javascript|file|data):/,hs=/^data:image\/(gif|png|jpeg|webp);/;function ns(s){const h=s.trim().toLowerCase();return!Ho.test(h)||hs.test(h)}const Vr=["http:","https:","mailto:"];function Fo(s){const h=Wt(s,!0);if(h.hostname&&(!h.protocol||Vr.indexOf(h.protocol)>=0))try{h.hostname=mr.toASCII(h.hostname)}catch{}return be(ee(h))}function Da(s){const h=Wt(s,!0);if(h.hostname&&(!h.protocol||Vr.indexOf(h.protocol)>=0))try{h.hostname=mr.toUnicode(h.hostname)}catch{}return ne(ee(h),ne.defaultChars+"%")}function lr(s,h){if(!(this instanceof lr))return new lr(s,h);h||rt(s)||(h=s||{},s="default"),this.inline=new An,this.block=new To,this.core=new Qi,this.renderer=new It,this.linkify=new ds,this.validateLink=ns,this.normalizeLink=Fo,this.normalizeLinkText=Da,this.utils=S,this.helpers=ge({},N),this.options={},this.configure(s),h&&this.set(h)}lr.prototype.set=function(s){return ge(this.options,s),this},lr.prototype.configure=function(s){const h=this;if(rt(s)){const M=s;if(!(s=ps[M]))throw new Error('Wrong `markdown-it` preset "'+M+'", check name')}if(!s)throw new Error("Wrong `markdown-it` preset, can't be empty");return s.options&&h.set(s.options),s.components&&Object.keys(s.components).forEach(function(M){s.components[M].rules&&h[M].ruler.enableOnly(s.components[M].rules),s.components[M].rules2&&h[M].ruler2.enableOnly(s.components[M].rules2)}),this},lr.prototype.enable=function(s,h){let M=[];Array.isArray(s)||(s=[s]),["core","block","inline"].forEach(function(V){M=M.concat(this[V].ruler.enable(s,!0))},this),M=M.concat(this.inline.ruler2.enable(s,!0));const B=s.filter(function(V){return M.indexOf(V)<0});if(B.length&&!h)throw new Error("MarkdownIt. Failed to enable unknown rule(s): "+B);return this},lr.prototype.disable=function(s,h){let M=[];Array.isArray(s)||(s=[s]),["core","block","inline"].forEach(function(V){M=M.concat(this[V].ruler.disable(s,!0))},this),M=M.concat(this.inline.ruler2.disable(s,!0));const B=s.filter(function(V){return M.indexOf(V)<0});if(B.length&&!h)throw new Error("MarkdownIt. Failed to disable unknown rule(s): "+B);return this},lr.prototype.use=function(s){const h=[this].concat(Array.prototype.slice.call(arguments,1));return s.apply(s,h),this},lr.prototype.parse=function(s,h){if("string"!=typeof s)throw new Error("Input data should be a String");const M=new this.core.State(s,this,h);return this.core.process(M),M.tokens},lr.prototype.render=function(s,h){return this.renderer.render(this.parse(s,h=h||{}),this.options,h)},lr.prototype.parseInline=function(s,h){const M=new this.core.State(s,this,h);return M.inlineMode=!0,this.core.process(M),M.tokens},lr.prototype.renderInline=function(s,h){return this.renderer.render(this.parseInline(s,h=h||{}),this.options,h)};const Js=lr;function gs(s){return JSON.parse(JSON.stringify(s,(h,M)=>function cr(s){const h="string"==typeof s?s.trim():s;return["",NaN,null,void 0].includes(h)}(M)?void 0:M))}function Os(s){return"true"===(null==s?void 0:s.toString())}function _s(s){const h=String(s).trim();if(function ms(s){return["NaN","null","undefined"].includes(s)}(h))return null;if(function _r(s){return"true"===s||"false"===s}(h))return"true"===String(h);if(function Ss(s){return!!s.trim()&&!Number.isNaN(Number(s))&&!s.startsWith("+")}(h))return Number(h);const M=decodeURIComponent(h);try{return function Ca(s){return s.startsWith("[")&&s.endsWith("]")}(M)||function Kn(s){return s.startsWith("{")&&s.endsWith("}")}(M)?JSON.parse(M):M}catch{return M}}function Gr(s,h){if(null===s)return"null";switch(typeof s){case"string":return"'".concat(s,"'");case"undefined":case"number":case"boolean":case"function":return String(s)}return s instanceof RegExp?String(s):Array.isArray(s)?function As(s,h){if(0===h)return"[\u2026]";let M="",B=!0;for(let V=0;V<s.length;V++)B?B=!1:M+=", ",M+=V in s?Gr(s[V],h-1):"empty";return"[".concat(M,"]")}(s,h):function qs(s,h){if(0===h)return"{\u2026}";let M="",B=!0;for(const V in s)s.hasOwnProperty(V)&&(B?B=!1:M+=", ",M+="".concat(V,": ").concat(Gr(s[V],h-1)));return"{".concat(M,"}")}(s,h)}function Ps(s=""){const M=(new Js).parse(s,{}).filter(({tag:B,type:V})=>"code"===B&&"fence"===V).map(({content:B})=>B.trim());return M.length?M:[s]}function is({path:s,title:h,loadComponent:M,loadChildren:B}={}){return{path:null==s?void 0:s.replace(/^\//,""),loadComponent:M,loadChildren:B,data:{title:h},...B||""===s?{}:{children:[{path:":tab",loadComponent:M}]}}}function vs(s){return Rs.apply(this,arguments)}function Rs(){return(Rs=(0,X.A)(function*(s){return s instanceof Promise?(yield s).default:s})).apply(this,arguments)}function Ta(s){return Ns.apply(this,arguments)}function Ns(){return(Ns=(0,X.A)(function*(s){const h={};for(const[M,B]of Object.entries(s))B&&(h[M]=yield vs(B));return h})).apply(this,arguments)}function mi(s){const h=new Map;return s.forEach(M=>{"subPages"in M?M.subPages.forEach(B=>{h.set(B.title,B)}):h.set(M.title,M)}),h}const Fs={\u0430:"f",\u0431:",",\u0432:"d",\u0433:"u",\u0434:"l",\u0435:"t",\u0451:"`",\u0436:";",\u0437:"p",\u0438:"b",\u0439:"q",\u043a:"r",\u043b:"k",\u043c:"v",\u043d:"y",\u043e:"j",\u043f:"g",\u0440:"h",\u0441:"c",\u0442:"n",\u0443:"e",\u0444:"a",\u0445:"[",\u0446:"w",\u0447:"x",\u0448:"i",\u0449:"o",\u044a:"]",\u044b:"s",\u044c:"m",\u044e:".",\u044f:"z"};function ys(s){let h="";for(let M=0;M<s.length;M++)h+=s.charAt(M)in Fs?Fs[s.charAt(M)]:s.charAt(M);return h}function wo(s){const h=s.match(/<([^>]+)>/g);return(h?h.reduce((B,V)=>B.replace(V,V.replaceAll("|","&")),s).split("|").map(B=>B.trim()):s.split("|").map(B=>B.trim())).reduce((B,V)=>{var z,Ce,De,Ve,ut,Bt,Ut,_n;let qt=V.trim().replaceAll("readonly ","").replaceAll("[]","");return qt=null!==(z=null===(Ce=/ReadonlyArray<([^>]+)>/.exec(qt))||void 0===Ce||null===(Ce=Ce[1])||void 0===Ce||null===(Ce=Ce.split("&"))||void 0===Ce?void 0:Ce[0])&&void 0!==z?z:qt,qt=null!==(De=null===(Ve=/\[([^\]]+)\]/.exec(qt))||void 0===Ve||null===(Ve=Ve[1])||void 0===Ve||null===(Ve=Ve.split(","))||void 0===Ve?void 0:Ve[0])&&void 0!==De?De:qt,qt=null!==(ut=null===(Bt=null!==(Ut=null===(_n=qt.split("<"))||void 0===_n?void 0:_n[0])&&void 0!==Ut?Ut:qt)||void 0===Bt?void 0:Bt.trim())&&void 0!==ut?ut:"",qt=Number.isNaN(parseFloat(qt))?qt:"number",qt=/^'(.+)'$|^"(.+)"$|^`(.+)`$/.test(qt)?"string":qt,qt=1===qt.length?"unknown":qt,B.concat({type:V.replaceAll("&","|"),extracted:qt})},[])}},4926:(wt,ke,u)=>{u.d(ke,{Ak:()=>ne,Mx:()=>ye,XB:()=>N,bo:()=>J,mi:()=>se});var t=u(2978),c=u(4314);const S=["viewContainer"];class N{}let se=(()=>{var be;class ee{constructor(){this.injector=(0,t.WQX)(t.duS),this.nothing=(0,t.WQX)(ne).attach(this)}addComponentChild(j){const oe=j.createInjector(this.injector),Be=this.vcr.createComponent(j.component,{injector:oe});return Be.changeDetectorRef.detectChanges(),Be}addTemplateChild(j,oe){return this.vcr.createEmbeddedView(j,oe)}}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275dir=t.FsC({type:be,viewQuery:function(j,oe){if(1&j&&t.GBs(S,5,t.c1b),2&j){let Be;t.mGM(Be=t.lsd())&&(oe.vcr=Be.first)}}}),ee})(),ne=(()=>{var be;class ee{attach(j){this.host=j}add(j){return this.safeHost.addComponentChild(j)}remove({hostView:j}){j.destroyed||j.destroy()}addTemplate(j,oe){return this.safeHost.addTemplateChild(j,oe)}removeTemplate(j){j.destroyed||j.destroy()}get safeHost(){if(!this.host)throw new Q;return this.host}}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275prov=t.jDH({token:be,factory:be.\u0275fac}),ee})();function J(be){return(0,c.QU)(ne,be)}class Q extends Error{constructor(){super("")}}class ye{constructor(ee,Ae={}){this.message=ee,this.context=Ae}}},9141:(wt,ke,u)=>{u.d(ke,{BJ:()=>ye,Lo:()=>$,Np:()=>j,QE:()=>Xe,SD:()=>Me,Um:()=>_t,am:()=>oe,c:()=>Be,el:()=>xe,s_:()=>W,x7:()=>X,xQ:()=>S,z9:()=>se});var t=u(2978);const c={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0},S=new t.rOR,X=()=>{},$={...c,toJSON:()=>c},W=()=>!1,se=()=>!0,ye=(Tt,Ot)=>Tt===Ot||function ne(Tt,Ot){return Array.isArray(Tt)&&Array.isArray(Ot)&&!Tt.length&&!Ot.length}(Tt,Ot),j={acceptNode:Tt=>"ownerSVGElement"in Tt?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},oe="\xa0",Be="\u2013",Me="-",xe="\u2212",Xe="+",_t="\u200b"},6548:(wt,ke,u)=>{u.d(ke,{GG:()=>xe,Xv:()=>Tt,dF:()=>Ot});var t=u(9141),c=u(712);const W=12,xe=("".concat(t.am).concat(t.c).concat(t.am),{Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6});class Ge{constructor(le){this.year=le}static isValidYear(le){return Number.isInteger(le)&&(0,c.bQ)(le,0,1e4)}static isLeapYear(le){return le%400==0||le%4==0&&le%100!=0}static getAbsoluteLeapYears(le){return Math.ceil(le/400)+(Math.ceil(le/4)-Math.ceil(le/100))}static lengthBetween(le,H){return H.year-le.year}static normalizeYearPart(le){return(0,c.fS)(le,0,9999)}get formattedYear(){return String(this.year).padStart(4,"0")}get isLeapYear(){return Ge.isLeapYear(this.year)}get absoluteLeapYears(){return Ge.getAbsoluteLeapYears(this.year)}yearBefore({year:le}){return this.year<le}yearSameOrBefore({year:le}){return this.year<=le}yearSame({year:le}){return this.year===le}yearSameOrAfter({year:le}){return this.year>=le}yearAfter({year:le}){return this.year>le}append({year:le=0}){return new Ge(this.year+le)}toString(){return this.formattedYear}valueOf(){return this.year}[Symbol.toPrimitive](le){return Date.prototype[Symbol.toPrimitive].call(this,le)}toJSON(){return this.formattedYear}}class at extends Ge{constructor(le,H){super(le),this.month=H}static isValidMonth(le,H){return Ge.isValidYear(le)&&at.isValidMonthPart(H)}static getMonthDaysCount(le,H){switch(le){case 3:case 5:case 10:case 8:return 30;case 1:return H?29:28;default:return 31}}static currentLocal(){const le=new Date;return new at(le.getFullYear(),le.getMonth())}static currentUtc(){const le=new Date;return new at(le.getUTCFullYear(),le.getUTCMonth())}static lengthBetween(le,H){return H.month+12*H.year-(le.month+12*le.year)}static normalizeMonthPart(le){return(0,c.fS)(le,0,11)}static isValidMonthPart(le){return Number.isInteger(le)&&(0,c.bQ)(le,0,12)}get formattedMonthPart(){return String(this.month+1).padStart(2,"0")}get daysCount(){return at.getMonthDaysCount(this.month,this.isLeapYear)}monthBefore(le){return this.yearBefore(le)||this.yearSame(le)&&this.month<le.month}monthSameOrBefore(le){return this.yearBefore(le)||this.yearSame(le)&&this.month<=le.month}monthSame(le){return this.yearSame(le)&&this.month===le.month}monthSameOrAfter(le){return this.yearAfter(le)||this.yearSame(le)&&this.month>=le.month}monthAfter(le){return this.yearAfter(le)||this.yearSame(le)&&this.month>le.month}append({year:le=0,month:H=0}){const ce=(this.year+le)*W+this.month+H;return new at(Math.floor(ce/W),ce%W)}toString(){return"".concat(this.formattedMonthPart,".").concat(this.formattedYear)}valueOf(){return this.toLocalNativeDate().valueOf()}toJSON(){return"".concat(super.toJSON(),"-").concat(this.formattedMonthPart)}toLocalNativeDate(){return new Date(this.year,this.month)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month))}}class tt extends at{constructor(le,H,ce){super(le,H),this.day=ce}static fromLocalNativeDate(le){return new tt(le.getFullYear(),le.getMonth(),le.getDate())}static fromUtcNativeDate(le){return new tt(le.getUTCFullYear(),le.getUTCMonth(),le.getUTCDate())}static isValidDay(le,H,ce){return at.isValidMonth(le,H)&&Number.isInteger(ce)&&(0,c.bQ)(ce,1,at.getMonthDaysCount(H,Ge.isLeapYear(le))+1)}static currentLocal(){const le=new Date,H=le.getFullYear(),ce=le.getMonth(),k=le.getDate();return new tt(H,ce,k)}static currentUtc(){const le=new Date,H=le.getUTCFullYear(),ce=le.getUTCMonth(),k=le.getUTCDate();return new tt(H,ce,k)}static normalizeOf(le,H,ce){const k=Ge.normalizeYearPart(le),Z=at.normalizeMonthPart(H),ie=tt.normalizeDayPart(ce,Z,k);return new tt(k,Z,ie)}static lengthBetween(le,H){return Math.round((H.toLocalNativeDate().getTime()-le.toLocalNativeDate().getTime())/864e5)}static parseRawDateString(le,H="DMY"){switch(H){case"MDY":return{day:parseInt(le.slice(3,5),10),month:parseInt(le.slice(0,2),10)-1,year:parseInt(le.slice(6,10),10)};case"YMD":return{day:parseInt(le.slice(8,10),10),month:parseInt(le.slice(5,7),10)-1,year:parseInt(le.slice(0,4),10)};default:return{day:parseInt(le.slice(0,2),10),month:parseInt(le.slice(3,5),10)-1,year:parseInt(le.slice(6,10),10)}}}static normalizeParse(le,H="DMY"){const{day:ce,month:k,year:Z}=this.parseRawDateString(le,H);return tt.normalizeOf(Z,k,ce)}static jsonParse(le){const{day:H,month:ce,year:k}=this.parseRawDateString(le,"YMD");if(!at.isValidMonth(k,ce)||!Number.isInteger(H)||!(0,c.bQ)(H,1,at.getMonthDaysCount(ce,Ge.isLeapYear(k))+1))throw new _t(k,ce,H);return new tt(k,ce,H)}static normalizeDayPart(le,H,ce){const k=at.getMonthDaysCount(H,Ge.isLeapYear(ce));return(0,c.fS)(le,1,k)}get formattedDayPart(){return String(this.day).padStart(2,"0")}get isWeekend(){const le=this.dayOfWeek(!1);return le===xe.Saturday||le===xe.Sunday}dayOfWeek(le=!0){const H=le?this.toLocalNativeDate().getDay()-1:this.toLocalNativeDate().getDay();return H<0?6:H}dayBefore(le){return this.monthBefore(le)||this.monthSame(le)&&this.day<le.day}daySameOrBefore(le){return this.monthBefore(le)||this.monthSame(le)&&this.day<=le.day}daySame(le){return this.monthSame(le)&&this.day===le.day}daySameOrAfter(le){return this.monthAfter(le)||this.monthSame(le)&&this.day>=le.day}dayAfter(le){return this.monthAfter(le)||this.monthSame(le)&&this.day>le.day}dayLimit(le,H){return null!==le&&this.dayBefore(le)?le:null!==H&&this.dayAfter(H)?H:this}append({year:le=0,month:H=0,day:ce=0}){const k=(this.year+le)*W+this.month+H;let Z=Math.floor(k/W),ie=k%W,de=Math.min(this.day,at.getMonthDaysCount(ie,Ge.isLeapYear(Z)))+ce;for(;de>at.getMonthDaysCount(ie,Ge.isLeapYear(Z));)de-=at.getMonthDaysCount(ie,Ge.isLeapYear(Z)),11===ie?(Z++,ie=0):ie++;for(;de<1;)0===ie?(Z--,ie=11):ie--,de+=at.getMonthDaysCount(ie,Ge.isLeapYear(Z));return new tt(Z,ie,de)}getFormattedDay(le,H){const ce=this.formattedDayPart,k=this.formattedMonthPart,Z=this.formattedYear;switch(le){case"MDY":return"".concat(k).concat(H).concat(ce).concat(H).concat(Z);case"YMD":return"".concat(Z).concat(H).concat(k).concat(H).concat(ce);default:return"".concat(ce).concat(H).concat(k).concat(H).concat(Z)}}toString(le="DMY",H="."){return this.getFormattedDay(le,H)}toJSON(){return"".concat(super.toJSON(),"-").concat(this.formattedDayPart)}toLocalNativeDate(){return new Date(this.year,this.month,this.day)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month,this.day))}}class _t extends Error{constructor(le,H,ce){super("")}}const Tt=new tt(0,0,1),Ot=new tt(9999,11,31);Symbol},6242:(wt,ke,u)=>{u.d(ke,{N:()=>be});var t=u(7270),c=u(2978),S=u(8832),N=u(4976),X=u(811),$=u(4822),W=u(4314),se=u(3527),ne=u(965),J=u(3793),Q=u(9990),ye=u(7236);let be=(()=>{var ee;class Ae{constructor(){var oe;this.control=(0,c.WQX)(S.vO,{self:!0,optional:!0}),this.active$=(0,c.WQX)(X.t9),this.zone=(0,c.WQX)(c.SKi),this.el=(0,$.qW)(),this.tuiActiveZoneParent=null,this.subActiveZones=[],this.directParentActiveZone=(0,c.WQX)(Ae,{skipSelf:!0,optional:!0}),this.tuiActiveZoneChange=this.active$.pipe((0,se.T)(Be=>!!Be&&this.contains(Be)),(0,ne.Z)(!1),(0,J.F)(),(0,Q.i)(1),(0,ye.M)(Be=>{var nt;!Be&&"function"==typeof(null===(nt=this.control)||void 0===nt?void 0:nt.valueAccessor.onTouched)&&this.control.valueAccessor.onTouched()}),(0,N.sX)(this.zone)),null===(oe=this.directParentActiveZone)||void 0===oe||oe.addSubActiveZone(this)}set tuiActiveZoneParentSetter(oe){this.setZone(oe)}ngOnDestroy(){var oe,Be;null===(oe=this.directParentActiveZone)||void 0===oe||oe.removeSubActiveZone(this),null===(Be=this.tuiActiveZoneParent)||void 0===Be||Be.removeSubActiveZone(this)}contains(oe){return this.el.contains(oe)||this.subActiveZones.some((Be,nt,Ue)=>Ue.indexOf(Be)===nt&&Be.contains(oe))}setZone(oe){var Be;null===(Be=this.tuiActiveZoneParent)||void 0===Be||Be.removeSubActiveZone(this),null==oe||oe.addSubActiveZone(this),this.tuiActiveZoneParent=oe}addSubActiveZone(oe){this.subActiveZones=[...this.subActiveZones,oe]}removeSubActiveZone(oe){this.subActiveZones=(0,W.GV)(this.subActiveZones,this.subActiveZones.indexOf(oe))}}return(ee=Ae).\u0275fac=function(oe){return new(oe||ee)},ee.\u0275dir=c.FsC({type:ee,selectors:[["","tuiActiveZone","",5,"ng-container"],["","tuiActiveZoneChange","",5,"ng-container"],["","tuiActiveZoneParent","",5,"ng-container"]],hostBindings:function(oe,Be){1&oe&&c.bIt("mousedown.silent",function(){return 0},!1,c.EBC)},inputs:{tuiActiveZoneParentSetter:["tuiActiveZoneParent","tuiActiveZoneParentSetter"]},outputs:{tuiActiveZoneChange:"tuiActiveZoneChange"},exportAs:["tuiActiveZone"],standalone:!0}),(0,t.Cg)([W.PE],Ae.prototype,"setZone",null),Ae})()},958:(wt,ke,u)=>{u.d(ke,{W:()=>W});var t=u(2978),c=u(8832),S=u(4976),N=u(4822),X=u(4314),$=u(3229);let W=(()=>{var se;class ne{constructor(){this.destroyRef=(0,t.WQX)(t.abz),this.zone=(0,t.WQX)(t.SKi),this.el=(0,N.qW)(),this.tuiNativeValidator="Invalid"}validate(Q){return this.control=Q,(0,$.O)(0).pipe((0,S.rB)(this.zone),(0,S.NK)(this.destroyRef)).subscribe(()=>this.handleValidation()),null}handleValidation(){var Q,ye,be,ee;null===(Q=(ye=this.el).setCustomValidity)||void 0===Q||Q.call(ye,null!==(be=this.control)&&void 0!==be&&be.touched&&null!==(ee=this.control)&&void 0!==ee&&ee.invalid?this.tuiNativeValidator:"")}}return(se=ne).\u0275fac=function(Q){return new(Q||se)},se.\u0275dir=t.FsC({type:se,selectors:[["","tuiNativeValidator",""]],hostBindings:function(Q,ye){1&Q&&t.bIt("focusout",function(){return ye.handleValidation()})},inputs:{tuiNativeValidator:"tuiNativeValidator"},standalone:!0,features:[t.Jv_([(0,X.QU)(c.cz,se,!0)])]}),ne})()},4976:(wt,ke,u)=>{u.d(ke,{A5:()=>tt,Eb:()=>Ht,Ew:()=>mt,MJ:()=>at,NK:()=>_t,aY:()=>xe,lD:()=>oe,rB:()=>Tt,sX:()=>Ot,xM:()=>Be});var t=u(9406),c=u(965),S=u(8129),N=u(6106),X=u(2831),$=u(8448),W=u(3527),se=u(6340),ne=u(871),J=u(4526),Q=u(2290),ye=u(7236),be=u(4929),ee=u(4314),Ae=u(7212),j=u(2978);function oe(H){return new t.c(ce=>{var k;return null==H||null===(k=H.valueChanges)||void 0===k?void 0:k.pipe((0,c.Z)(H.value)).subscribe(ce)})}function Be(H,ce,k={}){return(0,S.R)(H,ce,k)}function xe(H,ce=Boolean){return(0,N.F)((0,X.n)(k=>ce(k)?H(k):$.w))}function at(H){return H.changes.pipe((0,c.Z)(null),(0,W.T)(()=>(0,ee.fk)(H)))}function tt(H){return Be(H===H.ownerDocument.documentElement?H.ownerDocument:H,"scroll")}function _t(H){return(0,N.F)((0,se.Q)(ne.t.pipe((0,Ae.pQ)(H),(0,J.W)(()=>$.w),(0,Q.U)(null))))}function Ht(H){return(0,ye.M)(()=>H.markForCheck())}function Tt(H=(0,j.WQX)(j.SKi)){return ce=>new t.c(k=>H.runOutsideAngular(()=>ce.subscribe(k)))}function Ot(H=(0,j.WQX)(j.SKi)){return(0,N.F)(Tt(H),function Wt(H=(0,j.WQX)(j.SKi)){return ce=>new t.c(k=>ce.subscribe({next:Z=>H.run(()=>k.next(Z)),error:Z=>H.run(()=>k.error(Z)),complete:()=>H.run(()=>k.complete())}))}(H))}Error;class Pt{constructor(ce,k=be.E){this.zoneConditionFn=ce,this.scheduler=k}now(){return this.scheduler.now()}schedule(...ce){return this.zoneConditionFn(()=>this.scheduler.schedule(...ce))}}function mt(H=(0,j.WQX)(j.SKi),ce=be.E){return new Pt(H.runOutsideAngular.bind(H),ce)}},7002:(wt,ke,u)=>{u.d(ke,{XD:()=>W,bL:()=>se});var t=u(2978),c=u(4314),S=u(5173),N=u(9406),X=u(6098);let $=(()=>{var j;class oe{generate(){return"tui_".concat(oe.autoId++).concat(Date.now())}}return(j=oe).autoId=0,j.\u0275fac=function(nt){return new(nt||j)},j.\u0275prov=t.jDH({token:j,factory:j.\u0275fac,providedIn:"root"}),oe})();function W(){return(0,t.WQX)($).generate()}let se=(()=>{var j;class oe{constructor(nt,Ue,U={}){this.options=U,this.id=(0,t.WQX)($),this.component=new S.lS(Ue),this.items$=(0,t.WQX)(nt)}open(nt,Ue={}){return new N.c(U=>{const Me={...this.options,...Ue,content:nt,$implicit:U,component:this.component,createdAt:Date.now(),id:this.id.generate(),completeWith:xe=>{U.next(xe),U.complete()}};return this.items$.next([...this.items$.value,Me]),()=>{this.items$.next(this.items$.value.filter(xe=>xe!==Me))}})}}return(j=oe).\u0275fac=function(nt){t.QTQ()},j.\u0275prov=t.jDH({token:j,factory:j.\u0275fac}),oe})();(0,c.ET)(()=>{var j,oe;return null!==(j=null===(oe=(0,t.WQX)(X.W8).getTag('name="theme-color"'))||void 0===oe?void 0:oe.content)&&void 0!==j?j:""})},811:(wt,ke,u)=>{u.d(ke,{t9:()=>ce,Hs:()=>Rt,mg:()=>te,Td:()=>de,wC:()=>Re,Ld:()=>Ne,pg:()=>Le,lN:()=>sn,Q_:()=>Ln});var t=u(6610),c=u(2978),S=u(3241),N=u(4976),X=u(4314),$=u(4822),W=u(7434),se=u(4010),ne=u(5981),J=u(2831),Q=u(3229),ye=u(3527),be=u(965),ee=u(7782),Ae=u(2489),j=u(8503),oe=u(6340),Be=u(9922),nt=u(9867),Ue=u(6111),U=u(8621),Me=u(9656),xe=u(262),Xe=u(2363),at=u(756),tt=u(8486),_t=u(3793),Ht=u(8129),Wt=u(6661),Tt=u(1249),Ot=u(7212),Pt=u(9141);const mt=(0,X.ET)(()=>{const tn={onRemovalComplete:()=>{}},it=new ne.t(null),Ye=(0,c.WQX)(Tt.O6,{optional:!0})||tn,{onRemovalComplete:ct=tn.onRemovalComplete}=Ye;return Ye.onRemovalComplete=(ae,he)=>{it.next(ae),ct.call(Ye,ae,he)},it.pipe((0,J.n)(ae=>(0,Q.O)(0).pipe((0,ye.T)(()=>null),(0,be.Z)(ae))),(0,ee.u)())});function le(tn,it=null){return(0,$.dd)(tn).activeElement!==tn&&!tn.matches(":disabled")&&!(null!=it&&it.contains(tn))&&(0,W.PQ)(tn)}const ce=(0,X.ET)(()=>{const tn=(0,c.WQX)(mt),it=(0,c.WQX)(S.Qc),Ye=(0,c.WQX)(t.qQ),ct=(0,c.WQX)(c.SKi),ae=(0,N.xM)(it,"focusout",{capture:!0}),he=(0,N.xM)(it,"focusin",{capture:!0}),We=(0,N.xM)(it,"blur"),vt=(0,N.xM)(it,"mousedown"),Vt=(0,N.xM)(it,"mouseup");return(0,Ae.h)(ae.pipe((0,oe.Q)(vt),(0,Be.u)({delay:()=>Vt}),function Ge(...tn){const it=(0,Xe.ms)(tn);return(0,nt.N)((Ye,ct)=>{const ae=tn.length,he=new Array(ae);let We=tn.map(()=>!1),vt=!1;for(let Vt=0;Vt<ae;Vt++)(0,U.Tg)(tn[Vt]).subscribe((0,Ue._)(ct,dn=>{he[Vt]=dn,!vt&&!We[Vt]&&(We[Vt]=!0,(vt=We.every(Me.D))&&(We=null))},xe.l));Ye.subscribe((0,Ue._)(ct,Vt=>{if(vt){const dn=[Vt,...he];ct.next(it?it(...dn):dn)}}))})}(tn),(0,j.p)(([dn,Dn])=>le((0,$.U9)(dn),Dn)),(0,ye.T)(([{relatedTarget:dn}])=>dn)),We.pipe((0,ye.T)(()=>Ye.activeElement),(0,j.p)(dn=>!(null==dn||!dn.matches("iframe")))),he.pipe((0,J.n)(dn=>{const Dn=(0,$.U9)(dn),pn=(0,$.dd)(Dn);return pn===Ye?(0,at.of)(Dn):function H(tn){return(0,Ae.h)((0,N.xM)(tn,"focusin").pipe((0,ye.T)(({target:it})=>it)),(0,N.xM)(tn,"focusout").pipe((0,j.p)(({target:it,relatedTarget:Ye})=>!!Ye&&le(it)),(0,ye.T)(({relatedTarget:it})=>it)))}(pn).pipe((0,be.Z)(Dn))})),vt.pipe((0,J.n)(dn=>{const Dn=(0,$.U9)(dn);return Ye.activeElement&&Ye.activeElement!==Ye.body?ae.pipe((0,tt.s)(1),(0,ye.T)(()=>Dn),(0,oe.Q)((0,Q.O)(0,(0,N.Ew)(ct)))):(0,at.of)(Dn)}))).pipe((0,_t.F)(),(0,ee.u)())}),Z=((0,X.ET)(()=>{var tn,it;return null!==(tn=null===(it=(0,c.WQX)(t.qQ).querySelector("base"))||void 0===it?void 0:it.href)&&void 0!==tn?tn:""}),/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series([46])0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/),ie=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br([ev])w|bumb|bw-([nu])|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do([cp])o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly([-_])|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-([mpt])|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c([- _agpst])|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac([ \-/])|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja([tv])a|jbro|jemu|jigs|kddi|keji|kgt([ /])|klon|kpt |kwc-|kyo([ck])|le(no|xi)|lg( g|\/([klu])|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t([- ov])|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30([02])|n50([025])|n7(0([01])|10)|ne(([cm])-|on|tf|wf|wg|wt)|nok([6i])|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan([adt])|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c([-01])|47|mc|nd|ri)|sgh-|shar|sie([-m])|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel([im])|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c([- ])|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/,de=(0,X.ET)(()=>Z.test((0,c.WQX)(S.Zp).toLowerCase())||ie.test((0,c.WQX)(S.Zp).slice(0,4).toLowerCase())),te=(0,X.ET)(()=>(0,se.ed)((0,c.WQX)(S.Rp))),Oe=(0,X.ET)(()=>(0,c.WQX)(de)&&!(0,c.WQX)(te)),Ne=(0,X.ET)(()=>{var tn;return!(null===(tn=(0,c.WQX)(S.Qc))||void 0===tn||!tn.webkitConvertPointFromNodeToPage)}),Le=(0,X.ET)(()=>(0,c.WQX)(te)?"ios":(0,c.WQX)(Oe)?"android":"web"),Re=(0,X.ET)(()=>{const tn=(0,c.WQX)(S.Qc).matchMedia("(pointer: coarse)");return(0,Ot.ot)((0,Ht.R)(tn,"change").pipe((0,ye.T)(()=>tn.matches)),{initialValue:tn.matches})}),Ke=(0,X.ET)(()=>!!(0,c.WQX)(S.Qc).Cypress),Dt=(0,X.ET)(Pt.s_),Rt=(0,X.ET)(()=>(0,c.WQX)(Ke)||(0,c.WQX)(Dt));(0,X.gc)(null);const sn=(0,X.ET)(()=>(0,t.UE)((0,c.WQX)(c.Agw))?new Range:{}),Ln=new c.nKC("[TUI_WINDOW_SIZE]",{factory:()=>{const tn=(0,c.WQX)(S.Qc);return(0,N.xM)(tn,"resize").pipe((0,be.Z)(null),(0,ye.T)(()=>{var it,Ye;const ct=Math.max(tn.document.documentElement.clientWidth||0,tn.innerWidth||0,(null===(it=tn.visualViewport)||void 0===it?void 0:it.width)||0),ae=Math.max(tn.document.documentElement.clientHeight||0,tn.innerHeight||0,(null===(Ye=tn.visualViewport)||void 0===Ye?void 0:Ye.height)||0),he={width:ct,height:ae,top:0,left:0,right:ct,bottom:ae,x:0,y:0};return{...he,toJSON:()=>JSON.stringify(he)}}),(0,Wt.t)({bufferSize:1,refCount:!0}))}})},4010:(wt,ke,u)=>{u.d(ke,{Pr:()=>$,ed:()=>X});const N=/ipad|iphone|ipod/;function X(W){return N.test(W.userAgent.toLowerCase())||function t(W){return W.platform.startsWith("Mac")||"iPhone"===W.platform}(W)&&W.maxTouchPoints>1}function $({ownerDocument:W}){var se,ne,J,Q;const ye=null==W?void 0:W.defaultView,be=void 0!==ye.safari&&"[object SafariRemoteNotification]"===(null===(se=ye.safari)||void 0===se||null===(se=se.pushNotification)||void 0===se?void 0:se.toString()),ee=!(null===(ne=ye.navigator)||void 0===ne||null===(ne=ne.vendor)||void 0===ne||!ne.includes("Apple")||null!==(J=ye.navigator)&&void 0!==J&&null!==(J=J.userAgent)&&void 0!==J&&J.includes("CriOS")||null!==(Q=ye.navigator)&&void 0!==Q&&null!==(Q=Q.userAgent)&&void 0!==Q&&Q.includes("FxiOS"));return be||ee}},4822:(wt,ke,u)=>{u.d(ke,{D$:()=>Ge,J0:()=>j,Ki:()=>ne,Kv:()=>at,P9:()=>N,U9:()=>ye,Yq:()=>W,aT:()=>oe,dd:()=>Ae,dn:()=>Me,qW:()=>Ue,r_:()=>X,ru:()=>se,ww:()=>J});var t=u(712),c=u(4314),S=u(2978);function N(tt,_t){try{return tt.contains(_t)||!!(_t.compareDocumentPosition(tt)&Node.DOCUMENT_POSITION_PRECEDING)}catch{return!1}}function X(tt){return tt.matches("input")}function W(tt){return X(tt)||function $(tt){return tt.matches("textarea")}(tt)}function se(tt){return!!tt&&"nodeType"in tt&&tt.nodeType===Node.ELEMENT_NODE}function ne(tt){return!!tt&&tt instanceof tt.ownerDocument.defaultView.HTMLElement}function J(tt){return tt.nodeType===Node.TEXT_NODE}function ye(tt){return tt.composedPath()[0]}function Ae(tt){return"getRootNode"in tt&&tt.isConnected?tt.getRootNode():tt.ownerDocument}function j(tt){const{ownerDocument:_t}=tt;if(null==_t||!_t.defaultView||!tt.getBoundingClientRect)return null;const{innerWidth:Ht,innerHeight:Wt}=_t.defaultView,Tt=Ae(tt),Ot=tt.getBoundingClientRect();if(0===Ot.width&&0===Ot.height)return null;const Pt=(0,t.wN)(Math.round(Ot.left)+2,0,Ht),mt=(0,t.wN)(Math.round(Ot.top)+2,0,Wt),le=(0,t.wN)(Math.round(Ot.right)-2,0,Ht),H=(0,t.wN)(Math.round(Ot.bottom)-2,0,Wt),ce=(0,t.wN)(Math.round(Ot.left+Ot.width/2),0,Ht),k=(0,t.wN)(Math.round(Ot.top+Ot.height/2),0,Wt),ie=[Tt.elementFromPoint(ce,mt),Tt.elementFromPoint(ce,H),Tt.elementFromPoint(Pt,k),Tt.elementFromPoint(le,k)].filter(c.Aj);if(!ie.length)return[];const de=ie.filter(te=>!tt.contains(te)&&!te.contains(tt));return 4===de.length?de:null}function oe(tt,_t){let{offsetTop:Ht,offsetLeft:Wt,offsetParent:Tt}=_t;for(;ne(Tt)&&Tt!==tt;)Ht+=Tt.offsetTop,Wt+=Tt.offsetLeft,Tt=Tt.offsetParent;return{offsetTop:Ht,offsetLeft:Wt}}function Ue(){return(0,S.WQX)(S.aKT).nativeElement}function Me(tt){return W(tt)&&!tt.readOnly||!!tt.isContentEditable}function Ge(tt=0,_t=0){const Ht={x:tt,y:_t,left:tt,right:tt,top:_t,bottom:_t,width:0,height:0};return{...Ht,toJSON:()=>Ht}}function at(tt){return"explicitOriginalTarget"in tt?(null==tt?void 0:tt.explicitOriginalTarget)!==tt.target:"pointerId"in tt?-1===tt.pointerId:"detail"in tt&&"webkitForce"in tt&&0===(null==tt?void 0:tt.detail)}},7434:(wt,ke,u)=>{u.d(ke,{Hn:()=>J,Ij:()=>ee,PQ:()=>Q,SI:()=>se,X:()=>be,km:()=>ye,vn:()=>ne,x_:()=>W,yO:()=>Ae});var t=u(4822),c=u(7212),S=u(9141),N=u(2489),X=u(8129),$=u(3527);function W({activeElement:j}){if(null==j||!j.shadowRoot)return j;let oe=j.shadowRoot.activeElement;for(;null!==(Be=oe)&&void 0!==Be&&Be.shadowRoot;){var Be;oe=oe.shadowRoot.activeElement}return oe}function se(j){const oe=W(j);(0,t.Ki)(oe)&&oe.blur()}function ne(j){return(0,c.ot)((0,N.h)((0,X.R)(j,"focusin").pipe((0,$.T)(S.z9)),(0,X.R)(j,"focusout").pipe((0,$.T)(S.s_))),{initialValue:!1})}function J(j){if(j.hasAttribute("disabled")||"-1"===j.getAttribute("tabIndex"))return!1;if((0,t.Ki)(j)&&j.isContentEditable||"0"===j.getAttribute("tabIndex"))return!0;switch(j.tagName){case"BUTTON":case"SELECT":case"TEXTAREA":return!0;case"VIDEO":case"AUDIO":return j.hasAttribute("controls");case"INPUT":return"hidden"!==j.getAttribute("type");case"A":case"LINK":return j.hasAttribute("href");default:return!1}}function Q(j){return!j.hasAttribute("disabled")&&("-1"===j.getAttribute("tabIndex")||J(j))}function ye({initial:j,root:oe,previous:Be=!1,keyboard:nt=!0}){if(!oe.ownerDocument)return null;const Ue=nt?J:Q,U=oe.ownerDocument.createTreeWalker(oe,NodeFilter.SHOW_ELEMENT,S.Np);for(U.currentNode=j;Be?U.previousNode():U.nextNode();)if((0,t.Ki)(U.currentNode)&&(j=U.currentNode),(0,t.Ki)(j)&&Ue(j))return j;return null}function be(j){return!(null==j||!j.ownerDocument)&&W(j.ownerDocument)===j&&j.ownerDocument.hasFocus()}function ee(j){var oe;const Be=(null==j?void 0:j.ownerDocument)&&W(j.ownerDocument);return!!Be&&j.contains(Be)&&!(null===(oe=j.ownerDocument)||void 0===oe||!oe.hasFocus())}function Ae(j,oe,Be){for(j+=Be;j>=0&&j<oe.length;){var nt;if(null===(nt=oe[j])||void 0===nt||nt.focus(),be(oe[j]))return;j+=Be}}},712:(wt,ke,u)=>{function t(j,oe,Be){return Math.min(Be,Math.max(oe,j))}function c(j,oe,Be){return j>=oe&&j<Be}function S(j,oe,Be){return Number.isNaN(j)||j<=oe?oe:j>=Be?Be:Math.round(j)}u.d(ke,{Vj:()=>Q,Wn:()=>ee,Zi:()=>be,bQ:()=>c,fS:()=>S,wN:()=>t});const X=292;function $(j,oe,Be){if(j===1/0)return j;oe=Math.min(oe,X);const nt="".concat(j,"e").split("e"),Ue=Be(Number("".concat(nt[0],"e").concat(Number(nt[1])+oe))),U="".concat(Ue,"e").split("e");return Number("".concat(U[0],"e").concat(Number(U[1])-oe))}function Q({value:j,precision:oe,method:Be}){switch(Be){case"ceil":return function se(j,oe=0){return $(j,oe,Math.ceil)}(j,oe);case"floor":return function ne(j,oe=0){return $(j,oe,Math.floor)}(j,oe);case"round":return function W(j,oe=0){return $(j,oe,Math.round)}(j,oe);default:return function J(j,oe=0){return $(j,oe,Math.trunc)}(j,oe)}}function be(j){return j?1:0}function ee(j){return parseInt(j,10)}},4314:(wt,ke,u)=>{u.d(ke,{Aj:()=>_t,ET:()=>j,FU:()=>Z,GV:()=>ne,PE:()=>H,Pp:()=>k,QU:()=>Ot,Ty:()=>de,YB:()=>oe,eC:()=>Pt,fk:()=>Xe,gc:()=>Ae,hp:()=>nt,sZ:()=>at});var t=u(2978);function ne(te,Oe){return te.slice(0,Math.max(Oe,0)).concat(te.slice(Math.max(Oe+1,0)))}function Ae(te){return j(()=>te)}function j(te){return new t.nKC("",{factory:te})}function oe(te){return"string"==typeof te}function nt(te,Oe,Ne,Le={self:!0}){const Re=(0,t.Hps)(Ne)?Ne:(0,t.vPA)(Ne),Ke=(0,t.WQX)(te,Le),Dt=Ke["".concat(Oe.toString(),"Change")];let Rt;return(0,t.QZP)(()=>{var Yt,Xt;const sn=Re();Rt!==sn&&((0,t.Hps)(Ke[Oe])?Ke[Oe].set(sn):Ke[Oe]=sn,null===(Yt=Ke.ngOnChanges)||void 0===Yt||Yt.call(Ke,{}),null==Dt||null===(Xt=Dt.emit)||void 0===Xt||Xt.call(Dt,sn),Rt=sn)},{allowSignalWrites:!0}),Re}function Xe(te){let Oe=[];return te.find((Ne,Le,Re)=>(Oe=Re,!0)),Oe}function at(te){return"number"==typeof te}function _t(te){return null!=te}function Ot(te,Oe,Ne=!1){return{provide:te,useExisting:Oe,multi:Ne}}function Pt(te,Oe,Ne){return{provide:te,deps:[[new t.Xx1,new t.kdw,te]],useFactory:Le=>({...Le||Ne,...Oe})}}function le(te,Oe,Ne=!0){return function(){const Re=te.call(this);return Object.defineProperty(this,Oe,{enumerable:Ne,value:Re}),Re}}function H(te,Oe,Ne){if("function"==typeof te){const Yt=Oe;if("getter"===Yt.kind)return le(te,Yt.name);if("method"===Yt.kind)return function mt(te){let Le,Oe=[],Ne=!1;return function(...Ke){return Ne&&Oe.length===Ke.length&&Ke.every((Rt,Yt)=>Rt===Oe[Yt])||(Oe=Ke,Le=te.apply(this,Ke),Ne=!0),Le}}(te);throw new ce}const{get:Le,enumerable:Re,value:Ke}=Ne,Dt=Oe;if(Le)return{configurable:!0,enumerable:Re,get:le(Le,Dt,Re)};if("function"!=typeof Ke)throw new ce;const Rt=Ke;return{configurable:!0,enumerable:Re,get(){let sn,Yt=[],Xt=!1;const Ln=(...tn)=>(Xt&&Yt.length===tn.length&&tn.every((Ye,ct)=>Ye===Yt[ct])||(Yt=tn,sn=Rt.apply(this,tn),Xt=!0),sn);return Object.defineProperty(this,Dt,{configurable:!0,value:Ln}),Ln}}}class ce extends Error{constructor(){super("")}}function k(te){return"".concat(te,"px")}function Z(te,Oe){return Array.from(te.reduce((Ne,Le)=>Ne.has(Le[Oe])?Ne:Ne.set(Le[Oe],Le),new Map).values())}const ie=j(()=>{const te=new Map;return(0,t.WQX)(t.abz).onDestroy(()=>te.forEach(Oe=>Oe.destroy())),te});function de(te){const Oe=(0,t.WQX)(ie),Ne=(0,t.WQX)(t.uvJ);Oe.has(te)||Oe.set(te,(0,t.a0P)(te,{environmentInjector:Ne}))}},7187:(wt,ke,u)=>{u.d(ke,{CF:()=>j,D2:()=>W,ZM:()=>Ue,fj:()=>X,hM:()=>se,uy:()=>ye});var t=u(194);const c="{{duration}}ms ease-in-out",S={params:{duration:300}},N=300,X=(0,t.hZ)("tuiParentAnimation",[(0,t.kY)(":leave",[(0,t.P)(":scope > *",[(0,t.MA)()],{optional:!0})])]),W=((0,t.hZ)("tuiParentStop",[(0,t.kY)(":enter",[])]),(0,t.hZ)("tuiHost",[(0,t.kY)(":enter",[(0,t.iF)({overflow:"clip"}),(0,t.P)(":scope > *",[(0,t.MA)()],{optional:!0})]),(0,t.kY)(":leave",[(0,t.P)(":scope > *",[(0,t.MA)()],{optional:!0})])])),se=(0,t.hZ)("tuiHeightCollapse",[(0,t.kY)(":enter",[(0,t.iF)({height:0}),(0,t.i0)(c,(0,t.iF)({height:"*"}))],S),(0,t.kY)(":leave",[(0,t.iF)({height:"*"}),(0,t.i0)(c,(0,t.iF)({height:0}))],S)]),ye=((0,t.hZ)("tuiHeightCollapseList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({height:0}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({height:"*"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({height:"*"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({height:0}))])],{optional:!0})],S)]),(0,t.hZ)("tuiWidthCollapse",[(0,t.kY)(":enter",[(0,t.iF)({width:0}),(0,t.i0)(c,(0,t.iF)({width:"*"}))],S),(0,t.kY)(":leave",[(0,t.iF)({width:"*"}),(0,t.i0)(c,(0,t.iF)({width:0}))],S)]),(0,t.hZ)("tuiWidthCollapseList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({width:0}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({width:"*"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({width:"*"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({width:0}))])],{optional:!0})],S)]),(0,t.hZ)("tuiFadeIn",[(0,t.kY)(":enter",[(0,t.iF)({opacity:0}),(0,t.i0)(c,(0,t.iF)({opacity:1}))],S),(0,t.kY)(":leave",[(0,t.iF)({opacity:1}),(0,t.i0)(c,(0,t.iF)({opacity:0}))],S)])),j=((0,t.hZ)("tuiFadeInList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({opacity:0}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({opacity:1}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({opacity:1}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({opacity:0}))])],{optional:!0})],S)]),(0,t.hZ)("tuiFadeInTop",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(-10px)",opacity:0}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)",opacity:1}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)",opacity:1}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(-10px)",opacity:0}))],S)]),(0,t.hZ)("tuiFadeInBottom",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(10px)",opacity:0}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)",opacity:1}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)",opacity:1}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(10px)",opacity:0}))],S)]),(0,t.hZ)("tuiDropdownAnimation",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(-10px)",opacity:0}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)",opacity:1}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)",opacity:1}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(-10px)",opacity:0}))],S)])),Ue=((0,t.hZ)("tuiScaleIn",[(0,t.kY)(":enter",[(0,t.iF)({transform:"scale(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(1)"}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"scale(1)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(0)"}))],S)]),(0,t.hZ)("tuiPop",[(0,t.kY)(":enter",[(0,t.iF)({transform:"scale(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(1.1)"})),(0,t.i0)(c,(0,t.iF)({transform:"scale(1)"}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"scale(1)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(1.1)"})),(0,t.i0)(c,(0,t.iF)({transform:"scale(0)"}))],S)]),(0,t.hZ)("tuiScaleInList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"scale(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"scale(1)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"scale(1)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"scale(0)"}))])],{optional:!0})],S)]),(0,t.hZ)("tuiSlideIn",[(0,t.kY)("* => left",[(0,t.iF)({transform:"translateX(-100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],S),(0,t.kY)("left => *",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(-100%)"}))],S),(0,t.kY)("* => right",[(0,t.iF)({transform:"translateX(100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],S),(0,t.kY)("right => *",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(100%)"}))],S)]));(0,t.hZ)("tuiSlideInLeft",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateX(-100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(-100%)"}))],S)]),(0,t.hZ)("tuiSlideInLeftList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateX(-100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(-100%)"}))])],{optional:!0})],S)]),(0,t.hZ)("tuiSlideInRight",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateX(100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(100%)"}))],S)]),(0,t.hZ)("tuiSlideInRightList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateX(100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(100%)"}))])],{optional:!0})],S)]),(0,t.hZ)("tuiSlideInTop",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translate3d(0,{{start}},0)",pointerEvents:"none"}),(0,t.i0)(c,(0,t.iF)({transform:"translate3d(0,{{end}},0)"}))],{params:{end:0,start:"100%",duration:300}}),(0,t.kY)(":leave",[(0,t.iF)({transform:"translate3d(0,{{end}},0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translate3d(0,{{start}},0)"}))],{params:{end:0,start:"100%",duration:300}})]),(0,t.hZ)("tuiSlideInTopList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateY(100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateY(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(100%)"}))])],{optional:!0})],S)]),(0,t.hZ)("tuiSlideInBottom",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(-100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)"}))],S),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(-100%)"}))],S)]),(0,t.hZ)("tuiSlideInBottomList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateY(-100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateY(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(-100%)"}))])],{optional:!0})],S)])},4514:(wt,ke,u)=>{u.d(ke,{I9:()=>Ue,Np:()=>nt,XW:()=>oe,Xu:()=>Be,Z3:()=>be,cf:()=>ne,dg:()=>se,iA:()=>Q,mI:()=>ye,nR:()=>ee,yq:()=>Ae});var t=u(2978),c=u(4314),S=u(7212),N=u(9406),X=u(2489),$=u(3793);class W{}class se extends W{}class ne extends W{}function J(U,Me,xe){return{provide:U,deps:[[new t.kdw,new t.Xx1,U],xe],useFactory:Q(Me)}}function Q(U){return(Me,xe)=>{var Xe;return(null==Me||null===(Xe=Me.find)||void 0===Xe?void 0:Xe.call(Me,Ge=>Ge!==xe&&Ge.type===U))||xe}}function ye(U,Me){return J(se,U,Me)}function be(U,Me){return J(ne,U,Me)}function ee(U){return(0,c.QU)(se,U,!0)}function Ae(U){return(0,c.QU)(ne,U,!0)}class j{}function oe(U){return(0,c.QU)(j,U,!0)}class Be extends N.c{}function nt(U){return(0,c.QU)(Be,U,!0)}let Ue=(()=>{var U;class Me{constructor(){this.destroyRef=(0,t.WQX)(t.abz),this.drivers=(0,t.WQX)(Be),this.vehicles=(0,t.WQX)(j)}ngOnInit(){const Xe=this.vehicles.find(({type:Ge})=>Ge===this.type);(0,X.h)(...this.drivers.filter(({type:Ge})=>Ge===this.type)).pipe((0,$.F)(),(0,S.pQ)(this.destroyRef)).subscribe(Ge=>{null==Xe||Xe.toggle(Ge)})}}return(U=Me).\u0275fac=function(Xe){return new(Xe||U)},U.\u0275dir=t.FsC({type:U}),Me})()},4135:(wt,ke,u)=>{u.d(ke,{e:()=>W,p:()=>ne});var t=u(2978),c=u(4314),S=u(8395),N=u(5037);const X={appearance:"primary",size:"l"},$=(0,c.gc)(X);function W(J){return(0,c.eC)($,J,X)}let se=(()=>{var J;class Q{}return(J=Q).\u0275fac=function(be){return new(be||J)},J.\u0275cmp=t.VBU({type:J,selectors:[["ng-component"]],hostAttrs:[1,"tui-button"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(be,ee){},styles:['[tuiButton],[tuiIconButton]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[tuiButton]>tui-badge,[tuiIconButton]>tui-badge,[tuiButton]>[tuiBadge],[tuiIconButton]>[tuiBadge],[tuiButton]>[tuiRadio],[tuiIconButton]>[tuiRadio],[tuiButton]>[tuiSwitch],[tuiIconButton]>[tuiSwitch],[tuiButton]>[tuiCheckbox],[tuiIconButton]>[tuiCheckbox],[tuiButton][tuiIcons]:before,[tuiIconButton][tuiIcons]:before,[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{margin:var(--t-margin)}[tuiButton]>.t-loader,[tuiIconButton]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]>.t-loader .t-text,[tuiIconButton]>.t-loader .t-text{position:absolute}[tuiButton][data-size=xs],[tuiIconButton][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=xs] tui-svg,[tuiIconButton][data-size=xs] tui-svg,[tuiButton][data-size=xs] tui-icon,[tuiIconButton][data-size=xs] tui-icon,[tuiButton][data-size=xs]:before,[tuiIconButton][data-size=xs]:before{font-size:1rem}[tuiButton][data-size=s],[tuiIconButton][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=s] tui-svg,[tuiIconButton][data-size=s] tui-svg,[tuiButton][data-size=s] tui-icon,[tuiIconButton][data-size=s] tui-icon,[tuiButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButton][data-size=m],[tuiIconButton][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=m]:after,[tuiIconButton][data-size=m]:after{margin-inline-end:-.125rem}[tuiButton]._loading,[tuiIconButton]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]._loading>*,[tuiIconButton]._loading>*,[tuiButton]._loading:before,[tuiIconButton]._loading:before,[tuiButton]._loading:after,[tuiIconButton]._loading:after{opacity:0}[tuiButton]._loading>.t-loader,[tuiIconButton]._loading>.t-loader{opacity:1}[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{font-size:1rem}[tuiButton][tuiButtonVertical],[tuiIconButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: var(--t-0, 0rem) !important;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*,[tuiIconButton][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]{gap:0;inline-size:var(--t-size);font-size:0!important;padding:0}[tuiIconButton][data-size=l]:after{margin:0}[tuiIconButton][tuiIconButton][style*="--t-icon-start:"]:after{display:none}\n'],encapsulation:2,changeDetection:0}),Q})(),ne=(()=>{var J;class Q{constructor(){this.options=(0,t.WQX)($),this.nothing=(0,c.Ty)(se),this.size=this.options.size}}return(J=Q).\u0275fac=function(be){return new(be||J)},J.\u0275dir=t.FsC({type:J,selectors:[["a","tuiButton",""],["button","tuiButton",""],["a","tuiIconButton",""],["button","tuiIconButton",""]],hostVars:1,hostBindings:function(be,ee){2&be&&t.BMQ("data-size",ee.size)},inputs:{size:"size"},standalone:!0,features:[t.Jv_([(0,S.mr)($)]),t.nM4([S.tF,N.Z])]}),Q})()},5180:(wt,ke,u)=>{u.d(ke,{Ji:()=>Pt,KN:()=>at,NW:()=>xe,PU:()=>tt,WD:()=>Ge,WX:()=>Tt,aO:()=>_t,pQ:()=>Ht,uE:()=>Wt});var t=u(6610),c=u(2978),S=u(7212),N=u(9141),X=u(4976),$=u(4822),W=u(7434),se=u(4314),ne=u(656),J=u(5173),Q=u(3229),ye=u(811),be=u(3279),ee=u(5037);const Ae=["tuiOption",""];function j(le,H){if(1&le&&(c.qex(0),c.EFF(1),c.bVm()),2&le){const ce=H.polymorpheusOutlet;c.R7$(1),c.SpI(" ",ce," ")}}function oe(le,H){1&le&&c.SdG(0)}const Be=function(le){return{$implicit:le}},nt=["*"];function Ue(le,H){if(1&le&&(c.qex(0),c.EFF(1),c.bVm()),2&le){const ce=H.polymorpheusOutlet;c.R7$(1),c.SpI(" ",ce," ")}}function U(le,H){if(1&le&&(c.j41(0,"div",1),c.DNE(1,Ue,2,1,"ng-container",2),c.k0s()),2&le){const ce=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ce.emptyContent||ce.fallback())}}const Me=new c.nKC("[TUI_OPTION_CONTENT]");function xe(le){return{provide:Me,useValue:le}}const Xe=new c.nKC("[TUI_DATA_LIST_ACCESSOR]");function Ge(le){return(0,se.QU)(Xe,le)}const at=new c.nKC("[TUI_DATA_LIST_HOST]");function tt(le){return(0,se.QU)(at,le)}let _t=(()=>{var le;class H{constructor(){var k;this.isMobile=(0,c.WQX)(ye.Td),this.el=(0,$.qW)(),this.dataList=(0,c.WQX)((0,c.Rfq)(()=>Wt),{optional:!0}),this.host=(0,c.WQX)(at,{optional:!0}),this.content=(0,c.WQX)(Me,{optional:!0}),this.dropdown=null===(k=(0,c.WQX)(be.pU,{self:!0,optional:!0}))||void 0===k?void 0:k.ref,this.disabled=!1}ngOnDestroy(){var k;null===(k=this.dataList)||void 0===k||k.handleFocusLossIfNecessary(this.el)}onClick(){var k;null!==(k=this.host)&&void 0!==k&&k.handleOption&&void 0!==this.value&&this.host.handleOption(this.value)}onMouseMove(){!this.isMobile&&!(0,W.X)(this.el)&&this.dataList&&this.el.focus({preventScroll:!0})}}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275cmp=c.VBU({type:le,selectors:[["button","tuiOption",""],["a","tuiOption",""],["label","tuiOption",""]],hostAttrs:["type","button","role","option"],hostVars:3,hostBindings:function(k,Z){1&k&&c.bIt("click",function(){return Z.onClick()})("mousemove.silent",function(){return Z.onMouseMove()}),2&k&&(c.BMQ("disabled",Z.disabled||null),c.AVh("_with-dropdown",null==Z.dropdown?null:Z.dropdown()))},inputs:{disabled:"disabled",value:"value"},standalone:!0,features:[c.aNF,c.nM4([ee.Z])],attrs:Ae,ngContentSelectors:nt,decls:3,vars:4,consts:[[4,"polymorpheusOutlet","polymorpheusOutletContext"],["t",""]],template:function(k,Z){if(1&k&&(c.NAR(),c.DNE(0,j,2,1,"ng-container",0),c.DNE(1,oe,1,0,"ng-template",null,1,c.C5r)),2&k){const ie=c.sdS(2);c.Y8G("polymorpheusOutlet",Z.content||ie)("polymorpheusOutletContext",c.eq3(2,Be,ie))}},dependencies:[J.xr],encapsulation:2,changeDetection:0}),H})();function Ht(){var le;const ce=null===(le=(0,c.WQX)(at,{optional:!0}))||void 0===le?void 0:le.size;return ce&&["s","m","l"].includes(ce)?ce:"l"}let Wt=(()=>{var le;class H{constructor(){this.options=N.xQ,this.ngZone=(0,c.WQX)(c.SKi),this.destroyRef=(0,c.WQX)(c.abz),this.el=(0,$.qW)(),this.fallback=(0,S.ot)((0,c.WQX)(ne.wH)),this.empty=(0,c.vPA)(!1),this.size=Ht()}onKeyDownArrow(k,Z){const{elements:ie}=this;(0,W.yO)(ie.indexOf(k),ie,Z)}handleFocusLossIfNecessary(k=this.el){var Z;(0,W.Ij)(k)&&(null===(Z=this.origin)||void 0===Z||Z.focus({preventScroll:!0}))}ngAfterContentChecked(){(0,Q.O)(0,(0,X.Ew)(this.ngZone)).pipe((0,X.NK)(this.destroyRef)).subscribe(()=>this.empty.set(!this.el.querySelector("[tuiOption]")))}getOptions(k=!1){return this.options.filter(({disabled:Z})=>k||!Z).map(({value:Z})=>Z).filter(se.Aj)}onFocusIn(k,Z){!Z.contains(k)&&!this.origin&&(this.origin=k)}get elements(){return Array.from(this.el.querySelectorAll("a[tuiOption],button[tuiOption],input"))}}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275cmp=c.VBU({type:le,selectors:[["tui-data-list"]],contentQueries:function(k,Z,ie){if(1&k&&c.wni(ie,_t,5),2&k){let de;c.mGM(de=c.lsd())&&(Z.options=de)}},hostAttrs:["role","listbox"],hostVars:1,hostBindings:function(k,Z){1&k&&c.bIt("focusin",function(de){return Z.onFocusIn(de.relatedTarget,de.currentTarget)})("mousedown.prevent",function(){return 0})("wheel.silent.passive",function(){return Z.handleFocusLossIfNecessary()})("mouseleave",function(de){return Z.handleFocusLossIfNecessary(de.target)})("keydown.tab",function(){return Z.handleFocusLossIfNecessary()})("keydown.shift.tab",function(){return Z.handleFocusLossIfNecessary()})("keydown.arrowDown.prevent",function(de){return Z.onKeyDownArrow(de.target,1)})("keydown.arrowUp.prevent",function(de){return Z.onKeyDownArrow(de.target,-1)}),2&k&&c.BMQ("data-size",Z.size)},inputs:{emptyContent:"emptyContent",size:"size"},standalone:!0,features:[c.Jv_([Ge(le)]),c.aNF],ngContentSelectors:nt,decls:2,vars:1,consts:[["class","t-empty",4,"ngIf"],[1,"t-empty"],[4,"polymorpheusOutlet"]],template:function(k,Z){1&k&&(c.NAR(),c.SdG(0),c.DNE(1,U,2,1,"div",0)),2&k&&(c.R7$(1),c.Y8G("ngIf",Z.empty()))},dependencies:[t.bT,J.xr],styles:['tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-tertiary)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-size=s]{--tui-data-list-margin: var(--t-0, 0rem)}tui-data-list[data-size=s]>.t-empty,tui-data-list[data-size=s] [tuiOption]{font:var(--tui-font-text-s);min-block-size:2rem;padding:.3125rem .5rem}tui-data-list[data-size=s]>.t-empty:before,tui-data-list[data-size=s] [tuiOption]:before{font-size:1rem}tui-data-list[data-size=m]>.t-empty,tui-data-list[data-size=m] [tuiOption]{font:var(--tui-font-text-s);min-block-size:2.5rem;padding:.375rem .5rem}tui-data-list[data-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-size=l]>.t-empty,tui-data-list[data-size=l] [tuiOption]{font:var(--tui-font-text-m);min-block-size:2.75rem;padding:.375rem .625rem}tui-data-list>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0}tui-data-list [tuiOption]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;justify-content:space-between;text-align:start;color:var(--tui-text-primary);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}tui-data-list [tuiOption]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}tui-data-list [tuiOption]:focus-within,tui-data-list [tuiOption]._with-dropdown{background-color:var(--tui-background-neutral-1)}tui-data-list [tuiOption]:before{margin-inline-end:.5rem}tui-data-list [tuiOption]:after{font-size:1rem;margin:0 -.75rem 0 auto;border-left:.5rem solid;border-right:.5rem solid}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-secondary);flex-direction:column;line-height:1rem}tui-data-list[data-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);block-size:1px;background:var(--tui-border-normal)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=""]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:""}tui-opt-group[data-label=""]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n'],encapsulation:2,changeDetection:0}),H})(),Tt=(()=>{var le;class H{}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275dir=c.FsC({type:le,selectors:[["ng-template","tuiDataList",""]],standalone:!0}),H})(),Pt=(()=>{var le;class H{}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275dir=c.FsC({type:le,selectors:[["tui-opt-group"]],hostAttrs:["role","group"],hostVars:1,hostBindings:function(k,Z){2&k&&c.BMQ("data-label",Z.label)},inputs:{label:"label"},standalone:!0}),H})()},4712:(wt,ke,u)=>{u.d(ke,{q:()=>S});var t=u(2978),c=u(656);let S=(()=>{var X;class ${constructor(){this.resolver=(0,c.XA)(),this.backgroundSrc=(0,t.vPA)(null),this.iconSrc=(0,t.vPA)(this.resolve((0,t.WQX)(c.kJ,{self:!0,optional:!0})||(0,t.WQX)(c.TN,{self:!0,optional:!0})))}set icon(se){this.iconSrc.set(this.resolve(se))}set background(se){this.backgroundSrc.set(this.resolve(se))}resolve(se){return se?"url(".concat(this.resolver(se),")"):null}}return(X=$).\u0275fac=function(se){return new(se||X)},X.\u0275cmp=t.VBU({type:X,selectors:[["tui-icon"]],hostVars:4,hostBindings:function(se,ne){2&se&&t.xc7("--t-icon",ne.iconSrc()||"url()")("--t-icon-bg",ne.backgroundSrc())},inputs:{icon:"icon",background:"background"},standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(se,ne){},styles:['tui-icon{position:relative;display:inline-block;inline-size:1em;block-size:1em;font-size:1.5rem;flex-shrink:0;vertical-align:middle;box-sizing:border-box;-webkit-mask:var(--t-icon-bg) no-repeat center / contain;mask:var(--t-icon-bg) no-repeat center / contain}@media (hover: hover){tui-icon[data-appearance=icon]:hover{color:var(--tui-text-secondary)}}tui-icon:after,tui-icon[tuiIcons]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";display:block;-webkit-mask:var(--t-icon) no-repeat center / contain;mask:var(--t-icon) no-repeat center / contain;-webkit-mask-composite:source-in,xor;mask-composite:intersect;background:currentColor}\n'],encapsulation:2,changeDetection:0}),$})()},5639:(wt,ke,u)=>{u.d(ke,{z:()=>$});var t=u(2978),c=u(4822),S=u(4314),N=u(5180);let X=(()=>{var W;class se{}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275cmp=t.VBU({type:W,selectors:[["ng-component"]],hostAttrs:[1,"tui-label"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(J,Q){},styles:["[tuiLabel]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabel]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabel]:has(tui-textfield),[tuiLabel]:has(tui-primitive-textfield),[tuiLabel]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabel] input[type=checkbox],[tuiLabel] input[type=radio]{margin-inline-end:.5rem}[tuiLabel] input[type=checkbox][data-size=s],[tuiLabel] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-top:.125rem}[tuiLabel] small{font:var(--tui-font-text-s)}[tuiLabel] [tuiTitle]{margin-top:.125rem}[tuiLabel] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"],encapsulation:2,changeDetection:0}),se})(),$=(()=>{var W;class se{constructor(){this.el=(0,c.qW)(),this.nothing=(0,S.Ty)(X),this.parent=(0,t.WQX)((0,t.Rfq)(()=>N.KN),{optional:!0})}}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275dir=t.FsC({type:W,selectors:[["label","tuiLabel",""]],contentQueries:function(J,Q,ye){if(1&J&&t.wni(ye,N.KN,5),2&J){let be;t.mGM(be=t.lsd())&&(Q.textfield=be.first)}},hostVars:2,hostBindings:function(J,Q){2&J&&t.BMQ("for",Q.el.htmlFor||(null==Q.parent?null:Q.parent.id))("data-orientation",Q.textfield?"vertical":"horizontal")},standalone:!0}),se})()},7355:(wt,ke,u)=>{u.d(ke,{Jc:()=>ne,m0:()=>W});var t=u(2978),c=u(4314),S=u(8395),N=u(5037);const X={appearance:"link",pseudo:!1},$=(0,c.gc)(X);function W(J){return(0,c.eC)($,J,X)}let se=(()=>{var J;class Q{}return(J=Q).\u0275fac=function(be){return new(be||J)},J.\u0275cmp=t.VBU({type:J,selectors:[["ng-component"]],hostAttrs:[1,"tui-link"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(be,ee){},styles:['[tuiLink]{--tui-text-tertiary: var(--tui-text-secondary);padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:inherit;-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}[tuiLink]:hover{--tui-text-secondary: var(--tui-text-primary)}[tuiLink]:before{margin-inline-end:.25rem}[tuiLink]:after{margin-inline-start:.25rem}[tuiLink][tuiIcons]:before,[tuiLink][tuiIcons]:after{content:"\\2060";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0}[tuiLink]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLink][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}\n'],encapsulation:2,changeDetection:0}),Q})(),ne=(()=>{var J;class Q{constructor(){this.nothing=(0,c.Ty)(se),this.pseudo=(0,t.WQX)($).pseudo}}return(J=Q).\u0275fac=function(be){return new(be||J)},J.\u0275dir=t.FsC({type:J,selectors:[["a","tuiLink",""],["button","tuiLink",""]],hostAttrs:["tuiLink",""],hostVars:2,hostBindings:function(be,ee){2&be&&t.xc7("text-decoration-line",ee.pseudo?"underline":null)},inputs:{pseudo:"pseudo"},standalone:!0,features:[t.Jv_([(0,S.mr)($)]),t.nM4([S.tF,N.Z])]}),Q})()},8598:(wt,ke,u)=>{u.d(ke,{ap:()=>oe});var t=u(6610),c=u(2978),S=u(811),N=u(4010),X=u(4822),$=u(7434),W=u(5950),se=u(5173),ne=u(4314);function J(Be,nt){if(1&Be&&(c.qex(0),c.EFF(1),c.bVm()),2&Be){const Ue=nt.polymorpheusOutlet;c.R7$(1),c.SpI(" ",Ue," ")}}function Q(Be,nt){if(1&Be&&(c.qSk(),c.joV(),c.j41(0,"div",6),c.DNE(1,J,2,1,"ng-container",7),c.k0s()),2&Be){const Ue=c.XpG(2);c.AVh("t-text_horizontal",Ue.isHorizontal),c.R7$(1),c.Y8G("polymorpheusOutlet",Ue.textContent)}}function ye(Be,nt){if(1&Be&&(c.j41(0,"div",2),c.qSk(),c.j41(1,"svg",3),c.nrm(2,"circle",4),c.k0s(),c.DNE(3,Q,2,3,"div",5),c.k0s()),2&Be){const Ue=c.XpG();c.AVh("t-loader_horizontal",Ue.isHorizontal)("t-loader_inherit-color",Ue.inheritColor),c.R7$(3),c.Y8G("ngIf",Ue.hasText)}}const be=["*"],Ae=(0,ne.gc)({size:"m",inheritColor:!1,overlay:!1});let oe=(()=>{var Be;class nt{constructor(){this.doc=(0,c.WQX)(t.qQ),this.el=(0,X.qW)(),this.isIOS=(0,c.WQX)(S.mg),this.options=(0,c.WQX)(Ae),this.loading=!0,this.isApple=(0,N.Pr)(this.el)||this.isIOS,this.size=this.options.size,this.inheritColor=this.options.inheritColor,this.overlay=this.options.overlay}set showLoader(U){U&&this.focused&&(0,$.SI)(this.doc),this.loading=U}get hasOverlay(){return this.overlay&&this.loading}get hasText(){return!!this.textContent}get isHorizontal(){return!(0,W.Wu)(this.size)}get focused(){return(0,$.Ij)(this.el)}}return(Be=nt).\u0275fac=function(U){return new(U||Be)},Be.\u0275cmp=c.VBU({type:Be,selectors:[["tui-loader"]],hostVars:3,hostBindings:function(U,Me){2&U&&(c.BMQ("data-size",Me.size),c.AVh("_loading",Me.loading))},inputs:{size:"size",inheritColor:"inheritColor",overlay:"overlay",textContent:"textContent",showLoader:"showLoader"},standalone:!0,features:[c.aNF],ngContentSelectors:be,decls:3,vars:7,consts:[[1,"t-content",3,"disabled"],["class","t-loader",3,"t-loader_horizontal","t-loader_inherit-color",4,"ngIf"],[1,"t-loader"],["automation-id","tui-loader__loader","focusable","false","height","100%","width","100%",1,"t-icon"],["cx","50%","cy","50%",1,"t-circle"],["automation-id","tui-loader__text","class","t-text",3,"t-text_horizontal",4,"ngIf"],["automation-id","tui-loader__text",1,"t-text"],[4,"polymorpheusOutlet"]],template:function(U,Me){1&U&&(c.NAR(),c.j41(0,"fieldset",0),c.SdG(1),c.k0s(),c.DNE(2,ye,4,5,"div",1)),2&U&&(c.AVh("t-content_has-overlay",Me.hasOverlay)("t-content_loading",Me.loading),c.Y8G("disabled",Me.loading&&!Me.isApple),c.BMQ("inert",Me.loading||null),c.R7$(2),c.Y8G("ngIf",Me.loading))},dependencies:[t.bT,se.xr],styles:["[_nghost-%COMP%]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-%COMP%]{overflow:hidden}[data-size=xs][_nghost-%COMP%]{--t-diameter: .75em}[data-size=s][_nghost-%COMP%]{--t-diameter: 1em}[data-size=m][_nghost-%COMP%]{--t-diameter: 1.5em}[data-size=l][_nghost-%COMP%]{--t-diameter: 2.5em}[data-size=xl][_nghost-%COMP%]{--t-diameter: 3.5em}[data-size=xxl][_nghost-%COMP%]{--t-diameter: 5em}.t-content[_ngcontent-%COMP%]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-%COMP%]{opacity:.3}.t-content_loading[_ngcontent-%COMP%]{pointer-events:none}.t-loader[_ngcontent-%COMP%]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-%COMP%]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-%COMP%]{color:inherit;stroke:currentColor}.t-text[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-%COMP%]{margin:0 0 0 1rem}@keyframes _ngcontent-%COMP%_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-%COMP%]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-%COMP%_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-%COMP%]{overflow:visible}}@keyframes _ngcontent-%COMP%_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-%COMP%]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-%COMP%_tuiLoaderDashOffset 4s linear infinite}"],changeDetection:0}),nt})()},9738:(wt,ke,u)=>{u.d(ke,{Ub:()=>ne,wS:()=>ye});var t=u(2978),c=u(4314),S=u(4135),N=u(7355),X=u(8395),$=u(5037);const W={info:"@tui.info",success:"@tui.circle-check",error:"@tui.circle-x",warning:"@tui.circle-alert",neutral:"@tui.info"},ne=(0,c.gc)({appearance:"info",icon:be=>{var ee;return null!==(ee=W[be])&&void 0!==ee?ee:""},size:"l"});let Q=(()=>{var be;class ee{}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275cmp=t.VBU({type:be,selectors:[["ng-component"]],hostAttrs:[1,"tui-notification"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(j,oe){},styles:["tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}\n"],encapsulation:2,changeDetection:0}),ee})(),ye=(()=>{var be;class ee{constructor(){this.options=(0,t.WQX)(ne),this.nothing=(0,c.Ty)(Q),this.icons=(0,t.WQX)($.R),this.appearance=this.options.appearance,this.icon=this.options.icon,this.size=this.options.size}ngOnInit(){this.refresh()}ngOnChanges(){this.refresh()}refresh(){this.icons.iconStart=(0,c.YB)(this.icon)?this.icon:this.icon(this.appearance)}}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275dir=t.FsC({type:be,selectors:[["tui-notification"],["a","tuiNotification",""],["button","tuiNotification",""]],hostVars:1,hostBindings:function(j,oe){2&j&&t.BMQ("data-size",oe.size)},inputs:{appearance:"appearance",icon:"icon",size:"size"},standalone:!0,features:[t.Jv_([(0,X.mr)(ne),(0,N.m0)({appearance:"",pseudo:!0}),(0,S.e)({appearance:"whiteblock",size:"s"})]),t.OA$,t.nM4([$.Z,X.tF])]}),ee})()},599:(wt,ke,u)=>{u.d(ke,{I_:()=>Tt,N0:()=>ce,Vm:()=>ie,ey:()=>mt,pF:()=>k});var t=u(6610),c=u(2978),S=u(3241),N=u(4976),X=u(7187),$=u(656),W=u(5950),se=u(9406),ne=u(2489),J=u(3527),Q=u(2831),ye=u(6340),be=u(1472),ee=u(965),Ae=u(3793),j=u(3229),oe=u(7212),Be=u(4822),nt=u(811),Ue=u(4314);function U(te,Oe){if(1&te&&(c.j41(0,"div",3),c.bIt("mousedown.capture.prevent",function(){return 0}),c.nrm(1,"div",4),c.k0s()),2&te){const Ne=c.XpG().ngIf,Le=c.XpG();c.AVh("t-bar_has-horizontal",Ne[1]),c.Y8G("@tuiFadeIn",Le.options)}}function Me(te,Oe){if(1&te&&(c.j41(0,"div",5),c.bIt("mousedown.capture.prevent",function(){return 0}),c.nrm(1,"div",6),c.k0s()),2&te){const Ne=c.XpG().ngIf,Le=c.XpG();c.AVh("t-bar_has-vertical",Ne[0]),c.Y8G("@tuiFadeIn",Le.options)}}function xe(te,Oe){if(1&te&&(c.qex(0),c.DNE(1,U,2,3,"div",1),c.DNE(2,Me,2,3,"div",2),c.bVm()),2&te){const Ne=Oe.ngIf;c.R7$(1),c.Y8G("ngIf",Ne[0]),c.R7$(1),c.Y8G("ngIf",Ne[1])}}function Xe(te,Oe){if(1&te&&c.nrm(0,"tui-scroll-controls",2),2&te){const Ne=c.XpG();c.AVh("t-hover-mode","hover"===Ne.options.mode)}}const Ge=["*"];let at=(()=>{var te;class Oe extends se.c{constructor(){super(Le=>this.scroll$.subscribe(Le)),this.el=(0,Be.qW)(),this.element=(0,c.WQX)($.HF).nativeElement,this.scroll$=(0,ne.h)((0,N.xM)(this.el.parentElement,"mousedown").pipe((0,J.T)(Le=>this.getScrolled(Le,.5,.5))),(0,N.xM)(this.el,"mousedown").pipe((0,N.rB)(),(0,Q.n)(Le=>{const{ownerDocument:Re}=this.el,Ke=this.el.getBoundingClientRect(),Dt=function tt({clientY:te},{top:Oe,height:Ne}){return(te-Oe)/Ne}(Le,Ke),Rt=function _t({clientX:te},{left:Oe,width:Ne}){return(te-Oe)/Ne}(Le,Ke);return(0,N.xM)(Re,"mousemove").pipe((0,J.T)(Yt=>this.getScrolled(Yt,Dt,Rt)),(0,ye.Q)((0,N.xM)(Re,"mouseup")))})))}getScrolled({clientY:Le,clientX:Re},Ke,Dt){const{offsetHeight:Rt,offsetWidth:Yt}=this.el,{top:Xt,left:sn,width:Ln,height:tn}=this.el.parentElement.getBoundingClientRect();return[(Le-Xt-Rt*Ke)/(tn-Rt)*(this.element.scrollHeight-tn),(Re-sn-Yt*Dt)/(Ln-Yt)*(this.element.scrollWidth-Ln)]}}return(te=Oe).\u0275fac=function(Le){return new(Le||te)},te.\u0275prov=c.jDH({token:te,factory:te.\u0275fac}),Oe})(),Wt=(()=>{var te;class Oe{constructor(){this.el=(0,c.WQX)($.HF).nativeElement,this.style=(0,Be.qW)().style,this.scrollSub=(0,c.WQX)(at).pipe((0,oe.pQ)()).subscribe(([Le,Re])=>{this.el.style.scrollBehavior="auto",this.el.scrollTo({top:Le,left:Re}),this.el.style.scrollBehavior=""}),this.styleSub=(0,ne.h)((0,c.WQX)(S.OX).pipe((0,be.c)(100,(0,N.Ew)())),(0,N.A5)(this.el)).pipe((0,N.rB)(),(0,oe.pQ)()).subscribe(()=>{const Le={scrollTop:this.el.scrollTop,scrollHeight:this.el.scrollHeight,clientHeight:this.el.clientHeight,scrollLeft:this.el.scrollLeft,scrollWidth:this.el.scrollWidth,clientWidth:this.el.clientWidth},Re="".concat(100*this.getThumb(Le),"%"),Ke="".concat(100*this.getView(Le),"%");"vertical"===this.tuiScrollbar?(this.style.top=Re,this.style.height=Ke):(this.style.left=Re,this.style.width=Ke)}),this.tuiScrollbar="vertical"}getScrolled(Le){return"vertical"===this.tuiScrollbar?Le.scrollTop/(Le.scrollHeight-Le.clientHeight):Le.scrollLeft/(Le.scrollWidth-Le.clientWidth)}getCompensation(Le){return Le.clientHeight*Le.clientHeight/Le.scrollHeight>24&&"vertical"===this.tuiScrollbar||Le.clientWidth*Le.clientWidth/Le.scrollWidth>24&&"horizontal"===this.tuiScrollbar?0:"vertical"===this.tuiScrollbar?24/Le.clientHeight:24/Le.clientWidth}getThumb(Le){const Re=this.getCompensation(Le)||this.getView(Le);return this.getScrolled(Le)*(1-Re)}getView(Le){return"vertical"===this.tuiScrollbar?Math.ceil(Le.clientHeight/Le.scrollHeight*100)/100:Math.ceil(Le.clientWidth/Le.scrollWidth*100)/100}}return(te=Oe).\u0275fac=function(Le){return new(Le||te)},te.\u0275dir=c.FsC({type:te,selectors:[["","tuiScrollbar",""]],inputs:{tuiScrollbar:"tuiScrollbar"},standalone:!0,features:[c.Jv_([at])]}),Oe})(),Tt=(()=>{var te;class Oe{constructor(){this.scrollRef=(0,c.WQX)($.HF).nativeElement,this.options=(0,W.mo)((0,c.WQX)($.nV)),this.refresh$=(0,c.WQX)(S.OX).pipe((0,be.c)(300,(0,N.Ew)()),(0,J.T)(()=>this.scrollbars),(0,ee.Z)([!1,!1]),(0,Ae.F)((Le,Re)=>Le[0]===Re[0]&&Le[1]===Re[1]),(0,N.sX)())}get scrollbars(){const{clientHeight:Le,scrollHeight:Re,clientWidth:Ke,scrollWidth:Dt}=this.scrollRef;return[Math.ceil(Le/Re*100)<100,Math.ceil(Ke/Dt*100)<100]}}return(te=Oe).\u0275fac=function(Le){return new(Le||te)},te.\u0275cmp=c.VBU({type:te,selectors:[["tui-scroll-controls"]],standalone:!0,features:[c.aNF],decls:2,vars:3,consts:[[4,"ngIf"],["class","t-bar t-bar_vertical",3,"t-bar_has-horizontal","mousedown.capture.prevent",4,"ngIf"],["class","t-bar t-bar_horizontal",3,"t-bar_has-vertical","mousedown.capture.prevent",4,"ngIf"],[1,"t-bar","t-bar_vertical",3,"mousedown.capture.prevent"],["tuiScrollbar","vertical",1,"t-thumb"],[1,"t-bar","t-bar_horizontal",3,"mousedown.capture.prevent"],["tuiScrollbar","horizontal",1,"t-thumb"]],template:function(Le,Re){1&Le&&(c.DNE(0,xe,3,2,"ng-container",0),c.nI1(1,"async")),2&Le&&c.Y8G("ngIf",c.bMT(1,1,Re.refresh$))},dependencies:[t.Jj,t.bT,Wt],styles:["[_nghost-%COMP%]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-%COMP%]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-%COMP%]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-%COMP%]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-%COMP%]{right:.5rem}.t-thumb[_ngcontent-%COMP%]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-%COMP%]:hover{opacity:.24}.t-thumb[_ngcontent-%COMP%]:active{opacity:.48}.t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{block-size:.875rem}"],data:{animation:[X.uy]},changeDetection:0}),Oe})();const Ot={mode:"always"},Pt=(0,Ue.gc)(Ot);function mt(te){return(0,Ue.eC)(Pt,te,Ot)}let ce=(()=>{var te;class Oe{constructor(){this.el=(0,Be.qW)(),this.options=(0,c.WQX)(Pt),this.isIOS=(0,c.WQX)(nt.mg),this.browserScrollRef=new c.aKT(this.el),this.hidden=!1}get delegated(){return this.scrollRef!==this.el}get scrollRef(){return this.browserScrollRef.nativeElement}set scrollRef(Le){this.browserScrollRef.nativeElement=Le}scrollIntoView(Le){var Re,Ke;if(this.delegated)return;const{offsetHeight:Dt,offsetWidth:Rt}=Le,{offsetTop:Yt,offsetLeft:Xt}=(0,Be.aT)(this.scrollRef,Le);null===(Re=(Ke=this.scrollRef).scrollTo)||void 0===Re||Re.call(Ke,Xt+Rt/2-this.scrollRef.clientWidth/2,Yt+Dt/2-this.scrollRef.clientHeight/2)}}return(te=Oe).\u0275fac=function(Le){return new(Le||te)},te.\u0275cmp=c.VBU({type:te,selectors:[["tui-scrollbar"]],hostVars:2,hostBindings:function(Le,Re){1&Le&&c.bIt("tui-scrollable.stop",function(Dt){return Re.scrollRef=Dt.detail})("tui-scroll-into-view.stop",function(Dt){return Re.scrollIntoView(Dt.detail)}),2&Le&&c.AVh("_native-hidden",!Re.isIOS||Re.hidden)},inputs:{hidden:"hidden"},standalone:!0,features:[c.Jv_([{provide:$.HF,useFactory:()=>(0,c.WQX)(te).browserScrollRef}]),c.aNF],ngContentSelectors:Ge,decls:3,vars:3,consts:[["class","t-bars",3,"t-hover-mode",4,"ngIf"],[1,"t-content"],[1,"t-bars"]],template:function(Le,Re){1&Le&&(c.NAR(),c.DNE(0,Xe,1,2,"tui-scroll-controls",0),c.j41(1,"div",1),c.SdG(2),c.k0s()),2&Le&&(c.Y8G("ngIf",!Re.hidden&&!Re.isIOS),c.R7$(1),c.AVh("t-content_delegated",Re.delegated))},dependencies:[t.bT,Tt],styles:["[_nghost-%COMP%]{position:relative;display:flex;isolation:isolate;overflow:auto}._native-hidden[_nghost-%COMP%]{scrollbar-width:none;-ms-overflow-style:none}._native-hidden[_nghost-%COMP%]::-webkit-scrollbar, ._native-hidden[_nghost-%COMP%]::-webkit-scrollbar-thumb{display:none}[_nghost-%COMP%]   .t-hover-mode[_ngcontent-%COMP%]:not(:active){transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[_nghost-%COMP%]:hover   .t-hover-mode[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1}.t-content[_ngcontent-%COMP%]{isolation:isolate;flex:1;flex-basis:auto;inline-size:100%;block-size:-webkit-max-content;block-size:max-content}.t-content_delegated[_ngcontent-%COMP%]{block-size:100%}.t-bars[_ngcontent-%COMP%]{color:var(--tui-text-primary)}"],changeDetection:0}),Oe})(),k=(()=>{var te;class Oe{constructor(){this.el=(0,Be.qW)(),this.destroyRef=(0,c.WQX)(c.abz)}set tuiScrollIntoView(Le){Le&&(0,j.O)(0).pipe((0,oe.pQ)(this.destroyRef)).subscribe(()=>{this.el.dispatchEvent(new CustomEvent("tui-scroll-into-view",{bubbles:!0,detail:this.el}))})}}return(te=Oe).\u0275fac=function(Le){return new(Le||te)},te.\u0275dir=c.FsC({type:te,selectors:[["","tuiScrollIntoView",""]],inputs:{tuiScrollIntoView:"tuiScrollIntoView"},standalone:!0}),Oe})(),ie=(()=>{var te;class Oe{}return(te=Oe).\u0275fac=function(Le){return new(Le||te)},te.\u0275dir=c.FsC({type:te,selectors:[["","tuiScrollRef",""]],standalone:!0,features:[c.Jv_([(0,Ue.QU)($.HF,c.aKT)])]}),Oe})()},2734:(wt,ke,u)=>{u.d(ke,{Bw:()=>k,KB:()=>Pt,TB:()=>le,j8:()=>ie}),u(3308);var c=u(5639),S=u(6610),N=u(2978),X=u(8832),W=(u(3241),u(958)),se=u(4314),ne=u(8395),J=u(4822),Q=u(5851),ye=u(7002),be=u(7434),ee=u(4135),Ae=u(5180),j=u(3279),oe=u(5037),Be=u(656),nt=u(5173);const Ue=["vcr"];function U(Ne,Le){if(1&Ne){const Re=N.RV6();N.j41(0,"button",6),N.bIt("click",function(){N.eBV(Re);const Dt=N.XpG();return N.Njj(null==Dt.directive?null:Dt.directive.setValue(null))})("pointerdown.silent.prevent",function(){N.eBV(Re);const Dt=N.XpG();return N.Njj(null==Dt.el||null==Dt.el.nativeElement?null:Dt.el.nativeElement.focus())}),N.k0s()}if(2&Ne){const Re=N.XpG();N.Y8G("iconStart",Re.icons.close)}}function Me(Ne,Le){if(1&Ne&&(N.qex(0),N.EFF(1),N.bVm()),2&Ne){const Re=Le.polymorpheusOutlet;N.R7$(1),N.SpI(" ",Re," ")}}function xe(Ne,Le){if(1&Ne&&N.nrm(0,"input",7),2&Ne){const Re=N.XpG();N.Y8G("value",Re.computedFiller)}}const Xe=[[["input"]],[["select"]],[["label"]],"*",[["tui-icon"]]],Ge=function(Ne){return{$implicit:Ne}},at=["input","select","label","*","tui-icon"],Pt=(0,se.gc)({appearance:(0,N.vPA)("textfield"),size:(0,N.vPA)("l"),cleaner:(0,N.vPA)(!0)});let le=(()=>{var Ne;class Le{constructor(){this.options=(0,N.WQX)(Pt,{skipSelf:!0}),this.appearance=(0,N.vPA)(this.options.appearance()),this.size=(0,N.vPA)(this.options.size()),this.cleaner=(0,N.vPA)(this.options.cleaner())}set tuiTextfieldAppearance(Ke){this.appearance.set(Ke)}set tuiTextfieldSize(Ke){this.size.set(Ke)}set tuiTextfieldCleaner(Ke){this.cleaner.set(Ke)}}return(Ne=Le).\u0275fac=function(Ke){return new(Ke||Ne)},Ne.\u0275dir=N.FsC({type:Ne,selectors:[["","tuiTextfieldAppearance",""],["","tuiTextfieldSize",""],["","tuiTextfieldCleaner",""]],inputs:{tuiTextfieldAppearance:"tuiTextfieldAppearance",tuiTextfieldSize:"tuiTextfieldSize",tuiTextfieldCleaner:"tuiTextfieldCleaner"},standalone:!0,features:[N.Jv_([(0,se.QU)(Pt,Ne)])]}),Le})(),H=(()=>{var Ne;class Le{}return(Ne=Le).\u0275fac=function(Ke){return new(Ke||Ne)},Ne.\u0275dir=N.FsC({type:Ne,selectors:[["ng-template","tuiTextfieldDropdown",""]],standalone:!0}),Le})(),ce=(()=>{var Ne;class Le{constructor(){this.dropdown=(0,j.WI)(null)}set template(Ke){this.dropdown.set(Ke)}}return(Ne=Le).\u0275fac=function(Ke){return new(Ke||Ne)},Ne.\u0275dir=N.FsC({type:Ne,contentQueries:function(Ke,Dt,Rt){if(1&Ke&&N.wni(Rt,H,5,N.C4Q),2&Ke){let Yt;N.mGM(Yt=N.lsd())&&(Dt.template=Yt.first)}},standalone:!0}),Le})(),k=(()=>{var Ne;class Le{constructor(){this.open=(0,j.ED)(),this.focusedIn=(0,be.vn)((0,J.qW)()),this.side=0,this.autoId=(0,ye.XD)(),this.icons=(0,N.WQX)(Be._Z),this.cdr=(0,N.WQX)(N.gRc),this.filler="",this.stringify=String,this.focused=(0,N.EWP)(()=>this.open()||this.focusedIn()),this.options=(0,N.WQX)(Pt)}get id(){var Ke;return(null===(Ke=this.el)||void 0===Ke?void 0:Ke.nativeElement.id)||this.autoId}get size(){return this.options.size()}handleOption(Ke){var Dt;null===(Dt=this.directive)||void 0===Dt||Dt.setValue(Ke),this.open.set(!1)}get computedFiller(){var Ke;const Dt=(null===(Ke=this.el)||void 0===Ke?void 0:Ke.nativeElement.value)||"",Rt=Dt+this.filler.slice(Dt.length);return Rt.length>Dt.length?Rt:""}get showFiller(){var Ke,Dt;return this.focused()&&!!this.computedFiller&&(!(null===(Ke=this.el)||void 0===Ke||!Ke.nativeElement.value)||!(null!==(Dt=this.el)&&void 0!==Dt&&Dt.nativeElement.placeholder))}get hasLabel(){var Ke;return!(null===(Ke=this.label)||void 0===Ke||null===(Ke=Ke.nativeElement)||void 0===Ke||!Ke.childNodes.length)}onResize(Ke){var Dt;this.side=(null===(Dt=Ke[0])||void 0===Dt||null===(Dt=Dt.contentRect)||void 0===Dt?void 0:Dt.width)||0,this.cdr.detectChanges()}}return(Ne=Le).\u0275fac=function(Ke){return new(Ke||Ne)},Ne.\u0275cmp=N.VBU({type:Ne,selectors:[["tui-textfield"]],contentQueries:function(Ke,Dt,Rt){if(1&Ke&&(N.wni(Rt,ie,5),N.wni(Rt,c.z,5,N.aKT),N.wni(Rt,X.vO,5),N.wni(Rt,ie,7,N.aKT)),2&Ke){let Yt;N.mGM(Yt=N.lsd())&&(Dt.directive=Yt.first),N.mGM(Yt=N.lsd())&&(Dt.label=Yt.first),N.mGM(Yt=N.lsd())&&(Dt.control=Yt.first),N.mGM(Yt=N.lsd())&&(Dt.el=Yt.first)}},viewQuery:function(Ke,Dt){if(1&Ke&&N.GBs(Ue,7,N.c1b),2&Ke){let Rt;N.mGM(Rt=N.lsd())&&(Dt.vcr=Rt.first)}},hostVars:9,hostBindings:function(Ke,Dt){2&Ke&&(N.BMQ("data-size",Dt.options.size()),N.xc7("--t-side",Dt.side,"px"),N.AVh("_with-label",Dt.hasLabel)("_with-template",Dt.content)("_disabled",null==Dt.el?null:Dt.el.nativeElement.disabled))},inputs:{filler:"filler",stringify:"stringify",content:"content"},standalone:!0,features:[N.Jv_([(0,Ae.PU)(Ne),(0,j.Lq)({limitWidth:"fixed"})]),N.aNF,N.nM4([j.pU,j.Ks,ce,oe.Z])],ngContentSelectors:at,decls:12,vars:6,consts:[[1,"t-content",3,"mousedown.prevent","waResizeObserver"],["appearance","icon","size","xs","tabindex","-1","tuiIconButton","","type","button","class","t-clear",3,"iconStart","click","pointerdown.silent.prevent",4,"ngIf"],["vcr",""],[1,"t-template"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["aria-hidden","true","disabled","","class","t-filler",3,"value",4,"ngIf"],["appearance","icon","size","xs","tabindex","-1","tuiIconButton","","type","button",1,"t-clear",3,"iconStart","click","pointerdown.silent.prevent"],["aria-hidden","true","disabled","",1,"t-filler",3,"value"]],template:function(Ke,Dt){1&Ke&&(N.NAR(Xe),N.SdG(0),N.SdG(1,1),N.SdG(2,2),N.j41(3,"span",0),N.bIt("mousedown.prevent",function(){return null==Dt.el||null==Dt.el.nativeElement?null:Dt.el.nativeElement.focus()})("waResizeObserver",function(Yt){return Dt.onResize(Yt)}),N.SdG(4,3),N.DNE(5,U,1,1,"button",1),N.eu8(6,null,2),N.SdG(8,4),N.k0s(),N.j41(9,"span",3),N.DNE(10,Me,2,1,"ng-container",4),N.k0s(),N.DNE(11,xe,1,1,"input",5)),2&Ke&&(N.R7$(5),N.Y8G("ngIf",Dt.options.cleaner()),N.R7$(5),N.Y8G("polymorpheusOutlet",Dt.content)("polymorpheusOutletContext",N.eq3(4,Ge,null==Dt.control?null:Dt.control.value)),N.R7$(1),N.Y8G("ngIf",Dt.showFiller))},dependencies:[S.bT,nt.xr,ee.p,Q.DQ],styles:['tui-textfield{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;block-size:var(--t-height);color:var(--tui-text-tertiary);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m);box-sizing:border-box}tui-textfield[style*="--t-icon-start:"]{--t-left: 2.25rem}tui-textfield[style*="--t-icon-end:"]{--t-right: 2.25rem}tui-textfield:after{margin-inline-start:.25rem}tui-textfield input,tui-textfield select{font:var(--tui-font-text-m)}tui-textfield[data-size=s]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=s][style*="--t-icon-start:"]{--t-left: 1.25rem}tui-textfield[data-size=s][style*="--t-icon-end:"]{--t-right: 1.25rem}tui-textfield[data-size=s]:before{margin:0 .5rem 0 -.125rem;font-size:1rem}tui-textfield[data-size=s]:after{margin:0 -.175rem 0 .575rem;font-size:1rem}tui-textfield[data-size=s] input,tui-textfield[data-size=s] select{font:var(--tui-font-text-s)}tui-textfield[data-size=s] .t-content{gap:0;margin-inline-end:-.325rem}tui-textfield[data-size=m]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=m][style*="--t-icon-start:"]{--t-left: 1.75rem}tui-textfield[data-size=m][style*="--t-icon-end:"]{--t-right: 1.75rem}tui-textfield[data-size=m]:before{margin:0 .375rem 0 -.125rem}tui-textfield[data-size=m]:after{margin:0 -.125rem 0 .5rem}tui-textfield[data-size=m] input,tui-textfield[data-size=m] select{font:var(--tui-font-text-s)}tui-textfield[data-size=m] .t-content{margin-inline-end:-.125rem}tui-textfield:hover{color:var(--tui-text-secondary)}tui-textfield:hover:has(input:read-only),tui-textfield:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}tui-textfield:before{z-index:1;margin-inline-end:.75rem}tui-textfield:has(:disabled:not(.t-filler,button,option)):before,tui-textfield:has(:disabled:not(.t-filler,button,option)):after,tui-textfield:has(:disabled:not(.t-filler,button,option)) .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield._disabled:before,tui-textfield._disabled:after,tui-textfield._disabled .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield:has(label:not(:empty)) .t-template,tui-textfield:has(label:not(:empty)) input,tui-textfield:has(label:not(:empty)) select{padding-top:calc(var(--t-height) / 3)}tui-textfield:has(label:not(:empty)) .t-template:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) input:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) select:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) .t-template._empty,tui-textfield:has(label:not(:empty)) input._empty,tui-textfield:has(label:not(:empty)) select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield._with-label .t-template,tui-textfield._with-label input,tui-textfield._with-label select{padding-top:calc(var(--t-height) / 3)}tui-textfield._with-label .t-template:not(:-webkit-autofill)::placeholder,tui-textfield._with-label input:not(:-webkit-autofill)::placeholder,tui-textfield._with-label select:not(:-webkit-autofill)::placeholder,tui-textfield._with-label .t-template._empty,tui-textfield._with-label input._empty,tui-textfield._with-label select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield .t-template,tui-textfield input:defined,tui-textfield select:defined{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:none;border-inline-start:var(--t-left, 0) solid transparent!important;border-inline-end:calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side)) solid transparent!important;border-radius:inherit;padding:inherit}tui-textfield .t-template{display:flex;align-items:center}tui-textfield._with-template select{color:transparent!important}tui-textfield input:defined,tui-textfield select:defined{pointer-events:auto;background:transparent no-repeat center right 1rem / 2rem;background-clip:border-box,padding-box}tui-textfield input:defined:read-only~.t-filler,tui-textfield select:defined:read-only~.t-filler{display:none}tui-textfield input:defined:disabled~label,tui-textfield select:defined:disabled~label,tui-textfield input:defined:disabled~.t-content,tui-textfield select:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}tui-textfield input:defined:disabled~label tui-icon,tui-textfield select:defined:disabled~label tui-icon,tui-textfield input:defined:disabled~.t-content tui-icon,tui-textfield select:defined:disabled~.t-content tui-icon{display:none}tui-textfield input:defined:-webkit-autofill~label,tui-textfield select:defined:-webkit-autofill~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown)~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown)~label{font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}tui-textfield input:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]._empty,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]~label,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}@supports (-webkit-touch-callout: none){tui-textfield input:defined._ios-fix,tui-textfield select:defined._ios-fix{position:fixed;left:1000rem}}tui-textfield label:not([data-orientation=vertical]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}tui-textfield label:defined,tui-textfield input:defined::placeholder,tui-textfield select:defined._empty{color:var(--tui-text-secondary)}tui-textfield select:not([data-mode~=readonly]){cursor:pointer}tui-textfield button,tui-textfield a{pointer-events:auto}tui-textfield .t-content{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate}tui-textfield .t-content tui-icon{pointer-events:auto}tui-textfield .t-clear{display:none;pointer-events:auto}tui-textfield .t-filler:defined{pointer-events:none;background:none;color:var(--tui-text-tertiary);opacity:1}tui-textfield [tuiFluidTypography]{font-weight:700}\n'],encapsulation:2,changeDetection:0}),Le})(),Z=(()=>{var Ne;class Le{constructor(){this.focused=(0,N.vPA)(null),this.a=(0,ne.lT)((0,N.WQX)(Pt).appearance),this.s=(0,ne.KC)(null),this.m=(0,ne.UP)(this.mode),this.f=(0,ne.RM)((0,N.EWP)(()=>this.focused()||this.textfield.focused())),this.el=(0,J.qW)(),this.textfield=(0,N.WQX)(k),this.readOnly=!1,this.invalid=null}set focusedSetter(Ke){this.focused.set(Ke)}set stateSetter(Ke){this.s.set(Ke)}get mode(){return this.readOnly?"readonly":!1===this.invalid?"valid":this.invalid?"invalid":null}ngOnChanges(){this.m.set(this.mode)}setValue(Ke){this.el.value=null==Ke?"":this.textfield.stringify(Ke),this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}return(Ne=Le).\u0275fac=function(Ke){return new(Ke||Ne)},Ne.\u0275dir=N.FsC({type:Ne,inputs:{readOnly:"readOnly",invalid:"invalid",focusedSetter:["focused","focusedSetter"],stateSetter:["state","stateSetter"]},features:[N.OA$]}),Le})(),ie=(()=>{var Ne;class Le extends Z{}return(Ne=Le).\u0275fac=function(){let Re;return function(Dt){return(Re||(Re=N.xGo(Ne)))(Dt||Ne)}}(),Ne.\u0275dir=N.FsC({type:Ne,selectors:[["input","tuiTextfield",""]],hostVars:4,hostBindings:function(Ke,Dt){1&Ke&&N.bIt("input",function(){return 0})("focusin",function(){return 0})("focusout",function(){return 0}),2&Ke&&(N.Mr5("id",Dt.textfield.id)("readOnly",Dt.readOnly),N.AVh("_empty",""===Dt.el.value))},standalone:!0,features:[N.Vt3,N.nM4([W.W,ne.bC])]}),Le})()},8395:(wt,ke,u)=>{u.d(ke,{KC:()=>ne,RM:()=>J,UP:()=>Q,bC:()=>W,lT:()=>se,mr:()=>X,tF:()=>ye,to:()=>N});var t=u(4314),c=u(2978);const N=(0,t.gc)({appearance:""});function X(be){return(0,t.QU)(N,be)}let $=(()=>{var be;class ee{}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275cmp=c.VBU({type:be,selectors:[["ng-component"]],hostAttrs:[1,"tui-appearance"],standalone:!0,features:[c.aNF],decls:0,vars:0,template:function(j,oe){},styles:["[tuiAppearance]{transition-property:color,background,opacity,box-shadow,border;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem}[tuiAppearance]:focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance][data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:disabled:not([data-state]),[tuiAppearance][data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}\n"],encapsulation:2,changeDetection:0}),ee})(),W=(()=>{var be;class ee{constructor(){this.nothing=(0,t.Ty)($),this.modes=(0,c.EWP)((j=this.mode())=>!j||(0,t.YB)(j)?j:j.join(" ")),this.appearance=(0,c.vPA)((0,c.WQX)(N).appearance),this.state=(0,c.vPA)(null),this.focus=(0,c.vPA)(null),this.mode=(0,c.vPA)(null)}set tuiAppearance(j){this.appearance.set(j)}set tuiAppearanceState(j){this.state.set(j)}set tuiAppearanceFocus(j){this.focus.set(j)}set tuiAppearanceMode(j){this.mode.set(j)}}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275dir=c.FsC({type:be,selectors:[["","tuiAppearance",""]],hostAttrs:["tuiAppearance",""],hostVars:4,hostBindings:function(j,oe){2&j&&c.BMQ("data-appearance",oe.appearance())("data-state",oe.state())("data-focus",oe.focus())("data-mode",oe.modes())},inputs:{tuiAppearance:"tuiAppearance",tuiAppearanceState:"tuiAppearanceState",tuiAppearanceFocus:"tuiAppearanceFocus",tuiAppearanceMode:"tuiAppearanceMode"},standalone:!0}),ee})();function se(be){return(0,t.hp)(W,"appearance",be)}function ne(be){return(0,t.hp)(W,"state",be)}function J(be){return(0,t.hp)(W,"focus",be)}function Q(be){return(0,t.hp)(W,"mode",be)}let ye=(()=>{var be;class ee{}return(be=ee).\u0275fac=function(j){return new(j||be)},be.\u0275dir=c.FsC({type:be,standalone:!0,features:[c.nM4([{directive:W,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus","tuiAppearanceMode","tuiAppearanceMode"]}])]}),ee})()},3279:(wt,ke,u)=>{u.d(ke,{Bz:()=>Ln,Vh:()=>Vt,pU:()=>vt,iE:()=>bi,P0:()=>li,HY:()=>he,Hg:()=>it,fx:()=>xt,Ks:()=>an,WI:()=>on,ED:()=>ln,Lq:()=>ae});var t=u(2978),c=u(7212),S=u(3241),N=u(6242),X=u(4822),$=u(712),W=u(4314),se=u(7187),ne=u(4514),J=u(599),Q=u(1342),ye=u(656),be=u(5950),ee=u(9141);function Ae(rt){return!!rt&&(function j(rt){var ze;return"fixed"===(null===(ze=rt.ownerDocument.defaultView)||void 0===ze?void 0:ze.getComputedStyle(rt).getPropertyValue("position"))}(rt)||Ae(rt.parentElement))}var Ue=u(5173),U=u(6104),Me=u(1472),xe=u(7049),Xe=u(3527),Ge=u(2489),at=u(8503),tt=u(8129),_t=u(3793),mt=(u(2831),u(756),u(8283),u(7236),u(7782),u(5981)),H=(u(199),u(7270)),ce=u(4976),k=u(4926),ie=(u(811),u(6701)),te=(u(6610),u(9406)),Oe=u(965);let Ne=(()=>{var rt;class ze extends te.c{constructor(){super(ge=>this.obscured$.subscribe(ge)),this.el=(0,X.qW)(),this.obscured$=(0,t.WQX)(S.OX).pipe((0,Me.c)(100,(0,ce.Ew)()),(0,Xe.T)(()=>(0,X.J0)(this.el)),(0,Oe.Z)(null),(0,_t.F)(),(0,ce.sX)())}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275prov=t.jDH({token:rt,factory:rt.\u0275fac}),ze})(),Le=(()=>{var rt;class ze{constructor(){this.activeZone=(0,t.WQX)(N.N,{optional:!0}),this.enabled$=new U.B,this.obscured$=(0,t.WQX)(Ne,{self:!0}).pipe((0,Xe.T)(ge=>!(null==ge||!ge.every(Y=>{var He;return!(null!==(He=this.activeZone)&&void 0!==He&&He.contains(Y))})))),this.tuiObscured=this.enabled$.pipe((0,ce.aY)(()=>this.obscured$))}set tuiObscuredEnabled(ge){this.enabled$.next(ge)}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiObscured",""]],inputs:{tuiObscuredEnabled:"tuiObscuredEnabled"},outputs:{tuiObscured:"tuiObscured"},standalone:!0,features:[t.Jv_([Ne])]}),ze})();var Re=u(7434);function Ke(rt,ze){if(1&rt&&(t.j41(0,"div",2),t.EFF(1),t.k0s()),2&rt){const we=ze.polymorpheusOutlet;t.R7$(1),t.SpI(" ",we," ")}}const Dt=function(rt){return{$implicit:rt}},Rt=["tuiDropdownHost"],Yt=["*"];let Xt=(()=>{var rt;class ze extends U.B{constructor(){super(...arguments),this.type="dropdown"}}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275prov=t.jDH({token:rt,factory:rt.\u0275fac}),ze})(),sn=(()=>{var rt;class ze extends ne.I9{constructor(){super(...arguments),this.type="dropdown"}}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownDriver",""]],standalone:!0,features:[t.Vt3]}),ze})();const Ln=(0,W.ET)(()=>Vt),tn=new t.nKC("");let it=(()=>{var rt;class ze extends k.Ak{}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275prov=t.jDH({token:rt,factory:rt.\u0275fac,providedIn:"root"}),ze})();const Ye={align:"left",direction:null,limitWidth:"auto",maxHeight:400,minHeight:80,offset:4,appearance:""},ct=(0,W.gc)(Ye),ae=rt=>({provide:ct,deps:[[new t.Xx1,new t.B$B,he],[new t.Xx1,new t.kdw,ct]],useFactory:(0,be.tu)(rt,Ye)});let he=(()=>{var rt;class ze{constructor(){this.options=(0,t.WQX)(ct,{skipSelf:!0}),this.align=this.options.align,this.appearance=this.options.appearance,this.direction=this.options.direction,this.limitWidth=this.options.limitWidth,this.minHeight=this.options.minHeight,this.maxHeight=this.options.maxHeight,this.offset=this.options.offset}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownAlign",""],["","tuiDropdownAppearance",""],["","tuiDropdownDirection",""],["","tuiDropdownLimitWidth",""],["","tuiDropdownMinHeight",""],["","tuiDropdownMaxHeight",""],["","tuiDropdownOffset",""]],inputs:{align:["tuiDropdownAlign","align"],appearance:["tuiDropdownAppearance","appearance"],direction:["tuiDropdownDirection","direction"],limitWidth:["tuiDropdownLimitWidth","limitWidth"],minHeight:["tuiDropdownMinHeight","minHeight"],maxHeight:["tuiDropdownMaxHeight","maxHeight"],offset:["tuiDropdownOffset","offset"]},standalone:!0,features:[t.Jv_([(0,W.QU)(ct,rt)])]}),ze})(),We=(()=>{var rt;class ze extends ne.dg{constructor(){super(...arguments),this.options=(0,t.WQX)(ct),this.viewport=(0,t.WQX)(ye.ob),this.type="dropdown",this.accessor=(0,ne.iA)("dropdown")((0,t.WQX)(ne.cf),(0,t.WQX)(vt,{optional:!0}))}getPosition({width:ge,height:Y}){var He,pt;!ge&&!Y&&(this.previous=void 0);const $t=null!==(He=null===(pt=this.accessor)||void 0===pt?void 0:pt.getClientRect())&&void 0!==He?He:ee.Lo,jt=this.viewport.getClientRect(),{minHeight:hn,align:gn,direction:ii,offset:Vn,limitWidth:jn}=this.options,Pn={top:jt.top-Vn,bottom:jt.bottom+Vn,right:jt.right-Vn,left:jt.left+Vn},ki=this.previous||ii||"bottom",Pi={top:$t.top-2*Vn-Pn.top,bottom:Pn.bottom-$t.bottom-2*Vn},fi=Math.max($t.right-("fixed"===jn?$t.width:ge),Vn),xi=$t.left+ge<Pn.right?$t.left:fi,Ii={top:$t.top-Vn-Y,bottom:$t.bottom+Vn,right:Math.max(Pn.left,fi),center:$t.left+$t.width/2+ge/2<Pn.right?$t.left+$t.width/2-ge/2:fi,left:Math.max(Pn.left,xi)},yn=Pi.top>Pi.bottom?"top":"bottom";return Pi[ki]>hn&&ii||Pi[ki]>Y?[Ii[ki],Ii[gn]]:(this.previous=yn,[Ii[yn],Ii[gn]])}}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownPosition",""]],standalone:!0,features:[t.Vt3]}),ze})(),vt=(()=>{var rt;class ze{constructor(){this.refresh$=new U.B,this.service=(0,t.WQX)(it),this.cdr=(0,t.WQX)(t.gRc),this.sub=this.refresh$.pipe((0,Me.c)(0,(0,ce.Ew)()),(0,c.pQ)()).subscribe(()=>{var ge,Y;null===(ge=this.ref())||void 0===ge||ge.changeDetectorRef.detectChanges(),null===(Y=this.ref())||void 0===Y||Y.changeDetectorRef.markForCheck()}),this.el=(0,X.qW)(),this.type="dropdown",this.component=new Ue.lS((0,t.WQX)(Ln),(0,t.WQX)(t.duS)),this.ref=(0,t.vPA)(null)}set tuiDropdown(ge){this.content=ge instanceof t.C4Q?new Ue.A7(ge,this.cdr):ge}get position(){return Ae(this.el)?"fixed":"absolute"}ngAfterViewChecked(){this.refresh$.next()}ngOnChanges(){this.content||this.toggle(!1)}ngOnDestroy(){this.toggle(!1)}getClientRect(){return this.el.getBoundingClientRect()}toggle(ge){const Y=this.ref();ge&&this.content&&!Y?this.ref.set(this.service.add(this.component)):!ge&&Y&&(this.ref.set(null),this.service.remove(Y))}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdown","",5,"ng-container",5,"ng-template"]],inputs:{tuiDropdown:"tuiDropdown"},exportAs:["tuiDropdown"],standalone:!0,features:[t.Jv_([(0,ne.yq)(rt),(0,ne.XW)(rt)]),t.OA$,t.nM4([sn,We])]}),(0,H.Cg)([W.PE],ze.prototype,"position",null),ze})(),Vt=(()=>{var rt;class ze{constructor(){var ge;this.el=(0,X.qW)(),this.accessor=(0,t.WQX)(ne.cf),this.win=(0,t.WQX)(S.Qc),this.vvs=(0,t.WQX)(Q.yt),this.animation=(0,be.mo)((0,t.WQX)(ye.nV)),this.options=(0,t.WQX)(ct),this.directive=(0,t.WQX)(vt),this.context=(0,t.WQX)(tn,{optional:!0}),this.theme=null===(ge=this.directive.el.closest("[tuiTheme]"))||void 0===ge?void 0:ge.getAttribute("tuiTheme"),this.sub=(0,t.WQX)(Q.ZE).pipe((0,xe.v)(()=>this.directive.el.isConnected),(0,Xe.T)(Y=>"fixed"===this.directive.position?this.vvs.correct(Y):Y),(0,Xe.T)(([Y,He])=>this.getStyles(Y,He)),(0,c.pQ)()).subscribe({next:Y=>Object.assign(this.el.style,Y),complete:()=>this.close()}),this.close=()=>this.directive.toggle(!1)}getStyles(ge,Y){var He;const{right:pt}=this.el.getBoundingClientRect(),{maxHeight:$t,minHeight:jt,offset:hn,limitWidth:gn}=this.options,{innerHeight:ii}=this.win,Vn=null===(He=this.el.offsetParent)||void 0===He?void 0:He.getBoundingClientRect(),{position:jn}=this.directive,Pn=this.accessor.getClientRect(),Pi="fixed"===jn?0:-((null==Vn?void 0:Vn.top)||0);ge+=Pi,Y+="fixed"===jn?0:-((null==Vn?void 0:Vn.left)||0);const ri=pt<=Pn.left||Y>=Pn.right,xi=Y<Pn.right&&pt>Pn.left&&ge<Pi+2*hn?Pn.top-2*hn:Pi+ii-ge-hn;return{position:jn,top:(0,W.Pp)(Math.round(Math.max(ge,Pi+hn))),left:(0,W.Pp)(Math.round(Y)),maxHeight:(0,W.Pp)(ri?$t:Math.round((0,$.wN)(xi,jt,$t))),width:"fixed"===gn?(0,W.Pp)(Math.round(Pn.width)):"",minWidth:"min"===gn?(0,W.Pp)(Math.round(Pn.width)):""}}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275cmp=t.VBU({type:rt,selectors:[["tui-dropdown"]],hostVars:3,hostBindings:function(ge,Y){2&ge&&(t.BMQ("data-appearance",Y.options.appearance)("tuiTheme",Y.theme),t.zvX("@tuiDropdownAnimation",Y.animation))},standalone:!0,features:[t.Jv_([Q.ZE,(0,ne.mI)("dropdown",We),(0,ne.Z3)("dropdown",vt)]),t.aNF,t.nM4([N.N])],decls:2,vars:4,consts:[[1,"t-scroll"],["class","t-primitive",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive"]],template:function(ge,Y){1&ge&&(t.j41(0,"tui-scrollbar",0),t.DNE(1,Ke,2,1,"div",1),t.k0s()),2&ge&&(t.R7$(1),t.Y8G("polymorpheusOutlet",Y.directive.content)("polymorpheusOutletContext",t.eq3(2,Dt,Y.close)))},dependencies:[Ue.xr,J.N0],styles:["[_nghost-%COMP%]{position:absolute;display:flex;box-shadow:var(--tui-shadow-medium);background:var(--tui-background-elevation-3);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-border-normal);box-sizing:border-box;max-inline-size:calc(100% - 8px);isolation:isolate;pointer-events:auto}.ng-animating[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%]:not([style*=top]){visibility:hidden}.t-scroll[_ngcontent-%COMP%]{flex-grow:1;max-inline-size:100%;overscroll-behavior:none}.t-primitive[_ngcontent-%COMP%]{padding:1rem}"],data:{animation:[se.CF]}}),ze})();function Hn(rt){var ze;return"key"in rt&&"escape"===rt.key.toLowerCase()&&this.tuiDropdownEnabled&&!!this.tuiDropdownOpen&&!(null!==(ze=this.dropdown())&&void 0!==ze&&ze.nextElementSibling)}(0,W.gc)({showDelay:200,hideDelay:500});let bi=(()=>{var rt;class ze{constructor(){this.directive=(0,t.WQX)(vt),this.el=(0,X.qW)(),this.obscured=(0,t.WQX)(Le),this.dropdown=(0,t.EWP)(()=>{var ge;return null===(ge=this.directive.ref())||void 0===ge?void 0:ge.location.nativeElement}),this.sub=(0,Ge.h)(this.obscured.tuiObscured.pipe((0,at.p)(Boolean)),(0,t.WQX)(N.N).tuiActiveZoneChange.pipe((0,at.p)(ge=>!ge)),(0,tt.R)(this.el,"focusin").pipe((0,Xe.T)(X.U9),(0,at.p)(ge=>!this.host.contains(ge)||!this.directive.ref()))).pipe((0,ce.Eb)((0,t.WQX)(t.gRc)),(0,c.pQ)()).subscribe(()=>this.toggle(!1)),this.tuiDropdownEnabled=!0,this.tuiDropdownOpen=!1,this.tuiDropdownOpenChange=new t.bkB,this.driver=(0,t.WQX)(Xt)}ngOnChanges(){this.drive()}toggle(ge){this.focused&&!ge&&this.host.focus({preventScroll:!0}),this.update(ge)}onEsc(ge){ge.preventDefault(),this.toggle(!1)}onClick(ge){!this.editable&&this.host.contains(ge)&&this.update(!this.tuiDropdownOpen)}onArrow(ge,Y){!(0,X.ru)(ge.target)||!this.host.contains(ge.target)||!this.tuiDropdownEnabled||(ge.preventDefault(),this.focusDropdown(Y))}onKeydown({key:ge,target:Y,defaultPrevented:He}){He||!(0,be.On)(ge)||!this.editable||!this.focused||!(0,X.Ki)(Y)||(0,X.dn)(Y)&&Y!==this.host||(this.update(!0),this.host.focus({preventScroll:!0}))}get host(){var ge,Y;const He=(null===(ge=this.dropdownHost)||void 0===ge?void 0:ge.nativeElement)||this.el,pt=(0,Re.Hn)(He)?He:(0,Re.km)({initial:He,root:this.el});return(null===(Y=this.dropdownHost)||void 0===Y?void 0:Y.nativeElement)||pt||this.el}get editable(){return(0,X.dn)(this.host)}get focused(){return(0,Re.Ij)(this.host)||(0,Re.Ij)(this.dropdown())}update(ge){ge&&!this.tuiDropdownEnabled||(this.tuiDropdownOpen=ge,this.tuiDropdownOpenChange.emit(ge),this.drive())}drive(ge=this.tuiDropdownOpen&&this.tuiDropdownEnabled){this.obscured.tuiObscuredEnabled=!!ge,this.driver.next(!!ge)}focusDropdown(ge){const Y=this.dropdown();if(!Y)return void this.update(!0);const pt=Y.appendChild(this.el.ownerDocument.createElement("div")),jt=(0,Re.km)({initial:ge?pt:Y,previous:ge,root:Y});pt.remove(),null==jt||jt.focus()}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdown","","tuiDropdownOpen",""],["","tuiDropdown","","tuiDropdownOpenChange",""]],contentQueries:function(ge,Y,He){if(1&ge&&t.wni(He,Rt,5,t.aKT),2&ge){let pt;t.mGM(pt=t.lsd())&&(Y.dropdownHost=pt.first)}},hostBindings:function(ge,Y){1&ge&&t.bIt("click",function(pt){return Y.onClick(pt.target)})("keydown.arrowDown",function(pt){return Y.onArrow(pt,!1)})("keydown.arrowUp",function(pt){return Y.onArrow(pt,!0)})("keydown.silent.capture",function(pt){return Y.onEsc(pt)},!1,t.EBC)("keydown.silent",function(pt){return Y.onKeydown(pt)},!1,t.EBC)},inputs:{tuiDropdownEnabled:"tuiDropdownEnabled",tuiDropdownOpen:"tuiDropdownOpen"},outputs:{tuiDropdownOpenChange:"tuiDropdownOpenChange"},standalone:!0,features:[t.Jv_([Xt,(0,ne.Np)(Xt)]),t.OA$,t.nM4([Le,{directive:N.N,inputs:["tuiActiveZoneParent","tuiActiveZoneParent"],outputs:["tuiActiveZoneChange","tuiActiveZoneChange"]}])]}),(0,H.Cg)([(0,ie.KX)(Hn)],ze.prototype,"onEsc",null),ze})(),li=(()=>{var rt;class ze{constructor(){this.tuiDropdownOpenChange=new mt.t(!1)}set tuiDropdownOpen(ge){this.tuiDropdownOpenChange.next(ge)}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownOpen","",3,"tuiDropdown",""],["","tuiDropdownOpenChange","",3,"tuiDropdown",""]],inputs:{tuiDropdownOpen:"tuiDropdownOpen"},outputs:{tuiDropdownOpenChange:"tuiDropdownOpenChange"},standalone:!0}),ze})();function on(rt){return(0,W.hp)(vt,"tuiDropdown",rt,{})}function ln(){const rt=(0,W.hp)(bi,"tuiDropdownOpen",!1,{});return(0,t.WQX)(bi).tuiDropdownOpenChange.pipe((0,c.pQ)()).subscribe(ze=>rt.set(ze)),rt}let xt=(()=>{var rt;class ze extends k.mi{}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275cmp=t.VBU({type:rt,selectors:[["tui-dropdowns"]],standalone:!0,features:[t.Jv_([(0,k.bo)(it)]),t.Vt3,t.aNF],ngContentSelectors:Yt,decls:3,vars:0,consts:[["viewContainer",""]],template:function(ge,Y){1&ge&&(t.NAR(),t.SdG(0),t.eu8(1,null,0))},styles:["[_nghost-%COMP%]{display:block;height:100%;isolation:isolate}"],changeDetection:0}),ze})(),an=(()=>{var rt;class ze{}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,standalone:!0,features:[t.nM4([{directive:bi,inputs:["tuiDropdownOpen","open"],outputs:["tuiDropdownOpenChange","openChange"]}])]}),ze})()},7442:(wt,ke,u)=>{u.d(ke,{w7:()=>W});var t=u(2978),c=u(4314);const N=(0,c.gc)({size:"l",collapsed:!1,rounded:!0,orientation:"horizontal"});let $=(()=>{var se;class ne{}return(se=ne).\u0275fac=function(Q){return new(Q||se)},se.\u0275cmp=t.VBU({type:se,selectors:[["ng-component"]],hostAttrs:[1,"tui-group"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(Q,ye){},styles:["[tuiGroup]{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-clip: inset(-1rem 1px -1rem -1rem)}[tuiGroup]>*{z-index:1;flex:1 1 0;min-inline-size:0}[tuiGroup]>*:disabled,[tuiGroup]>*._disabled{z-index:0}[tuiGroup]>*:invalid:not([data-mode]),[tuiGroup]>*[data-mode~=invalid]{z-index:2;--t-group-clip: none}[tuiGroup]>*:has(:invalid:not([data-mode])),[tuiGroup]>*:has([data-mode~=invalid]){z-index:2;--t-group-clip: none}[tuiGroup]>*:focus-within{z-index:3;--t-group-clip: none}[tuiGroup]>*:has([data-focus=true]){z-index:3;--t-group-clip: none}[tuiGroup]>*:checked:not([data-mode]),[tuiGroup]>*[data-mode~=checked]{z-index:4;--t-group-clip: none}[tuiGroup]>*:has([tuiBlock]:checked){z-index:4;--t-group-clip: none}[tuiGroup]>*:not(:last-child){margin-inline-end:var(--t-group-margin);clip-path:var(--t-group-clip)}[tuiGroup]>*:nth-child(n){border-radius:0}[tuiGroup]>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}[tuiGroup]>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}[tuiGroup][data-size=s],[tuiGroup][data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup][data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-clip: inset(-1rem -1rem 1px -1rem)}[tuiGroup][data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup][data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup][data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup][data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup][data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}.tui-group{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-inline-size:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-group-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-block-size:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-group-radius);border-top-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group__auto-width-item{min-inline-size:auto;flex:0 0 auto}.tui-group__inherit-item{border-radius:inherit!important}\n"],encapsulation:2,changeDetection:0}),ne})(),W=(()=>{var se;class ne{constructor(){this.options=(0,t.WQX)(N),this.nothing=(0,c.Ty)($),this.orientation=this.options.orientation,this.collapsed=this.options.collapsed,this.rounded=this.options.rounded,this.size=this.options.size}}return(se=ne).\u0275fac=function(Q){return new(Q||se)},se.\u0275dir=t.FsC({type:se,selectors:[["","tuiGroup","",5,"ng-container"]],hostAttrs:["tuiGroup","","role","group"],hostVars:8,hostBindings:function(Q,ye){2&Q&&(t.BMQ("data-orientation",ye.orientation)("data-size",ye.size),t.xc7("--t-group-radius",ye.rounded?null:0)("--t-group-margin",ye.collapsed?null:.125,"rem")("--t-group-clip",ye.collapsed?null:0))},inputs:{orientation:"orientation",collapsed:"collapsed",rounded:"rounded",size:"size"},standalone:!0}),ne})()},9131:(wt,ke,u)=>{u.d(ke,{_n:()=>Ye,pp:()=>bi,$$:()=>Vi,XZ:()=>pn,YO:()=>he,bk:()=>ae,dY:()=>Ui});var t=u(7270),c=u(2978),S=u(7212),N=u(9141),X=u(4976),$=u(4822),W=u(9406),se=u(2489),ne=u(3527),J=u(8503),Q=u(3793);function ye({currentTarget:Et,relatedTarget:on}){return!(0,$.ru)(on)||!(0,$.ru)(Et)||!Et.contains(on)}let be=(()=>{var Et;class on extends W.c{constructor(){super(xt=>this.stream$.subscribe(xt)),this.el=(0,$.qW)(),this.zone=(0,c.WQX)(c.SKi),this.stream$=(0,se.h)((0,X.xM)(this.el,"mouseenter").pipe((0,ne.T)(N.z9)),(0,X.xM)(this.el,"mouseleave").pipe((0,ne.T)(N.s_)),(0,X.xM)(this.el,"mouseout").pipe((0,J.p)(ye),(0,ne.T)(N.s_))).pipe((0,Q.F)(),(0,X.sX)(this.zone))}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275prov=c.jDH({token:Et,factory:Et.\u0275fac}),on})();var j=u(712),oe=u(4314),Be=u(7187),nt=u(4514),Ue=u(1342),U=u(656),Me=u(5950),xe=u(5173),Xe=u(5981),Ge=u(6104),at=u(2831),tt=u(756),_t=u(8283),Ht=u(6340),Wt=u(9922),Tt=u(7236),Ot=u(7049),Pt=u(8129),mt=u(9867),le=u(262),H=u(6111),ce=u(8621),Z=u(3229),ie=u(965),de=u(9990),te=u(6242),Oe=u(6610),Ne=u(7434);function Le(Et,on){1&Et&&c.eu8(0)}function Re(Et,on){1&Et&&c.nrm(0,"span",1),2&Et&&c.Y8G("innerHTML",on.polymorpheusOutlet,c.npT)}const Ke=["*"];function Dt(Et,on){1&Et&&c.eu8(0)}const Rt=function(Et){return{$implicit:Et}};function Yt(Et,on){if(1&Et&&(c.j41(0,"div",1),c.DNE(1,Dt,1,0,"ng-container",2),c.k0s()),2&Et){const ln=on.$implicit;c.Y8G("@tuiParentAnimation",void 0)("tuiActiveZoneParent",ln.activeZone||null),c.R7$(1),c.Y8G("polymorpheusOutlet",ln.component)("polymorpheusOutletContext",c.eq3(4,Rt,ln))}}const Xt=(0,oe.ET)(()=>bi);let sn=(()=>{var Et;class on extends Xe.t{constructor(){super([])}add(xt){this.next(this.value.concat(xt))}remove(xt){this.value.includes(xt)&&this.next(this.value.filter(an=>an!==xt))}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275prov=c.jDH({token:Et,factory:Et.\u0275fac,providedIn:"root"}),on})(),Ln=(()=>{var Et;class on extends nt.I9{constructor(){super(...arguments),this.type="hint"}}return(Et=on).\u0275fac=function(){let ln;return function(an){return(ln||(ln=c.xGo(Et)))(an||Et)}}(),Et.\u0275dir=c.FsC({type:Et,standalone:!0,features:[c.Vt3]}),on})();const tn=["bottom-left","bottom","bottom-right","top-left","top","top-right","left-top","left","left-bottom","right-top","right","right-bottom"],Ye=(0,oe.gc)({direction:"bottom-left",showDelay:500,hideDelay:200,appearance:"",icon:"@tui.circle-help"});let ae=(()=>{var Et;class on{constructor(){this.options=(0,c.WQX)(Ye,{skipSelf:!0}),this.direction=this.options.direction,this.appearance=this.options.appearance,this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.icon=this.options.icon,this.change$=new Ge.B}ngOnChanges(){this.change$.next()}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHintContent",""]],inputs:{content:["tuiHintContent","content"],direction:["tuiHintDirection","direction"],appearance:["tuiHintAppearance","appearance"],showDelay:["tuiHintShowDelay","showDelay"],hideDelay:["tuiHintHideDelay","hideDelay"]},standalone:!0,features:[c.Jv_([(0,oe.QU)(Ye,Et)]),c.OA$]}),on})(),he=(()=>{var Et;class on extends nt.Xu{constructor(){super(xt=>this.stream$.subscribe(xt)),this.el=(0,$.qW)(),this.hovered$=(0,c.WQX)(be),this.options=(0,c.WQX)(Ye),this.visible=!1,this.toggle$=new Ge.B,this.stream$=(0,se.h)(this.toggle$.pipe((0,at.n)(xt=>(0,tt.of)(xt).pipe((0,_t.c)(xt?0:this.tuiHintHideDelay))),(0,Ht.Q)(this.hovered$),(0,Wt.u)()),this.hovered$.pipe((0,at.n)(xt=>(0,tt.of)(xt).pipe((0,_t.c)(xt?this.tuiHintShowDelay:this.tuiHintHideDelay))),(0,Ht.Q)(this.toggle$),(0,Wt.u)())).pipe((0,J.p)(()=>this.enabled),(0,ne.T)(xt=>xt&&(this.el.hasAttribute("tuiHintPointer")||!(0,Me.GS)(this.el))),(0,Tt.M)(xt=>{this.visible=xt})),this.parent=(0,c.WQX)(on,{optional:!0,skipSelf:!0}),this.tuiHintShowDelay=this.options.showDelay,this.tuiHintHideDelay=this.options.hideDelay,this.type="hint",this.enabled=!0}toggle(xt=!this.visible){var an;this.toggle$.next(xt),null===(an=this.parent)||void 0===an||an.toggle(xt)}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,inputs:{tuiHintShowDelay:"tuiHintShowDelay",tuiHintHideDelay:"tuiHintHideDelay"},exportAs:["tuiHintHover"],standalone:!0,features:[c.Jv_([(0,nt.Np)(Et),be]),c.Vt3]}),on})(),Dn=(()=>{var Et;class on extends nt.dg{constructor(){super(...arguments),this.viewport=(0,c.WQX)(U.ob),this.accessor=(0,nt.iA)("hint")((0,c.WQX)(nt.cf),(0,c.WQX)(pn)),this.points=tn.reduce((xt,an)=>({...xt,[an]:[0,0]}),{}),this.direction=(0,c.WQX)(Ye).direction,this.type="hint"}getPosition({width:xt,height:an}){var rt;const ze=null!==(rt=this.accessor.getClientRect())&&void 0!==rt?rt:N.Lo,we=ze.left+ze.width/2,ge=ze.top+ze.height/2;if(this.points["top-left"][0]=ze.top-an-8,this.points["top-left"][1]=we-xt+22,this.points.top[0]=this.points["top-left"][0],this.points.top[1]=we-xt/2,this.points["top-right"][0]=this.points["top-left"][0],this.points["top-right"][1]=we-22,this.points["bottom-left"][0]=ze.bottom+8,this.points["bottom-left"][1]=this.points["top-left"][1],this.points.bottom[0]=this.points["bottom-left"][0],this.points.bottom[1]=this.points.top[1],this.points["bottom-right"][0]=this.points["bottom-left"][0],this.points["bottom-right"][1]=this.points["top-right"][1],this.points["left-top"][0]=ge-an+22,this.points["left-top"][1]=ze.left-xt-8,this.points.left[0]=ge-an/2,this.points.left[1]=this.points["left-top"][1],this.points["left-bottom"][0]=ge-22,this.points["left-bottom"][1]=this.points["left-top"][1],this.points["right-top"][0]=this.points["left-top"][0],this.points["right-top"][1]=ze.right+8,this.points.right[0]=this.points.left[0],this.points.right[1]=this.points["right-top"][1],this.points["right-bottom"][0]=this.points["left-bottom"][0],this.points["right-bottom"][1]=this.points["right-top"][1],this.checkPosition(this.points[this.direction],xt,an))return this.points[this.direction];const Y=tn.find(He=>this.checkPosition(this.points[He],xt,an));return this.points[Y||this.fallback]}get fallback(){return this.points.top[0]>this.viewport.getClientRect().bottom-this.points.bottom[0]?"top":"bottom"}checkPosition([xt,an],rt,ze){const we=this.viewport.getClientRect();return xt>2&&an>2&&xt+ze<we.bottom-2&&an+rt<we.right-2}}return(Et=on).\u0275fac=function(){let ln;return function(an){return(ln||(ln=c.xGo(Et)))(an||Et)}}(),Et.\u0275dir=c.FsC({type:Et,inputs:{direction:["tuiHintDirection","direction"]},standalone:!0,features:[c.Vt3]}),on})(),pn=(()=>{var Et;class on{constructor(){this.service=(0,c.WQX)(sn),this.appearance=(0,c.WQX)(Ye).appearance,this.component=(0,c.WQX)(xe.lS),this.el=(0,$.qW)(),this.activeZone=(0,c.WQX)(te.N,{optional:!0}),this.type="hint"}set tuiHint(xt){this.content=xt,xt||this.toggle(!1)}ngOnDestroy(){this.toggle(!1)}getClientRect(){return this.el.getBoundingClientRect()}toggle(xt){xt&&this.content?this.service.add(this):this.service.remove(this)}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],inputs:{context:["tuiHintContext","context"],appearance:["tuiHintAppearance","appearance"],tuiHint:"tuiHint"},standalone:!0,features:[c.Jv_([(0,nt.yq)(Et),(0,nt.XW)(Et),{provide:xe.lS,deps:[Xt,c.duS],useClass:xe.lS}]),c.nM4([Ln,{directive:he,inputs:["tuiHintHideDelay","tuiHintHideDelay","tuiHintShowDelay","tuiHintShowDelay"]},{directive:Dn,inputs:["tuiHintDirection","tuiHintDirection"]}])]}),on})(),Sn=(()=>{var Et;class on extends he{constructor(){super(...arguments),this.currentRect=N.Lo}getClientRect(){return this.currentRect}onMove({clientX:xt,clientY:an}){this.currentRect=(0,$.D$)(xt,an)}}return(Et=on).\u0275fac=function(){let ln;return function(an){return(ln||(ln=c.xGo(Et)))(an||Et)}}(),Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHint","","tuiHintPointer",""]],hostBindings:function(xt,an){1&xt&&c.bIt("mousemove.silent",function(ze){return an.onMove(ze)})},standalone:!0,features:[c.Jv_([(0,nt.yq)(Et),(0,nt.Np)(Et)]),c.Vt3]}),on})(),Zi=(()=>{var Et;class on{constructor(){this.context=(0,xe.Dm)()}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275cmp=c.VBU({type:Et,selectors:[["ng-component"]],hostVars:1,hostBindings:function(xt,an){2&xt&&c.zvX("@tuiParentAnimation",void 0)},standalone:!0,features:[c.aNF],decls:1,vars:1,consts:[[4,"polymorpheusOutlet"]],template:function(xt,an){1&xt&&c.DNE(0,Le,1,0,"ng-container",0),2&xt&&c.Y8G("polymorpheusOutlet",an.context.$implicit.content)},dependencies:[xe.xr],encapsulation:2,data:{animation:[Be.fj]},changeDetection:0}),on})();const Hn=[Ue.ZE,be,(0,nt.mI)("hint",Dn),(0,nt.Z3)("hint",pn)];let bi=(()=>{var Et;class on{constructor(){var xt;this.el=(0,$.qW)(),this.hover=(0,c.WQX)(he),this.vvs=(0,c.WQX)(Ue.yt),this.viewport=(0,c.WQX)(U.ob),this.options=(0,Me.mo)((0,c.WQX)(U.nV)),this.pointer=(0,c.WQX)(Sn,{optional:!0}),this.accessor=(0,c.WQX)(nt.cf),this.hint=(0,xe.Dm)().$implicit,this.appearance=this.hint.appearance||(null===(xt=this.hint.el.closest("[tuiTheme]"))||void 0===xt?void 0:xt.getAttribute("tuiTheme")),(0,c.WQX)(Ue.ZE).pipe((0,Ot.v)(()=>this.hint.el.isConnected),(0,ne.T)(an=>this.vvs.correct(an)),(0,S.pQ)()).subscribe({next:([an,rt])=>this.update(an,rt),complete:()=>this.hover.toggle(!1)}),(0,c.WQX)(be).pipe((0,S.pQ)()).subscribe(an=>this.hover.toggle(an))}get content(){return this.hint.component.component===Zi?"":this.hint.content}onClick(xt){(!xt.closest("tui-hint")&&!this.hint.el.contains(xt)||(0,Me.GS)(this.hint.el))&&this.hover.toggle(!1)}apply(xt,an,rt,ze){this.el.style.top=xt,this.el.style.left=an,this.el.style.setProperty("--top",rt),this.el.style.setProperty("--left",ze)}update(xt,an){const{height:rt,width:ze}=this.el.getBoundingClientRect(),we=this.accessor.getClientRect(),ge=this.viewport.getClientRect();if(we===N.Lo||!rt||!ze)return;const Y=(0,j.wN)(an,4,ge.width-ze-4),[He,pt]=this.vvs.correct([we.top+we.height/2-xt,we.left+we.width/2-Y]);this.apply((0,oe.Pp)(Math.round(xt)),(0,oe.Pp)(Math.round(Y)),(0,oe.Pp)(Math.round((0,j.wN)(He,1,rt-1))),(0,oe.Pp)(Math.round((0,j.wN)(pt,1,ze-1))))}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275cmp=c.VBU({type:Et,selectors:[["tui-hint"]],hostVars:5,hostBindings:function(xt,an){1&xt&&c.bIt("click",function(ze){return an.onClick(ze.target)},!1,c.EBC),2&xt&&(c.BMQ("data-appearance",an.appearance)("tuiTheme",an.appearance),c.zvX("@tuiFadeIn",an.options),c.AVh("_untouchable",an.pointer))},standalone:!0,features:[c.Jv_(Hn),c.aNF],ngContentSelectors:Ke,decls:2,vars:2,consts:[[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"innerHTML"]],template:function(xt,an){1&xt&&(c.NAR(),c.SdG(0),c.DNE(1,Re,1,1,"span",0)),2&xt&&(c.R7$(1),c.Y8G("polymorpheusOutlet",an.content)("polymorpheusOutletContext",an.hint.context))},dependencies:[xe.xr],styles:['[_nghost-%COMP%]{position:absolute;max-inline-size:18rem;min-block-size:var(--tui-height-m);padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;word-wrap:break-word;line-height:1.25rem}[_nghost-%COMP%]:before{content:"";position:absolute;top:var(--top);left:var(--left);inline-size:.5rem;block-size:.5rem;border-radius:.125rem;box-sizing:border-box;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}[data-appearance=error][_nghost-%COMP%]{background:var(--tui-status-negative)}[data-appearance=dark][_nghost-%COMP%]{background:var(--tui-background-accent-opposite-hover);color:var(--tui-background-base);filter:drop-shadow(0 0 .125rem rgba(0,0,0,.16)) drop-shadow(0 1.5rem 1rem rgba(0,0,0,.03)) drop-shadow(0 .75rem .75rem rgba(0,0,0,.04)) drop-shadow(0 .25rem .375rem rgba(0,0,0,.05))}[_nghost-%COMP%]:not([style*=top]){visibility:hidden}._untouchable[_nghost-%COMP%]{pointer-events:none}'],data:{animation:[Be.uy]},changeDetection:0}),(0,t.Cg)([oe.PE],on.prototype,"apply",null),on})(),Vi=(()=>{var Et;class on extends nt.Xu{constructor(){super(xt=>this.stream$.subscribe(xt)),this.doc=(0,c.WQX)(Oe.qQ),this.el=(0,$.qW)(),this.zone=(0,c.WQX)(c.SKi),this.id$=new Xe.t(""),this.stream$=this.id$.pipe((0,Q.F)(),(0,X.aY)(()=>(0,Pt.R)(this.doc,"keydown",{capture:!0}),oe.Aj),(0,at.n)(()=>this.focused?(0,tt.of)(!1):(0,se.h)((0,X.xM)(this.doc,"keyup"),(0,X.xM)(this.element,"blur")).pipe((0,ne.T)(()=>this.focused))),function k(Et){return(0,mt.N)((on,ln)=>{let xt=!1,an=null,rt=null;const ze=()=>{if(null==rt||rt.unsubscribe(),rt=null,xt){xt=!1;const we=an;an=null,ln.next(we)}};on.subscribe((0,H._)(ln,we=>{null==rt||rt.unsubscribe(),xt=!0,an=we,rt=(0,H._)(ln,ze,le.l),(0,ce.Tg)(Et(we)).subscribe(rt)},()=>{ze(),ln.complete()},void 0,()=>{an=rt=null}))})}(xt=>xt?(0,Z.O)(1e3,(0,X.Ew)(this.zone)):(0,tt.of)(null)),(0,ie.Z)(!1),(0,Q.F)(),(0,de.i)(1),(0,X.sX)()),this.type="hint"}set tuiHintDescribe(xt){this.id$.next(xt||"")}get element(){return this.doc.getElementById(this.id$.value||"")||this.el}get focused(){return(0,Ne.X)(this.element)}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHintDescribe",""]],inputs:{tuiHintDescribe:"tuiHintDescribe"},standalone:!0,features:[c.Jv_([(0,nt.Np)(Et)]),c.Vt3]}),(0,t.Cg)([oe.PE],on.prototype,"element",null),on})(),Ui=(()=>{var Et;class on{constructor(){this.hints$=(0,c.WQX)(sn),this.destroyRef=(0,c.WQX)(c.abz),this.cdr=(0,c.WQX)(c.gRc),this.hints=[]}ngOnInit(){this.hints$.pipe((0,S.pQ)(this.destroyRef)).subscribe(xt=>{this.hints=xt,this.cdr.detectChanges()})}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275cmp=c.VBU({type:Et,selectors:[["tui-hints"]],hostAttrs:["aria-live","polite"],standalone:!0,features:[c.aNF],decls:1,vars:1,consts:[["role","tooltip",3,"tuiActiveZoneParent",4,"ngFor","ngForOf"],["role","tooltip",3,"tuiActiveZoneParent"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(xt,an){1&xt&&c.DNE(0,Yt,2,6,"div",0),2&xt&&c.Y8G("ngForOf",an.hints)},dependencies:[Oe.Sq,xe.xr,te.N],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;block-size:0}"],data:{animation:[Be.fj]}}),on})()},5037:(wt,ke,u)=>{u.d(ke,{R:()=>X,Z:()=>$});var t=u(2978),c=u(4314),S=u(656);let N=(()=>{var W;class se{}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275cmp=t.VBU({type:W,selectors:[["ng-component"]],hostAttrs:[1,"tui-icons"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(J,Q){},styles:['[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:"";display:var(--t-icon-start);inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;background:currentColor;-webkit-mask:var(--t-icon-start) no-repeat center / contain;mask:var(--t-icon-start) no-repeat center / contain}[tuiIcons]:after{display:var(--t-icon-end);-webkit-mask:var(--t-icon-end) no-repeat center / contain;mask:var(--t-icon-end) no-repeat center / contain}\n'],encapsulation:2,changeDetection:0}),se})(),X=(()=>{var W;class se{constructor(){this.nothing=(0,c.Ty)(N),this.resolver=(0,S.XA)(),this.iconStart=(0,t.WQX)(S.kJ,{self:!0,optional:!0})||"",this.iconEnd=(0,t.WQX)(S.TN,{self:!0,optional:!0})||""}}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275dir=t.FsC({type:W,hostAttrs:["tuiIcons",""],hostVars:4,hostBindings:function(J,Q){2&J&&t.xc7("--t-icon-start",Q.iconStart?"url("+Q.resolver(Q.iconStart)+")":null)("--t-icon-end",Q.iconEnd?"url("+Q.resolver(Q.iconEnd)+")":null)},inputs:{iconStart:"iconStart",iconEnd:"iconEnd"},standalone:!0}),se})(),$=(()=>{var W;class se{}return(W=se).\u0275fac=function(J){return new(J||W)},W.\u0275dir=t.FsC({type:W,standalone:!0,features:[t.nM4([{directive:X,inputs:["iconStart","iconStart","iconEnd","iconEnd"]}])]}),se})()},109:(wt,ke,u)=>{u.d(ke,{R:()=>N});var t=u(2978),c=u(4314);let S=(()=>{var X;class ${}return(X=$).\u0275fac=function(se){return new(se||X)},X.\u0275cmp=t.VBU({type:X,selectors:[["ng-component"]],hostAttrs:[1,"tui-title"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(se,ne){},styles:["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-ui-s)}\n"],encapsulation:2,changeDetection:0}),$})(),N=(()=>{var X;class ${constructor(){this.nothing=(0,c.Ty)(S),this.size=""}}return(X=$).\u0275fac=function(se){return new(se||X)},X.\u0275dir=t.FsC({type:X,selectors:[["","tuiTitle",""]],hostAttrs:["tuiTitle",""],hostVars:1,hostBindings:function(se,ne){2&se&&t.BMQ("data-size",ne.size||null)},inputs:{size:["tuiTitle","size"]},standalone:!0}),$})()},1342:(wt,ke,u)=>{u.d(ke,{$n:()=>Ae,ZE:()=>Be,yt:()=>nt});var t=u(2978),c=u(4976),S=u(811),N=u(656),X=u(9406),$=u(3527),W=u(3793),se=u(6661),ne=u(965),J=u(6347),Q=u(3241),ye=u(9141),be=u(4822),ee=u(4514);let Ae=(()=>{var Ue;class U extends X.c{constructor(){super(xe=>this.stream$.subscribe(xe)),this.media=(0,t.WQX)(N.IA),this.sorted=Object.values(this.media).sort((xe,Xe)=>xe-Xe),this.invert=Object.keys(this.media).reduce((xe,Xe)=>({...xe,[this.media[Xe]]:Xe}),{}),this.stream$=(0,t.WQX)(S.Q_).pipe((0,$.T)(({width:xe})=>this.sorted.find(Xe=>Xe>xe)),(0,$.T)(xe=>this.invert[xe||this.sorted[this.sorted.length-1]||0]),(0,W.F)(),(0,c.sX)(),(0,se.t)({bufferSize:1,refCount:!0}))}}return(Ue=U).\u0275fac=function(xe){return new(xe||Ue)},Ue.\u0275prov=t.jDH({token:Ue,factory:Ue.\u0275fac,providedIn:"root"}),U})(),Be=(()=>{var Ue;class U extends X.c{constructor(){const xe=(0,t.WQX)(Q.OX),Xe=(0,t.WQX)(t.SKi);super(Ge=>xe.pipe((0,ne.Z)(null),(0,$.T)(()=>this.accessor.getPosition(this.el.getBoundingClientRect())),(0,c.rB)(Xe),(0,J.j)(()=>this.accessor.getPosition(ye.Lo))).subscribe(Ge)),this.el=(0,be.qW)(),this.accessor=(0,t.WQX)(ee.dg)}}return(Ue=U).\u0275fac=function(xe){return new(xe||Ue)},Ue.\u0275prov=t.jDH({token:Ue,factory:Ue.\u0275fac}),U})(),nt=(()=>{var Ue;class U{constructor(){this.isWebkit=(0,t.WQX)(S.Ld),this.win=(0,t.WQX)(Q.Qc)}correct(xe){var Xe,Ge,at,tt;return this.isWebkit?[xe[0]+(null!==(Xe=null===(Ge=this.win.visualViewport)||void 0===Ge?void 0:Ge.offsetTop)&&void 0!==Xe?Xe:0),xe[1]+(null!==(at=null===(tt=this.win.visualViewport)||void 0===tt?void 0:tt.offsetLeft)&&void 0!==at?at:0)]:xe}}return(Ue=U).\u0275fac=function(xe){return new(xe||Ue)},Ue.\u0275prov=t.jDH({token:Ue,factory:Ue.\u0275fac,providedIn:"root"}),U})()},656:(wt,ke,u)=>{u.d(ke,{Fm:()=>Ot,HF:()=>Xt,HG:()=>tn,I$:()=>at,IA:()=>Ke,R3:()=>Pt,RK:()=>Dt,TN:()=>Z,XA:()=>Le,_Z:()=>Me,kJ:()=>k,nV:()=>Be,ob:()=>it,t9:()=>Rt,uV:()=>le,vo:()=>oe,wH:()=>mt,xA:()=>sn,xH:()=>nt});var t=u(2978),c=u(4314),S=u(6610),N=u(7212),X=u(3241),$=u(8129),W=u(8503),se=u(756),ne=u(2489),J=u(2831),Q=u(6340),ye=u(7782),be=u(6548),ee=u(5478),Ae=u(9141),j=u(4976);const oe=(0,c.ET)(()=>{var ct,ae,he;return null!==(ct=null===(ae=(0,t.WQX)(S.qQ).defaultView)||void 0===ae||null===(he=ae.matchMedia)||void 0===he?void 0:he.call(ae,"(prefers-reduced-motion: reduce)").matches)&&void 0!==ct&&ct}),Be=(0,c.ET)(()=>(0,t.WQX)(oe)?0:1),nt=(0,c.gc)("assets/taiga-ui/icons"),Me=(0,c.gc)({check:"@tui.check",close:"@tui.x",error:"@tui.circle-alert",more:"@tui.chevron-right"}),Ge=(0,c.gc)("tuiDark"),at=new t.nKC("",{factory:()=>{var ct;let ae=!0;const he=(0,t.WQX)(X.fc),We=(0,t.WQX)(Ge),vt=he.getItem(We),Vt=(0,t.WQX)(X.Qc).matchMedia("(prefers-color-scheme: dark)"),dn=(0,t.vPA)(!!(null!==(ct=vt&&JSON.parse(vt))&&void 0!==ct?ct:Vt.matches));return(0,$.R)(Vt,"change").pipe((0,W.p)(()=>!he.getItem(We)),(0,N.pQ)()).subscribe(()=>{ae=!0,dn.set(Vt.matches)}),(0,t.QZP)(()=>{const Dn=String(dn());ae?ae=!1:he.setItem(We,Dn)}),Object.assign(dn,{reset:()=>{he.removeItem(We),ae=!0,dn.set(Vt.matches)}})}});(0,c.gc)((0,se.of)({mode:"DMY",separator:"."})),(0,c.gc)(ct=>ct.isWeekend?"weekend":"weekday"),(0,c.gc)(be.GG.Monday);const Ot=(0,c.ET)((0,ee.Y6)("months")),Pt=(0,c.ET)((0,ee.Y6)("close")),mt=(0,c.ET)((0,ee.Y6)("nothingFoundMessage")),le=(0,c.ET)((0,ee.Y6)("defaultErrorMessage")),k=((0,c.ET)((0,ee.Y6)("spinTexts")),(0,c.ET)((0,ee.Y6)("shortWeekDays")),(0,c.gc)("")),Z=(0,c.gc)(""),ie=(0,c.gc)({}),Oe=(0,c.ET)(()=>{const ct=(0,t.WQX)(nt);return ae=>"".concat(ct,"/").concat(ae.replace("@tui.","").split(".").join("/"),".svg")});function Le(){const ct=(0,t.WQX)(ie),ae=(0,t.WQX)(Oe);return he=>!he||he.includes("/")?he:ct[he]||ae(he)}const Ke=(0,c.gc)({mobile:768,desktopSmall:1024,desktopLarge:1280}),Dt={precision:NaN,decimalSeparator:".",thousandSeparator:Ae.am,rounding:"truncate",decimalMode:"pad"},Rt=(0,c.gc)((0,se.of)(Dt)),Xt=(0,c.ET)(()=>new t.aKT((0,t.WQX)(S.qQ).documentElement)),sn=(0,c.ET)(()=>{const ct=(0,t.WQX)(S.qQ);return(0,ne.h)((0,j.xM)(ct,"selectionchange"),(0,j.xM)(ct,"mouseup"),(0,j.xM)(ct,"mousedown").pipe((0,J.n)(()=>(0,j.xM)(ct,"mousemove").pipe((0,Q.Q)((0,j.xM)(ct,"mouseup"))))),(0,j.xM)(ct,"keydown"),(0,j.xM)(ct,"keyup")).pipe((0,ye.u)())}),tn=((0,c.gc)({decrement:"@tui.chevron-left",increment:"@tui.chevron-right"}),(0,c.gc)("Taiga UI")),it=(0,c.ET)(()=>{const ct=(0,t.WQX)(X.Qc);return{type:"viewport",getClientRect(){const ae={top:0,left:0,right:ct.innerWidth,bottom:ct.innerHeight,width:ct.innerWidth,height:ct.innerHeight,x:0,y:0};return{...ae,toJSON:()=>JSON.stringify(ae)}}}})},5950:(wt,ke,u)=>{u.d(ke,{GS:()=>N,On:()=>S,T0:()=>J,Wu:()=>W,mo:()=>ne,tu:()=>X});var t=u(4822);const c=["Spacebar","Backspace","Delete","ArrowLeft","ArrowRight","Left","Right","End","Home"];function S(Q=""){return 1===Q.length||c.includes(Q)}function N(Q,ye="tui-hints"){var be;return!(null===(be=(0,t.J0)(Q))||void 0===be||!be.some(ee=>!ee.closest(ye)))}function X(Q,ye){return(be,ee)=>{const Ae=be||{...ee||ye};return Object.keys(Q).forEach(j=>{Ae[j]=Q[j]}),Ae}}const $={xxs:0,xs:1,s:2,m:3,l:4,xl:5,xxl:6};function W(Q,ye="s"){return $[Q]>$[ye]}const se=300;function ne(Q){return{value:"",params:{duration:J(Q)}}}function J(Q){return Q&&se/Q}},6701:(wt,ke,u)=>{u.d(ke,{K0:()=>se,KX:()=>Ae});var t=u(6098),c=u(6610),S=u(2978);class N{supports(Be){return Be.includes(this.modifier)}unwrap(Be){return Be.split(".").filter(nt=>!this.modifier.includes(nt)).join(".")}}const X=new S.nKC("[GLOBAL_HANDLER]: Global event target handler",{factory:()=>{const oe=(0,S.WQX)(c.qQ);return Be=>"body"===Be?oe.body:oe.defaultView[Be]||oe.createElement("div")}});let $=(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.handler=(0,S.WQX)(X),this.modifier=">"}addEventListener(Ue,U,Me){var xe,Xe;return this.manager.addEventListener(this.handler(U.split(">")[0]),null!==(xe=null===(Xe=U.split(">"))||void 0===Xe?void 0:Xe[1])&&void 0!==xe?xe:"",Me)}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})(),W=(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.modifier="capture.once.passive"}supports(Ue){return Ue.includes(".")&&!this.unwrap(Ue).includes(".")}addEventListener(Ue,U,Me){return Ue.addEventListener(this.unwrap(U),Me,{once:U.includes(".once"),passive:U.includes(".passive"),capture:U.includes(".capture")}),()=>Ue.removeEventListener(this.unwrap(U),Me,U.includes(".capture"))}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})(),se=(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.modifier=".prevent"}addEventListener(Ue,U,Me){return this.manager.addEventListener(Ue,this.unwrap(U),xe=>{xe.preventDefault(),Me(xe)})}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})(),ne=(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.modifier="resize"}supports(Ue){return"resize"===Ue}addEventListener(Ue,U,Me){if(typeof ResizeObserver>"u"||!(Ue instanceof Element))return Ue.addEventListener(U,Me),()=>Ue.removeEventListener(U,Me);const xe=new ResizeObserver(Me);return xe.observe(Ue),()=>xe.disconnect()}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})(),J=(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.modifier=".self"}addEventListener(Ue,U,Me){return this.manager.addEventListener(Ue,this.unwrap(U),xe=>{xe.target===xe.currentTarget&&Me(xe)})}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})(),Q=(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.modifier=".silent"}addEventListener(Ue,U,Me){return Be.ngZone=this.manager.getZone(),Be.ngZone.runOutsideAngular(()=>this.manager.addEventListener(Ue,this.unwrap(U),Me))}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})();function Ae(oe){return(Be,nt,Ue)=>{const{value:U}=Ue;Ue.value=function(...Me){oe.apply(this,Me)&&(Q.ngZone?Q.ngZone.run(()=>U.apply(this,Me)):U.apply(this,Me))}}}[Q,$,W,se,ne,J,(()=>{var oe;class Be extends N{constructor(){super(...arguments),this.modifier=".stop"}addEventListener(Ue,U,Me){return this.manager.addEventListener(Ue,this.unwrap(U),xe=>{xe.stopPropagation(),Me(xe)})}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=S.xGo(oe)))(U||oe)}}(),oe.\u0275prov=S.jDH({token:oe,factory:oe.\u0275fac}),Be})()].map(oe=>({provide:t.Q5,multi:!0,useClass:oe}))},5478:(wt,ke,u)=>{u.d(ke,{Y6:()=>Ae});var t=u(2978);const se={name:"english",months:["January","February","March","April","May","June","July","August","September","October","November","December"],close:"Close",nothingFoundMessage:"Nothing found",defaultErrorMessage:"Value is invalid",spinTexts:["Previous","Next"],shortWeekDays:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],countries:{AD:"Andorra",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua & Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AO:"Angola",AR:"Argentina",AT:"Austria",AU:"Australia",AW:"Aruba",AZ:"Azerbaijan",BA:"Bosnia & Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"St. Barth\xe9lemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"Caribbean Netherlands",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"C\xf4te d\u2019Ivoire",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CU:"Cuba",CV:"Cape Verde",CW:"Cura\xe7ao",CY:"Cyprus",CZ:"Czechia",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Federated States of Micronesia",FR:"France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GT:"Guatemala",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IN:"India",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JM:"Jamaica",JO:"Jordan",JP:"Japan",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KM:"Comoros",KN:"St. Kitts & Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"St. Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"St. Martin",MG:"Madagascar",MK:"North Macedonia",ML:"Mali",MM:"Myanmar (Burma)",MN:"Mongolia",MO:"Macao",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NZ:"New Zealand",OM:"Oman",PA:"Panama",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PT:"Portugal",PW:"Palau",PY:"Paraguay",QA:"Qatar",RE:"R\xe9union",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"St. Helena",SI:"Slovenia",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"S\xe3o Tom\xe9 & Pr\xedncipe",SV:"El Salvador",SX:"Sint Maarten",SY:"Syria",SZ:"Eswatini",TC:"Turks & Caicos Islands",TD:"Chad",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"T\xfcrkiye",TT:"Trinidad & Tobago",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VC:"St. Vincent & Grenadines",VE:"Venezuela",VG:"British Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WS:"Samoa",XK:"Kosovo",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",AC:"Ascension Island",AS:"American Samoa",AX:"\xc5land Islands",CC:"Cocos (Keeling) Islands",CK:"Cook Islands",CX:"Christmas Island",EH:"Western Sahara",FO:"Faroe Islands",GG:"Guernsey",GU:"Guam",IM:"Isle of Man",JE:"Jersey",IO:"British Indian Ocean Territory",KI:"Kiribati",MH:"Marshall Islands",MP:"Northern Mariana Islands",NF:"Norfolk Island",NR:"Nauru",NU:"Niue",PM:"Saint Pierre and Miquelon",PR:"Puerto Rico",PS:"Palestine",SJ:"Svalbard and Jan Mayen",SS:"South Sudan",TA:"Tristan da Cunha",TK:"Tokelau",TV:"Tuvalu",VA:"Holy See",VI:"Virgin Islands",WF:"Wallis and Futuna"},cancel:"Cancel",done:"Done",more:"More",otherDate:"Other date...",showAll:"Show all",hide:"Hide",mobileCalendarTexts:["Choose day","Choose range","Choose days"],range:["from","to"],countTexts:["Plus","Minus"],time:{"HH:MM":"HH:MM","HH:MM:SS":"HH:MM:SS","HH:MM:SS.MSS":"HH:MM:SS.MSS"},dateTexts:{DMY:"dd.mm.yyyy",MDY:"mm.dd.yyyy",YMD:"yyyy.mm.dd"},digitalInformationUnits:["B","KiB","MiB"],passwordTexts:["Show password","Hide password"],copyTexts:["Copy","Copied"],shortCalendarMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],pagination:["Previous page","Next page"],fileTexts:{loadingError:"Upload failed",preview:"Preview",remove:"Remove"},inputFileTexts:{defaultLabelSingle:"or drop\xa0it\xa0here",defaultLabelMultiple:"or drop\xa0them\xa0here",defaultLinkSingle:"Choose a file",defaultLinkMultiple:"Choose files",maxSizeRejectionReason:"File is larger than",formatRejectionReason:"Wrong file type",drop:"Drop file here",dropMultiple:"Drop files here"},multiSelectTexts:{all:"Select all",none:"Select none"},confirm:{yes:"Yes",no:"No"},previewTexts:{rotate:"Rotate"},zoomTexts:{zoomOut:"Zoom out",zoomIn:"Zoom in",reset:"Reset"},showHideText:"Show/Hide",paginationTexts:{pages:"Pages",linesPerPage:"Lines per page",of:"of"},cardNumber:["Number","Card number"],cardExpiry:["Expires","Valid through"],colorSelectorModeNames:["Solid color","Gradient"],toolbarTools:{undo:"Undo",redo:"Redo",font:"Font",fontStyle:"Font style",fontSize:"Font size",bold:"Bold",italic:"Italic",underline:"Underline",strikeThrough:"Strike through",justify:"Justify",justifyLeft:"Justify left",justifyCenter:"Justify center",justifyRight:"Justify right",justifyFull:"Justify full",list:"List",indent:"Indent",outdent:"Outdent",unorderedList:"Unordered list",orderedList:"Ordered list",quote:"Quote",foreColor:"Color",backColor:"Background color",hiliteColor:"Highlight color",clear:"Clear",link:"Link",attach:"Attach file",tex:"Insert TeX",code:"Code",image:"Insert image",insertHorizontalRule:"Insert horizontal rule",superscript:"Superscript",subscript:"Subscript",insertTable:"Insert table",insertGroup:"Insert group",hiliteGroup:"Hilite group",removeGroup:"Remove group",insertAnchor:"Insert anchor",mergeCells:"Merge cells",splitCells:"Split cells",rowsColumnsManaging:"Managing rows and columns",cellColor:"Cell color",setDetails:"Details",removeDetails:"Remove details"},editorEditLink:{urlExample:"example.com",anchorExample:"anchor"},editorTableCommands:[["Insert column before","Insert column after"],["Insert row before","Insert row after"],["Delete column","Delete row"]],editorCodeOptions:["Code in the text","Code in block"],editorFontOptions:{small:"Small",large:"Large",normal:"Normal",title:"Title",subtitle:"Subtitle"}};var ne=u(756);const J=new t.nKC("[TUI_DEFAULT_LANGUAGE]",{factory:()=>se}),Q=new t.nKC("[TUI_LANGUAGE]",{factory:()=>(0,ne.of)((0,t.WQX)(J))});new t.nKC("[TUI_LANGUAGE_LOADER]"),new t.nKC("[TUI_LANGUAGE_STORAGE_KEY]",{factory:()=>"tuiLanguage"});var ee=u(3527);function Ae(Me){return()=>(0,t.WQX)(Q).pipe((0,ee.T)(xe=>xe[Me]))}},5340:(wt,ke,u)=>{u.d(ke,{El:()=>j,vQ:()=>Ae});var t=u(6610),c=u(2978),S=u(4314),N=u(4712),X=u(8395);function $(U,Me){if(1&U&&c.nrm(0,"img",5),2&U){const xe=c.XpG();c.Y8G("src",xe.value,c.B4B)}}function W(U,Me){if(1&U&&c.nrm(0,"tui-icon",6),2&U){const xe=c.XpG();c.Y8G("icon",xe.value.toString())}}function se(U,Me){if(1&U&&(c.qex(0),c.EFF(1),c.bVm()),2&U){const xe=c.XpG();c.R7$(1),c.JRh(xe.value)}}function ne(U,Me){1&U&&(c.qex(0),c.SdG(1),c.bVm())}const J=["*"],be={appearance:"",round:!0,size:"l"},ee=(0,S.gc)(be);function Ae(U){return(0,S.eC)(ee,U,be)}let j=(()=>{var U;class Me{constructor(){this.options=(0,c.WQX)(ee),this.size=this.options.size,this.round=this.options.round}get safeSrc(){var Xe,Ge;return null!==(Xe=null===(Ge=this.src)||void 0===Ge?void 0:Ge.toString())&&void 0!==Xe?Xe:""}get value(){return this.src||""}get svg(){return(0,S.YB)(this.value)&&this.value.endsWith(".svg")}get type(){return this.value&&!(0,S.YB)(this.value)?"img":this.value.startsWith("@tui.")?"icon":this.value.length>0&&this.value.length<3?"text":this.value.length?"img":"content"}}return(U=Me).\u0275fac=function(Xe){return new(Xe||U)},U.\u0275cmp=c.VBU({type:U,selectors:[["tui-avatar"],["button","tuiAvatar",""],["a","tuiAvatar",""]],hostVars:6,hostBindings:function(Xe,Ge){2&Xe&&(c.BMQ("data-size",Ge.size)("data-type",Ge.type),c.AVh("_round",Ge.round)("_svg",Ge.svg))},inputs:{size:"size",round:"round",src:"src"},standalone:!0,features:[c.Jv_([(0,X.mr)(ee)]),c.aNF,c.nM4([X.tF])],ngContentSelectors:J,decls:5,vars:4,consts:[[3,"ngSwitch"],["alt","","loading","lazy",3,"src",4,"ngSwitchCase"],[3,"icon",4,"ngSwitchCase"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],["alt","","loading","lazy",3,"src"],[3,"icon"]],template:function(Xe,Ge){1&Xe&&(c.NAR(),c.qex(0,0),c.DNE(1,$,1,1,"img",1),c.DNE(2,W,1,1,"tui-icon",2),c.DNE(3,se,2,1,"ng-container",3),c.DNE(4,ne,2,0,"ng-container",4),c.bVm()),2&Xe&&(c.Y8G("ngSwitch",Ge.type),c.R7$(1),c.Y8G("ngSwitchCase","img"),c.R7$(1),c.Y8G("ngSwitchCase","icon"),c.R7$(1),c.Y8G("ngSwitchCase","text"))},dependencies:[t.ux,t.e1,t.fG,N.q],styles:['[_nghost-%COMP%]{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}[data-size=xs][_nghost-%COMP%]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}[data-size=xs][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-size:.5625rem}[data-size=s][_nghost-%COMP%]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}[data-size=s][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-xs);font-weight:700}[data-size=m][_nghost-%COMP%]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}[data-size=m][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-weight:700}[data-size=l][_nghost-%COMP%]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}[data-size=l][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-l);font-weight:700}[data-size=xl][_nghost-%COMP%]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}[data-size=xl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-4)}[data-size=xxl][_nghost-%COMP%]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[data-size=xxl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-size=xxxl][_nghost-%COMP%]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}[data-size=xxxl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-type=img][_nghost-%COMP%]:not(._svg){background:transparent}[data-type=icon][_nghost-%COMP%]:before{content:""}._round[_nghost-%COMP%]{--t-radius: calc(var(--t-size) / 2)}._svg[_nghost-%COMP%]   img[_ngcontent-%COMP%]{padding:20%;object-fit:contain}[_nghost-%COMP%]   tui-icon[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:60%;block-size:60%}[_nghost-%COMP%]     img, [_nghost-%COMP%]     picture, [_nghost-%COMP%]     video{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box}'],changeDetection:0}),Me})()},4996:(wt,ke,u)=>{u.d(ke,{aQ:()=>ne,bw:()=>W});var t=u(2978),c=u(4314),S=u(8395),N=u(5037);const X={appearance:"",size:"l"},$=(0,c.gc)(X);function W(J){return(0,c.eC)($,J,X)}let se=(()=>{var J;class Q{}return(J=Q).\u0275fac=function(be){return new(be||J)},J.\u0275cmp=t.VBU({type:J,selectors:[["ng-component"]],hostAttrs:[1,"tui-badge"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(be,ee){},styles:['tui-badge,[tuiBadge]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));border-radius:6rem;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}tui-badge>img,[tuiBadge]>img,tui-badge>tui-svg,[tuiBadge]>tui-svg,tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge>tui-avatar,[tuiBadge]>tui-avatar,tui-badge>tui-badge,[tuiBadge]>tui-badge,tui-badge>[tuiBadge],[tuiBadge]>[tuiBadge],tui-badge>[tuiRadio],[tuiBadge]>[tuiRadio],tui-badge>[tuiSwitch],[tuiBadge]>[tuiSwitch],tui-badge>[tuiCheckbox],[tuiBadge]>[tuiCheckbox],tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{margin:var(--t-margin)}tui-badge[tuiStatus]:before,[tuiBadge][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin-inline-end:-.25rem}tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error]{--t-status: var(--tui-status-negative)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success]{--t-status: var(--tui-status-positive)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-status: var(--tui-status-warning)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-status: var(--tui-status-info)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}tui-badge[tuiStatus][data-appearance=error]:before,[tuiBadge][tuiStatus][data-appearance=error]:before,tui-badge[tuiStatus][data-appearance=success]:before,[tuiBadge][tuiStatus][data-appearance=success]:before,tui-badge[tuiStatus][data-appearance=warning]:before,[tuiBadge][tuiStatus][data-appearance=warning]:before,tui-badge[tuiStatus][data-appearance=info]:before,[tuiBadge][tuiStatus][data-appearance=info]:before,tui-badge[tuiStatus][data-appearance=neutral]:before,[tuiBadge][tuiStatus][data-appearance=neutral]:before{content:"";display:block;margin:0}tui-badge[data-size=s],[tuiBadge][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem}tui-badge[data-size=s][tuiStatus]:before,[tuiBadge][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}tui-badge[data-size=m],[tuiBadge][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}tui-badge[data-size=xl][tuiStatus]:before,[tuiBadge][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}tui-badge[tuiAppearance][data-appearance=error],[tuiBadge][tuiAppearance][data-appearance=error],tui-badge[tuiAppearance][data-appearance=success],[tuiBadge][tuiAppearance][data-appearance=success],tui-badge[tuiAppearance][data-appearance=warning],[tuiBadge][tuiAppearance][data-appearance=warning],tui-badge[tuiAppearance][data-appearance=info],[tuiBadge][tuiAppearance][data-appearance=info],tui-badge[tuiAppearance][data-appearance=neutral],[tuiBadge][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n'],encapsulation:2,changeDetection:0}),Q})(),ne=(()=>{var J;class Q{constructor(){this.nothing=(0,c.Ty)(se),this.size=(0,t.WQX)($).size}}return(J=Q).\u0275fac=function(be){return new(be||J)},J.\u0275dir=t.FsC({type:J,selectors:[["tui-badge"],["","tuiBadge",""]],hostVars:1,hostBindings:function(be,ee){2&be&&t.BMQ("data-size",ee.size)},inputs:{size:"size"},standalone:!0,features:[t.Jv_([(0,S.mr)($)]),t.nM4([S.tF,N.Z])]}),Q})()},6836:(wt,ke,u)=>{u.d(ke,{GY:()=>ee,Ly:()=>be});var t=u(2978),c=u(7212),S=u(8832),N=u(958),X=u(4976),$=u(4822),W=u(4314),se=u(8395),ne=u(656);const J=["type","checkbox","tuiCheckbox",""],Q={size:"m",appearance:Ae=>Ae.checked||Ae.indeterminate?"primary":"whiteblock",icons:{checked:"@tui.check",indeterminate:"@tui.minus"}},ye=(0,W.gc)(Q);function be(Ae){return(0,W.eC)(ye,Ae,Q)}let ee=(()=>{var Ae;class j{constructor(){this.appearance=(0,t.WQX)(se.bC),this.options=(0,t.WQX)(ye),this.resolver=(0,ne.XA)(),this.destroyRef=(0,t.WQX)(t.abz),this.el=(0,$.qW)(),this.size=this.options.size,this.control=(0,t.WQX)(S.vO,{optional:!0,self:!0})}ngOnInit(){var Be;null!==(Be=this.control)&&void 0!==Be&&Be.valueChanges&&(0,X.lD)(this.control).pipe((0,c.pQ)(this.destroyRef)).subscribe(nt=>{this.el.indeterminate=null===(this.control instanceof S.vS&&null===nt?this.control.model:nt)})}ngDoCheck(){this.appearance.tuiAppearance=(0,W.YB)(this.options.appearance)?this.options.appearance:this.options.appearance(this.el)}getIcon(Be){const nt=this.options.icons[Be],Ue=(0,W.YB)(nt)?nt:nt(this.size);return Ue&&"url(".concat(this.resolver(Ue),")")}}return(Ae=j).\u0275fac=function(Be){return new(Be||Ae)},Ae.\u0275cmp=t.VBU({type:Ae,selectors:[["input","type","checkbox","tuiCheckbox",""]],hostVars:8,hostBindings:function(Be,nt){2&Be&&(t.Mr5("disabled",!nt.control||nt.control.disabled),t.BMQ("data-size",nt.size),t.xc7("--t-checked-icon",nt.getIcon("checked"))("--t-indeterminate-icon",nt.getIcon("indeterminate")),t.AVh("_readonly",!nt.control))},inputs:{size:"size"},standalone:!0,features:[t.aNF,t.nM4([se.tF,N.W])],attrs:J,decls:0,vars:0,template:function(Be,nt){},styles:['[tuiCheckbox]{--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckbox]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";background:currentColor;-webkit-mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>\') center / 100%;mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>\') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[tuiCheckbox]:disabled._readonly{opacity:1}[tuiCheckbox]:checked:before,[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-checked-icon);mask-image:var(--t-checked-icon);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate-icon);mask-image:var(--t-indeterminate-icon)}[tuiCheckbox][data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}\n'],encapsulation:2,changeDetection:0}),j})()},1028:(wt,ke,u)=>{u.d(ke,{E4:()=>te,fh:()=>Rt,ig:()=>Ht,io:()=>_t,sd:()=>Be});var t=u(2978),c=u(4314),S=u(5478),N=u(6548),X=u(9141);u(811),u(3279),new t.nKC("[TUI_CALENDAR_DATE_STREAM]"),new t.nKC("[TUI_DATE_VALUE_TRANSFORMER]"),new t.nKC("[TUI_DATE_RANGE_VALUE_TRANSFORMER]"),new t.nKC("[TUI_DATE_TIME_VALUE_TRANSFORMER]"),new t.nKC("[TUI_TIME_VALUE_TRANSFORMER]"),(0,c.ET)((0,S.Y6)("confirm")),(0,c.ET)((0,S.Y6)("cancel")),(0,c.ET)((0,S.Y6)("done"));const Be=(0,c.ET)((0,S.Y6)("more")),_t=((0,c.ET)((0,S.Y6)("hide")),(0,c.ET)((0,S.Y6)("showAll")),(0,c.ET)((0,S.Y6)("otherDate")),(0,c.ET)((0,S.Y6)("mobileCalendarTexts")),(0,c.ET)((0,S.Y6)("range")),(0,c.ET)((0,S.Y6)("countTexts")),(0,c.ET)((0,S.Y6)("time")),(0,c.ET)((0,S.Y6)("dateTexts")),(0,c.ET)((0,S.Y6)("digitalInformationUnits")),(0,c.ET)((0,S.Y6)("copyTexts"))),Ht=(0,c.ET)((0,S.Y6)("passwordTexts")),k=((0,c.ET)((0,S.Y6)("shortCalendarMonths")),(0,c.ET)((0,S.Y6)("fileTexts")),(0,c.ET)((0,S.Y6)("pagination")),(0,c.ET)((0,S.Y6)("inputFileTexts")),(0,c.ET)((0,S.Y6)("multiSelectTexts")),(0,c.ET)((0,S.Y6)("countries")),(0,c.ET)((0,S.Y6)("previewTexts")),(0,c.ET)((0,S.Y6)("zoomTexts")),{icon:()=>"@tui.calendar",min:N.Xv,max:N.dF,nativePicker:!1});(0,c.gc)(k);const te=(0,c.gc)({stringify:String,identityMatcher:X.BJ,disabledItemHandler:X.s_});new t.nKC("[TUI_MOBILE_CALENDAR]");(0,c.gc)({rotate:"@tui.rotate-ccw-square",prev:"@tui.arrow-left",next:"@tui.arrow-right",zoomIn:"@tui.plus",zoomOut:"@tui.minus",zoomReset:"@tui.minimize"});const Rt=(0,c.gc)({})},9702:(wt,ke,u)=>{u.d(ke,{Er:()=>Me,SN:()=>xe,Xb:()=>U,aX:()=>Ge,jc:()=>Ht,oB:()=>Xe,zY:()=>at});var t=u(2978),c=u(7002),S=u(4822),N=u(5180),X=u(1028),$=u(1623),W=u(7212),se=u(8832),ne=u(4926),J=u(9141),Q=u(4314),ye=u(6104),be=u(8283),ee=u(965),Ae=u(3527),j=u(8503),oe=u(3793),Be=u(2831),nt=u(2489);let U=(()=>{var Tt;class Ot{constructor(){this.focusVisible=!1,this.pseudoHover=null,this.pseudoActive=null,this.pseudoFocus=null,this.focusable=!0,this.nativeId="",this.focusedChange=new t.bkB,this.focusVisibleChange=new t.bkB,this.autoIdString="".concat("tui_interactive_").concat(Ot.autoId++).concat(Date.now())}get computedDisabled(){return this.disabled}get computedFocused(){var mt;return!this.computedDisabled&&(null!==(mt=this.pseudoFocus)&&void 0!==mt?mt:this.focused)}get computedFocusVisible(){var mt;return!this.computedDisabled&&(null!==(mt=this.pseudoFocus)&&void 0!==mt?mt:this.focusVisible)}get computedFocusable(){return!this.computedDisabled&&(this.focusable||this.focused)}get id(){return this.nativeId||this.autoIdString}updateFocused(mt){this.focusedChange.emit(mt)}updateFocusVisible(mt){this.focusVisible!==mt&&(this.focusVisible=mt,this.focusVisibleChange.emit(mt))}}return(Tt=Ot).autoId=0,Tt.\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,hostVars:7,hostBindings:function(mt,le){2&mt&&(t.BMQ("data-focused",le.pseudoFocus),t.AVh("_disabled",le.computedDisabled)("_focused",le.computedFocused)("_focus-visible",le.computedFocusVisible))},inputs:{pseudoHover:"pseudoHover",pseudoActive:"pseudoActive",pseudoFocus:"pseudoFocus",focusable:"focusable",nativeId:"nativeId"},outputs:{focusedChange:"focusedChange",focusVisibleChange:"focusVisibleChange"}}),Ot})(),Me=(()=>{var Tt;class Ot extends U{constructor(){super(),this.ngControl=(0,t.WQX)(se.vO,{optional:!0}),this.refresh$=new ye.B,this.onTouched=J.x7,this.onChange=J.x7,this.fallbackValue=this.getFallbackValue(),this.destroyRef=(0,t.WQX)(t.abz),this.cdr=(0,t.WQX)(t.gRc),this.valueTransformer=(0,t.WQX)(ne.XB,{optional:!0}),this.readOnly=!1,this.pseudoInvalid=null,this.ngControl&&(this.ngControl.valueAccessor=this)}get computedInvalid(){return this.interactive&&(null!==this.pseudoInvalid?this.pseudoInvalid:this.touched&&this.invalid)}get value(){var mt;return null!==(mt=this.previousInternalValue)&&void 0!==mt?mt:this.fallbackValue}set value(mt){this.updateValue(mt)}get safeCurrentValue(){var mt;return null!==(mt=this.rawValue)&&void 0!==mt?mt:this.fallbackValue}get invalid(){return this.safeNgControlData(({invalid:mt})=>mt,!1)}get valid(){return this.safeNgControlData(({valid:mt})=>mt,!1)}get touched(){return this.safeNgControlData(({touched:mt})=>mt,!1)}get disabled(){return this.safeNgControlData(({disabled:mt})=>mt,!1)}get interactive(){return!this.readOnly&&!this.computedDisabled}get control(){return this.safeNgControlData(({control:mt})=>mt,null)}get computedName(){var mt,le;return null!==(mt=null===(le=this.controlName)||void 0===le?void 0:le.toString())&&void 0!==mt?mt:null}get controlName(){var mt,le;return null!==(mt=null===(le=this.ngControl)||void 0===le||null===(le=le.name)||void 0===le?void 0:le.toString())&&void 0!==mt?mt:null}ngOnInit(){this.refresh$.pipe((0,be.c)(0),(0,ee.Z)(null),(0,Ae.T)(()=>{var mt;return null===(mt=this.ngControl)||void 0===mt?void 0:mt.control}),(0,j.p)(Q.Aj),(0,oe.F)(),(0,Be.n)(mt=>(0,nt.h)(mt.valueChanges,mt.statusChanges)),(0,W.pQ)(this.destroyRef)).subscribe(()=>{this.refreshLocalValue(this.safeCurrentValue)})}checkControlUpdate(){this.cdr.markForCheck()}registerOnChange(mt){this.onChange=le=>{mt(this.toControlValue(le))},this.refresh$.next()}registerOnTouched(mt){this.onTouched=mt}setDisabledState(){this.checkControlUpdate()}writeValue(mt){this.refreshLocalValue(this.fromControlValue(this.ngControl instanceof se.vS&&void 0===this.previousInternalValue?this.ngControl.model:mt))}updateFocused(mt){mt||this.controlMarkAsTouched(),super.updateFocused(mt)}updateValue(mt){this.disabled||this.valueIdenticalComparator(this.value,mt)||(this.previousInternalValue=mt,this.controlSetValue(mt))}valueIdenticalComparator(mt,le){return mt===le}get rawValue(){const{ngControl:mt}=this;if(null!==mt)return this.fromControlValue(mt instanceof se.vS&&void 0===this.previousInternalValue?mt.viewModel:mt.value)}safeNgControlData(mt,le){var H;return null!==(H=this.ngControl&&mt(this.ngControl))&&void 0!==H?H:le}controlMarkAsTouched(){this.onTouched(),this.checkControlUpdate()}controlSetValue(mt){this.onChange(mt),this.checkControlUpdate()}refreshLocalValue(mt){this.previousInternalValue=mt,this.checkControlUpdate()}fromControlValue(mt){return this.valueTransformer?this.valueTransformer.fromControlValue(mt):mt}toControlValue(mt){return this.valueTransformer?this.valueTransformer.toControlValue(mt):mt}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,hostVars:4,hostBindings:function(mt,le){2&mt&&t.AVh("_readonly",le.readOnly)("_invalid",le.computedInvalid)},inputs:{readOnly:"readOnly",pseudoInvalid:"pseudoInvalid"},features:[t.Vt3]}),Ot})();function xe(Tt){return(0,Q.QU)(Me,Tt)}let Xe=(()=>{var Tt;class Ot{constructor(){this.datalist=null,this.autoId=(0,c.XD)(),this.el=(0,S.qW)(),this.host=(0,t.WQX)($.w2),this.control=(0,t.WQX)(Me),this.itemsHandlers=(0,t.WQX)(X.E4),this.disabledItemHandler=null,this.placeholder=""}get id(){return this.el.id||this.autoId}get emptyOption(){return!!this.placeholder&&!this.control.value}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,viewQuery:function(mt,le){if(1&mt&&t.GBs(N.WX,7,t.C4Q),2&mt){let H;t.mGM(H=t.lsd())&&(le.datalist=H.first)}},hostVars:1,hostBindings:function(mt,le){2&mt&&t.Mr5("id",le.id)},inputs:{disabledItemHandler:"disabledItemHandler",placeholder:"placeholder"}}),Ot})(),Ge=(()=>{var Tt;class Ot{constructor(){this.host=(0,t.WQX)(Me,{optional:!0})}get readOnly(){return this.host.readOnly}get disabled(){return this.host.computedDisabled}get invalid(){return this.host.computedInvalid}get focusable(){return this.host.computedFocusable}get inputMode(){return"text"}get value(){var mt;return(null===(mt=this.host.value)||void 0===mt?void 0:mt.toString())||""}process(mt){}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt}),Ot})(),at=(()=>{var Tt;class Ot{constructor(){this.change$=new ye.B}ngOnChanges(){this.change$.next()}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,features:[t.OA$]}),Ot})(),Ht=(()=>{var Tt;class Ot extends Me{getFallbackValue(){return null}}return(Tt=Ot).\u0275fac=function(){let Pt;return function(le){return(Pt||(Pt=t.xGo(Tt)))(le||Tt)}}(),Tt.\u0275dir=t.FsC({type:Tt,features:[t.Vt3]}),Ot})()},6801:(wt,ke,u)=>{u.d(ke,{Ws:()=>Ae,mp:()=>ee,zi:()=>j});var t=u(2978),c=u(7434),S=u(5180),N=u(3279),X=u(9702),$=u(5014),W=u(4225),se=u(7492),ne=u(1623),J=u(453),Q=u(6610);const ye=["*",[["input"]]],be=["*","input"];let ee=(()=>{var oe;class Be extends X.Er{constructor(){super(...arguments),this.textfieldSize=(0,t.WQX)(W.tI),this.open=!1}get size(){return this.textfieldSize.size}get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get focused(){var Ue;return(0,c.X)(this.nativeFocusableElement)||!(null===(Ue=this.dropdown)||void 0===Ue||!Ue.tuiDropdownOpen)}handleOption(Ue){this.setNativeValue(String(Ue)),this.focusInput(),this.value=String(Ue),this.open=!1}onValueChange(Ue){this.value=Ue,this.open=!0}get canOpen(){return this.interactive&&!!this.datalist}onActiveZone(Ue){this.updateFocused(Ue)}getFallbackValue(){return""}focusInput(Ue=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:Ue})}setNativeValue(Ue){this.nativeFocusableElement&&(this.nativeFocusableElement.value=Ue)}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=t.xGo(oe)))(U||oe)}}(),oe.\u0275cmp=t.VBU({type:oe,selectors:[["tui-input"]],contentQueries:function(Ue,U,Me){if(1&Ue&&t.wni(Me,S.WX,5,t.C4Q),2&Ue){let xe;t.mGM(xe=t.lsd())&&(U.datalist=xe.first)}},viewQuery:function(Ue,U){if(1&Ue&&(t.GBs(N.iE,5),t.GBs($.eD,5)),2&Ue){let Me;t.mGM(Me=t.lsd())&&(U.dropdown=Me.first),t.mGM(Me=t.lsd())&&(U.textfield=Me.first)}},hostVars:1,hostBindings:function(Ue,U){2&Ue&&t.BMQ("data-size",U.size)},features:[t.Jv_([se.PN,(0,ne.Jr)(oe),(0,S.PU)(oe),(0,X.SN)(oe)],[J.MJ]),t.Vt3],ngContentSelectors:be,decls:4,vars:11,consts:[["tuiDropdownOpenMonitor","",1,"t-hosted",3,"tuiDropdown","tuiDropdownEnabled","tuiDropdownOpen","tuiDropdownOpenChange","tuiActiveZoneChange"],["automation-id","tui-input__textfield",1,"t-textfield",3,"disabled","focusable","invalid","nativeId","pseudoFocus","pseudoHover","readOnly","value","valueChange"]],template:function(Ue,U){1&Ue&&(t.NAR(ye),t.j41(0,"div",0),t.bIt("tuiDropdownOpenChange",function(xe){return U.open=xe})("tuiActiveZoneChange",function(xe){return U.onActiveZone(xe)}),t.j41(1,"tui-primitive-textfield",1),t.bIt("valueChange",function(xe){return U.onValueChange(xe)}),t.SdG(2),t.SdG(3,1,["ngProjectAs","input",5,["input"]]),t.k0s()()),2&Ue&&(t.Y8G("tuiDropdown",U.datalist||"")("tuiDropdownEnabled",U.canOpen)("tuiDropdownOpen",U.open),t.R7$(1),t.Y8G("disabled",U.computedDisabled)("focusable",U.computedFocusable)("invalid",U.computedInvalid)("nativeId",U.nativeId)("pseudoFocus",U.computedFocused)("pseudoHover",U.pseudoHover)("readOnly",U.readOnly)("value",U.value))},dependencies:[$.eD,$.gt,N.pU,N.iE],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:start}._disabled[_nghost-%COMP%]{pointer-events:none}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}"],changeDetection:0}),Be})(),Ae=(()=>{var oe;class Be extends X.aX{onValueChange(Ue){this.host.onValueChange(Ue)}}return(oe=Be).\u0275fac=function(){let nt;return function(U){return(nt||(nt=t.xGo(oe)))(U||oe)}}(),oe.\u0275dir=t.FsC({type:oe,selectors:[["tui-input"]],features:[t.Jv_([(0,ne.Sc)(oe)]),t.Vt3]}),Be})(),j=(()=>{var oe;class Be{}return(oe=Be).\u0275fac=function(Ue){return new(Ue||oe)},oe.\u0275mod=t.$C({type:oe}),oe.\u0275inj=t.G2t({imports:[Q.MD,$.Rp,N.Vh]}),Be})()},5014:(wt,ke,u)=>{u.d(ke,{Bw:()=>Xt,HW:()=>Dt,Rp:()=>sn,eD:()=>Rt,gt:()=>Yt});var t=u(7270),c=u(2978),S=u(4822),N=u(7434),X=u(4314),$=u(2734),W=u(9131),se=u(9702),ne=u(4225),J=u(1623),Q=u(453),ye=u(5173),be=u(5981),ee=u(2489),Ae=u(8283),j=u(8503),oe=u(3527),Be=u(3793),nt=u(8129),Ue=u(6610),U=u(8832),Me=u(4198),xe=u(5852),Xe=u(4712),Ge=u(8395),at=u(7002);const tt=["pre"],_t=["focusableElement"];function Ht(Ye,ct){1&Ye&&c.eu8(0)}function Wt(Ye,ct){1&Ye&&c.eu8(0)}function Tt(Ye,ct){1&Ye&&(c.j41(0,"div",17),c.SdG(1,2),c.k0s())}function Ot(Ye,ct){1&Ye&&c.nrm(0,"tui-icon",20),2&Ye&&c.Y8G("icon",ct.polymorpheusOutlet.toString())}const Pt=function(Ye){return{$implicit:Ye}};function mt(Ye,ct){if(1&Ye&&(c.j41(0,"div",18),c.DNE(1,Ot,1,1,"tui-icon",19),c.k0s()),2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.iconLeftContent)("polymorpheusOutletContext",c.eq3(2,Pt,ae.size))}}function le(Ye,ct){if(1&Ye&&(c.j41(0,"label",21),c.SdG(1,3),c.k0s()),2&Ye){const ae=c.XpG();c.AVh("t-placeholder_raised",ae.placeholderRaised),c.Y8G("for",ae.computedId)}}function H(Ye,ct){1&Ye&&c.nrm(0,"tui-icon",24),2&Ye&&c.Y8G("icon",ct.polymorpheusOutlet)}function ce(Ye,ct){if(1&Ye&&(c.j41(0,"div",22),c.DNE(1,H,1,1,"tui-icon",23),c.k0s()),2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.controller.customContent)}}function k(Ye,ct){if(1&Ye&&c.nrm(0,"tui-icon",27),2&Ye){const ae=ct.polymorpheusOutlet;c.xc7("border","0.25rem solid transparent"),c.Y8G("icon",ae.toString())}}function Z(Ye,ct){if(1&Ye){const ae=c.RV6();c.j41(0,"span",25),c.bIt("click.stop",function(){c.eBV(ae);const We=c.XpG();return c.Njj(We.clear())}),c.DNE(1,k,1,3,"tui-icon",26),c.k0s()}if(2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.iconCleaner||ae.controller.options.iconCleaner)("polymorpheusOutletContext",c.eq3(2,Pt,ae.size))}}function ie(Ye,ct){if(1&Ye&&c.nrm(0,"tui-tooltip",28),2&Ye){const ae=c.XpG();c.Y8G("content",null==ae.hintOptions?null:ae.hintOptions.content)("describeId",ae.computedId)}}function de(Ye,ct){1&Ye&&c.nrm(0,"tui-icon",20),2&Ye&&c.Y8G("icon",ct.polymorpheusOutlet.toString())}function te(Ye,ct){if(1&Ye&&(c.j41(0,"div",29),c.DNE(1,de,1,1,"tui-icon",19),c.k0s()),2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.iconContent)("polymorpheusOutletContext",c.eq3(2,Pt,ae.size))}}const Oe=[[["input"]],[["select"]],[["tuiContent"]],"*"],Ne=function(){return{standalone:!0}},Le=["input","select","tuiContent","*"],Re=["tuiTextfieldLegacy",""];let Ke=(()=>{var Ye;class ct{constructor(){this.textfield=(0,c.WQX)(J.aX),this.fontsReady$=(0,c.WQX)(J.KS),this.prefix$=new be.t(""),this.pre$=(0,ee.h)(this.fontsReady$,this.prefix$).pipe((0,Ae.c)(0),(0,j.p)(()=>{var he;return!(null===(he=this.pre)||void 0===he||!he.nativeElement.isConnected)}),(0,oe.T)(()=>{var he;return(null===(he=this.pre)||void 0===he?void 0:he.nativeElement.offsetWidth)||0}),(0,Be.F)())}ngDoCheck(){this.prefix$.next(this.prefix)}get isContextTable(){return"table"===this.textfield.appearance}get filler(){const{focused:he,placeholder:We,exampleText:vt,value:Vt,textfield:dn}=this;return We&&vt?"":he?vt||dn.filler.slice(Vt.length):""}get value(){return this.textfield.value}get prefix(){return this.decorationsVisible?this.textfield.prefix:""}get postfix(){return this.decorationsVisible?this.computedPostfix:""}get placeholder(){var he;return(null===(he=this.textfield.nativeFocusableElement)||void 0===he?void 0:he.placeholder)||""}get exampleText(){return!this.value&&this.focused?this.placeholder:""}get decorationsVisible(){return!!this.value||this.focused&&!this.placeholder}get focused(){return this.textfield.computedFocused&&!this.textfield.readOnly}get computedPostfix(){return this.textfield.postfix&&(this.filler||this.value)?" ".concat(this.textfield.postfix):this.textfield.postfix}}return(Ye=ct).\u0275fac=function(he){return new(he||Ye)},Ye.\u0275cmp=c.VBU({type:Ye,selectors:[["tui-value-decoration"]],viewQuery:function(he,We){if(1&he&&c.GBs(tt,7,c.aKT),2&he){let vt;c.mGM(vt=c.lsd())&&(We.pre=vt.first)}},hostVars:4,hostBindings:function(he,We){1&he&&c.bIt("animationstart",function(){return We.ngDoCheck()}),2&he&&c.AVh("_table",We.isContextTable)("_filler",We.filler)},decls:5,vars:4,consts:[[1,"t-prefix",3,"textContent"],["pre",""],[1,"t-ghost",3,"textContent"],[1,"t-filler",3,"textContent"],[1,"t-postfix",3,"textContent"]],template:function(he,We){1&he&&c.nrm(0,"span",0,1)(2,"span",2)(3,"span",3)(4,"span",4),2&he&&(c.Y8G("textContent",We.prefix),c.R7$(2),c.Y8G("textContent",We.value),c.R7$(1),c.Y8G("textContent",We.filler),c.R7$(1),c.Y8G("textContent",We.postfix))},styles:['[_nghost-%COMP%]{position:absolute;display:block;inline-size:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-tertiary);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-%COMP%]{position:static;margin-top:0}._filler[_nghost-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-%COMP%]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-%COMP%], .t-postfix[_ngcontent-%COMP%]{white-space:pre;color:var(--tui-text-primary)}.t-filler[_ngcontent-%COMP%]{max-inline-size:100%;white-space:nowrap}']}),ct})();const Dt={s:1.25,m:1.75,l:2.25};let Rt=(()=>{var Ye;class ct extends se.Xb{constructor(){super(...arguments),this.legacyOptions=(0,c.WQX)(ne.KB),this.el=(0,S.qW)(),this.options=(0,c.WQX)($.KB),this.controller=(0,c.WQX)(ne.xX),this.hintOptions=(0,c.WQX)(W.bk,{optional:!0}),this.autofilled=!1,this.editable=!0,this.iconCleaner=this.legacyOptions.iconCleaner,this.readOnly=!1,this.invalid=!1,this.disabled=!1,this.value="",this.valueChange=new c.bkB}get prefix(){return this.controller.prefix}get postfix(){return this.controller.postfix}get filler(){return this.controller.filler}get nativeFocusableElement(){if(this.computedDisabled||!this.focusableElement)return null;const{nativeElement:he}=this.focusableElement;return he.previousElementSibling||he}get focused(){return(0,N.Ij)(this.el)}get appearance(){return"table"===this.options.appearance()?"table":this.controller.appearance}onModelChange(he){this.updateValue(he)}get size(){return this.controller.size}get computedInvalid(){return!this.readOnly&&!this.disabled&&this.invalid}get inputHidden(){var he;return!(null===(he=this.content)||void 0===he||!he.length)}get borderStart(){return this.iconLeftContent?this.iconPaddingLeft:0}get borderEnd(){return(0,Q.f3)(!!this.iconContent,this.hasCleaner,this.hasTooltip,this.hasCustomContent,this.size)}get hasValue(){return!!this.value}get hasCleaner(){return this.controller.cleaner&&this.hasValue&&!this.computedDisabled&&!this.readOnly}get hasTooltip(){var he;return!(null===(he=this.hintOptions)||void 0===he||!he.content||this.computedDisabled)}get hasCustomContent(){return!!this.controller.customContent}get placeholderVisible(){var he;const vt=((null===(he=this.nativeFocusableElement)||void 0===he?void 0:he.placeholder)||this.prefix||this.postfix||this.filler)&&!this.readOnly&&this.computedFocused;return!this.hasValue&&!vt}get hasPlaceholder(){return this.placeholderRaisable||this.placeholderVisible}get placeholderRaised(){return this.placeholderRaisable&&(this.computedFocused&&!this.readOnly||this.hasValue||this.autofilled)}get iconContent(){return this.controller.icon}get iconLeftContent(){return this.controller.iconStart}get showHint(){var he;return!(null===(he=this.hintOptions)||void 0===he||!he.content)&&(this.legacyOptions.hintOnDisabled||!this.computedDisabled)}get name(){var he;return"cc-exp"===(null===(he=this.nativeFocusableElement)||void 0===he?void 0:he.autocomplete)?"ccexpiryyear":null}get computedId(){var he;return(null===(he=this.nativeFocusableElement)||void 0===he?void 0:he.id)||""}getIndent$(he){return(0,nt.R)(he,"scroll").pipe((0,oe.T)(()=>-1*Math.max(he.scrollLeft,0)))}onFocused(he){this.updateFocused(he)}clear(){this.nativeFocusableElement&&(this.nativeFocusableElement.value=""),this.updateValue("")}onMouseDown(he){const{nativeFocusableElement:We}=this;!We||he.target===We||(he.preventDefault(),We.focus())}transitionStartHandler({propertyName:he,target:We}){he.includes("box-shadow")&&(null==We?void 0:We.matches("input"))&&this.onAutofilled(!this.autofilled)}onAutofilled(he){this.updateAutofilled(he)}detectRetargetFromLabel(he){(0,S.Kv)(he)&&he.stopImmediatePropagation()}get iconPaddingLeft(){return Dt[this.size]}get placeholderRaisable(){return"s"!==this.size&&!this.controller.labelOutside}updateAutofilled(he){this.autofilled!==he&&(this.autofilled=he)}updateValue(he){this.value=he,this.valueChange.emit(he)}}return(Ye=ct).\u0275fac=function(){let ae;return function(We){return(ae||(ae=c.xGo(Ye)))(We||Ye)}}(),Ye.\u0275cmp=c.VBU({type:Ye,selectors:[["tui-primitive-textfield"]],contentQueries:function(he,We,vt){if(1&he&&c.wni(vt,ye.xr,5),2&he){let Vt;c.mGM(Vt=c.lsd())&&(We.content=Vt)}},viewQuery:function(he,We){if(1&he&&c.GBs(_t,5),2&he){let vt;c.mGM(vt=c.lsd())&&(We.focusableElement=vt.first)}},hostVars:15,hostBindings:function(he,We){1&he&&c.bIt("focusin",function(){return We.onFocused(!0)})("focusout",function(){return We.onFocused(!1)})("transitionstart.capture",function(Vt){return We.transitionStartHandler(Vt)}),2&he&&(c.BMQ("data-size",We.size),c.xc7("--border-start",We.borderStart,"rem")("--border-end",We.borderEnd,"rem"),c.AVh("_readonly",We.readOnly)("_hidden",We.inputHidden)("_invalid",We.computedInvalid)("_autofilled",We.autofilled)("_label-outside","table"===We.options.appearance()||We.controller.labelOutside))},inputs:{editable:"editable",iconCleaner:"iconCleaner",readOnly:"readOnly",invalid:"invalid",disabled:"disabled",value:"value"},outputs:{valueChange:"valueChange"},features:[c.Jv_([(0,J.Jr)(Ye),ne.ZW]),c.Vt3],ngContentSelectors:Le,decls:24,vars:39,consts:[[4,"ngIf"],["automation-id","tui-primitive-textfield__wrapper","tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid","readOnly","click.prevent.silent","mousedown"],["automation-id","tui-primitive-textfield__native-input",1,"t-input",3,"disabled","id","ngModel","ngModelOptions","readOnly","tabIndex","ngModelChange"],["focusableElement",""],["automation-id","tui-primitive-textfield__value","class","t-input t-input_template",4,"ngIf"],[1,"t-content"],["class","t-icon t-icon_left t-textfield-icon",4,"ngIf"],[1,"t-wrapper"],["automation-id","tui-primitive-textfield__placeholder","class","t-placeholder",3,"t-placeholder_raised","for",4,"ngIf"],[1,"t-wrapper-value-decoration"],["aria-hidden","true","automation-id","tui-primitive-textfield__value-decoration",1,"t-value-decoration"],["decor",""],[1,"t-icons"],["automation-id","tui-primitive-textfield__custom-content","class","t-custom-content",4,"ngIf"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","","class","t-cleaner",3,"click.stop",4,"ngIf"],["automation-id","tui-primitive-textfield__tooltip","class","t-tooltip",3,"content","describeId",4,"ngIf"],["class","t-icon t-textfield-icon",4,"ngIf"],["automation-id","tui-primitive-textfield__value",1,"t-input","t-input_template"],[1,"t-icon","t-icon_left","t-textfield-icon"],["tuiAppearance","icon",3,"icon",4,"polymorpheusOutlet","polymorpheusOutletContext"],["tuiAppearance","icon",3,"icon"],["automation-id","tui-primitive-textfield__placeholder",1,"t-placeholder",3,"for"],["automation-id","tui-primitive-textfield__custom-content",1,"t-custom-content"],["class","t-custom-icon",3,"icon",4,"polymorpheusOutlet"],[1,"t-custom-icon",3,"icon"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","",1,"t-cleaner",3,"click.stop"],[3,"icon","border",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"icon"],["automation-id","tui-primitive-textfield__tooltip",1,"t-tooltip",3,"content","describeId"],[1,"t-icon","t-textfield-icon"]],template:function(he,We){if(1&he&&(c.NAR(Oe),c.DNE(0,Ht,1,0,"ng-container",0),c.nI1(1,"async"),c.DNE(2,Wt,1,0,"ng-container",0),c.nI1(3,"async"),c.j41(4,"div",1),c.bIt("click.prevent.silent",function(Vt){return We.detectRetargetFromLabel(Vt)})("mousedown",function(Vt){return We.onMouseDown(Vt)}),c.nI1(5,"async"),c.SdG(6),c.SdG(7,1),c.j41(8,"input",2,3),c.bIt("ngModelChange",function(Vt){return We.onModelChange(Vt)}),c.k0s(),c.DNE(10,Tt,2,0,"div",4),c.j41(11,"div",5),c.DNE(12,mt,2,4,"div",6),c.j41(13,"div",7),c.DNE(14,le,2,3,"label",8),c.j41(15,"div",9)(16,"tui-value-decoration",10,11),c.nI1(18,"async"),c.k0s()()(),c.j41(19,"div",12),c.DNE(20,ce,2,1,"div",13),c.DNE(21,Z,2,4,"span",14),c.DNE(22,ie,1,2,"tui-tooltip",15),c.DNE(23,te,2,4,"div",16),c.k0s()()()),2&he){const vt=c.sdS(9),Vt=c.sdS(17);c.Y8G("ngIf",c.bMT(1,30,null==We.content?null:We.content.changes)),c.R7$(2),c.Y8G("ngIf",c.bMT(3,32,null==We.hintOptions?null:We.hintOptions.change$)),c.R7$(2),c.xc7("--text-indent",c.bMT(5,34,Vt.pre$),"px"),c.Y8G("active",We.pseudoActive)("appearance",We.appearance)("disabled",We.disabled)("focus",We.computedFocused)("hover",We.pseudoHover)("invalid",We.computedInvalid)("readOnly",We.readOnly),c.R7$(4),c.Y8G("disabled",We.computedDisabled)("id",We.id)("ngModel",We.value)("ngModelOptions",c.lJ4(38,Ne))("readOnly",We.readOnly||!We.editable)("tabIndex",We.computedFocusable?0:-1),c.BMQ("aria-invalid",We.computedInvalid)("name",We.name),c.R7$(2),c.Y8G("ngIf",We.inputHidden),c.R7$(2),c.Y8G("ngIf",We.iconLeftContent),c.R7$(2),c.Y8G("ngIf",We.hasPlaceholder),c.R7$(2),c.xc7("text-indent",c.bMT(18,36,We.getIndent$(vt)),"px"),c.AVh("t-has-value",We.value),c.R7$(4),c.Y8G("ngIf",We.hasCustomContent),c.R7$(1),c.Y8G("ngIf",We.hasCleaner),c.R7$(1),c.Y8G("ngIf",We.showHint),c.R7$(1),c.Y8G("ngIf",We.iconContent)}},dependencies:[Ue.bT,U.me,U.BC,U.vS,ye.xr,Me.l,xe.x,Xe.q,Ge.bC,Ke,Ue.Jj],styles:['[_nghost-%COMP%]{position:relative;display:block;text-align:start;border-radius:var(--tui-radius-m);block-size:var(--tui-height);min-block-size:var(--tui-height);max-block-size:var(--tui-height)}[data-size=s][_nghost-%COMP%]{--tui-height: var(--tui-height-s);font:var(--tui-font-text-s)}[data-size=m][_nghost-%COMP%]{--tui-height: var(--tui-height-m);font:var(--tui-font-text-s)}[data-size=l][_nghost-%COMP%]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-input[_ngcontent-%COMP%]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}.t-input[inputMode=none][_ngcontent-%COMP%]{caret-color:transparent}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-%COMP%]::-webkit-caps-lock-indicator, .t-input[_ngcontent-%COMP%]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input[_ngcontent-%COMP%]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder{opacity:1}[data-size=s][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], .t-input   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], .t-input   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]{padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input.t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content[_ngcontent-%COMP%]{display:flex;block-size:100%;inline-size:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-%COMP%]{flex:1;min-inline-size:0;padding-inline-end:.25rem}.t-placeholder[_ngcontent-%COMP%]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;inline-size:100%;-webkit-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-secondary);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-%COMP%]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-%COMP%]{transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-%COMP%]:not(._focused)   .t-placeholder_raised[_ngcontent-%COMP%], ._invalid[_nghost-%COMP%]:not(._focused):hover   .t-placeholder_raised[_ngcontent-%COMP%]{color:var(--tui-text-negative)}._focused[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=m]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-tertiary)}[data-size=l][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font-size:.8156rem}[data-size=m]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-primary)}.t-cleaner[_ngcontent-%COMP%]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto;border:.25rem solid transparent}._readonly[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%], ._disabled[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%]{pointer-events:none}.t-icon[_ngcontent-%COMP%]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}[data-size=s][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{margin-inline-start:-.375rem}[data-size=m][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{margin-inline-start:-.125rem;margin-inline-end:.375rem}[data-size=l][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{margin-inline-end:.75rem}.t-icons[_ngcontent-%COMP%]{display:flex;align-items:center}[data-size=m][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{margin-inline-end:-.125rem}[data-size=s][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{margin-inline-end:-.375rem}[_nghost-%COMP%]:not([data-size=s])   .t-icons[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:not(:first-child){margin-inline-start:.25rem}[_nghost-%COMP%]     input{transition:box-shadow .01s}._autofilled[data-size=s][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled[_nghost-%COMP%]   .t-value-decoration[_ngcontent-%COMP%]:not(.t-has-value){visibility:hidden}[data-size=s][_nghost-%COMP%]   tui-icon[_ngcontent-%COMP%]{border:.25rem solid transparent}.t-custom-content[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:center;min-inline-size:2rem;block-size:2rem;pointer-events:none}.t-custom-icon[_ngcontent-%COMP%]{inline-size:2rem;block-size:100%}.t-input[_ngcontent-%COMP%]:not(:first-child){display:none}[data-size][_nghost-%COMP%]   .t-input_template[_ngcontent-%COMP%]{display:flex;inline-size:calc(100% - 1rem);max-inline-size:calc(100% - 1rem);align-items:center;pointer-events:none;padding-inline-end:0}.t-text-template[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-%COMP%]{position:relative;pointer-events:none}'],changeDetection:0}),(0,t.Cg)([X.PE],ct.prototype,"getIndent$",null),ct})(),Yt=(()=>{var Ye;class ct extends se.aX{constructor(){super(...arguments),this.host=(0,c.WQX)(Rt)}get readOnly(){return this.host.readOnly||!this.host.editable}onValueChange(he){this.host.onModelChange(he)}}return(Ye=ct).\u0275fac=function(){let ae;return function(We){return(ae||(ae=c.xGo(Ye)))(We||Ye)}}(),Ye.\u0275dir=c.FsC({type:Ye,selectors:[["tui-primitive-textfield"]],features:[c.Jv_([(0,J.Sc)(Ye)]),c.Vt3]}),ct})(),Xt=(()=>{var Ye;class ct{constructor(){this.autoId=(0,at.XD)(),this.el=(0,S.qW)(),this.controller=(0,c.WQX)(ne.xX),this.host=(0,c.WQX)(J.w2),this.host.process(this.el)}get id(){return this.el.id||this.autoId}get inputMode(){return this.el.inputMode||this.host.inputMode}}return(Ye=ct).\u0275fac=function(he){return new(he||Ye)},Ye.\u0275cmp=c.VBU({type:Ye,selectors:[["input","tuiTextfieldLegacy",""],["textarea","tuiTextfieldLegacy",""]],hostAttrs:["type","text"],hostVars:7,hostBindings:function(he,We){1&he&&c.bIt("input",function(Vt){return We.host.onValueChange(Vt.target.value)}),2&he&&(c.Mr5("tabIndex",We.host.focusable?0:-1)("readOnly",We.host.readOnly)("value",We.host.value),c.BMQ("id",We.id)("inputMode",We.inputMode)("aria-invalid",We.host.invalid)("disabled",We.host.disabled||null))},features:[c.Jv_([ne.ZW])],attrs:Re,decls:0,vars:0,template:function(he,We){},styles:['[_nghost-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:hover, [_nghost-%COMP%]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-%COMP%]{caret-color:transparent}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-%COMP%]::-webkit-caps-lock-indicator, [_nghost-%COMP%]::-webkit-contacts-auto-fill-button, [_nghost-%COMP%]::-webkit-credit-card-auto-fill-button, [_nghost-%COMP%]::-webkit-credentials-auto-fill-button, [_nghost-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-%COMP%]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   [_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]::placeholder{opacity:1}[data-size=s][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-%COMP%]{white-space:pre-wrap}textarea[_nghost-%COMP%]   tui-textarea._ios[_nghost-%COMP%], tui-textarea._ios   [_nghost-%COMP%], textarea[_nghost-%COMP%]   tui-text-area._ios[_nghost-%COMP%], tui-text-area._ios   [_nghost-%COMP%]{padding-left:.8125rem}'],changeDetection:0}),ct})(),sn=(()=>{var Ye;class ct{}return(Ye=ct).\u0275fac=function(he){return new(he||Ye)},Ye.\u0275mod=c.$C({type:Ye}),Ye.\u0275inj=c.G2t({imports:[Ue.MD,U.YN,Me.E,xe.q,Xe.q]}),ct})()},5852:(wt,ke,u)=>{u.d(ke,{q:()=>J,x:()=>ne});var t=u(2978),c=u(811),S=u(9131),N=u(4712),X=u(5173),$=u(8395),W=u(6610);function se(Q,ye){1&Q&&t.nrm(0,"tui-icon",3),2&Q&&t.Y8G("icon",ye.polymorpheusOutlet)}let ne=(()=>{var Q;class ye extends S.bk{constructor(){super(...arguments),this.isMobile=(0,t.WQX)(c.Td),this.describeId=""}get computedAppearance(){return this.appearance||""}stopOnMobile(ee){var Ae;this.isMobile&&(ee.preventDefault(),ee.stopPropagation()),null===(Ae=this.driver$)||void 0===Ae||Ae.toggle()}}return(Q=ye).\u0275fac=function(){let be;return function(Ae){return(be||(be=t.xGo(Q)))(Ae||Q)}}(),Q.\u0275cmp=t.VBU({type:Q,selectors:[["tui-tooltip"]],viewQuery:function(ee,Ae){if(1&ee&&t.GBs(S.YO,5),2&ee){let j;t.mGM(j=t.lsd())&&(Ae.driver$=j.first)}},hostVars:1,hostBindings:function(ee,Ae){1&ee&&t.bIt("mousedown",function(oe){return Ae.stopOnMobile(oe)}),2&ee&&t.BMQ("data-appearance",Ae.computedAppearance)},inputs:{content:"content",direction:"direction",appearance:"appearance",showDelay:"showDelay",hideDelay:"hideDelay",describeId:"describeId",context:"context"},features:[t.Vt3],decls:4,vars:11,consts:[["automation-id","tui-tooltip__icon","tuiAppearance","icon",1,"t-tooltip-icon",3,"tuiAppearanceState","tuiHint","tuiHintAppearance","tuiHintContext","tuiHintDescribe","tuiHintDirection","tuiHintHideDelay","tuiHintShowDelay"],["driver","tuiHintHover"],["class","t-icon",3,"icon",4,"polymorpheusOutlet"],[1,"t-icon",3,"icon"]],template:function(ee,Ae){if(1&ee&&(t.j41(0,"span",0,1),t.nI1(2,"async"),t.DNE(3,se,1,1,"tui-icon",2),t.k0s()),2&ee){const j=t.sdS(1);t.Y8G("tuiAppearanceState",t.bMT(2,9,j)?"hover":null)("tuiHint",Ae.content)("tuiHintAppearance",Ae.computedAppearance)("tuiHintContext",Ae.context)("tuiHintDescribe",Ae.describeId)("tuiHintDirection",Ae.direction)("tuiHintHideDelay",Ae.hideDelay)("tuiHintShowDelay",Ae.showDelay),t.R7$(3),t.Y8G("polymorpheusOutlet",Ae.icon)}},dependencies:[N.q,X.xr,$.bC,S.XZ,S.$$,W.Jj],styles:["[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;inline-size:1.5rem;block-size:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}[data-appearance=error][_nghost-%COMP%]{color:var(--tui-text-negative)}.t-tooltip-icon[_ngcontent-%COMP%]{display:inline-block;inline-size:100%;block-size:100%}.t-icon[_ngcontent-%COMP%]{border:.25rem solid transparent}"],changeDetection:0}),ye})(),J=(()=>{var Q;class ye{}return(Q=ye).\u0275fac=function(ee){return new(ee||Q)},Q.\u0275mod=t.$C({type:Q}),Q.\u0275inj=t.G2t({imports:[W.MD,N.q,S.pp]}),ye})()},4225:(wt,ke,u)=>{u.d(ke,{CN:()=>Pt,G6:()=>Ot,KB:()=>Q,OC:()=>Me,Om:()=>_t,Rd:()=>Be,V4:()=>Ue,ZW:()=>le,dx:()=>Xe,kf:()=>at,np:()=>j,rQ:()=>Wt,tI:()=>Tt,u1:()=>Ae,xX:()=>mt});var t=u(4314),c=u(2978),S=u(9702),N=u(7212),X=u(4976),$=u(1623),W=u(2489),se=u(871);class ne{constructor(ce,k,Z,ie,de,te,Oe,Ne,Le,Re,Ke,Dt,Rt){this.change$=ce,this.options=k,this.legacyAppearance=Z,this.appearanceDirective=ie,this.cleanerDirective=de,this.customContentDirective=te,this.iconDirective=Oe,this.iconLeftDirective=Ne,this.labelOutsideDirective=Le,this.sizeDirective=Re,this.prefixDirective=Ke,this.postfixDirective=Dt,this.fillerDirective=Rt}get appearance(){return this.appearanceDirective.appearance||this.legacyAppearance}get cleaner(){return this.cleanerDirective.cleaner}get customContent(){return this.customContentDirective.customContent||""}get icon(){return this.iconDirective.icon}get iconStart(){return this.iconLeftDirective.iconStart}get labelOutside(){return this.labelOutsideDirective.labelOutside}get size(){return this.sizeDirective.size}get prefix(){return this.prefixDirective.prefix}get postfix(){return this.postfixDirective.postfix}get filler(){return this.fillerDirective.filler}}const Q=(0,t.gc)({iconCleaner:"@tui.x",hintOnDisabled:!1}),be=(0,t.ET)(()=>new ee);let ee=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.appearance=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldAppearance",""]],inputs:{appearance:["tuiTextfieldAppearance","appearance"]},features:[c.Jv_([(0,t.QU)(be,H)]),c.Vt3]}),ce})();const Ae=(0,t.ET)(()=>new j);let j=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.cleaner=!1}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldCleaner",""]],inputs:{cleaner:["tuiTextfieldCleaner","cleaner"]},features:[c.Jv_([(0,t.QU)(Ae,H)]),c.Vt3]}),ce})();const oe=(0,t.ET)(()=>new Be);let Be=(()=>{var H;class ce extends S.zY{}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldCustomContent",""]],inputs:{customContent:["tuiTextfieldCustomContent","customContent"]},features:[c.Jv_([(0,t.QU)(oe,H)]),c.Vt3]}),ce})();const nt=(0,t.ET)(()=>new Ue);let Ue=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.filler=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldFiller",""]],inputs:{filler:["tuiTextfieldFiller","filler"]},features:[c.Jv_([(0,t.QU)(nt,H)]),c.Vt3]}),ce})();const U=(0,t.ET)(()=>new Me);let Me=(()=>{var H;class ce extends S.zY{}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldIcon",""]],inputs:{icon:["tuiTextfieldIcon","icon"]},features:[c.Jv_([(0,t.QU)(U,H)]),c.Vt3]}),ce})();const xe=(0,t.ET)(()=>new Xe);let Xe=(()=>{var H;class ce extends S.zY{}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldIconLeft",""]],inputs:{iconStart:["tuiTextfieldIconLeft","iconStart"]},features:[c.Jv_([(0,t.QU)(xe,H)]),c.Vt3]}),ce})();const Ge=(0,t.ET)(()=>new at);let at=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.labelOutside=!1}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldLabelOutside",""]],inputs:{labelOutside:["tuiTextfieldLabelOutside","labelOutside"]},features:[c.Jv_([(0,t.QU)(Ge,H)]),c.Vt3]}),ce})();const tt=(0,t.ET)(()=>new _t);let _t=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.postfix=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldPostfix",""]],inputs:{postfix:["tuiTextfieldPostfix","postfix"]},features:[c.Jv_([(0,t.QU)(tt,H)]),c.Vt3]}),ce})();const Ht=(0,t.ET)(()=>new Wt);let Wt=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.prefix=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldPrefix",""]],inputs:{prefix:["tuiTextfieldPrefix","prefix"]},features:[c.Jv_([(0,t.QU)(Ht,H)]),c.Vt3]}),ce})();const Tt=(0,t.ET)(()=>new Ot);let Ot=(()=>{var H;class ce extends S.zY{constructor(){super(...arguments),this.size="l"}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldSize",""]],inputs:{size:["tuiTextfieldSize","size"]},features:[c.Jv_([(0,t.QU)(Tt,H)]),c.Vt3]}),ce})(),Pt=(()=>{var H;class ce{}return(H=ce).\u0275fac=function(Z){return new(Z||H)},H.\u0275mod=c.$C({type:H}),H.\u0275inj=c.G2t({}),ce})();const mt=new c.nKC("[TUI_TEXTFIELD_WATCHED_CONTROLLER]"),le=[{provide:mt,deps:[c.gRc,Q,$.Eo,be,Ae,oe,U,xe,Ge,Tt,Ht,tt,nt],useFactory:(H,ce,k,...Z)=>{const ie=(0,W.h)(...Z.map(({change$:de})=>de||se.t)).pipe((0,X.Eb)(H),(0,N.pQ)());return ie.subscribe(),new ne(ie,ce,k,...Z)}}]},7492:(wt,ke,u)=>{u.d(ke,{PN:()=>X,aD:()=>$,r5:()=>W});var t=u(2978),c=u(8832),S=u(1623),N=u(9656);const X={provide:S.r0,deps:[[new t.Xx1,new t.B$B,c.kq]],useFactory:N.D};let $=(()=>{var se;class ne{}return(se=ne).\u0275fac=function(Q){return new(Q||se)},se.\u0275dir=t.FsC({type:se,selectors:[["","tuiValueAccessor",""]],features:[t.Jv_([X])]}),ne})(),W=(()=>{var se;class ne{}return(se=ne).\u0275fac=function(Q){return new(Q||se)},se.\u0275mod=t.$C({type:se}),se.\u0275inj=t.G2t({}),ne})()},4198:(wt,ke,u)=>{u.d(ke,{E:()=>S,l:()=>c});var t=u(2978);let c=(()=>{var N;class X{constructor(){this.disabled=!1,this.readOnly=!1,this.hover=null,this.active=null,this.focus=!1,this.invalid=!1,this.appearance=""}get computedInvalid(){return!this.disabled&&!this.readOnly&&this.invalid}get computedFocused(){return this.focus&&!this.disabled}get interactiveState(){return this.disabled?"disabled":this.readOnly?"readonly":this.active?"active":this.hover?"hover":null}get noHover(){return this.readOnly||!1===this.hover}get noActive(){return this.readOnly||!1===this.active}}return(N=X).\u0275fac=function(W){return new(W||N)},N.\u0275dir=t.FsC({type:N,selectors:[["","tuiWrapper",""]],hostVars:10,hostBindings:function(W,se){2&W&&(t.BMQ("data-appearance",se.appearance)("data-state",se.interactiveState),t.AVh("_invalid",se.computedInvalid)("_focused",se.computedFocused)("_no-hover",se.noHover)("_no-active",se.noActive))},inputs:{disabled:"disabled",readOnly:"readOnly",hover:"hover",active:"active",focus:"focus",invalid:"invalid",appearance:"appearance"}}),X})(),S=(()=>{var N;class X{}return(N=X).\u0275fac=function(W){return new(W||N)},N.\u0275mod=t.$C({type:N}),N.\u0275inj=t.G2t({}),X})()},1623:(wt,ke,u)=>{u.d(ke,{aX:()=>ee,KS:()=>j,dq:()=>Be,Eo:()=>Ge,w2:()=>at,r0:()=>Ht,Jr:()=>Ae,Sc:()=>tt});var t=u(4314),c=u(2978),S=u(6610),N=u(8399),X=u(8448),$=u(6661),ne=(u(3527),u(756),u(3241)),J=u(453);u(656),(0,t.gc)({AD:"+376###-###",AE:"+971-##-###-####",AF:"+93##-###-####",AG:"+1(268) ###-####",AI:"+1(264) ###-####",AL:"+355(###) ###-###",AM:"+374##-###-###",AO:"+244(###) ###-###",AR:"+54(###) ####-####",AT:"+43(###) ###-####",AU:"+61#-####-####",AW:"+297###-####",AZ:"+994##-###-##-##",BA:"+387 ###-####-##",BB:"+1(246) ###-####",BD:"+880##-###-###",BE:"+32(###) ###-###",BF:"+226##-##-####",BG:"+359(###) ###-###",BH:"+973####-####",BI:"+257##-##-####",BJ:"+229##-##-####",BL:"+590 ## ## ## ## ##",BM:"+1(441) ###-####",BN:"+673###-####",BO:"+591#-###-####",BQ:"+599-###-####",BR:"+55(##) ####-####",BS:"+1(242) ###-####",BT:"+975#-###-###",BW:"+267##-###-###",BY:"+375(##) ###-##-##",BZ:"+501###-####",CA:"+1(###) ###-####",CD:"+243(###) ###-###",CF:"+236-##-##-####",CG:"+242##-###-####",CH:"+41##-###-####",CI:"+225##-##-###-###",CL:"+56#-####-####",CM:"+237#####-####",CN:"+86(###) ####-####",CO:"+57(###) ###-####",CR:"+506####-####",CU:"+53#-###-####",CV:"+238(###) ##-##",CW:"+5999-###-####",CY:"+357##-###-###",CZ:"+420(###) ###-###",DE:"+49(###) ###-###-##",DJ:"+253##-##-##-##",DK:"+45##-##-##-##",DM:"+1(767) ###-####",DO:"+1(###) ###-####",DZ:"+213##-###-####",EC:"+593##-###-####",EE:"+372####-####",EG:"+20(###) ###-####",ER:"+291#-###-###",ES:"+34(###) ###-###",ET:"+251##-###-####",FI:"+358(###) ###-##-##",FJ:"+679##-#####",FK:"+500#####",FM:"+691###-####",FR:"+33 ## ## ## ## ##",GA:"+241##-##-##-##",GB:"+44##-####-####",GD:"+1(473) ###-####",GE:"+995(###) ###-###",GF:"+594 ## ## ## ## ##",GH:"+233(###) ###-###",GI:"+350###-#####",GL:"+299##-##-##",GM:"+220(###) ##-##",GN:"+224##-###-###",GP:"+590 ## ## ## ## ##",GQ:"+240##-###-####",GR:"+30(###) ###-####",GT:"+502#-###-####",GW:"+245#-######",GY:"+592###-####",HK:"+852####-####",HN:"+504####-####",HR:"+385##-###-####",HT:"+509##-##-####",HU:"+36(###) ###-###",ID:"+62(###) ###-##-###",IE:"+353(###) ###-###",IL:"+972##-###-####",IN:"+91(####) ###-###",IQ:"+964(###) ###-####",IR:"+98(###) ###-####",IS:"+354###-####",IT:"+39(###) ####-###",JM:"+1(876) ###-####",JO:"+962#-####-####",JP:"+81-##-####-####",KE:"+254###-######",KG:"+996(###) ###-###",KH:"+855##-###-###",KM:"+269##-#####",KN:"+1(869) ###-####",KP:"+850####-#############",KR:"+82##-###-####",KW:"+965####-####",KY:"+1(345) ###-####",KZ:"+7(###) ###-##-##",LA:"+856##-##-###-###",LB:"+961##-###-###",LC:"+1(758) ###-####",LI:"+423(###) ###-####",LK:"+94##-###-####",LR:"+231##-###-###",LS:"+266#-###-####",LT:"+370(###) ##-###",LU:"+352(###) ###-###",LV:"+371##-###-###",LY:"+218##-###-####",MA:"+212##-####-###",MC:"+377###-###-###",MD:"+373####-####",ME:"+382##-###-###",MF:"+590 ## ## ## ## ##",MG:"+261##-##-#####",MK:"+389##-###-###",ML:"+223##-##-####",MM:"+95##-###-###",MN:"+976##-##-####",MO:"+853####-####",MQ:"+596 ## ## ## ## ##",MR:"+222##-##-####",MS:"+1(664) ###-####",MT:"+356####-####",MU:"+230####-####",MV:"+960###-####",MW:"+265#-####-####",MX:"+52(###) ###-####",MY:"+60(###) ###-###",MZ:"+258##-###-###",NA:"+264##-###-####",NC:"+687 ### ###",NE:"+227##-##-####",NG:"+234(###) ###-####",NI:"+505####-####",NL:"+31##-###-####",NO:"+47(###) ##-###",NP:"+977##-###-###",NZ:"+64(###) ###-####",OM:"+968##-###-###",PA:"+507###-####",PE:"+51(###) ###-###",PF:"+689 ## ## ## ##",PG:"+675(###) ##-###",PH:"+63(###) ###-####",PK:"+92(###) ###-####",PL:"+48(###) ###-###",PT:"+351##-###-####",PW:"+680###-####",PY:"+595(###) ###-###",QA:"+974####-####",RE:"+262 ## ## ## ## ##",RO:"+40##-###-####",RS:"+381##-###-####",RU:"+7### ###-##-##",RW:"+250(###) ###-###",SA:"+966#-####-####",SB:"+677###-####",SC:"+248#-###-###",SD:"+249##-###-####",SE:"+46##-###-####",SG:"+65####-####",SH:"+290####",SI:"+386##-###-###",SK:"+421(###) ###-###",SL:"+232##-######",SM:"+378####-######",SN:"+221##-###-####",SO:"+252##-###-###",SR:"+597###-####",ST:"+239##-#####",SV:"+503##-##-####",SX:"+1(721) ###-####",SY:"+963##-####-###",SZ:"+268##-##-####",TC:"+1(649) ###-####",TD:"+235##-##-##-##",TG:"+228##-###-###",TH:"+66##-###-####",TJ:"+992##-###-####",TL:"+670###-#####",TM:"+993#-###-####",TN:"+216##-###-###",TO:"+676#####",TR:"+90(###) ###-####",TT:"+1(868) ###-####",TW:"+886#-####-####",TZ:"+255##-###-####",UA:"+380(##) ###-##-##",UG:"+256(###) ###-###",US:"+1(###) ###-####",UY:"+598#-###-##-##",UZ:"+998##-###-####",VC:"+1(784) ###-####",VE:"+58(###) ###-####",VG:"+1(284)###-####",VN:"+84(###) ####-###",VU:"+678##-#####",WS:"+685##-####",XK:"+383##-###-###",YE:"+967###-###-###",YT:"+262 ## ## ## ## ##",ZA:"+27##-###-####",ZM:"+260##-###-####",ZW:"+263#-######",VA:"+39 #### ###-####",WF:"+681 ## ##-##",VI:"+1(340) ###-####",JE:"+44(####) ######",AC:"+247###-####",TV:"+686###-####",TK:"+690###-####",TA:"+290###-####",SS:"+211### ###-###",SJ:"+47 ## ##-##-##",PS:"+970 #### ###-###",PR:"+1(###) ###-####",PM:"+508 ### ##-##-##",NU:"+683 ###-####",NR:"+674 ###-####",NF:"+672##-####",MP:"+1(670) ###-####",MH:"+692 ###-####",KI:"+686 ####-####",IO:"+246 ### ####",IM:"+44(####) ######",GU:"+1(###) ###-###",GG:"+44(###) ###-####",FO:"+298 ######",EH:"+212 #### #####",CX:"+61 # ####-####",CK:"+682 ## ###",CC:"+61 # ####-####",AX:"+358 ## ###-####",AS:"+1(###) ###-####"});const ee=new c.nKC("[TUI_FOCUSABLE_ITEM_ACCESSOR]");function Ae(Wt){return(0,t.QU)(ee,Wt)}const j=new c.nKC("[TUI_FONTS_READY]",{factory:()=>{var Wt;return(0,N.H)((null===(Wt=(0,c.WQX)(S.qQ).fonts)||void 0===Wt?void 0:Wt.ready)||X.w).pipe((0,$.t)({bufferSize:1,refCount:!1}))}}),Be=((0,t.gc)({}),(0,t.ET)(()=>(0,J.Zz)((0,c.WQX)(ne.Rp)))),Ge=((0,t.ET)(()=>!!(0,c.WQX)(ne.Qc).chrome),(0,t.ET)(()=>{var Wt;return void 0!==(null===(Wt=(0,c.WQX)(ne.Qc))||void 0===Wt?void 0:Wt.mozCancelFullScreen)}),(0,t.ET)(()=>(0,c.WQX)(ne.Qc).location.host.endsWith("stackblitz.io")),new c.nKC("[TUI_MONTH_FORMATTER]"),new c.nKC("[TUI_SANITIZER]"),(0,t.gc)("textfield")),at=new c.nKC("[TUI_TEXTFIELD_HOST]");function tt(Wt){return(0,t.QU)(at,Wt)}(0,t.ET)(()=>(0,c.WQX)(ne.Qc).matchMedia("(any-pointer: coarse)").matches);const Ht=new c.nKC("[TUI_VALUE_ACCESSOR]")},453:(wt,ke,u)=>{u.d(ke,{MJ:()=>Xe,Zz:()=>Ae,f3:()=>se});var t=u(4010),c=u(3279);const $=1.5,W=2.5;function se(Ge,at=!1,tt=!1,_t=!1,Ht="m"){const Wt="s"===Ht?0:.25;let Tt=0;return Ge&&(Tt+=$+Wt),at&&(Tt+=$+Wt),tt&&(Tt+=$+Wt),_t&&(Tt+=W+Wt),Tt}const ee=/^((?!chrome|android).)*safari/i;function Ae(Ge){return(0,t.ed)(Ge)||ee.test(Ge.userAgent.toLowerCase())}const Xe=(0,c.Lq)({limitWidth:"fixed",align:"right"})},5173:(wt,ke,u)=>{u.d(ke,{A7:()=>W,Dm:()=>S,lS:()=>N,su:()=>c,xr:()=>se});var t=u(2978);const c=new t.nKC("");function S(ye={}){return(0,t.WQX)(c,ye)}class N{constructor(be,ee){this.component=be,this.i=ee}createInjector(be,ee){return t.zZn.create({parent:this.i||be,providers:[{provide:c,useValue:ee}]})}}class X{constructor(be){this.$implicit=be}get polymorpheusOutlet(){return this.$implicit}}let W=(()=>{var ye;class be{constructor(Ae=(0,t.WQX)(t.C4Q,{self:!0}),j=(0,t.WQX)(t.gRc)){this.template=Ae,this.cdr=j,this.polymorpheus=""}static ngTemplateContextGuard(Ae,j){return!0}check(){this.cdr.markForCheck()}}return(ye=be).\u0275fac=function(Ae){return new(Ae||ye)(t.rXU(t.C4Q),t.rXU(t.gRc))},ye.\u0275dir=t.FsC({type:ye,selectors:[["ng-template","polymorpheus",""]],inputs:{polymorpheus:"polymorpheus"},exportAs:["polymorpheus"],standalone:!0}),be})(),se=(()=>{var ye;class be{constructor(){this.vcr=(0,t.WQX)(t.c1b),this.i=(0,t.WQX)(t.duS),this.t=(0,t.WQX)(t.C4Q),this.content=""}static ngTemplateContextGuard(Ae,j){return!0}ngOnChanges({content:Ae}){var j;const oe=this.getContext();if(null===(j=this.c)||void 0===j||j.injector.get(t.gRc).markForCheck(),!Ae)return;this.vcr.clear();const Be=oe&&new Proxy(oe,{get:(nt,Ue)=>{var U;return null===(U=this.getContext())||void 0===U?void 0:U[Ue]}});J(this.content)?this.process(this.content,Be):null!=(oe instanceof X&&oe.$implicit)&&this.vcr.createEmbeddedView(this.template,Be,{injector:this.i})}ngDoCheck(){ne(this.content)&&this.content.check()}get template(){return ne(this.content)?this.content.template:this.content instanceof t.C4Q?this.content:this.t}getContext(){return function Q(ye){return ne(ye)||ye instanceof t.C4Q}(this.content)||J(this.content)?this.context:new X(this.context&&"function"==typeof this.content?this.content(this.context):this.content)}process(Ae,j){const oe=Ae.createInjector(this.i,j);this.c=this.vcr.createComponent(Ae.component,{injector:oe})}}return(ye=be).\u0275fac=function(Ae){return new(Ae||ye)},ye.\u0275dir=t.FsC({type:ye,selectors:[["","polymorpheusOutlet",""]],inputs:{content:["polymorpheusOutlet","content"],context:["polymorpheusOutletContext","context"]},standalone:!0,features:[t.OA$]}),be})();function ne(ye){return ye instanceof W}function J(ye){return ye instanceof N}},8191:(wt,ke,u)=>{u.d(ke,{sq:()=>_t,f4:()=>le});var t=u(2978),c=u(6610),S=u(5981),N=u(8503),X=u(8486),$=u(2831),W=u(7236),se=u(8448),ne=u(4526),J=u(8823),Q=u(9406),ye=u(8621),be=u(8751),ee=u(6111),Ae=u(2363),oe=u(3527),Be=u(8399),nt=u(1227),Ue=u(2029);const U={schedule(ce){let k=requestAnimationFrame,Z=cancelAnimationFrame;const{delegate:ie}=U;ie&&(k=ie.requestAnimationFrame,Z=ie.cancelAnimationFrame);const de=k(te=>{Z=void 0,ce(te)});return new Ue.yU(()=>null==Z?void 0:Z(de))},requestAnimationFrame(...ce){const{delegate:k}=U;return((null==k?void 0:k.requestAnimationFrame)||requestAnimationFrame)(...ce)},cancelAnimationFrame(...ce){const{delegate:k}=U;return((null==k?void 0:k.cancelAnimationFrame)||cancelAnimationFrame)(...ce)},delegate:void 0};var xe=u(1246);const Ge=new class Xe extends xe.q{flush(k){this._active=!0;const Z=this._scheduled;this._scheduled=void 0;const{actions:ie}=this;let de;k=k||ie.shift();do{if(de=k.execute(k.state,k.delay))break}while((k=ie[0])&&k.id===Z&&ie.shift());if(this._active=!1,de){for(;(k=ie[0])&&k.id===Z&&ie.shift();)k.unsubscribe();throw de}}}(class Me extends nt.R{constructor(k,Z){super(k,Z),this.scheduler=k,this.work=Z}requestAsyncId(k,Z,ie=0){return null!==ie&&ie>0?super.requestAsyncId(k,Z,ie):(k.actions.push(this),k._scheduled||(k._scheduled=U.requestAnimationFrame(()=>k.flush(void 0))))}recycleAsyncId(k,Z,ie=0){var de;if(null!=ie?ie>0:this.delay>0)return super.recycleAsyncId(k,Z,ie);const{actions:te}=k;null!=Z&&(null===(de=te[te.length-1])||void 0===de?void 0:de.id)!==Z&&(U.cancelAnimationFrame(Z),k._scheduled=void 0)}});var tt=u(6098);const _t=new t.nKC("HIGHLIGHT_OPTIONS");let Ht;let Ot=(()=>{var ce;class k{constructor(ie,de,te){if(this.doc=ie,this.platformId=de,this._options=te,this._ready=new S.t(null),this.ready=this._ready.asObservable().pipe((0,N.p)(Ne=>!!Ne),(0,X.s)(1)),(0,c.UE)(de))if(ie.defaultView.hljs)this._ready.next(ie.defaultView.hljs);else{var Oe;this._loadLibrary().pipe((0,$.n)(Ne=>this._options&&this._options.lineNumbersLoader?(ie.defaultView.hljs=Ne,this.loadLineNumbers().pipe((0,W.M)(Le=>{Le.activateLineNumbers(),this._ready.next(Ne)}))):(this._ready.next(Ne),se.w)),(0,ne.W)(Ne=>(console.error("[HLJS] ",Ne),se.w))).subscribe(),null!==(Oe=this._options)&&void 0!==Oe&&Oe.themePath&&this.loadTheme(this._options.themePath)}}_loadLibrary(){if(this._options){if(this._options.fullLibraryLoader&&this._options.coreLibraryLoader)return(0,J.$)(()=>"The full library and the core library were imported, only one of them should be imported!");if(this._options.fullLibraryLoader&&this._options.languages)return(0,J.$)(()=>"The highlighting languages were imported they are not needed!");if(this._options.coreLibraryLoader&&!this._options.languages)return(0,J.$)(()=>"The highlighting languages were not imported!");if(!this._options.coreLibraryLoader&&this._options.languages)return(0,J.$)(()=>"The core library was not imported!");if(this._options.fullLibraryLoader)return this.loadFullLibrary();if(this._options.coreLibraryLoader&&this._options.languages&&Object.keys(this._options.languages).length)return this.loadCoreLibrary().pipe((0,$.n)(ie=>this._loadLanguages(ie)))}return(0,J.$)(()=>"Highlight.js library was not imported!")}_loadLanguages(ie){return function j(...ce){const k=(0,Ae.ms)(ce),Z=(0,be.K)(ce);return Z.length?new Q.c(ie=>{let de=Z.map(()=>[]),te=Z.map(()=>!1);ie.add(()=>{de=te=null});for(let Oe=0;!ie.closed&&Oe<Z.length;Oe++)(0,ye.Tg)(Z[Oe]).subscribe((0,ee._)(ie,Ne=>{if(de[Oe].push(Ne),de.every(Le=>Le.length)){const Le=de.map(Re=>Re.shift());ie.next(k?k(...Le):Le),de.some((Re,Ke)=>!Re.length&&te[Ke])&&ie.complete()}},()=>{te[Oe]=!0,!de[Oe].length&&ie.complete()}));return()=>{de=te=null}}):se.w}(...Object.entries(this._options.languages).map(([te,Oe])=>Pt(Oe()).pipe((0,W.M)(Ne=>ie.registerLanguage(te,Ne))))).pipe((0,oe.T)(()=>ie))}loadCoreLibrary(){return Pt(this._options.coreLibraryLoader())}loadFullLibrary(){return Pt(this._options.fullLibraryLoader())}loadLineNumbers(){return(0,Be.H)(this._options.lineNumbersLoader())}setTheme(ie){(0,c.UE)(this.platformId)&&(this._themeLinkElement?this._themeLinkElement.href=ie:this.loadTheme(ie))}loadTheme(ie){this._themeLinkElement=this.doc.createElement("link"),this._themeLinkElement.href=ie,this._themeLinkElement.type="text/css",this._themeLinkElement.rel="stylesheet",this._themeLinkElement.media="screen,print",this.doc.head.appendChild(this._themeLinkElement)}}return(ce=k).\u0275fac=function(ie){return new(ie||ce)(t.KVO(c.qQ),t.KVO(t.Agw),t.KVO(_t,8))},ce.\u0275prov=t.jDH({token:ce,factory:ce.\u0275fac,providedIn:"root"}),k})();const Pt=ce=>(0,Be.H)(ce).pipe((0,N.p)(k=>!(null==k||!k.default)),(0,oe.T)(k=>k.default));let mt=(()=>{var ce;class k{get hljs(){return this._hljs}constructor(ie,de){this._loader=ie,this._hljs=null,ie.ready.subscribe(te=>{this._hljs=te,de&&de.config&&(te.configure(de.config),te.listLanguages().length<1&&console.error("[HighlightJS]: No languages were registered!"))})}highlight(ie,{language:de,ignoreIllegals:te}){return this._loader.ready.pipe((0,oe.T)(Oe=>Oe.highlight(ie,{language:de,ignoreIllegals:te})))}highlightAuto(ie,de){return this._loader.ready.pipe((0,oe.T)(te=>te.highlightAuto(ie,de)))}highlightElement(ie){return this._loader.ready.pipe((0,oe.T)(de=>de.highlightElement(ie)))}highlightAll(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.highlightAll()))}configure(ie){return this._loader.ready.pipe((0,oe.T)(de=>de.configure(ie)))}registerLanguage(ie,de){return this._loader.ready.pipe((0,W.M)(te=>te.registerLanguage(ie,de)))}unregisterLanguage(ie){return this._loader.ready.pipe((0,W.M)(de=>de.unregisterLanguage(ie)))}registerAliases(ie,{languageName:de}){return this._loader.ready.pipe((0,W.M)(te=>te.registerAliases(ie,{languageName:de})))}listLanguages(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.listLanguages()))}getLanguage(ie){return this._loader.ready.pipe((0,oe.T)(de=>de.getLanguage(ie)))}safeMode(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.safeMode()))}debugMode(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.debugMode()))}lineNumbersBlock(ie){return this._loader.ready.pipe((0,N.p)(de=>!!de.lineNumbersBlock),(0,W.M)(de=>de.lineNumbersBlock(ie)))}}return(ce=k).\u0275fac=function(ie){return new(ie||ce)(t.KVO(Ot),t.KVO(_t,8))},ce.\u0275prov=t.jDH({token:ce,factory:ce.\u0275fac,providedIn:"root"}),k})(),le=(()=>{var ce;class k{constructor(ie,de,te,Oe,Ne){this._hljs=de,this._sanitizer=te,this.platformId=Oe,this._options=Ne,this.highlighted=new t.bkB,this._nativeElement=ie.nativeElement}ngOnChanges(ie){var de;(0,c.UE)(this.platformId)&&null!==(null==ie||null===(de=ie.code)||void 0===de?void 0:de.currentValue)&&ie.code.currentValue!==ie.code.previousValue&&(this.code?this.highlightElement(this.code,this.languages):this.setTextContent(""))}highlightElement(ie,de){this.setTextContent(ie),this._hljs.highlightAuto(ie,de).subscribe(te=>{this.setInnerHTML(null==te?void 0:te.value),this.lineNumbers&&this._options&&this._options.lineNumbersLoader&&this.addLineNumbers(),this.highlighted.emit(te)})}addLineNumbers(){this.destroyLineNumbersObserver(),Ge.schedule(()=>{this._hljs.lineNumbersBlock(this._nativeElement).subscribe(),this._lineNumbersObs=new MutationObserver(()=>{this._nativeElement.firstElementChild&&"TABLE"===this._nativeElement.firstElementChild.tagName.toUpperCase()&&this._nativeElement.classList.add("hljs-line-numbers"),this.destroyLineNumbersObserver()}),this._lineNumbersObs.observe(this._nativeElement,{childList:!0})})}destroyLineNumbersObserver(){this._lineNumbersObs&&(this._lineNumbersObs.disconnect(),this._lineNumbersObs=null)}setTextContent(ie){Ge.schedule(()=>this._nativeElement.textContent=ie)}setInnerHTML(ie){Ge.schedule(()=>this._nativeElement.innerHTML=function Tt(ce){var k;return(null===(k=function Wt(){if(!Ht)try{var ce;Ht=null===(ce=window)||void 0===ce||null===(ce=ce.trustedTypes)||void 0===ce?void 0:ce.createPolicy("ngx-highlightjs",{createHTML:k=>k})}catch{}return Ht}())||void 0===k?void 0:k.createHTML(ce))||ce}(this._sanitizer.sanitize(t.WPN.HTML,ie)||""))}}return(ce=k).\u0275fac=function(ie){return new(ie||ce)(t.rXU(t.aKT),t.rXU(mt),t.rXU(tt.up),t.rXU(t.Agw),t.rXU(_t,8))},ce.\u0275dir=t.FsC({type:ce,selectors:[["","highlight",""]],hostVars:2,hostBindings:function(ie,de){2&ie&&t.AVh("hljs",!0)},inputs:{code:["highlight","code"],languages:"languages",lineNumbers:"lineNumbers"},outputs:{highlighted:"highlighted"},standalone:!0,features:[t.OA$]}),k})()},3308:(wt,ke,u)=>{function t(S,N,X,$,W,se,ne){try{var J=S[se](ne),Q=J.value}catch(ye){return void X(ye)}J.done?N(Q):Promise.resolve(Q).then($,W)}function c(S){return function(){var N=this,X=arguments;return new Promise(function($,W){var se=S.apply(N,X);function ne(Q){t(se,$,W,ne,J,"next",Q)}function J(Q){t(se,$,W,ne,J,"throw",Q)}ne(void 0)})}}u.d(ke,{A:()=>c})},1423:(wt,ke,u)=>{function t(X){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function($){return typeof $}:function($){return $&&"function"==typeof Symbol&&$.constructor===Symbol&&$!==Symbol.prototype?"symbol":typeof $})(X)}function N(X,$,W){return($=function S(X){var $=function c(X,$){if("object"!==t(X)||null===X)return X;var W=X[Symbol.toPrimitive];if(void 0!==W){var se=W.call(X,$||"default");if("object"!==t(se))return se;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===$?String:Number)(X)}(X,"string");return"symbol"===t($)?$:String($)}($))in X?Object.defineProperty(X,$,{value:W,enumerable:!0,configurable:!0,writable:!0}):X[$]=W,X}u.d(ke,{A:()=>N})},7270:(wt,ke,u)=>{function X(H,ce,k,Z){var te,ie=arguments.length,de=ie<3?ce:null===Z?Z=Object.getOwnPropertyDescriptor(ce,k):Z;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)de=Reflect.decorate(H,ce,k,Z);else for(var Oe=H.length-1;Oe>=0;Oe--)(te=H[Oe])&&(de=(ie<3?te(de):ie>3?te(ce,k,de):te(ce,k))||de);return ie>3&&de&&Object.defineProperty(ce,k,de),de}function ye(H,ce,k,Z){return new(k||(k=Promise))(function(de,te){function Oe(Re){try{Le(Z.next(Re))}catch(Ke){te(Ke)}}function Ne(Re){try{Le(Z.throw(Re))}catch(Ke){te(Ke)}}function Le(Re){Re.done?de(Re.value):function ie(de){return de instanceof k?de:new k(function(te){te(de)})}(Re.value).then(Oe,Ne)}Le((Z=Z.apply(H,ce||[])).next())})}function U(H){return this instanceof U?(this.v=H,this):new U(H)}function Me(H,ce,k){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var ie,Z=k.apply(H,ce||[]),de=[];return ie=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),Oe("next"),Oe("throw"),Oe("return",function te(Rt){return function(Yt){return Promise.resolve(Yt).then(Rt,Ke)}}),ie[Symbol.asyncIterator]=function(){return this},ie;function Oe(Rt,Yt){Z[Rt]&&(ie[Rt]=function(Xt){return new Promise(function(sn,Ln){de.push([Rt,Xt,sn,Ln])>1||Ne(Rt,Xt)})},Yt&&(ie[Rt]=Yt(ie[Rt])))}function Ne(Rt,Yt){try{!function Le(Rt){Rt.value instanceof U?Promise.resolve(Rt.value.v).then(Re,Ke):Dt(de[0][2],Rt)}(Z[Rt](Yt))}catch(Xt){Dt(de[0][3],Xt)}}function Re(Rt){Ne("next",Rt)}function Ke(Rt){Ne("throw",Rt)}function Dt(Rt,Yt){Rt(Yt),de.shift(),de.length&&Ne(de[0][0],de[0][1])}}function Xe(H){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var k,ce=H[Symbol.asyncIterator];return ce?ce.call(H):(H=function j(H){var ce="function"==typeof Symbol&&Symbol.iterator,k=ce&&H[ce],Z=0;if(k)return k.call(H);if(H&&"number"==typeof H.length)return{next:function(){return H&&Z>=H.length&&(H=void 0),{value:H&&H[Z++],done:!H}}};throw new TypeError(ce?"Object is not iterable.":"Symbol.iterator is not defined.")}(H),k={},Z("next"),Z("throw"),Z("return"),k[Symbol.asyncIterator]=function(){return this},k);function Z(de){k[de]=H[de]&&function(te){return new Promise(function(Oe,Ne){!function ie(de,te,Oe,Ne){Promise.resolve(Ne).then(function(Le){de({value:Le,done:Oe})},te)}(Oe,Ne,(te=H[de](te)).done,te.value)})}}}u.d(ke,{AQ:()=>Me,Cg:()=>X,N3:()=>U,sH:()=>ye,xN:()=>Xe}),"function"==typeof SuppressedError&&SuppressedError}},wt=>{wt(wt.s=2601)}]);
\ No newline at end of file
diff --git a/main.d597644e92c1ab5d.js b/main.d597644e92c1ab5d.js
new file mode 100644
index 000000000..b4d9ce71d
--- /dev/null
+++ b/main.d597644e92c1ab5d.js
@@ -0,0 +1 @@
+"use strict";var $v,Hv,zv,jv,Wv,Gv,Xv,Kv,Qv,Yv,Zv,Jv,qv,ey,ty,ny,iy,oy,Uv=Object.freeze,OM=Object.defineProperty,Zo=(St,Fe)=>Uv(OM(St,"raw",{value:Uv(Fe||St.slice())}));(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[8792],{5981:(St,Fe,u)=>{u.d(Fe,{t:()=>c});var t=u(6104);class c extends t.B{constructor(N){super(),this._value=N}get value(){return this.getValue()}_subscribe(N){const X=super._subscribe(N);return!X.closed&&N.next(this._value),X}getValue(){const{hasError:N,thrownError:X,_value:$}=this;if(N)throw X;return this._throwIfClosed(),$}next(N){super.next(this._value=N)}}},9406:(St,Fe,u)=>{u.d(Fe,{c:()=>se});var t=u(4500),c=u(2029),O=u(1479),N=u(6106),X=u(2493),$=u(4418),W=u(2895);let se=(()=>{class ve{constructor(q){q&&(this._subscribe=q)}lift(q){const Ae=new ve;return Ae.source=this,Ae.operator=q,Ae}subscribe(q,Ae,j){const oe=function Q(ve){return ve&&ve instanceof t.vU||function Z(ve){return ve&&(0,$.T)(ve.next)&&(0,$.T)(ve.error)&&(0,$.T)(ve.complete)}(ve)&&(0,c.Uv)(ve)}(q)?q:new t.Ms(q,Ae,j);return(0,W.Y)(()=>{const{operator:Le,source:nt}=this;oe.add(Le?Le.call(oe,nt):nt?this._subscribe(oe):this._trySubscribe(oe))}),oe}_trySubscribe(q){try{return this._subscribe(q)}catch(Ae){q.error(Ae)}}forEach(q,Ae){return new(Ae=te(Ae))((j,oe)=>{const Le=new t.Ms({next:nt=>{try{q(nt)}catch(Ue){oe(Ue),Le.unsubscribe()}},error:oe,complete:j});this.subscribe(Le)})}_subscribe(q){var Ae;return null===(Ae=this.source)||void 0===Ae?void 0:Ae.subscribe(q)}[O.s](){return this}pipe(...q){return(0,N.m)(q)(this)}toPromise(q){return new(q=te(q))((Ae,j)=>{let oe;this.subscribe(Le=>oe=Le,Le=>j(Le),()=>Ae(oe))})}}return ve.create=ye=>new ve(ye),ve})();function te(ve){var ye;return null!==(ye=null!=ve?ve:X.$.Promise)&&void 0!==ye?ye:Promise}},9090:(St,Fe,u)=>{u.d(Fe,{m:()=>O});var t=u(6104),c=u(4808);class O extends t.B{constructor(X=1/0,$=1/0,W=c.U){super(),this._bufferSize=X,this._windowTime=$,this._timestampProvider=W,this._buffer=[],this._infiniteTimeWindow=!0,this._infiniteTimeWindow=$===1/0,this._bufferSize=Math.max(1,X),this._windowTime=Math.max(1,$)}next(X){const{isStopped:$,_buffer:W,_infiniteTimeWindow:se,_timestampProvider:te,_windowTime:Z}=this;$||(W.push(X),!se&&W.push(te.now()+Z)),this._trimBuffer(),super.next(X)}_subscribe(X){this._throwIfClosed(),this._trimBuffer();const $=this._innerSubscribe(X),{_infiniteTimeWindow:W,_buffer:se}=this,te=se.slice();for(let Z=0;Z<te.length&&!X.closed;Z+=W?1:2)X.next(te[Z]);return this._checkFinalizedStatuses(X),$}_trimBuffer(){const{_bufferSize:X,_timestampProvider:$,_buffer:W,_infiniteTimeWindow:se}=this,te=(se?1:2)*X;if(X<1/0&&te<W.length&&W.splice(0,W.length-te),!se){const Z=$.now();let Q=0;for(let ve=1;ve<W.length&&W[ve]<=Z;ve+=2)Q=ve;Q&&W.splice(0,Q+1)}}}},6104:(St,Fe,u)=>{u.d(Fe,{B:()=>W});var t=u(9406),c=u(2029);const N=(0,u(4520).L)(te=>function(){te(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"});var X=u(9583),$=u(2895);let W=(()=>{class te extends t.c{constructor(){super(),this.closed=!1,this.currentObservers=null,this.observers=[],this.isStopped=!1,this.hasError=!1,this.thrownError=null}lift(Q){const ve=new se(this,this);return ve.operator=Q,ve}_throwIfClosed(){if(this.closed)throw new N}next(Q){(0,$.Y)(()=>{if(this._throwIfClosed(),!this.isStopped){this.currentObservers||(this.currentObservers=Array.from(this.observers));for(const ve of this.currentObservers)ve.next(Q)}})}error(Q){(0,$.Y)(()=>{if(this._throwIfClosed(),!this.isStopped){this.hasError=this.isStopped=!0,this.thrownError=Q;const{observers:ve}=this;for(;ve.length;)ve.shift().error(Q)}})}complete(){(0,$.Y)(()=>{if(this._throwIfClosed(),!this.isStopped){this.isStopped=!0;const{observers:Q}=this;for(;Q.length;)Q.shift().complete()}})}unsubscribe(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null}get observed(){var Q;return(null===(Q=this.observers)||void 0===Q?void 0:Q.length)>0}_trySubscribe(Q){return this._throwIfClosed(),super._trySubscribe(Q)}_subscribe(Q){return this._throwIfClosed(),this._checkFinalizedStatuses(Q),this._innerSubscribe(Q)}_innerSubscribe(Q){const{hasError:ve,isStopped:ye,observers:q}=this;return ve||ye?c.Kn:(this.currentObservers=null,q.push(Q),new c.yU(()=>{this.currentObservers=null,(0,X.o)(q,Q)}))}_checkFinalizedStatuses(Q){const{hasError:ve,thrownError:ye,isStopped:q}=this;ve?Q.error(ye):q&&Q.complete()}asObservable(){const Q=new t.c;return Q.source=this,Q}}return te.create=(Z,Q)=>new se(Z,Q),te})();class se extends W{constructor(Z,Q){super(),this.destination=Z,this.source=Q}next(Z){var Q,ve;null===(ve=null===(Q=this.destination)||void 0===Q?void 0:Q.next)||void 0===ve||ve.call(Q,Z)}error(Z){var Q,ve;null===(ve=null===(Q=this.destination)||void 0===Q?void 0:Q.error)||void 0===ve||ve.call(Q,Z)}complete(){var Z,Q;null===(Q=null===(Z=this.destination)||void 0===Z?void 0:Z.complete)||void 0===Q||Q.call(Z)}_subscribe(Z){var Q,ve;return null!==(ve=null===(Q=this.source)||void 0===Q?void 0:Q.subscribe(Z))&&void 0!==ve?ve:c.Kn}}},4500:(St,Fe,u)=>{u.d(Fe,{Ms:()=>j,vU:()=>ve});var t=u(4418),c=u(2029),O=u(2493),N=u(6379),X=u(262);const $=te("C",void 0,void 0);function te(U,Ee,Me){return{kind:U,value:Ee,error:Me}}var Z=u(6171),Q=u(2895);class ve extends c.yU{constructor(Ee){super(),this.isStopped=!1,Ee?(this.destination=Ee,(0,c.Uv)(Ee)&&Ee.add(this)):this.destination=Ue}static create(Ee,Me,Xe){return new j(Ee,Me,Xe)}next(Ee){this.isStopped?nt(function se(U){return te("N",U,void 0)}(Ee),this):this._next(Ee)}error(Ee){this.isStopped?nt(function W(U){return te("E",void 0,U)}(Ee),this):(this.isStopped=!0,this._error(Ee))}complete(){this.isStopped?nt($,this):(this.isStopped=!0,this._complete())}unsubscribe(){this.closed||(this.isStopped=!0,super.unsubscribe(),this.destination=null)}_next(Ee){this.destination.next(Ee)}_error(Ee){try{this.destination.error(Ee)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const ye=Function.prototype.bind;function q(U,Ee){return ye.call(U,Ee)}class Ae{constructor(Ee){this.partialObserver=Ee}next(Ee){const{partialObserver:Me}=this;if(Me.next)try{Me.next(Ee)}catch(Xe){oe(Xe)}}error(Ee){const{partialObserver:Me}=this;if(Me.error)try{Me.error(Ee)}catch(Xe){oe(Xe)}else oe(Ee)}complete(){const{partialObserver:Ee}=this;if(Ee.complete)try{Ee.complete()}catch(Me){oe(Me)}}}class j extends ve{constructor(Ee,Me,Xe){let Ge;if(super(),(0,t.T)(Ee)||!Ee)Ge={next:null!=Ee?Ee:void 0,error:null!=Me?Me:void 0,complete:null!=Xe?Xe:void 0};else{let at;this&&O.$.useDeprecatedNextContext?(at=Object.create(Ee),at.unsubscribe=()=>this.unsubscribe(),Ge={next:Ee.next&&q(Ee.next,at),error:Ee.error&&q(Ee.error,at),complete:Ee.complete&&q(Ee.complete,at)}):Ge=Ee}this.destination=new Ae(Ge)}}function oe(U){O.$.useDeprecatedSynchronousErrorHandling?(0,Q.l)(U):(0,N.m)(U)}function nt(U,Ee){const{onStoppedNotification:Me}=O.$;Me&&Z.f.setTimeout(()=>Me(U,Ee))}const Ue={closed:!0,next:X.l,error:function Le(U){throw U},complete:X.l}},2029:(St,Fe,u)=>{u.d(Fe,{Kn:()=>$,yU:()=>X,Uv:()=>W});var t=u(4418);const O=(0,u(4520).L)(te=>function(Q){te(this),this.message=Q?"".concat(Q.length," errors occurred during unsubscription:\n").concat(Q.map((ve,ye)=>"".concat(ye+1,") ").concat(ve.toString())).join("\n  ")):"",this.name="UnsubscriptionError",this.errors=Q});var N=u(9583);class X{constructor(Z){this.initialTeardown=Z,this.closed=!1,this._parentage=null,this._finalizers=null}unsubscribe(){let Z;if(!this.closed){this.closed=!0;const{_parentage:Q}=this;if(Q)if(this._parentage=null,Array.isArray(Q))for(const q of Q)q.remove(this);else Q.remove(this);const{initialTeardown:ve}=this;if((0,t.T)(ve))try{ve()}catch(q){Z=q instanceof O?q.errors:[q]}const{_finalizers:ye}=this;if(ye){this._finalizers=null;for(const q of ye)try{se(q)}catch(Ae){Z=null!=Z?Z:[],Ae instanceof O?Z=[...Z,...Ae.errors]:Z.push(Ae)}}if(Z)throw new O(Z)}}add(Z){var Q;if(Z&&Z!==this)if(this.closed)se(Z);else{if(Z instanceof X){if(Z.closed||Z._hasParent(this))return;Z._addParent(this)}(this._finalizers=null!==(Q=this._finalizers)&&void 0!==Q?Q:[]).push(Z)}}_hasParent(Z){const{_parentage:Q}=this;return Q===Z||Array.isArray(Q)&&Q.includes(Z)}_addParent(Z){const{_parentage:Q}=this;this._parentage=Array.isArray(Q)?(Q.push(Z),Q):Q?[Q,Z]:Z}_removeParent(Z){const{_parentage:Q}=this;Q===Z?this._parentage=null:Array.isArray(Q)&&(0,N.o)(Q,Z)}remove(Z){const{_finalizers:Q}=this;Q&&(0,N.o)(Q,Z),Z instanceof X&&Z._removeParent(this)}}X.EMPTY=(()=>{const te=new X;return te.closed=!0,te})();const $=X.EMPTY;function W(te){return te instanceof X||te&&"closed"in te&&(0,t.T)(te.remove)&&(0,t.T)(te.add)&&(0,t.T)(te.unsubscribe)}function se(te){(0,t.T)(te)?te():te.unsubscribe()}},2493:(St,Fe,u)=>{u.d(Fe,{$:()=>t});const t={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1}},199:(St,Fe,u)=>{u.d(Fe,{z:()=>Z});var t=u(9406),c=u(6872),O=u(8399),N=u(9656),X=u(6219),$=u(2363),W=u(6405),se=u(6111),te=u(1982);function Z(...ye){const q=(0,$.lI)(ye),Ae=(0,$.ms)(ye),{args:j,keys:oe}=(0,c.D)(ye);if(0===j.length)return(0,O.H)([],q);const Le=new t.c(function Q(ye,q,Ae=N.D){return j=>{ve(q,()=>{const{length:oe}=ye,Le=new Array(oe);let nt=oe,Ue=oe;for(let U=0;U<oe;U++)ve(q,()=>{const Ee=(0,O.H)(ye[U],q);let Me=!1;Ee.subscribe((0,se._)(j,Xe=>{Le[U]=Xe,Me||(Me=!0,Ue--),Ue||j.next(Ae(Le.slice()))},()=>{--nt||j.complete()}))},j)},j)}}(j,q,oe?nt=>(0,W.e)(oe,nt):N.D));return Ae?Le.pipe((0,X.I)(Ae)):Le}function ve(ye,q,Ae){ye?(0,te.N)(Ae,ye,q):q()}},7267:(St,Fe,u)=>{u.d(Fe,{x:()=>X});var t=u(3806),O=u(2363),N=u(8399);function X(...$){return function c(){return(0,t.U)(1)}()((0,N.H)($,(0,O.lI)($)))}},8001:(St,Fe,u)=>{u.d(Fe,{v:()=>O});var t=u(9406),c=u(8621);function O(N){return new t.c(X=>{(0,c.Tg)(N()).subscribe(X)})}},8448:(St,Fe,u)=>{u.d(Fe,{w:()=>c});const c=new(u(9406).c)(X=>X.complete())},8399:(St,Fe,u)=>{u.d(Fe,{H:()=>Xe});var t=u(8621),c=u(1982),O=u(9867),N=u(6111);function X(Ge,at=0){return(0,O.N)((tt,_t)=>{tt.subscribe((0,N._)(_t,Ht=>(0,c.N)(_t,Ge,()=>_t.next(Ht),at),()=>(0,c.N)(_t,Ge,()=>_t.complete(),at),Ht=>(0,c.N)(_t,Ge,()=>_t.error(Ht),at)))})}function $(Ge,at=0){return(0,O.N)((tt,_t)=>{_t.add(Ge.schedule(()=>tt.subscribe(_t),at))})}var te=u(9406),Q=u(7028),ve=u(4418);function q(Ge,at){if(!Ge)throw new Error("Iterable cannot be null");return new te.c(tt=>{(0,c.N)(tt,at,()=>{const _t=Ge[Symbol.asyncIterator]();(0,c.N)(tt,at,()=>{_t.next().then(Ht=>{Ht.done?tt.complete():tt.next(Ht.value)})},0,!0)})})}var Ae=u(8932),j=u(5717),oe=u(5206),Le=u(6472),nt=u(7462),Ue=u(2246),U=u(8889);function Xe(Ge,at){return at?function Me(Ge,at){if(null!=Ge){if((0,Ae.l)(Ge))return function W(Ge,at){return(0,t.Tg)(Ge).pipe($(at),X(at))}(Ge,at);if((0,oe.X)(Ge))return function Z(Ge,at){return new te.c(tt=>{let _t=0;return at.schedule(function(){_t===Ge.length?tt.complete():(tt.next(Ge[_t++]),tt.closed||this.schedule())})})}(Ge,at);if((0,j.y)(Ge))return function se(Ge,at){return(0,t.Tg)(Ge).pipe($(at),X(at))}(Ge,at);if((0,nt.T)(Ge))return q(Ge,at);if((0,Le.x)(Ge))return function ye(Ge,at){return new te.c(tt=>{let _t;return(0,c.N)(tt,at,()=>{_t=Ge[Q.l](),(0,c.N)(tt,at,()=>{let Ht,Wt;try{({value:Ht,done:Wt}=_t.next())}catch(Tt){return void tt.error(Tt)}Wt?tt.complete():tt.next(Ht)},0,!0)}),()=>(0,ve.T)(null==_t?void 0:_t.return)&&_t.return()})}(Ge,at);if((0,U.U)(Ge))return function Ee(Ge,at){return q((0,U.C)(Ge),at)}(Ge,at)}throw(0,Ue.L)(Ge)}(Ge,at):(0,t.Tg)(Ge)}},8129:(St,Fe,u)=>{u.d(Fe,{R:()=>Z});var t=u(8621),c=u(9406),O=u(3422),N=u(5206),X=u(4418),$=u(6219);const W=["addListener","removeListener"],se=["addEventListener","removeEventListener"],te=["on","off"];function Z(Ae,j,oe,Le){if((0,X.T)(oe)&&(Le=oe,oe=void 0),Le)return Z(Ae,j,oe).pipe((0,$.I)(Le));const[nt,Ue]=function q(Ae){return(0,X.T)(Ae.addEventListener)&&(0,X.T)(Ae.removeEventListener)}(Ae)?se.map(U=>Ee=>Ae[U](j,Ee,oe)):function ve(Ae){return(0,X.T)(Ae.addListener)&&(0,X.T)(Ae.removeListener)}(Ae)?W.map(Q(Ae,j)):function ye(Ae){return(0,X.T)(Ae.on)&&(0,X.T)(Ae.off)}(Ae)?te.map(Q(Ae,j)):[];if(!nt&&(0,N.X)(Ae))return(0,O.Z)(U=>Z(U,j,oe))((0,t.Tg)(Ae));if(!nt)throw new TypeError("Invalid event target");return new c.c(U=>{const Ee=(...Me)=>U.next(1<Me.length?Me:Me[0]);return nt(Ee),()=>Ue(Ee)})}function Q(Ae,j){return oe=>Le=>Ae[oe](j,Le)}},8621:(St,Fe,u)=>{u.d(Fe,{Tg:()=>ye});var t=u(7270),c=u(5206),O=u(5717),N=u(9406),X=u(8932),$=u(7462),W=u(2246),se=u(6472),te=u(8889),Z=u(4418),Q=u(6379),ve=u(1479);function ye(U){if(U instanceof N.c)return U;if(null!=U){if((0,X.l)(U))return function q(U){return new N.c(Ee=>{const Me=U[ve.s]();if((0,Z.T)(Me.subscribe))return Me.subscribe(Ee);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}(U);if((0,c.X)(U))return function Ae(U){return new N.c(Ee=>{for(let Me=0;Me<U.length&&!Ee.closed;Me++)Ee.next(U[Me]);Ee.complete()})}(U);if((0,O.y)(U))return function j(U){return new N.c(Ee=>{U.then(Me=>{Ee.closed||(Ee.next(Me),Ee.complete())},Me=>Ee.error(Me)).then(null,Q.m)})}(U);if((0,$.T)(U))return Le(U);if((0,se.x)(U))return function oe(U){return new N.c(Ee=>{for(const Me of U)if(Ee.next(Me),Ee.closed)return;Ee.complete()})}(U);if((0,te.U)(U))return function nt(U){return Le((0,te.C)(U))}(U)}throw(0,W.L)(U)}function Le(U){return new N.c(Ee=>{(function Ue(U,Ee){var Me,Xe,Ge,at;return(0,t.sH)(this,void 0,void 0,function*(){try{for(Me=(0,t.xN)(U);!(Xe=yield Me.next()).done;)if(Ee.next(Xe.value),Ee.closed)return}catch(tt){Ge={error:tt}}finally{try{Xe&&!Xe.done&&(at=Me.return)&&(yield at.call(Me))}finally{if(Ge)throw Ge.error}}Ee.complete()})})(U,Ee).catch(Me=>Ee.error(Me))})}},2489:(St,Fe,u)=>{u.d(Fe,{h:()=>$});var t=u(3806),c=u(8621),O=u(8448),N=u(2363),X=u(8399);function $(...W){const se=(0,N.lI)(W),te=(0,N.R0)(W,1/0),Z=W;return Z.length?1===Z.length?(0,c.Tg)(Z[0]):(0,t.U)(te)((0,X.H)(Z,se)):O.w}},871:(St,Fe,u)=>{u.d(Fe,{t:()=>O});var t=u(9406),c=u(262);const O=new t.c(c.l)},756:(St,Fe,u)=>{u.d(Fe,{of:()=>O});var t=u(2363),c=u(8399);function O(...N){const X=(0,t.lI)(N);return(0,c.H)(N,X)}},8823:(St,Fe,u)=>{u.d(Fe,{$:()=>O});var t=u(9406),c=u(4418);function O(N,X){const $=(0,c.T)(N)?N:()=>N,W=se=>se.error($());return new t.c(X?se=>X.schedule(W,0,se):W)}},3229:(St,Fe,u)=>{u.d(Fe,{O:()=>X});var t=u(9406),c=u(4929),O=u(1677);function X($=0,W,se=c.b){let te=-1;return null!=W&&((0,O.m)(W)?se=W:te=W),new t.c(Z=>{let Q=function N($){return $ instanceof Date&&!isNaN($)}($)?+$-se.now():$;Q<0&&(Q=0);let ve=0;return se.schedule(function(){Z.closed||(Z.next(ve++),0<=te?this.schedule(void 0,te):Z.complete())},Q)})}},6111:(St,Fe,u)=>{u.d(Fe,{_:()=>c});var t=u(4500);function c(N,X,$,W,se){return new O(N,X,$,W,se)}class O extends t.vU{constructor(X,$,W,se,te,Z){super(X),this.onFinalize=te,this.shouldUnsubscribe=Z,this._next=$?function(Q){try{$(Q)}catch(ve){X.error(ve)}}:super._next,this._error=se?function(Q){try{se(Q)}catch(ve){X.error(ve)}finally{this.unsubscribe()}}:super._error,this._complete=W?function(){try{W()}catch(Q){X.error(Q)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var X;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:$}=this;super.unsubscribe(),!$&&(null===(X=this.onFinalize)||void 0===X||X.call(this))}}}},4526:(St,Fe,u)=>{u.d(Fe,{W:()=>N});var t=u(8621),c=u(6111),O=u(9867);function N(X){return(0,O.N)(($,W)=>{let Z,se=null,te=!1;se=$.subscribe((0,c._)(W,void 0,void 0,Q=>{Z=(0,t.Tg)(X(Q,N(X)($))),se?(se.unsubscribe(),se=null,Z.subscribe(W)):te=!0})),te&&(se.unsubscribe(),se=null,Z.subscribe(W))})}},4807:(St,Fe,u)=>{u.d(Fe,{H:()=>O});var t=u(3422),c=u(4418);function O(N,X){return(0,c.T)(X)?(0,t.Z)(N,X,1):(0,t.Z)(N,1)}},8887:(St,Fe,u)=>{u.d(Fe,{B:()=>N});var t=u(4929),c=u(9867),O=u(6111);function N(X,$=t.E){return(0,c.N)((W,se)=>{let te=null,Z=null,Q=null;const ve=()=>{if(te){te.unsubscribe(),te=null;const q=Z;Z=null,se.next(q)}};function ye(){const q=Q+X,Ae=$.now();if(Ae<q)return te=this.schedule(void 0,q-Ae),void se.add(te);ve()}W.subscribe((0,O._)(se,q=>{Z=q,Q=$.now(),te||(te=$.schedule(ye,X),se.add(te))},()=>{ve(),se.complete()},void 0,()=>{Z=te=null}))})}},2290:(St,Fe,u)=>{u.d(Fe,{U:()=>O});var t=u(9867),c=u(6111);function O(N){return(0,t.N)((X,$)=>{let W=!1;X.subscribe((0,c._)($,se=>{W=!0,$.next(se)},()=>{W||$.next(N),$.complete()}))})}},8283:(St,Fe,u)=>{u.d(Fe,{c:()=>ye});var t=u(4929),c=u(7267),O=u(8486),N=u(9867),X=u(6111),$=u(262),se=u(3770),te=u(3422),Z=u(8621);function Q(q,Ae){return Ae?j=>(0,c.x)(Ae.pipe((0,O.s)(1),function W(){return(0,N.N)((q,Ae)=>{q.subscribe((0,X._)(Ae,$.l))})}()),j.pipe(Q(q))):(0,te.Z)((j,oe)=>(0,Z.Tg)(q(j,oe)).pipe((0,O.s)(1),(0,se.u)(j)))}var ve=u(3229);function ye(q,Ae=t.E){const j=(0,ve.O)(q,Ae);return Q(()=>j)}},3793:(St,Fe,u)=>{u.d(Fe,{F:()=>N});var t=u(9656),c=u(9867),O=u(6111);function N($,W=t.D){return $=null!=$?$:X,(0,c.N)((se,te)=>{let Z,Q=!0;se.subscribe((0,O._)(te,ve=>{const ye=W(ve);(Q||!$(Z,ye))&&(Q=!1,Z=ye,te.next(ve))}))})}function X($,W){return $===W}},8503:(St,Fe,u)=>{u.d(Fe,{p:()=>O});var t=u(9867),c=u(6111);function O(N,X){return(0,t.N)(($,W)=>{let se=0;$.subscribe((0,c._)(W,te=>N.call(X,te,se++)&&W.next(te)))})}},6347:(St,Fe,u)=>{u.d(Fe,{j:()=>c});var t=u(9867);function c(O){return(0,t.N)((N,X)=>{try{N.subscribe(X)}finally{X.add(O)}})}},3527:(St,Fe,u)=>{u.d(Fe,{T:()=>O});var t=u(9867),c=u(6111);function O(N,X){return(0,t.N)(($,W)=>{let se=0;$.subscribe((0,c._)(W,te=>{W.next(N.call(X,te,se++))}))})}},3770:(St,Fe,u)=>{u.d(Fe,{u:()=>c});var t=u(3527);function c(O){return(0,t.T)(()=>O)}},3806:(St,Fe,u)=>{u.d(Fe,{U:()=>O});var t=u(3422),c=u(9656);function O(N=1/0){return(0,t.Z)(c.D,N)}},3422:(St,Fe,u)=>{u.d(Fe,{Z:()=>se});var t=u(3527),c=u(8621),O=u(9867),N=u(1982),X=u(6111),W=u(4418);function se(te,Z,Q=1/0){return(0,W.T)(Z)?se((ve,ye)=>(0,t.T)((q,Ae)=>Z(ve,q,ye,Ae))((0,c.Tg)(te(ve,ye))),Q):("number"==typeof Z&&(Q=Z),(0,O.N)((ve,ye)=>function $(te,Z,Q,ve,ye,q,Ae,j){const oe=[];let Le=0,nt=0,Ue=!1;const U=()=>{Ue&&!oe.length&&!Le&&Z.complete()},Ee=Xe=>Le<ve?Me(Xe):oe.push(Xe),Me=Xe=>{q&&Z.next(Xe),Le++;let Ge=!1;(0,c.Tg)(Q(Xe,nt++)).subscribe((0,X._)(Z,at=>{null==ye||ye(at),q?Ee(at):Z.next(at)},()=>{Ge=!0},void 0,()=>{if(Ge)try{for(Le--;oe.length&&Le<ve;){const at=oe.shift();Ae?(0,N.N)(Z,Ae,()=>Me(at)):Me(at)}U()}catch(at){Z.error(at)}}))};return te.subscribe((0,X._)(Z,Ee,()=>{Ue=!0,U()})),()=>{null==j||j()}}(ve,ye,te,Q)))}},9922:(St,Fe,u)=>{u.d(Fe,{u:()=>$});var t=u(8448),c=u(9867),O=u(6111),N=u(8621),X=u(3229);function $(W){let te,se=1/0;return null!=W&&("object"==typeof W?({count:se=1/0,delay:te}=W):se=W),se<=0?()=>t.w:(0,c.N)((Z,Q)=>{let ye,ve=0;const q=()=>{if(null==ye||ye.unsubscribe(),ye=null,null!=te){const j="number"==typeof te?(0,X.O)(te):(0,N.Tg)(te(ve)),oe=(0,O._)(Q,()=>{oe.unsubscribe(),Ae()});j.subscribe(oe)}else Ae()},Ae=()=>{let j=!1;ye=Z.subscribe((0,O._)(Q,void 0,()=>{++ve<se?ye?q():j=!0:Q.complete()})),j&&q()};Ae()})}},7782:(St,Fe,u)=>{u.d(Fe,{u:()=>X});var t=u(8621),c=u(6104),O=u(4500),N=u(9867);function X(W={}){const{connector:se=(()=>new c.B),resetOnError:te=!0,resetOnComplete:Z=!0,resetOnRefCountZero:Q=!0}=W;return ve=>{let ye,q,Ae,j=0,oe=!1,Le=!1;const nt=()=>{null==q||q.unsubscribe(),q=void 0},Ue=()=>{nt(),ye=Ae=void 0,oe=Le=!1},U=()=>{const Ee=ye;Ue(),null==Ee||Ee.unsubscribe()};return(0,N.N)((Ee,Me)=>{j++,!Le&&!oe&&nt();const Xe=Ae=null!=Ae?Ae:se();Me.add(()=>{j--,0===j&&!Le&&!oe&&(q=$(U,Q))}),Xe.subscribe(Me),!ye&&j>0&&(ye=new O.Ms({next:Ge=>Xe.next(Ge),error:Ge=>{Le=!0,nt(),q=$(Ue,te,Ge),Xe.error(Ge)},complete:()=>{oe=!0,nt(),q=$(Ue,Z),Xe.complete()}}),(0,t.Tg)(Ee).subscribe(ye))})(ve)}}function $(W,se,...te){if(!0===se)return void W();if(!1===se)return;const Z=new O.Ms({next:()=>{Z.unsubscribe(),W()}});return(0,t.Tg)(se(...te)).subscribe(Z)}},6661:(St,Fe,u)=>{u.d(Fe,{t:()=>O});var t=u(9090),c=u(7782);function O(N,X,$){let W,se=!1;return N&&"object"==typeof N?({bufferSize:W=1/0,windowTime:X=1/0,refCount:se=!1,scheduler:$}=N):W=null!=N?N:1/0,(0,c.u)({connector:()=>new t.m(W,X,$),resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:se})}},9990:(St,Fe,u)=>{u.d(Fe,{i:()=>c});var t=u(8503);function c(O){return(0,t.p)((N,X)=>O<=X)}},965:(St,Fe,u)=>{u.d(Fe,{Z:()=>N});var t=u(7267),c=u(2363),O=u(9867);function N(...X){const $=(0,c.lI)(X);return(0,O.N)((W,se)=>{($?(0,t.x)(X,W,$):(0,t.x)(X,W)).subscribe(se)})}},2831:(St,Fe,u)=>{u.d(Fe,{n:()=>N});var t=u(8621),c=u(9867),O=u(6111);function N(X,$){return(0,c.N)((W,se)=>{let te=null,Z=0,Q=!1;const ve=()=>Q&&!te&&se.complete();W.subscribe((0,O._)(se,ye=>{null==te||te.unsubscribe();let q=0;const Ae=Z++;(0,t.Tg)(X(ye,Ae)).subscribe(te=(0,O._)(se,j=>se.next($?$(ye,j,Ae,q++):j),()=>{te=null,ve()}))},()=>{Q=!0,ve()}))})}},8486:(St,Fe,u)=>{u.d(Fe,{s:()=>N});var t=u(8448),c=u(9867),O=u(6111);function N(X){return X<=0?()=>t.w:(0,c.N)(($,W)=>{let se=0;$.subscribe((0,O._)(W,te=>{++se<=X&&(W.next(te),X<=se&&W.complete())}))})}},6340:(St,Fe,u)=>{u.d(Fe,{Q:()=>X});var t=u(9867),c=u(6111),O=u(8621),N=u(262);function X($){return(0,t.N)((W,se)=>{(0,O.Tg)($).subscribe((0,c._)(se,()=>se.complete(),N.l)),!se.closed&&W.subscribe(se)})}},7049:(St,Fe,u)=>{u.d(Fe,{v:()=>O});var t=u(9867),c=u(6111);function O(N,X=!1){return(0,t.N)(($,W)=>{let se=0;$.subscribe((0,c._)(W,te=>{const Z=N(te,se++);(Z||X)&&W.next(te),!Z&&W.complete()}))})}},7236:(St,Fe,u)=>{u.d(Fe,{M:()=>X});var t=u(4418),c=u(9867),O=u(6111),N=u(9656);function X($,W,se){const te=(0,t.T)($)||W||se?{next:$,error:W,complete:se}:$;return te?(0,c.N)((Z,Q)=>{var ve;null===(ve=te.subscribe)||void 0===ve||ve.call(te);let ye=!0;Z.subscribe((0,O._)(Q,q=>{var Ae;null===(Ae=te.next)||void 0===Ae||Ae.call(te,q),Q.next(q)},()=>{var q;ye=!1,null===(q=te.complete)||void 0===q||q.call(te),Q.complete()},q=>{var Ae;ye=!1,null===(Ae=te.error)||void 0===Ae||Ae.call(te,q),Q.error(q)},()=>{var q,Ae;ye&&(null===(q=te.unsubscribe)||void 0===q||q.call(te)),null===(Ae=te.finalize)||void 0===Ae||Ae.call(te)}))}):N.D}},1472:(St,Fe,u)=>{u.d(Fe,{c:()=>W});var t=u(4929),c=u(9867),O=u(6111),N=u(8621),$=u(3229);function W(se,te=t.E,Z){const Q=(0,$.O)(se,te);return function X(se,te){return(0,c.N)((Z,Q)=>{const{leading:ve=!0,trailing:ye=!1}=null!=te?te:{};let q=!1,Ae=null,j=null,oe=!1;const Le=()=>{null==j||j.unsubscribe(),j=null,ye&&(U(),oe&&Q.complete())},nt=()=>{j=null,oe&&Q.complete()},Ue=Ee=>j=(0,N.Tg)(se(Ee)).subscribe((0,O._)(Q,Le,nt)),U=()=>{if(q){q=!1;const Ee=Ae;Ae=null,Q.next(Ee),!oe&&Ue(Ee)}};Z.subscribe((0,O._)(Q,Ee=>{q=!0,Ae=Ee,(!j||j.closed)&&(ve?U():Ue(Ee))},()=>{oe=!0,(!(ye&&q&&j)||j.closed)&&Q.complete()}))})}(()=>Q,Z)}},1227:(St,Fe,u)=>{u.d(Fe,{R:()=>X});var t=u(2029);class c extends t.yU{constructor(W,se){super()}schedule(W,se=0){return this}}const O={setInterval($,W,...se){const{delegate:te}=O;return null!=te&&te.setInterval?te.setInterval($,W,...se):setInterval($,W,...se)},clearInterval($){const{delegate:W}=O;return((null==W?void 0:W.clearInterval)||clearInterval)($)},delegate:void 0};var N=u(9583);class X extends c{constructor(W,se){super(W,se),this.scheduler=W,this.work=se,this.pending=!1}schedule(W,se=0){var te;if(this.closed)return this;this.state=W;const Z=this.id,Q=this.scheduler;return null!=Z&&(this.id=this.recycleAsyncId(Q,Z,se)),this.pending=!0,this.delay=se,this.id=null!==(te=this.id)&&void 0!==te?te:this.requestAsyncId(Q,this.id,se),this}requestAsyncId(W,se,te=0){return O.setInterval(W.flush.bind(W,this),te)}recycleAsyncId(W,se,te=0){if(null!=te&&this.delay===te&&!1===this.pending)return se;null!=se&&O.clearInterval(se)}execute(W,se){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;const te=this._execute(W,se);if(te)return te;!1===this.pending&&null!=this.id&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))}_execute(W,se){let Z,te=!1;try{this.work(W)}catch(Q){te=!0,Z=Q||new Error("Scheduled action threw falsy error")}if(te)return this.unsubscribe(),Z}unsubscribe(){if(!this.closed){const{id:W,scheduler:se}=this,{actions:te}=se;this.work=this.state=this.scheduler=null,this.pending=!1,(0,N.o)(te,this),null!=W&&(this.id=this.recycleAsyncId(se,W,null)),this.delay=null,super.unsubscribe()}}}},1246:(St,Fe,u)=>{u.d(Fe,{q:()=>O});var t=u(4808);class c{constructor(X,$=c.now){this.schedulerActionCtor=X,this.now=$}schedule(X,$=0,W){return new this.schedulerActionCtor(this,X).schedule(W,$)}}c.now=t.U.now;class O extends c{constructor(X,$=c.now){super(X,$),this.actions=[],this._active=!1}flush(X){const{actions:$}=this;if(this._active)return void $.push(X);let W;this._active=!0;do{if(W=X.execute(X.state,X.delay))break}while(X=$.shift());if(this._active=!1,W){for(;X=$.shift();)X.unsubscribe();throw W}}}},4929:(St,Fe,u)=>{u.d(Fe,{E:()=>O,b:()=>N});var t=u(1227);const O=new(u(1246).q)(t.R),N=O},4808:(St,Fe,u)=>{u.d(Fe,{U:()=>t});const t={now:()=>(t.delegate||Date).now(),delegate:void 0}},6171:(St,Fe,u)=>{u.d(Fe,{f:()=>t});const t={setTimeout(c,O,...N){const{delegate:X}=t;return null!=X&&X.setTimeout?X.setTimeout(c,O,...N):setTimeout(c,O,...N)},clearTimeout(c){const{delegate:O}=t;return((null==O?void 0:O.clearTimeout)||clearTimeout)(c)},delegate:void 0}},7028:(St,Fe,u)=>{u.d(Fe,{l:()=>c});const c=function t(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},1479:(St,Fe,u)=>{u.d(Fe,{s:()=>t});const t="function"==typeof Symbol&&Symbol.observable||"@@observable"},2363:(St,Fe,u)=>{u.d(Fe,{R0:()=>$,lI:()=>X,ms:()=>N});var t=u(4418),c=u(1677);function O(W){return W[W.length-1]}function N(W){return(0,t.T)(O(W))?W.pop():void 0}function X(W){return(0,c.m)(O(W))?W.pop():void 0}function $(W,se){return"number"==typeof O(W)?W.pop():se}},6872:(St,Fe,u)=>{u.d(Fe,{D:()=>X});const{isArray:t}=Array,{getPrototypeOf:c,prototype:O,keys:N}=Object;function X(W){if(1===W.length){const se=W[0];if(t(se))return{args:se,keys:null};if(function $(W){return W&&"object"==typeof W&&c(W)===O}(se)){const te=N(se);return{args:te.map(Z=>se[Z]),keys:te}}}return{args:W,keys:null}}},8751:(St,Fe,u)=>{u.d(Fe,{K:()=>c});const{isArray:t}=Array;function c(O){return 1===O.length&&t(O[0])?O[0]:O}},9583:(St,Fe,u)=>{function t(c,O){if(c){const N=c.indexOf(O);0<=N&&c.splice(N,1)}}u.d(Fe,{o:()=>t})},4520:(St,Fe,u)=>{function t(c){const N=c(X=>{Error.call(X),X.stack=(new Error).stack});return N.prototype=Object.create(Error.prototype),N.prototype.constructor=N,N}u.d(Fe,{L:()=>t})},6405:(St,Fe,u)=>{function t(c,O){return c.reduce((N,X,$)=>(N[X]=O[$],N),{})}u.d(Fe,{e:()=>t})},2895:(St,Fe,u)=>{u.d(Fe,{Y:()=>O,l:()=>N});var t=u(2493);let c=null;function O(X){if(t.$.useDeprecatedSynchronousErrorHandling){const $=!c;if($&&(c={errorThrown:!1,error:null}),X(),$){const{errorThrown:W,error:se}=c;if(c=null,W)throw se}}else X()}function N(X){t.$.useDeprecatedSynchronousErrorHandling&&c&&(c.errorThrown=!0,c.error=X)}},1982:(St,Fe,u)=>{function t(c,O,N,X=0,$=!1){const W=O.schedule(function(){N(),$?c.add(this.schedule(null,X)):this.unsubscribe()},X);if(c.add(W),!$)return W}u.d(Fe,{N:()=>t})},9656:(St,Fe,u)=>{function t(c){return c}u.d(Fe,{D:()=>t})},5206:(St,Fe,u)=>{u.d(Fe,{X:()=>t});const t=c=>c&&"number"==typeof c.length&&"function"!=typeof c},7462:(St,Fe,u)=>{u.d(Fe,{T:()=>c});var t=u(4418);function c(O){return Symbol.asyncIterator&&(0,t.T)(null==O?void 0:O[Symbol.asyncIterator])}},4418:(St,Fe,u)=>{function t(c){return"function"==typeof c}u.d(Fe,{T:()=>t})},8932:(St,Fe,u)=>{u.d(Fe,{l:()=>O});var t=u(1479),c=u(4418);function O(N){return(0,c.T)(N[t.s])}},6472:(St,Fe,u)=>{u.d(Fe,{x:()=>O});var t=u(7028),c=u(4418);function O(N){return(0,c.T)(null==N?void 0:N[t.l])}},5717:(St,Fe,u)=>{u.d(Fe,{y:()=>c});var t=u(4418);function c(O){return(0,t.T)(null==O?void 0:O.then)}},8889:(St,Fe,u)=>{u.d(Fe,{C:()=>O,U:()=>N});var t=u(7270),c=u(4418);function O(X){return(0,t.AQ)(this,arguments,function*(){const W=X.getReader();try{for(;;){const{value:se,done:te}=yield(0,t.N3)(W.read());if(te)return yield(0,t.N3)(void 0);yield yield(0,t.N3)(se)}}finally{W.releaseLock()}})}function N(X){return(0,c.T)(null==X?void 0:X.getReader)}},1677:(St,Fe,u)=>{u.d(Fe,{m:()=>c});var t=u(4418);function c(O){return O&&(0,t.T)(O.schedule)}},9867:(St,Fe,u)=>{u.d(Fe,{N:()=>O,S:()=>c});var t=u(4418);function c(N){return(0,t.T)(null==N?void 0:N.lift)}function O(N){return X=>{if(c(X))return X.lift(function($){try{return N($,this)}catch(W){this.error(W)}});throw new TypeError("Unable to lift unknown Observable type")}}},6219:(St,Fe,u)=>{u.d(Fe,{I:()=>N});var t=u(3527);const{isArray:c}=Array;function N(X){return(0,t.T)($=>function O(X,$){return c($)?X(...$):X($)}(X,$))}},262:(St,Fe,u)=>{function t(){}u.d(Fe,{l:()=>t})},6106:(St,Fe,u)=>{u.d(Fe,{F:()=>c,m:()=>O});var t=u(9656);function c(...N){return O(N)}function O(N){return 0===N.length?t.D:1===N.length?N[0]:function($){return N.reduce((W,se)=>se(W),$)}}},6379:(St,Fe,u)=>{u.d(Fe,{m:()=>O});var t=u(2493),c=u(6171);function O(N){c.f.setTimeout(()=>{const{onUnhandledError:X}=t.$;if(!X)throw N;X(N)})}},2246:(St,Fe,u)=>{function t(c){return new TypeError("You provided ".concat(null!==c&&"object"==typeof c?"an invalid object":"'".concat(c,"'")," where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable."))}u.d(Fe,{L:()=>t})},8844:(St,Fe,u)=>{u.d(Fe,{u:()=>X,z:()=>$});var t=u(3308),c=u(2978),O=u(8832),N=u(1860);let X=(()=>{var W;class se{constructor(){this.elementRef=(0,c.WQX)(c.aKT).nativeElement,this.ngZone=(0,c.WQX)(c.SKi),this.maskedElement=null,this.options=null,this.elementPredicate=N.iZ;const Z=(0,c.WQX)(O.me,{self:!0,optional:!0});if(Z){const Q=Z.writeValue.bind(Z);Z.writeValue=ve=>{Q(this.options?(0,N.bc)(String(null!=ve?ve:""),this.options):ve)}}}ngOnChanges(){var Z=this;return(0,t.A)(function*(){const{elementPredicate:Q,options:ve,maskedElement:ye,elementRef:q,ngZone:Ae}=Z;if(null==ye||ye.destroy(),!ve)return;const j=yield Q(q);Z.elementPredicate===Q&&Ae.runOutsideAngular(()=>{Z.maskedElement=new N.NU(j,ve)})})()}ngOnDestroy(){var Z;null===(Z=this.maskedElement)||void 0===Z||Z.destroy()}}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275dir=c.FsC({type:W,selectors:[["","maskito",""]],inputs:{options:["maskito","options"],elementPredicate:["maskitoElement","elementPredicate"]},standalone:!0,features:[c.OA$]}),se})(),$=(()=>{var W;class se{transform(Z,Q){return(0,N.bc)(String(null!=Z?Z:""),null!=Q?Q:N.oI)}}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275pipe=c.EJ8({name:"maskito",type:W,pure:!0,standalone:!0}),se})()},1860:(St,Fe,u)=>{function t(k){const{anchorOffset:J=0,focusOffset:ie=0}=k.ownerDocument.getSelection()||{};return[Math.min(J,ie),Math.max(J,ie)]}u.d(Fe,{iZ:()=>X,oI:()=>$,NU:()=>mt,_E:()=>le,mz:()=>H,DR:()=>ce,bc:()=>Rt,Gq:()=>Ge});class O{constructor(J){this.element=J,this.maxLength=1/0}get value(){return this.element.innerText.replace(/\n\n$/,"\n")}set value(J){this.element.innerHTML=J.replace(/\n$/,"\n\n")}get selectionStart(){return t(this.element)[0]}get selectionEnd(){return t(this.element)[1]}setSelectionRange(J,ie){!function c(k,[J,ie]){var de,ee,Se,Pe;const ke=k.ownerDocument,Re=ke.createRange();Re.setStart(k.firstChild||k,Math.min(J,null!==(de=null===(ee=k.textContent)||void 0===ee?void 0:ee.length)&&void 0!==de?de:0)),Re.setEnd(k.lastChild||k,Math.min(ie,null!==(Se=null===(Pe=k.textContent)||void 0===Pe?void 0:Pe.length)&&void 0!==Se?Se:0));const Ke=ke.getSelection();Ke&&(Ke.removeAllRanges(),Ke.addRange(Re))}(this.element,[null!=J?J:0,null!=ie?ie:0])}select(){this.setSelectionRange(0,this.value.length)}}const X=k=>k.isContentEditable?function N(k){const J=new O(k);return new Proxy(k,{get(ie,de){if(de in J)return J[de];const ee=ie[de];return"function"==typeof ee?ee.bind(ie):ee},set:(ie,de,ee,Se)=>Reflect.set(de in J?J:ie,de,ee,Se)})}(k):k.querySelector("input,textarea")||k,$={mask:/^.*$/,preprocessors:[],postprocessors:[],plugins:[],overwriteMode:"shift"};class W{constructor(){this.now=null,this.past=[],this.future=[]}undo(){const J=this.past.pop();J&&this.now&&(this.future.push(this.now),this.updateElement(J,"historyUndo"))}redo(){const J=this.future.pop();J&&this.now&&(this.past.push(this.now),this.updateElement(J,"historyRedo"))}updateHistory(J){if(!this.now)return void(this.now=J);const ie=this.now.value!==J.value,de=this.now.selection.some((ee,Se)=>ee!==J.selection[Se]);!ie&&!de||(ie&&(this.past.push(this.now),this.future=[]),this.now=J)}updateElement(J,ie){this.now=J,this.updateElementState(J,{inputType:ie,data:null})}}function te(k,...J){return J.every(({value:ie,selection:de})=>ie===k.value&&de[0]===k.selection[0]&&de[1]===k.selection[1])}function Q(k){return"string"==typeof k}function ve(k,J,ie,de){let ee="";for(let Se=J.length;Se<k.length;Se++){const Pe=k[Se]||"",ke=(null==de?void 0:de.value[Se])===Pe;if(!Q(Pe)||Pe===ie&&!ke)return ee;ee+=Pe}return ee}function ye(k,J){return Array.isArray(J)?k.length===J.length&&Array.from(k).every((ie,de)=>{const ee=J[de]||"";return Q(ee)?ie===ee:ie.match(ee)}):J.test(k)}function j(k,J,ie=null){if(ye(k.value,J))return k;const{value:de,selection:ee}=Array.isArray(J)?function q(k,J,ie){var de,ee;let Se=null,Pe=null;const ke=Array.from(k.value).reduce((Ke,Dt,Pt)=>{const Gt=Ke+ve(J,Ke,Dt,ie),an=J[Gt.length]||"";return null===Se&&Pt>=k.selection[0]&&(Se=Gt.length),null===Pe&&Pt>=k.selection[1]&&(Pe=Gt.length),Q(an)?Gt+an:Dt.match(an)?Gt+Dt:Gt},""),Re=ve(J,ke,"",ie);return{value:ye(ke+Re,J)?ke+Re:ke,selection:[null!==(de=Se)&&void 0!==de?de:ke.length,null!==(ee=Pe)&&void 0!==ee?ee:ke.length]}}(k,J,ie):function Ae({value:k,selection:J},ie){const[de,ee]=J;let Se=de,Pe=ee;return{value:Array.from(k).reduce((Re,Ke,Dt)=>{const Pt=Re+Ke;return de===Dt&&(Se=Re.length),ee===Dt&&(Pe=Re.length),Pt.match(ie)?Pt:Re},""),selection:[Se,Pe]}}(k,J);return{selection:ee,value:Array.isArray(J)?de.slice(0,J.length):de}}function oe(k,J){if(!Array.isArray(J))return k;const[ie,de]=k.selection,ee=[],Se=Array.from(k.value).reduce((Pe,ke,Re)=>{const Ke=J[Re]||"";return Re===ie&&ee.push(Pe.length),Re===de&&ee.push(Pe.length),Q(Ke)&&Ke===ke?Pe:Pe+ke},"");return ee.length<2&&ee.push(...new Array(2-ee.length).fill(Se.length)),{value:Se,selection:[ee[0],ee[1]]}}class Le{constructor(J,ie){this.initialElementState=J,this.maskOptions=ie,this.value="",this.selection=[0,0];const{value:de,selection:ee}=j(this.initialElementState,this.getMaskExpression(this.initialElementState));this.value=de,this.selection=ee}addCharacters([J,ie],de){const{value:ee,maskOptions:Se}=this,Pe=this.getMaskExpression({value:ee.slice(0,J)+de+ee.slice(ie),selection:[J+de.length,J+de.length]}),ke={value:ee,selection:[J,ie]},Re=oe(ke,Pe),[Ke,Dt]=function Z({value:k,selection:J},ie,de){const[ee,Se]=J;return{value:k,selection:"replace"===("function"==typeof de?de({value:k,selection:J}):de)?[ee,ee+ie.length]:[ee,Se]}}(Re,de,Se.overwriteMode).selection,Pt=Re.value.slice(0,Ke)+de,Kt=Pt.length,Gt=j({value:Pt+Re.value.slice(Dt),selection:[Kt,Kt]},Pe,ke);if(ee.slice(0,Ke)===j({value:Pt,selection:[Kt,Kt]},Pe,ke).value||te(this,Gt))throw new Error("Invalid mask value");this.value=Gt.value,this.selection=Gt.selection}deleteCharacters([J,ie]){if(J===ie||!ie)return;const{value:de}=this,ee=this.getMaskExpression({value:de.slice(0,J)+de.slice(ie),selection:[J,J]}),Se={value:de,selection:[J,ie]},Pe=oe(Se,ee),[ke,Re]=Pe.selection,Dt=j({value:Pe.value.slice(0,ke)+Pe.value.slice(Re),selection:[ke,ke]},ee,Se);this.value=Dt.value,this.selection=Dt.selection}getMaskExpression(J){const{mask:ie}=this.maskOptions;return"function"==typeof ie?ie(J):ie}}class nt{constructor(J){this.element=J,this.listeners=[]}listen(J,ie,de){const ee=ie;this.element.addEventListener(J,ee,de),this.listeners.push(()=>this.element.removeEventListener(J,ee,de))}destroy(){this.listeners.forEach(J=>J())}}const Ue_CTRL=1,Ue_ALT=2,Ue_SHIFT=4,Ue_META=8;function Ee(k,J,ie){return k.ctrlKey===!!(J&Ue_CTRL)&&k.altKey===!!(J&Ue_ALT)&&k.shiftKey===!!(J&Ue_SHIFT)&&k.metaKey===!!(J&Ue_META)&&k.keyCode===ie}function Ge(k,J){const ie=k.value;if("string"==typeof J)k.value=J;else{const[ee,Se]=J.selection;var de;k.value=J.value,k.matches(":focus")&&(null===(de=k.setSelectionRange)||void 0===de||de.call(k,ee,Se))}k.value!==ie&&k.dispatchEvent(new Event("input",{bubbles:!0}))}function at({value:k,selection:J},ie){const[de,ee]=J;if(de!==ee)return[de,ee];const Se=ie?k.slice(de).indexOf("\n")+1||k.length:k.slice(0,ee).lastIndexOf("\n")+1;return[ie?de:Se,ie?Se:ee]}function tt({value:k,selection:J},ie){const[de,ee]=J;return de!==ee?[de,ee]:(ie?[de,ee+1]:[de-1,ee]).map(Pe=>Math.min(Math.max(Pe,0),k.length))}const _t=/\s+$/g,Ht=/^\s+/g,Wt=/\s/;function Tt({value:k,selection:J},ie){const[de,ee]=J;if(de!==ee)return[de,ee];if(ie){const Re=k.slice(de),[Ke]=Re.match(Ht)||[""],Dt=Re.trimStart().search(Wt);return[de,-1!==Dt?de+Ke.length+Dt:k.length]}const Se=k.slice(0,ee),[Pe]=Se.match(_t)||[""],ke=Se.trimEnd().split("").reverse().findIndex(Re=>Wt.exec(Re));return[-1!==ke?ee-Pe.length-ke:0,ee]}function Ot(k=[]){return(J,...ie)=>k.reduce((de,ee)=>({...de,...ee(de,...ie)}),J)}function Rt(k,J){const ie={...$,...J},de=Ot(ie.preprocessors),ee=Ot(ie.postprocessors),Se="string"==typeof k?{value:k,selection:[0,0]}:k,{elementState:Pe}=de({elementState:Se,data:""},"validation"),ke=new Le(Pe,ie),{value:Re,selection:Ke}=ee(ke,Se);return"string"==typeof k?Re:{value:Re,selection:Ke}}class mt extends W{constructor(J,ie){super(),this.element=J,this.maskitoOptions=ie,this.isTextArea="TEXTAREA"===this.element.nodeName,this.eventListener=new nt(this.element),this.options={...$,...this.maskitoOptions},this.upcomingElementState=null,this.preprocessor=Ot(this.options.preprocessors),this.postprocessor=Ot(this.options.postprocessors),this.teardowns=this.options.plugins.map(de=>de(this.element,this.options)),this.updateHistory(this.elementState),this.eventListener.listen("keydown",de=>function Me(k){return Ee(k,Ue_CTRL,89)||Ee(k,Ue_CTRL|Ue_SHIFT,90)||Ee(k,Ue_META|Ue_SHIFT,90)}(de)?(de.preventDefault(),this.redo()):function Xe(k){return Ee(k,Ue_CTRL,90)||Ee(k,Ue_META,90)}(de)?(de.preventDefault(),this.undo()):void 0),this.eventListener.listen("beforeinput",de=>{var ee,Se,Pe;const ke=de.inputType.includes("Forward");switch(this.updateHistory(this.elementState),de.inputType){case"historyUndo":return de.preventDefault(),this.undo();case"historyRedo":return de.preventDefault(),this.redo();case"deleteByCut":case"deleteContentBackward":case"deleteContentForward":return this.handleDelete({event:de,isForward:ke,selection:tt(this.elementState,ke)});case"deleteWordForward":case"deleteWordBackward":return this.handleDelete({event:de,isForward:ke,selection:Tt(this.elementState,ke),force:!0});case"deleteSoftLineBackward":case"deleteSoftLineForward":case"deleteHardLineBackward":case"deleteHardLineForward":return this.handleDelete({event:de,isForward:ke,selection:at(this.elementState,ke),force:!0});case"insertCompositionText":case"insertReplacementText":return;case"insertLineBreak":case"insertParagraph":return this.handleEnter(de);default:return this.handleInsert(de,null!==(ee=null!==(Se=de.data)&&void 0!==Se?Se:null===(Pe=de.dataTransfer)||void 0===Pe?void 0:Pe.getData("text/plain"))&&void 0!==ee?ee:"")}}),this.eventListener.listen("input",()=>{this.upcomingElementState&&(this.updateElementState(this.upcomingElementState),this.upcomingElementState=null)},{capture:!0}),this.eventListener.listen("input",({inputType:de})=>{"insertCompositionText"!==de&&(this.ensureValueFitsMask(),this.updateHistory(this.elementState))}),this.eventListener.listen("compositionend",()=>{this.ensureValueFitsMask(),this.updateHistory(this.elementState)})}destroy(){this.eventListener.destroy(),this.teardowns.forEach(J=>null==J?void 0:J())}updateElementState({value:J,selection:ie},de){const ee=this.elementState.value;this.updateValue(J),this.updateSelectionRange(ie),de&&ee!==J&&this.dispatchInputEvent(de)}get elementState(){const{value:J,selectionStart:ie,selectionEnd:de}=this.element;return{value:J,selection:[null!=ie?ie:0,null!=de?de:0]}}get maxLength(){const{maxLength:J}=this.element;return-1===J?1/0:J}updateSelectionRange([J,ie]){const{element:de}=this;var ee;!de.matches(":focus")||de.selectionStart===J&&de.selectionEnd===ie||null===(ee=de.setSelectionRange)||void 0===ee||ee.call(de,J,ie)}updateValue(J){this.element.value=J}ensureValueFitsMask(){this.updateElementState(Rt(this.elementState,this.options),{inputType:"insertText",data:null})}dispatchInputEvent(J={inputType:"insertText",data:null}){globalThis.InputEvent&&this.element.dispatchEvent(new InputEvent("input",{...J,bubbles:!0,cancelable:!1}))}handleDelete({event:J,selection:ie,isForward:de,force:ee=!1}){const Se={value:this.elementState.value,selection:ie},[Pe,ke]=Se.selection,{elementState:Re}=this.preprocessor({elementState:Se,data:""},de?"deleteForward":"deleteBackward"),Ke=new Le(Re,this.options),[Dt,Pt]=Re.selection;Ke.deleteCharacters([Dt,Pt]);const Kt=this.postprocessor(Ke,Se);if(Se.value.slice(0,Pe)+Se.value.slice(ke)!==Kt.value||ee||this.element.isContentEditable){if(function se(k,...J){return J.every(({value:ie})=>ie===k.value)}(Se,Re,Ke,Kt))return J.preventDefault(),this.updateSelectionRange(de?[Pt,Pt]:[Dt,Dt]);this.upcomingElementState=Kt}}handleInsert(J,ie){const{options:de,maxLength:ee,element:Se,elementState:Pe}=this,{elementState:ke,data:Re=ie}=this.preprocessor({data:ie,elementState:Pe},"insert"),Ke=new Le(ke,de);try{Ke.addCharacters(ke.selection,Re)}catch{return J.preventDefault()}const[Dt,Pt]=ke.selection,Kt=Pe.value.slice(0,Dt)+ie+Pe.value.slice(Pt),Gt=this.postprocessor(Ke,Pe);if(Gt.value.length>ee)return J.preventDefault();(Kt!==Gt.value||Se.isContentEditable)&&(this.upcomingElementState=Gt,"replace"===de.overwriteMode&&Kt.length>ee&&this.dispatchInputEvent({inputType:"insertText",data:ie}))}handleEnter(J){(this.isTextArea||this.element.isContentEditable)&&this.handleInsert(J,"\n")}}function le(){return k=>{if(k.isContentEditable)return;let J=k.value;const ie=()=>{J=k.value},de=()=>{k.value!==J&&k.dispatchEvent(new Event("change",{bubbles:!0}))};return k.addEventListener("focus",ie),k.addEventListener("change",ie),k.addEventListener("blur",de),()=>{k.removeEventListener("focus",ie),k.removeEventListener("change",ie),k.removeEventListener("blur",de)}}}function H(k){return(J,ie)=>{var de,ee;const Se=null!==(de=J.selectionStart)&&void 0!==de?de:0,Pe=null!==(ee=J.selectionEnd)&&void 0!==ee?ee:0;Ge(J,{value:Rt(J.value,k||ie),selection:[Se,Pe]})}}function ce(){return(k,J)=>{const ie=de=>{var ee,Se;if("insertCompositionText"!==de.inputType)return;const ke={selection:[null!==(ee=k.selectionStart)&&void 0!==ee?ee:0,null!==(Se=k.selectionEnd)&&void 0!==Se?Se:0],value:k.value},Re=Rt(ke,J);te(ke,Re)||(de.preventDefault(),Ge(k,Re))};return k.addEventListener("input",ie),()=>k.removeEventListener("input",ie)}}},1760:(St,Fe,u)=>{u.d(Fe,{$:()=>t,w:()=>c});const t={WhatIsMaskito:"getting-started/what-is-maskito",MaskitoLibraries:"getting-started/maskito-libraries",CoreConceptsOverview:"core-concepts/overview",MaskExpression:"core-concepts/mask-expression",ElementState:"core-concepts/element-state",Processors:"core-concepts/processors",Plugins:"core-concepts/plugins",OverwriteMode:"core-concepts/overwrite-mode",Transformer:"core-concepts/transformer",Angular:"frameworks/angular",React:"frameworks/react",Vue:"frameworks/vue",Number:"kit/number",Time:"kit/time",Date:"kit/date",DateRange:"kit/date-range",DateTime:"kit/date-time",PhonePackage:"addons/phone",Card:"recipes/card",Phone:"recipes/phone",Textarea:"recipes/textarea",ContentEditable:"recipes/content-editable",Prefix:"recipes/prefix",Postfix:"recipes/postfix",Placeholder:"recipes/placeholder",BrowserSupport:"browser-support",SupportedInputTypes:"supported-input-types",RealWorldForm:"real-world-form",Stackblitz:"stackblitz"},c={MaskitoOptions:"mask",JavaScript:"JavaScript",Angular:"Angular",React:"React",Vue:"Vue"}},2601:(St,Fe,u)=>{var t=u(6098),c=u(6610),O=u(2978),N=u(7212),X=u(4768),$=u(1760),W=u(5851),se=u(2748),te=u(1872),Z=u(4822),Q=u(7355),ve=u(965),ye=u(8887),q=u(3527);let Ae=(()=>{var Ie;class ne{constructor(){this.stackblitzStarterPath="/".concat($.$.Stackblitz),(0,O.WQX)(c.Xr).setOffset([0,64])}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)},Ie.\u0275cmp=O.VBU({type:Ie,selectors:[["app"]],standalone:!0,features:[O.Jv_([W.ke,{provide:se.Aq,useFactory:()=>{const Be=(0,Z.qW)();return(0,O.WQX)(W.ke).pipe((0,ve.Z)(null),(0,ye.B)(0),(0,q.T)(()=>{const We=Array.from(Be.querySelectorAll("tui-doc-example")),wt=Array.from(Be.querySelectorAll("tui-doc-code"));return We.every($t=>$t.querySelector(".t-example"))&&wt.every($t=>$t.querySelector(".t-code"))}),(0,N.pQ)())}}]),O.aNF],decls:5,vars:1,consts:[["ngProjectAs","tuiDocHeader",5,["tuiDocHeader"]],["appearance","icon","href","https://github.com/taiga-family/maskito","iconStart","assets/icons/github.svg","rel","noreferrer","target","_blank","title","Maskito source code on GitHub","tuiLink","",1,"link"],["appearance","icon","href","https://t.me/taiga_ui/10600","iconStart","assets/icons/telegram.svg","rel","noreferrer","target","_blank","title","Get help on Telegram","tuiLink","",1,"link"],["appearance","icon","iconStart","assets/icons/stackblitz.svg","title","Maskito StackBlitz Starter","tuiLink","",1,"link",3,"routerLink"]],template:function(We,wt){1&We&&(O.j41(0,"tui-doc-main"),O.qex(1,0),O.nrm(2,"a",1)(3,"a",2)(4,"a",3),O.bVm(),O.k0s()),2&We&&(O.R7$(4),O.Y8G("routerLink",wt.stackblitzStarterPath))},dependencies:[X.Wk,te.gf,Q.Jc],styles:["[_nghost-%COMP%]{display:block;font:var(--tui-font-text-m);color:var(--tui-text-primary)}.link[_ngcontent-%COMP%]{margin-left:1rem}"],changeDetection:0}),ne})();var j=u(3308),oe=u(756),Le=u(8399),nt=u(9406),Ue=u(4807),U=u(8503),Ee=u(6347),Me=u(2831);class Xe{}class Ge{}class at{constructor(ne){this.normalizedNames=new Map,this.lazyUpdate=null,ne?"string"==typeof ne?this.lazyInit=()=>{this.headers=new Map,ne.split("\n").forEach(Be=>{const We=Be.indexOf(":");if(We>0){const wt=Be.slice(0,We),$t=wt.toLowerCase(),Qt=Be.slice(We+1).trim();this.maybeSetNormalizedName(wt,$t),this.headers.has($t)?this.headers.get($t).push(Qt):this.headers.set($t,[Qt])}})}:typeof Headers<"u"&&ne instanceof Headers?(this.headers=new Map,ne.forEach((Be,We)=>{this.setHeaderEntries(We,Be)})):this.lazyInit=()=>{this.headers=new Map,Object.entries(ne).forEach(([Be,We])=>{this.setHeaderEntries(Be,We)})}:this.headers=new Map}has(ne){return this.init(),this.headers.has(ne.toLowerCase())}get(ne){this.init();const Be=this.headers.get(ne.toLowerCase());return Be&&Be.length>0?Be[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(ne){return this.init(),this.headers.get(ne.toLowerCase())||null}append(ne,Be){return this.clone({name:ne,value:Be,op:"a"})}set(ne,Be){return this.clone({name:ne,value:Be,op:"s"})}delete(ne,Be){return this.clone({name:ne,value:Be,op:"d"})}maybeSetNormalizedName(ne,Be){this.normalizedNames.has(Be)||this.normalizedNames.set(Be,ne)}init(){this.lazyInit&&(this.lazyInit instanceof at?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(ne=>this.applyUpdate(ne)),this.lazyUpdate=null))}copyFrom(ne){ne.init(),Array.from(ne.headers.keys()).forEach(Be=>{this.headers.set(Be,ne.headers.get(Be)),this.normalizedNames.set(Be,ne.normalizedNames.get(Be))})}clone(ne){const Be=new at;return Be.lazyInit=this.lazyInit&&this.lazyInit instanceof at?this.lazyInit:this,Be.lazyUpdate=(this.lazyUpdate||[]).concat([ne]),Be}applyUpdate(ne){const Be=ne.name.toLowerCase();switch(ne.op){case"a":case"s":let We=ne.value;if("string"==typeof We&&(We=[We]),0===We.length)return;this.maybeSetNormalizedName(ne.name,Be);const wt=("a"===ne.op?this.headers.get(Be):void 0)||[];wt.push(...We),this.headers.set(Be,wt);break;case"d":const $t=ne.value;if($t){let Qt=this.headers.get(Be);if(!Qt)return;Qt=Qt.filter(hn=>-1===$t.indexOf(hn)),0===Qt.length?(this.headers.delete(Be),this.normalizedNames.delete(Be)):this.headers.set(Be,Qt)}else this.headers.delete(Be),this.normalizedNames.delete(Be)}}setHeaderEntries(ne,Be){const We=(Array.isArray(Be)?Be:[Be]).map($t=>$t.toString()),wt=ne.toLowerCase();this.headers.set(wt,We),this.maybeSetNormalizedName(ne,wt)}forEach(ne){this.init(),Array.from(this.normalizedNames.keys()).forEach(Be=>ne(this.normalizedNames.get(Be),this.headers.get(Be)))}}class _t{encodeKey(ne){return Ot(ne)}encodeValue(ne){return Ot(ne)}decodeKey(ne){return decodeURIComponent(ne)}decodeValue(ne){return decodeURIComponent(ne)}}const Wt=/%(\d[a-f0-9])/gi,Tt={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function Ot(Ie){return encodeURIComponent(Ie).replace(Wt,(ne,Be)=>{var We;return null!==(We=Tt[Be])&&void 0!==We?We:ne})}function Rt(Ie){return"".concat(Ie)}class mt{constructor(ne={}){if(this.updates=null,this.cloneFrom=null,this.encoder=ne.encoder||new _t,ne.fromString){if(ne.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function Ht(Ie,ne){const Be=new Map;return Ie.length>0&&Ie.replace(/^\?/,"").split("&").forEach(wt=>{const $t=wt.indexOf("="),[Qt,hn]=-1==$t?[ne.decodeKey(wt),""]:[ne.decodeKey(wt.slice(0,$t)),ne.decodeValue(wt.slice($t+1))],Bn=Be.get(Qt)||[];Bn.push(hn),Be.set(Qt,Bn)}),Be}(ne.fromString,this.encoder)}else ne.fromObject?(this.map=new Map,Object.keys(ne.fromObject).forEach(Be=>{const We=ne.fromObject[Be],wt=Array.isArray(We)?We.map(Rt):[Rt(We)];this.map.set(Be,wt)})):this.map=null}has(ne){return this.init(),this.map.has(ne)}get(ne){this.init();const Be=this.map.get(ne);return Be?Be[0]:null}getAll(ne){return this.init(),this.map.get(ne)||null}keys(){return this.init(),Array.from(this.map.keys())}append(ne,Be){return this.clone({param:ne,value:Be,op:"a"})}appendAll(ne){const Be=[];return Object.keys(ne).forEach(We=>{const wt=ne[We];Array.isArray(wt)?wt.forEach($t=>{Be.push({param:We,value:$t,op:"a"})}):Be.push({param:We,value:wt,op:"a"})}),this.clone(Be)}set(ne,Be){return this.clone({param:ne,value:Be,op:"s"})}delete(ne,Be){return this.clone({param:ne,value:Be,op:"d"})}toString(){return this.init(),this.keys().map(ne=>{const Be=this.encoder.encodeKey(ne);return this.map.get(ne).map(We=>Be+"="+this.encoder.encodeValue(We)).join("&")}).filter(ne=>""!==ne).join("&")}clone(ne){const Be=new mt({encoder:this.encoder});return Be.cloneFrom=this.cloneFrom||this,Be.updates=(this.updates||[]).concat(ne),Be}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(ne=>this.map.set(ne,this.cloneFrom.map.get(ne))),this.updates.forEach(ne=>{switch(ne.op){case"a":case"s":const Be=("a"===ne.op?this.map.get(ne.param):void 0)||[];Be.push(Rt(ne.value)),this.map.set(ne.param,Be);break;case"d":if(void 0===ne.value){this.map.delete(ne.param);break}{let We=this.map.get(ne.param)||[];const wt=We.indexOf(Rt(ne.value));-1!==wt&&We.splice(wt,1),We.length>0?this.map.set(ne.param,We):this.map.delete(ne.param)}}}),this.cloneFrom=this.updates=null)}}class H{constructor(){this.map=new Map}set(ne,Be){return this.map.set(ne,Be),this}get(ne){return this.map.has(ne)||this.map.set(ne,ne.defaultValue()),this.map.get(ne)}delete(ne){return this.map.delete(ne),this}has(ne){return this.map.has(ne)}keys(){return this.map.keys()}}function k(Ie){return typeof ArrayBuffer<"u"&&Ie instanceof ArrayBuffer}function J(Ie){return typeof Blob<"u"&&Ie instanceof Blob}function ie(Ie){return typeof FormData<"u"&&Ie instanceof FormData}class ee{constructor(ne,Be,We,wt){let $t;if(this.url=Be,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=ne.toUpperCase(),function ce(Ie){switch(Ie){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||wt?(this.body=void 0!==We?We:null,$t=wt):$t=We,$t&&(this.reportProgress=!!$t.reportProgress,this.withCredentials=!!$t.withCredentials,$t.responseType&&(this.responseType=$t.responseType),$t.headers&&(this.headers=$t.headers),$t.context&&(this.context=$t.context),$t.params&&(this.params=$t.params)),this.headers||(this.headers=new at),this.context||(this.context=new H),this.params){const Qt=this.params.toString();if(0===Qt.length)this.urlWithParams=Be;else{const hn=Be.indexOf("?");this.urlWithParams=Be+(-1===hn?"?":hn<Be.length-1?"&":"")+Qt}}else this.params=new mt,this.urlWithParams=Be}serializeBody(){return null===this.body?null:k(this.body)||J(this.body)||ie(this.body)||function de(Ie){return typeof URLSearchParams<"u"&&Ie instanceof URLSearchParams}(this.body)||"string"==typeof this.body?this.body:this.body instanceof mt?this.body.toString():"object"==typeof this.body||"boolean"==typeof this.body||Array.isArray(this.body)?JSON.stringify(this.body):this.body.toString()}detectContentTypeHeader(){return null===this.body||ie(this.body)?null:J(this.body)?this.body.type||null:k(this.body)?null:"string"==typeof this.body?"text/plain":this.body instanceof mt?"application/x-www-form-urlencoded;charset=UTF-8":"object"==typeof this.body||"number"==typeof this.body||"boolean"==typeof this.body?"application/json":null}clone(ne={}){var Be;const We=ne.method||this.method,wt=ne.url||this.url,$t=ne.responseType||this.responseType,Qt=void 0!==ne.body?ne.body:this.body,hn=void 0!==ne.withCredentials?ne.withCredentials:this.withCredentials,Bn=void 0!==ne.reportProgress?ne.reportProgress:this.reportProgress;let sn=ne.headers||this.headers,Ai=ne.params||this.params;const mi=null!==(Be=ne.context)&&void 0!==Be?Be:this.context;return void 0!==ne.setHeaders&&(sn=Object.keys(ne.setHeaders).reduce((Ci,oi)=>Ci.set(oi,ne.setHeaders[oi]),sn)),ne.setParams&&(Ai=Object.keys(ne.setParams).reduce((Ci,oi)=>Ci.set(oi,ne.setParams[oi]),Ai)),new ee(We,wt,Qt,{params:Ai,headers:sn,context:mi,reportProgress:Bn,responseType:$t,withCredentials:hn})}}var Se=function(Ie){return Ie[Ie.Sent=0]="Sent",Ie[Ie.UploadProgress=1]="UploadProgress",Ie[Ie.ResponseHeader=2]="ResponseHeader",Ie[Ie.DownloadProgress=3]="DownloadProgress",Ie[Ie.Response=4]="Response",Ie[Ie.User=5]="User",Ie}(Se||{});class Pe{constructor(ne,Be=200,We="OK"){this.headers=ne.headers||new at,this.status=void 0!==ne.status?ne.status:Be,this.statusText=ne.statusText||We,this.url=ne.url||null,this.ok=this.status>=200&&this.status<300}}class ke extends Pe{constructor(ne={}){super(ne),this.type=Se.ResponseHeader}clone(ne={}){return new ke({headers:ne.headers||this.headers,status:void 0!==ne.status?ne.status:this.status,statusText:ne.statusText||this.statusText,url:ne.url||this.url||void 0})}}class Re extends Pe{constructor(ne={}){super(ne),this.type=Se.Response,this.body=void 0!==ne.body?ne.body:null}clone(ne={}){return new Re({body:void 0!==ne.body?ne.body:this.body,headers:ne.headers||this.headers,status:void 0!==ne.status?ne.status:this.status,statusText:ne.statusText||this.statusText,url:ne.url||this.url||void 0})}}class Ke extends Pe{constructor(ne){super(ne,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.message=this.status>=200&&this.status<300?"Http failure during parsing for ".concat(ne.url||"(unknown url)"):"Http failure response for ".concat(ne.url||"(unknown url)",": ").concat(ne.status," ").concat(ne.statusText),this.error=ne.error||null}}function Dt(Ie,ne){return{body:ne,headers:Ie.headers,context:Ie.context,observe:Ie.observe,params:Ie.params,reportProgress:Ie.reportProgress,responseType:Ie.responseType,withCredentials:Ie.withCredentials}}let Pt=(()=>{var Ie;class ne{constructor(We){this.handler=We}request(We,wt,$t={}){let Qt;if(We instanceof ee)Qt=We;else{let sn,Ai;sn=$t.headers instanceof at?$t.headers:new at($t.headers),$t.params&&(Ai=$t.params instanceof mt?$t.params:new mt({fromObject:$t.params})),Qt=new ee(We,wt,void 0!==$t.body?$t.body:null,{headers:sn,context:$t.context,params:Ai,reportProgress:$t.reportProgress,responseType:$t.responseType||"json",withCredentials:$t.withCredentials})}const hn=(0,oe.of)(Qt).pipe((0,Ue.H)(sn=>this.handler.handle(sn)));if(We instanceof ee||"events"===$t.observe)return hn;const Bn=hn.pipe((0,U.p)(sn=>sn instanceof Re));switch($t.observe||"body"){case"body":switch(Qt.responseType){case"arraybuffer":return Bn.pipe((0,q.T)(sn=>{if(null!==sn.body&&!(sn.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return sn.body}));case"blob":return Bn.pipe((0,q.T)(sn=>{if(null!==sn.body&&!(sn.body instanceof Blob))throw new Error("Response is not a Blob.");return sn.body}));case"text":return Bn.pipe((0,q.T)(sn=>{if(null!==sn.body&&"string"!=typeof sn.body)throw new Error("Response is not a string.");return sn.body}));default:return Bn.pipe((0,q.T)(sn=>sn.body))}case"response":return Bn;default:throw new Error("Unreachable: unhandled observe type ".concat($t.observe,"}"))}}delete(We,wt={}){return this.request("DELETE",We,wt)}get(We,wt={}){return this.request("GET",We,wt)}head(We,wt={}){return this.request("HEAD",We,wt)}jsonp(We,wt){return this.request("JSONP",We,{params:(new mt).append(wt,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options(We,wt={}){return this.request("OPTIONS",We,wt)}patch(We,wt,$t={}){return this.request("PATCH",We,Dt($t,wt))}post(We,wt,$t={}){return this.request("POST",We,Dt($t,wt))}put(We,wt,$t={}){return this.request("PUT",We,Dt($t,wt))}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(Xe))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})();function ct(Ie,ne){return ne(Ie)}const vt=new O.nKC(""),Bt=new O.nKC("");let Tn=(()=>{var Ie;class ne extends Xe{constructor(We,wt){super(),this.backend=We,this.injector=wt,this.chain=null,this.pendingTasks=(0,O.WQX)(O.$K3)}handle(We){if(null===this.chain){const $t=Array.from(new Set([...this.injector.get(vt),...this.injector.get(Bt,[])]));this.chain=$t.reduceRight((Qt,hn)=>function he(Ie,ne,Be){return(We,wt)=>Be.runInContext(()=>ne(We,$t=>Ie($t,wt)))}(Qt,hn,this.injector),ct)}const wt=this.pendingTasks.add();return this.chain(We,$t=>this.backend.handle($t)).pipe((0,Ee.j)(()=>this.pendingTasks.remove(wt)))}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(Ge),O.KVO(O.uvJ))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})();const mo=/^\)\]\}',?\n/;let Et=(()=>{var Ie;class ne{constructor(We){this.xhrFactory=We}handle(We){if("JSONP"===We.method)throw new O.wOt(-2800,!1);const wt=this.xhrFactory;return(wt.\u0275loadImpl?(0,Le.H)(wt.\u0275loadImpl()):(0,oe.of)(null)).pipe((0,Me.n)(()=>new nt.c(Qt=>{const hn=wt.build();if(hn.open(We.method,We.urlWithParams),We.withCredentials&&(hn.withCredentials=!0),We.headers.forEach((Zn,fi)=>hn.setRequestHeader(Zn,fi.join(","))),We.headers.has("Accept")||hn.setRequestHeader("Accept","application/json, text/plain, */*"),!We.headers.has("Content-Type")){const Zn=We.detectContentTypeHeader();null!==Zn&&hn.setRequestHeader("Content-Type",Zn)}if(We.responseType){const Zn=We.responseType.toLowerCase();hn.responseType="json"!==Zn?Zn:"text"}const Bn=We.serializeBody();let sn=null;const Ai=()=>{if(null!==sn)return sn;const Zn=hn.statusText||"OK",fi=new at(hn.getAllResponseHeaders()),ro=function Vi(Ie){return"responseURL"in Ie&&Ie.responseURL?Ie.responseURL:/^X-Request-URL:/m.test(Ie.getAllResponseHeaders())?Ie.getResponseHeader("X-Request-URL"):null}(hn)||We.url;return sn=new ke({headers:fi,status:hn.status,statusText:Zn,url:ro}),sn},mi=()=>{let{headers:Zn,status:fi,statusText:ro,url:so}=Ai(),Kn=null;204!==fi&&(Kn=typeof hn.response>"u"?hn.responseText:hn.response),0===fi&&(fi=Kn?200:0);let eo=fi>=200&&fi<300;if("json"===We.responseType&&"string"==typeof Kn){const Uo=Kn;Kn=Kn.replace(mo,"");try{Kn=""!==Kn?JSON.parse(Kn):null}catch(Hn){Kn=Uo,eo&&(eo=!1,Kn={error:Hn,text:Kn})}}eo?(Qt.next(new Re({body:Kn,headers:Zn,status:fi,statusText:ro,url:so||void 0})),Qt.complete()):Qt.error(new Ke({error:Kn,headers:Zn,status:fi,statusText:ro,url:so||void 0}))},Ci=Zn=>{const{url:fi}=Ai(),ro=new Ke({error:Zn,status:hn.status||0,statusText:hn.statusText||"Unknown Error",url:fi||void 0});Qt.error(ro)};let oi=!1;const No=Zn=>{oi||(Qt.next(Ai()),oi=!0);let fi={type:Se.DownloadProgress,loaded:Zn.loaded};Zn.lengthComputable&&(fi.total=Zn.total),"text"===We.responseType&&hn.responseText&&(fi.partialText=hn.responseText),Qt.next(fi)},oo=Zn=>{let fi={type:Se.UploadProgress,loaded:Zn.loaded};Zn.lengthComputable&&(fi.total=Zn.total),Qt.next(fi)};return hn.addEventListener("load",mi),hn.addEventListener("error",Ci),hn.addEventListener("timeout",Ci),hn.addEventListener("abort",Ci),We.reportProgress&&(hn.addEventListener("progress",No),null!==Bn&&hn.upload&&hn.upload.addEventListener("progress",oo)),hn.send(Bn),Qt.next({type:Se.Sent}),()=>{hn.removeEventListener("error",Ci),hn.removeEventListener("abort",Ci),hn.removeEventListener("load",mi),hn.removeEventListener("timeout",Ci),We.reportProgress&&(hn.removeEventListener("progress",No),null!==Bn&&hn.upload&&hn.upload.removeEventListener("progress",oo)),hn.readyState!==hn.DONE&&hn.abort()}})))}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(c.N0))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})();const on=new O.nKC("XSRF_ENABLED"),xt=new O.nKC("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>"XSRF-TOKEN"}),rt=new O.nKC("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>"X-XSRF-TOKEN"});class ze{}let we=(()=>{var Ie;class ne{constructor(We,wt,$t){this.doc=We,this.platform=wt,this.cookieName=$t,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const We=this.doc.cookie||"";return We!==this.lastCookieString&&(this.parseCount++,this.lastToken=(0,c._b)(We,this.cookieName),this.lastCookieString=We),this.lastToken}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(c.qQ),O.KVO(O.Agw),O.KVO(xt))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})();function ge(Ie,ne){const Be=Ie.url.toLowerCase();if(!(0,O.WQX)(on)||"GET"===Ie.method||"HEAD"===Ie.method||Be.startsWith("http://")||Be.startsWith("https://"))return ne(Ie);const We=(0,O.WQX)(ze).getToken(),wt=(0,O.WQX)(rt);return null!=We&&!Ie.headers.has(wt)&&(Ie=Ie.clone({headers:Ie.headers.set(wt,We)})),ne(Ie)}var Je=u(194),qe=u(1249);let ft=(()=>{var Ie;class ne extends Je.S6{constructor(We,wt){super(),this._nextAnimationId=0,this._renderer=We.createRenderer(wt.body,{id:"0",encapsulation:O.gXe.None,styles:[],data:{animation:[]}})}build(We){const wt=this._nextAnimationId.toString();this._nextAnimationId++;const $t=Array.isArray(We)?(0,Je.K2)(We):We;return yt(this._renderer,null,wt,"register",[$t]),new gt(wt,this._renderer)}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(O._9s),O.KVO(c.qQ))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})();class gt extends Je.Ro{constructor(ne,Be){super(),this._id=ne,this._renderer=Be}create(ne,Be){return new bt(this._id,ne,Be||{},this._renderer)}}class bt{constructor(ne,Be,We,wt){this.id=ne,this.element=Be,this._renderer=wt,this.parentPlayer=null,this._started=!1,this.totalTime=0,this._command("create",We)}_listen(ne,Be){return this._renderer.listen(this.element,"@@".concat(this.id,":").concat(ne),Be)}_command(ne,...Be){return yt(this._renderer,this.element,this.id,ne,Be)}onDone(ne){this._listen("done",ne)}onStart(ne){this._listen("start",ne)}onDestroy(ne){this._listen("destroy",ne)}init(){this._command("init")}hasStarted(){return this._started}play(){this._command("play"),this._started=!0}pause(){this._command("pause")}restart(){this._command("restart")}finish(){this._command("finish")}destroy(){this._command("destroy")}reset(){this._command("reset"),this._started=!1}setPosition(ne){this._command("setPosition",ne)}getPosition(){var ne,Be;return null!==(ne=null===(Be=this._renderer.engine.players[+this.id])||void 0===Be?void 0:Be.getPosition())&&void 0!==ne?ne:0}}function yt(Ie,ne,Be,We,wt){return Ie.setProperty(ne,"@@".concat(Be,":").concat(We),wt)}const Nt="@.disabled";let en=(()=>{var Ie;class ne{constructor(We,wt,$t){this.delegate=We,this.engine=wt,this._zone=$t,this._currentId=0,this._microtaskId=1,this._animationCallbacksBuffer=[],this._rendererCache=new Map,this._cdRecurDepth=0,wt.onRemovalComplete=(Qt,hn)=>{const Bn=null==hn?void 0:hn.parentNode(Qt);Bn&&hn.removeChild(Bn,Qt)}}createRenderer(We,wt){const Qt=this.delegate.createRenderer(We,wt);if(!(We&&wt&&wt.data&&wt.data.animation)){let mi=this._rendererCache.get(Qt);return mi||(mi=new Zt("",Qt,this.engine,()=>this._rendererCache.delete(Qt)),this._rendererCache.set(Qt,mi)),mi}const hn=wt.id,Bn=wt.id+"-"+this._currentId;this._currentId++,this.engine.register(Bn,We);const sn=mi=>{Array.isArray(mi)?mi.forEach(sn):this.engine.registerTrigger(hn,Bn,We,mi.name,mi)};return wt.data.animation.forEach(sn),new gn(this,Bn,Qt,this.engine)}begin(){this._cdRecurDepth++,this.delegate.begin&&this.delegate.begin()}_scheduleCountTask(){queueMicrotask(()=>{this._microtaskId++})}scheduleListenerCallback(We,wt,$t){We>=0&&We<this._microtaskId?this._zone.run(()=>wt($t)):(0==this._animationCallbacksBuffer.length&&queueMicrotask(()=>{this._zone.run(()=>{this._animationCallbacksBuffer.forEach(Qt=>{const[hn,Bn]=Qt;hn(Bn)}),this._animationCallbacksBuffer=[]})}),this._animationCallbacksBuffer.push([wt,$t]))}end(){this._cdRecurDepth--,0==this._cdRecurDepth&&this._zone.runOutsideAngular(()=>{this._scheduleCountTask(),this.engine.flush(this._microtaskId)}),this.delegate.end&&this.delegate.end()}whenRenderingDone(){return this.engine.whenRenderingDone()}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(O._9s),O.KVO(qe.O6),O.KVO(O.SKi))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})();class Zt{constructor(ne,Be,We,wt){this.namespaceId=ne,this.delegate=Be,this.engine=We,this._onDestroy=wt}get data(){return this.delegate.data}destroyNode(ne){var Be,We;null===(Be=(We=this.delegate).destroyNode)||void 0===Be||Be.call(We,ne)}destroy(){var ne;this.engine.destroy(this.namespaceId,this.delegate),this.engine.afterFlushAnimationsDone(()=>{queueMicrotask(()=>{this.delegate.destroy()})}),null===(ne=this._onDestroy)||void 0===ne||ne.call(this)}createElement(ne,Be){return this.delegate.createElement(ne,Be)}createComment(ne){return this.delegate.createComment(ne)}createText(ne){return this.delegate.createText(ne)}appendChild(ne,Be){this.delegate.appendChild(ne,Be),this.engine.onInsert(this.namespaceId,Be,ne,!1)}insertBefore(ne,Be,We,wt=!0){this.delegate.insertBefore(ne,Be,We),this.engine.onInsert(this.namespaceId,Be,ne,wt)}removeChild(ne,Be,We){this.engine.onRemove(this.namespaceId,Be,this.delegate)}selectRootElement(ne,Be){return this.delegate.selectRootElement(ne,Be)}parentNode(ne){return this.delegate.parentNode(ne)}nextSibling(ne){return this.delegate.nextSibling(ne)}setAttribute(ne,Be,We,wt){this.delegate.setAttribute(ne,Be,We,wt)}removeAttribute(ne,Be,We){this.delegate.removeAttribute(ne,Be,We)}addClass(ne,Be){this.delegate.addClass(ne,Be)}removeClass(ne,Be){this.delegate.removeClass(ne,Be)}setStyle(ne,Be,We,wt){this.delegate.setStyle(ne,Be,We,wt)}removeStyle(ne,Be,We){this.delegate.removeStyle(ne,Be,We)}setProperty(ne,Be,We){"@"==Be.charAt(0)&&Be==Nt?this.disableAnimations(ne,!!We):this.delegate.setProperty(ne,Be,We)}setValue(ne,Be){this.delegate.setValue(ne,Be)}listen(ne,Be,We){return this.delegate.listen(ne,Be,We)}disableAnimations(ne,Be){this.engine.disableAnimations(ne,Be)}}class gn extends Zt{constructor(ne,Be,We,wt,$t){super(Be,We,wt,$t),this.factory=ne,this.namespaceId=Be}setProperty(ne,Be,We){"@"==Be.charAt(0)?"."==Be.charAt(1)&&Be==Nt?this.disableAnimations(ne,We=void 0===We||!!We):this.engine.process(this.namespaceId,ne,Be.slice(1),We):this.delegate.setProperty(ne,Be,We)}listen(ne,Be,We){if("@"==Be.charAt(0)){const wt=function On(Ie){switch(Ie){case"body":return document.body;case"document":return document;case"window":return window;default:return Ie}}(ne);let $t=Be.slice(1),Qt="";return"@"!=$t.charAt(0)&&([$t,Qt]=function Gn(Ie){const ne=Ie.indexOf(".");return[Ie.substring(0,ne),Ie.slice(ne+1)]}($t)),this.engine.listen(this.namespaceId,wt,$t,Qt,hn=>{this.factory.scheduleListenerCallback(hn._data||-1,We,hn)})}return this.delegate.listen(ne,Be,We)}}const Di=[{provide:Je.S6,useClass:ft},{provide:qe.Yp,useFactory:function Nn(){return new qe.zT}},{provide:qe.O6,useClass:(()=>{var Ie;class ne extends qe.O6{constructor(We,wt,$t,Qt){super(We.body,wt,$t)}ngOnDestroy(){this.flush()}}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)(O.KVO(c.qQ),O.KVO(qe.Xw),O.KVO(qe.Yp),O.KVO(O.o8S))},Ie.\u0275prov=O.jDH({token:Ie,factory:Ie.\u0275fac}),ne})()},{provide:O._9s,useFactory:function Yn(Ie,ne,Be){return new en(Ie,ne,Be)},deps:[t.B7,qe.O6,O.SKi]}],Ui=[{provide:qe.Xw,useFactory:()=>new qe.LS},{provide:O.bc$,useValue:"BrowserAnimations"},...Di];var fo=u(6701),Pr=u(8191);const Rr=[{section:"Getting started",title:"What is Maskito?",route:$.$.WhatIsMaskito,keywords:"getting, started, what, is, maskito"},{section:"Getting started",title:"Maskito libraries",route:$.$.MaskitoLibraries,keywords:"install, package, packages, maskito, npm, setup, explore, ecosystem"},{section:"Core concepts",title:"Overview",route:$.$.CoreConceptsOverview,keywords:"core, concepts, overview"},{section:"Core concepts",title:"Mask expression",route:$.$.MaskExpression,keywords:"core, concepts, mask, expression, reg, exp, fixed"},{section:"Core concepts",title:"Element state",route:$.$.ElementState,keywords:"core, concepts, element, state"},{section:"Core concepts",title:"Processors",route:$.$.Processors,keywords:"core, concepts, preprocessor, postprocessor, processor, element, state, elementState"},{section:"Core concepts",title:"Plugins",route:$.$.Plugins,keywords:"core, concepts, extension, event, focus, blur"},{section:"Core concepts",title:"Overwrite mode",route:$.$.OverwriteMode,keywords:"core, concepts, overwrite, mode, shift, replace"},{section:"Core concepts",title:"Transformer",route:$.$.Transformer,keywords:"core, concepts, programmatic, patch, set, update, value"},{section:"Frameworks",title:"Angular",route:$.$.Angular,keywords:"ng, angular, framework, addon"},{section:"Frameworks",title:"React",route:$.$.React,keywords:"react, framework, addon"},{section:"Frameworks",title:"Vue",route:$.$.Vue,keywords:"vue, framework, addon"},{section:"Kit",title:"Number",route:$.$.Number,keywords:"digit, number, money, mask, kit, generator"},{section:"Kit",title:"Time",route:$.$.Time,keywords:"time, hour, minute, second, mask, kit, generator"},{section:"Kit",title:"Date",route:$.$.Date,keywords:"date, day, month, year, mask, kit, generator"},{section:"Kit",title:"DateRange",route:$.$.DateRange,keywords:"date, day, month, year, mask, range, kit, generator"},{section:"Kit",title:"DateTime",route:$.$.DateTime,keywords:"date, day, month, year, mask, time, date-time, hour, minute, second, kit, generator"},{section:"Addons",title:"@maskito/phone",route:$.$.PhonePackage,keywords:"phone, libphonenumber, international, generator"},{section:"Recipes",title:"Card",route:$.$.Card,keywords:"card, credit, cvv, debit, mask, recipe"},{section:"Recipes",title:"Phone",route:$.$.Phone,keywords:"phone, mobile, tel, telephone, mask, recipe"},{section:"Recipes",title:"Textarea",route:$.$.Textarea,keywords:"textarea, latin, mask, recipe"},{section:"Recipes",title:"ContentEditable",route:$.$.ContentEditable,keywords:"content, editable, contenteditable, contentEditable, mask, recipe"},{section:"Recipes",title:"With prefix",route:$.$.Prefix,keywords:"prefix, before, recipe"},{section:"Recipes",title:"With postfix",route:$.$.Postfix,keywords:"postfix, after, percent, am, pm, recipe"},{section:"Recipes",title:"With placeholder",route:$.$.Placeholder,keywords:"guide, placeholder, fill, recipe"},{section:"Other",title:"Browser support",route:$.$.BrowserSupport,keywords:"chrome, safari, ie, edge, firefox, browser, support"},{section:"Other",title:"Supported <input /> types",route:$.$.SupportedInputTypes,keywords:"input, type, text, password, search, tel, url, email, number, date, month"},{section:"Other",title:"Maskito in Real World Form",route:$.$.RealWorldForm,keywords:"browser, autofill, showcase, in, action, demo"},{section:"Other",title:"Changelog",route:"https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md",target:"_blank",keywords:"release, change, changelog, archive, history"}];var yr=u(1286),pr=u(7300);const nr=[{path:$.$.WhatIsMaskito,loadComponent:()=>Promise.all([u.e(2076),u.e(3781)]).then(u.bind(u,3781)),title:"What is Maskito?"},{path:$.$.MaskitoLibraries,loadComponent:()=>u.e(7093).then(u.bind(u,7093)),title:"Maskito libraries"},{path:$.$.CoreConceptsOverview,loadComponent:()=>Promise.all([u.e(2076),u.e(3443)]).then(u.bind(u,3443)),title:"Core concepts"},{path:$.$.MaskExpression,loadComponent:()=>Promise.all([u.e(2076),u.e(2361)]).then(u.bind(u,2361)),title:"Mask expression"},{path:$.$.ElementState,loadComponent:()=>u.e(6233).then(u.bind(u,6233)),title:"Element state"},{path:$.$.Processors,loadComponent:()=>Promise.all([u.e(2076),u.e(625)]).then(u.bind(u,625)),title:"Processors"},{path:$.$.Plugins,loadComponent:()=>Promise.all([u.e(2076),u.e(2731)]).then(u.bind(u,2731)),title:"Plugins"},{path:$.$.OverwriteMode,loadComponent:()=>Promise.all([u.e(6973),u.e(2076),u.e(9167)]).then(u.bind(u,9167)),title:"Overwrite mode"},{path:$.$.Transformer,loadComponent:()=>Promise.all([u.e(2076),u.e(6781)]).then(u.bind(u,6781)),title:"Transformer"},{path:$.$.Angular,loadComponent:()=>u.e(5787).then(u.bind(u,5787)),title:"Angular"},{path:$.$.React,loadComponent:()=>u.e(4610).then(u.bind(u,4610)),title:"React"},{path:$.$.Vue,loadComponent:()=>u.e(6355).then(u.bind(u,6355)),title:"Vue"},{path:$.$.Number,loadComponent:()=>u.e(7706).then(u.bind(u,7706)),title:"Number"},{path:$.$.Time,loadComponent:()=>u.e(3156).then(u.bind(u,3156)),title:"Time"},{path:$.$.Date,loadComponent:()=>u.e(3298).then(u.bind(u,3298)),title:"Date"},{path:$.$.DateRange,loadComponent:()=>u.e(2909).then(u.bind(u,2909)),title:"DateRange"},{path:$.$.DateTime,loadComponent:()=>u.e(4667).then(u.bind(u,4667)),title:"DateTime"},{path:$.$.Card,loadComponent:()=>u.e(9035).then(u.bind(u,9035)),title:"Card"},{path:$.$.Phone,loadComponent:()=>u.e(2490).then(u.bind(u,2490)),title:"Phone"},{path:$.$.PhonePackage,loadComponent:()=>Promise.all([u.e(1756),u.e(8736)]).then(u.bind(u,8736)),title:"Phone"},{path:$.$.Textarea,loadComponent:()=>Promise.all([u.e(6973),u.e(5538)]).then(u.bind(u,5538)),title:"Textarea"},{path:$.$.ContentEditable,loadComponent:()=>u.e(699).then(u.bind(u,699)),title:"ContentEditable"},{path:$.$.Prefix,loadComponent:()=>u.e(2326).then(u.bind(u,2326)),title:"With prefix"},{path:$.$.Postfix,loadComponent:()=>u.e(778).then(u.bind(u,778)),title:"With postfix"},{path:$.$.Placeholder,loadComponent:()=>u.e(8809).then(u.bind(u,8809)),title:"With placeholder"},{path:$.$.BrowserSupport,loadComponent:()=>u.e(2181).then(u.bind(u,2181)),title:"Browser support"},{path:$.$.SupportedInputTypes,loadComponent:()=>Promise.all([u.e(1756),u.e(4658)]).then(u.bind(u,4658)),title:"Supported <input /> types"},{path:$.$.RealWorldForm,loadComponent:()=>Promise.all([u.e(1756),u.e(6973),u.e(9306)]).then(u.bind(u,9306)),title:"Maskito in Real World Form"},{path:$.$.Stackblitz,loadComponent:()=>Promise.resolve().then(u.bind(u,1286)).then(Ie=>Ie.StackblitzStarterComponent),title:"Stackblitz Starter"}].map(pr.r6).concat({path:"**",redirectTo:$.$.WhatIsMaskito});var Eo=u(5173);const zo=new Eo.lS((()=>{var Ie;class ne{}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)},Ie.\u0275cmp=O.VBU({type:Ie,selectors:[["angular-logo"]],standalone:!0,features:[O.aNF],decls:1,vars:0,consts:[["src","assets/icons/angular.svg"]],template:function(We,wt){1&We&&O.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),ne})()),or=new Eo.lS((()=>{var Ie;class ne{}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)},Ie.\u0275cmp=O.VBU({type:Ie,selectors:[["javascript-logo"]],standalone:!0,features:[O.aNF],decls:1,vars:0,consts:[["src","assets/icons/javascript.svg"]],template:function(We,wt){1&We&&O.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),ne})()),$i=new Eo.lS((()=>{var Ie;class ne{}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)},Ie.\u0275cmp=O.VBU({type:Ie,selectors:[["react-logo"]],standalone:!0,features:[O.aNF],decls:1,vars:0,consts:[["src","assets/icons/react.svg"]],template:function(We,wt){1&We&&O.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),ne})()),qi=new Eo.lS((()=>{var Ie;class ne{}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)},Ie.\u0275cmp=O.VBU({type:Ie,selectors:[["vue-logo"]],standalone:!0,features:[O.aNF],decls:1,vars:0,consts:[["src","assets/icons/vue.svg"]],template:function(We,wt){1&We&&O.nrm(0,"img",0)},styles:["img[_ngcontent-%COMP%]{display:flex;width:1.5rem}"],changeDetection:0}),ne})()),no=new Eo.lS((()=>{var Ie;class ne{}return(Ie=ne).\u0275fac=function(We){return new(We||Ie)},Ie.\u0275cmp=O.VBU({type:Ie,selectors:[["logo"]],standalone:!0,features:[O.aNF],decls:5,vars:0,consts:[["routerLink","/","tuiLink","",1,"logo-link"],[1,"logo-name"],["alt","Maskito logo","src","assets/icons/maskito.svg",1,"logo"],["alt","by T-Bank","src","assets/icons/by.svg",1,"by"]],template:function(We,wt){1&We&&(O.j41(0,"a",0)(1,"span",1),O.nrm(2,"img",2),O.EFF(3," Maskito "),O.k0s()(),O.nrm(4,"img",3))},dependencies:[X.Wk,Q.Jc],styles:["[_nghost-%COMP%]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{font-size:0}}.logo-link[_ngcontent-%COMP%]{display:flex}.logo-name[_ngcontent-%COMP%]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-%COMP%]{margin-right:.625rem}.by[_ngcontent-%COMP%]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-%COMP%]{display:none}}"],changeDetection:0}),ne})()),fn={providers:[function Bo(){return[...Ui]}(),(0,X.lh)(nr,(0,X.oH)({scrollPositionRestoration:"enabled",anchorScrolling:"enabled"})),fo.K5,function Ut(...Ie){const ne=[Pt,Et,Tn,{provide:Xe,useExisting:Tn},{provide:Ge,useExisting:Et},{provide:vt,useValue:ge,multi:!0},{provide:on,useValue:!0},{provide:ze,useClass:we}];for(const Be of Ie)ne.push(...Be.\u0275providers);return(0,O.EmA)(ne)}(),{provide:c.hb,useClass:c.Sm},{provide:se.xq,useValue:"Maskito | "},{provide:se.sy,useValue:no},{provide:se.Xw,useValue:["Description and examples","API"]},{provide:se.rm,useValue:Rr},{provide:se.QP,useValue:Ie=>{const ne="https://github.com/taiga-family/maskito/tree/main/projects";return Ie.path?"".concat(ne,"/").concat(Ie.path):Ie.package&&"kit"===Ie.package.toLowerCase()?"".concat(ne,"/").concat(Ie.package.toLowerCase(),"/src/lib/masks/").concat((Ie.header.slice(0,1).toLowerCase()+Ie.header.slice(1)).replaceAll(/[A-Z]/g,Be=>"-".concat(Be.toLowerCase()))):null}},{provide:se.ii,useClass:yr.StackblitzService},{provide:se.iQ,useValue:Ie=>{const ne=Object.keys(Ie);return 1===ne.length&&ne[0]===$.w.MaskitoOptions?{...Ie,[$.w.JavaScript]:"import {Maskito, MaskitoOptions} from '@maskito/core';\nimport maskitoOptions from './mask';\n\nconst element = document.querySelector('input,textarea')!;\nconst maskedInput = new Maskito(element, maskitoOptions);\n\n// Call this function when the element is detached from DOM\nmaskedInput.destroy();",[$.w.Angular]:"import {Component} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport type {MaskitoOptions} from '@maskito/core';\n\nimport mask from './mask';\n\n@Component({\n  selector: 'my-app',\n  standalone: true,\n  imports: [MaskitoDirective],\n  template: '<input [maskito]=\"options\" />',\n})\nexport class App {\n  readonly options: MaskitoOptions = mask;\n}",[$.w.React]:"import * as React from 'react';\nimport {useMaskito} from '@maskito/react';\n\nimport options from './mask';\n\nexport default function App() {\n  const maskedInputRef = useMaskito({options});\n\n  return <input ref={maskedInputRef} />;\n}",[$.w.Vue]:"import {createApp} from 'vue';\nimport {maskito} from '@maskito/vue';\n\nimport options from './mask';\n\nconst app = createApp({\n  template: '<input v-maskito=\"options\" />',\n  directives: {maskito},\n  data: () => ({ options }),\n});"}:Ie}},(0,te.Yh)({codeEditorVisibilityHandler:Ie=>{const ne=Object.keys(Ie);return ne.includes($.w.MaskitoOptions)&&ne.includes($.w.JavaScript)},tabTitles:new Map([[$.w.Angular,zo],[$.w.JavaScript,or],[$.w.React,$i],[$.w.Vue,qi]])}),{provide:Pr.sq,useFactory:()=>{const Ie=(0,c.UE)((0,O.WQX)(O.Agw));return{coreLibraryLoader:(ne=(0,j.A)(function*(){return u.e(2707).then(u.bind(u,2707))}),function(){return ne.apply(this,arguments)}),lineNumbersLoader:function(){var ne=(0,j.A)(function*(){return Ie?u.e(3819).then(u.bind(u,3819)):Promise.resolve()});return function(){return ne.apply(this,arguments)}}(),languages:{typescript:function(){var ne=(0,j.A)(function*(){return u.e(7491).then(u.bind(u,7491))});return function(){return ne.apply(this,arguments)}}(),less:function(){var ne=(0,j.A)(function*(){return u.e(5961).then(u.bind(u,5961))});return function(){return ne.apply(this,arguments)}}(),xml:function(){var ne=(0,j.A)(function*(){return u.e(3863).then(u.bind(u,3863))});return function(){return ne.apply(this,arguments)}}()}};var ne}},{provide:se.Y$,useValue:Ie=>{if(Ie.toLowerCase().startsWith("maskito"))return"https://github.com/search?q=%2F%28enum%7Ctype%7Cinterface%7Cclass%7Cfunction%7Cconst%29+".concat(Ie,"%28%3C%7C%5Cs%29%2F+language%3ATypeScript+repo%3Ataiga-family%2Fmaskito+&type=code");switch(Ie){case"Date":return"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date";case"MetadataJson":return"https://github.com/catamphetamine/libphonenumber-js?tab=readme-ov-file#min-vs-max-vs-mobile-vs-core";default:return null}}}]};(0,t.B8)(Ae,fn).catch(Ie=>console.error(Ie))},1286:(St,Fe,u)=>{u.r(Fe),u.d(Fe,{StackblitzEditButtonComponent:()=>O,StackblitzService:()=>Ln,StackblitzStarterComponent:()=>tn});var t=u(4135),c=u(2978);let O=(()=>{var it;class Ye{}return(it=Ye).\u0275fac=function(ae){return new(ae||it)},it.\u0275cmp=c.VBU({type:it,selectors:[["stackblitz-edit-button"]],standalone:!0,features:[c.aNF],decls:2,vars:0,consts:[["appearance","flat","iconStart","assets/icons/stackblitz.svg","size","s","title","Edit on StackBlitz","tuiButton","","type","button"]],template:function(ae,he){1&ae&&(c.j41(0,"button",0),c.EFF(1," Edit "),c.k0s())},dependencies:[t.p],styles:["@media screen and (max-width: 47.9625em){button[_ngcontent-%COMP%]{font-size:0;margin-right:-1rem}}"],changeDetection:0}),Ye})();var N=u(3308),X=u(6610),$=u(7300),W=u(8598),se=u(1760);const te=JSON.parse('{"g5":{"ZX":">=1.0.0"}}'),ye="https://stackblitz.com",q=["angular-cli","create-react-app","html","javascript","node","polymer","typescript","vue"],Ae=["project","search","ports","settings"],j=["light","dark"],oe=["editor","preview"],Le={clickToLoad:it=>Ue("ctl",it),devToolsHeight:it=>Ee("devtoolsheight",it),forceEmbedLayout:it=>Ue("embed",it),hideDevTools:it=>Ue("hidedevtools",it),hideExplorer:it=>Ue("hideExplorer",it),hideNavigation:it=>Ue("hideNavigation",it),openFile:it=>Xe("file",it),showSidebar:it=>function U(it,Ye){return"boolean"==typeof Ye?"".concat(it,"=").concat(Ye?"1":"0"):""}("showSidebar",it),sidebarView:it=>Me("sidebarView",it,Ae),startScript:it=>Xe("startScript",it),terminalHeight:it=>Ee("terminalHeight",it),theme:it=>Me("theme",it,j),view:it=>Me("view",it,oe),zenMode:it=>Ue("zenMode",it),organization:it=>"".concat(Xe("orgName",null==it?void 0:it.name),"&").concat(Xe("orgProvider",null==it?void 0:it.provider)),crossOriginIsolated:it=>Ue("corp",it)};function nt(it={}){const Ye=Object.entries(it).map(([ct,ae])=>null!=ae&&Le.hasOwnProperty(ct)?Le[ct](ae):"").filter(Boolean);return Ye.length?"?".concat(Ye.join("&")):""}function Ue(it,Ye){return!0===Ye?"".concat(it,"=1"):""}function Ee(it,Ye){if("number"==typeof Ye&&!Number.isNaN(Ye)){const ct=Math.min(100,Math.max(0,Ye));return"".concat(it,"=").concat(encodeURIComponent(Math.round(ct)))}return""}function Me(it,Ye="",ct=[]){return ct.includes(Ye)?"".concat(it,"=").concat(encodeURIComponent(Ye)):""}function Xe(it,Ye){return(Array.isArray(Ye)?Ye:[Ye]).filter(ae=>"string"==typeof ae&&""!==ae.trim()).map(ae=>"".concat(it,"=").concat(encodeURIComponent(ae))).join("&")}function at(it,Ye){return"".concat(_t(Ye)).concat(it).concat(nt(Ye))}function _t(it={}){return("string"==typeof it.origin?it.origin:ye).replace(/\/$/,"")}function Tt(it){return it&&!1===it.newWindow?"_self":"_blank"}function de({template:it,title:Ye,description:ct,dependencies:ae,files:he,settings:je}){if(!q.includes(it)){const Tn=q.map(mn=>"'".concat(mn,"'")).join(", ");console.warn("Unsupported project.template: must be one of ".concat(Tn))}const vt=[],Bt=(Tn,mn,An="")=>{vt.push(function J(it,Ye){const ct=document.createElement("input");return ct.type="hidden",ct.name=it,ct.value=Ye,ct}(Tn,"string"==typeof mn?mn:An))};Bt("project[title]",Ye),"string"==typeof ct&&ct.length>0&&Bt("project[description]",ct),Bt("project[template]",it,"javascript"),ae&&("node"===it?console.warn("Invalid project.dependencies: dependencies must be provided as a 'package.json' file when using the 'node' template."):Bt("project[dependencies]",JSON.stringify(ae))),je&&Bt("project[settings]",JSON.stringify(je)),Object.entries(he).forEach(([Tn,mn])=>{Bt("project[files][".concat(function ie(it){return it.replace(/\[/g,"%5B").replace(/\]/g,"%5D")}(Tn),"]"),mn)});const pn=document.createElement("form");return pn.method="POST",pn.setAttribute("style","display:none!important;"),pn.append(...vt),pn}const Gt_openProject=function ke(it,Ye){!function Se(it,Ye){const ct=de(it);ct.action=at("/run",Ye),ct.target=Tt(Ye),document.body.appendChild(ct),ct.submit(),document.body.removeChild(ct)}(it,Ye)};var an=u(5173);let Ln=(()=>{var it;class Ye{constructor(){this.baseProjectConfigs={template:"typescript",dependencies:{"@maskito/core":"latest","@maskito/kit":"latest","@maskito/phone":"latest","libphonenumber-js":te.g5.ZX}},this.name="Stackblitz",this.content=new an.lS(O)}edit(ae,he,je){var vt=this;return(0,N.A)(function*(){var Bt,pn;const[Tn="",mn=""]=yield Promise.all([u.e(1250).then(u.t.bind(u,1250,17)),u.e(2741).then(u.t.bind(u,2741,17))].map($.XZ));return Gt_openProject({...vt.baseProjectConfigs,title:"maskito/".concat(ae,"/").concat(he),description:"Maskito example of the component ".concat(ae),files:{"index.html":ae.includes("textarea")?"<textarea></textarea>":"<input />","styles.css":mn,"index.ts":null!==(Bt=(0,$.SH)(Tn)[0])&&void 0!==Bt?Bt:"","mask.ts":null!==(pn=je[se.w.MaskitoOptions])&&void 0!==pn?pn:""}},{openFile:"index.ts,mask.ts"})})()}openStarter({title:ae,description:he,files:je},vt){return Gt_openProject({...this.baseProjectConfigs,title:ae,description:he,files:je},vt)}}return(it=Ye).\u0275fac=function(ae){return new(ae||it)},it.\u0275prov=c.jDH({token:it,factory:it.\u0275fac}),Ye})(),tn=(()=>{var it;class Ye{constructor(){this.platformId=(0,c.WQX)(c.Agw),this.stackblitz=(0,c.WQX)(Ln)}ngOnInit(){var ae=this;return(0,N.A)(function*(){(0,X.UE)(ae.platformId)&&(yield ae.openStackblitz())})()}openStackblitz(){var ae=this;return(0,N.A)(function*(){const[he="",je=""]=yield Promise.all([u.e(3918).then(u.t.bind(u,3918,17)),u.e(2741).then(u.t.bind(u,2741,17))].map($.XZ));return ae.stackblitz.openStarter({title:"Maskito Starter",description:"A starter with Maskito library\nDocumentation: https://maskito.dev",files:{"index.html":"<input />","index.ts":he,"styles.css":je}},{newWindow:!1,openFile:"index.ts",hideExplorer:!0})})()}}return(it=Ye).\u0275fac=function(ae){return new(ae||it)},it.\u0275cmp=c.VBU({type:it,selectors:[["stackblitz-starter"]],standalone:!0,features:[c.Jv_([Ln]),c.aNF],decls:1,vars:1,consts:[["size","xxl","textContent","Stackblitz loading...",1,"loader",3,"overlay"]],template:function(ae,he){1&ae&&c.nrm(0,"tui-loader",0),2&ae&&c.Y8G("overlay",!0)},dependencies:[W.ap],styles:[".loader[_ngcontent-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;z-index:1;background:var(--tui-background-base)}"],changeDetection:0}),Ye})()},168:(St,Fe,u)=>{u.d(Fe,{sd:()=>ee,N_:()=>Se,GH:()=>Ye,DX:()=>je,lp:()=>co,hK:()=>de,TK:()=>pi,VM:()=>un,xg:()=>k,Kf:()=>J,iZ:()=>Pe,A6:()=>ke,d5:()=>xi,Um:()=>Ln});var t=u(1860);function c(Te,$e,et){const Je=Math.min(Number(et),Math.max(Number($e),Number(Te)));return Te instanceof Date?new Date(Je):Je}function O(Te,{day:$e,month:et,year:Je}={}){const qe=new Date(Te);return $e&&qe.setDate(qe.getDate()+$e),et&&qe.setMonth(qe.getMonth()+et),Je&&qe.setFullYear(qe.getFullYear()+Je),qe}function N(Te){return{day:String(Te.getDate()).padStart(2,"0"),month:String(Te.getMonth()+1).padStart(2,"0"),year:String(Te.getFullYear()).padStart(4,"0"),hours:String(Te.getHours()).padStart(2,"0"),minutes:String(Te.getMinutes()).padStart(2,"0"),seconds:String(Te.getSeconds()).padStart(2,"0"),milliseconds:String(Te.getMilliseconds()).padStart(3,"0")}}function X(Te){return Te.replaceAll(/\W/g,"").length}function W(Te,$e){return!(Te.length<$e.length)&&Te.split(/\D/).every(et=>!/^0+$/.exec(et))}function se(Te,$e,et){const Je=X($e);return Te.replace(et,"").match(new RegExp("(\\D*\\d[^\\d\\s]*){1,".concat(Je,"}"),"g"))||[]}function te(Te,$e){const et=$e.replaceAll(/[^dmy]/g,""),Je=Te.replaceAll(/\D+/g,""),qe={day:Je.slice(et.indexOf("d"),et.lastIndexOf("d")+1),month:Je.slice(et.indexOf("m"),et.lastIndexOf("m")+1),year:Je.slice(et.indexOf("y"),et.lastIndexOf("y")+1)};return Object.fromEntries(Object.entries(qe).filter(([ft,gt])=>!!gt).sort(([ft],[gt])=>$e.toLowerCase().indexOf(ft.slice(0,1))>$e.toLowerCase().indexOf(gt.slice(0,1))?1:-1))}function Z(Te,$e){var et,Je,qe,ft,gt,bt,yt;const It=2===(null===(et=Te.year)||void 0===et?void 0:et.length)?"20".concat(Te.year):Te.year,Nt=new Date(Number(null!=It?It:"0"),Number(null!==(Je=Te.month)&&void 0!==Je?Je:"1")-1,Number(null!==(qe=Te.day)&&void 0!==qe?qe:"1"),Number(null!==(ft=null==$e?void 0:$e.hours)&&void 0!==ft?ft:"0"),Number(null!==(gt=null==$e?void 0:$e.minutes)&&void 0!==gt?gt:"0"),Number(null!==(bt=null==$e?void 0:$e.seconds)&&void 0!==bt?bt:"0"),Number(null!==(yt=null==$e?void 0:$e.milliseconds)&&void 0!==yt?yt:"0"));return Nt.setFullYear(Number(null!=It?It:"0")),Nt}const Q=", ";function ye({day:Te,month:$e,year:et,hours:Je,minutes:qe,seconds:ft,milliseconds:gt},{dateMode:bt,dateTimeSeparator:yt=Q,timeMode:It}){var Nt;const en=2===(null===(Nt=bt.match(/y/g))||void 0===Nt?void 0:Nt.length)?null==et?void 0:et.slice(-2):et;return(bt+(It?yt+It:"")).replaceAll(/d+/g,null!=Te?Te:"").replaceAll(/m+/g,null!=$e?$e:"").replaceAll(/y+/g,null!=en?en:"").replaceAll(/H+/g,null!=Je?Je:"").replaceAll("MSS",null!=gt?gt:"").replaceAll(/M+/g,null!=qe?qe:"").replaceAll(/S+/g,null!=ft?ft:"").replaceAll(/^\D+/g,"").replaceAll(/\D+$/g,"")}var q=u(4495);const Ae=Te=>{var $e,et,Je,qe,ft,gt;return{day:null!==($e=null===(et=Te.match(/d/g))||void 0===et?void 0:et.length)&&void 0!==$e?$e:0,month:null!==(Je=null===(qe=Te.match(/m/g))||void 0===qe?void 0:qe.length)&&void 0!==Je?Je:0,year:null!==(ft=null===(gt=Te.match(/y/g))||void 0===gt?void 0:gt.length)&&void 0!==ft?ft:0}};function j({dateString:Te,dateModeTemplate:$e,dateSegmentsSeparator:et,offset:Je,selection:[qe,ft]}){const gt=te(Te,$e),bt=Object.entries(gt),yt={};for(const[en,Zt]of bt){const gn=ye(yt,{dateMode:$e}),On=q.Gq[en],$n=Je+gn.length+(gn.length&&et.length)+Ae($e)[en],Nn=$n>=qe&&$n===ft;if(Nn&&Number(Zt)>Number(On))return{validatedDateString:"",updatedSelection:[qe,ft]};if(Nn&&Number(Zt)<1)return{validatedDateString:"",updatedSelection:[qe,ft]};yt[en]=Zt}const It=ye(yt,{dateMode:$e}),Nt=It.length-Te.length;return{validatedDateString:It,updatedSelection:[qe+Nt,ft+Nt]}}let Le,oe=Te=>Te;const nt=/[\\^$.*+?()[\]{}|]/g,Ue=new RegExp(nt.source);function U(Te){return Te&&Ue.test(Te)?Te.replaceAll(nt,String.raw(Le||(Le=oe($v||($v=Zo(["$&"],["\\$&"])))))):Te}function Ee(Te,{prefix:$e,postfix:et}){var Je,qe;const ft=new RegExp("^".concat(U($e))),gt=new RegExp("".concat(U(et),"$")),[bt=""]=null!==(Je=Te.match(ft))&&void 0!==Je?Je:[],[yt=""]=null!==(qe=Te.match(gt))&&void 0!==qe?qe:[];return{extractedPrefix:bt,extractedPostfix:yt,cleanValue:Te.replace(ft,"").replace(gt,"")}}function Xe(Te){return Te}function Ge(Te){return!Te||"object"==typeof Te&&0===Object.keys(Te).length}const at=/^0+$/;function tt(Te,$e,et=0){const Je=Te.padEnd($e.length,"0");if(Number(Je)<=Number($e))return{validatedSegmentValue:Te,prefixedZeroesCount:et};if(Je.endsWith("0"))return tt("0".concat(Te.slice(0,$e.length-1)),$e,et+1);const qe=Te.slice(0,$e.length-1);return at.exec(qe)?{validatedSegmentValue:"",prefixedZeroesCount:et}:tt("".concat(qe,"0"),$e,et)}function _t(Te){return Te.replaceAll(new RegExp(q.yq,"g"),q.L7)}function Ht(Te){return Te.replaceAll(/[\uff10-\uff19]/g,$e=>String.fromCharCode($e.charCodeAt(0)-65248))}function Wt(){return({elementState:Te,data:$e})=>{const{value:et,selection:Je}=Te;return{elementState:{selection:Je,value:_t(et)},data:_t($e)}}}function Tt({dateModeTemplate:Te,dateSegmentSeparator:$e,splitFn:et,uniteFn:Je}){return({value:qe,selection:ft})=>{var gt;const[bt,yt]=ft,{dateStrings:It,restPart:Nt=""}=et(qe),en=[];let Zt=0;It.forEach(On=>{const Gn=te(On,Te),Nn=Object.entries(Gn).reduce((Yn,[Di,Ui])=>{const{validatedSegmentValue:Ji,prefixedZeroesCount:_o}=tt(Ui,"".concat(q.Gq[Di]));return Zt+=_o,{...Yn,[Di]:Ji}},{});en.push(ye(Nn,{dateMode:Te}))});const gn=Je(en,qe)+(null!==(gt=It[It.length-1])&&void 0!==gt&&gt.endsWith($e)?$e:"")+Nt;return Zt&&gn.slice(yt+Zt,yt+Zt+$e.length)===$e&&(Zt+=$e.length),{selection:[bt+Zt,yt+Zt],value:gn}}}function Ot({dateModeTemplate:Te,firstDateEndSeparator:$e,dateSegmentSeparator:et,pseudoFirstDateEndSeparators:Je}){return({elementState:qe,data:ft})=>{const{value:gt,selection:bt}=qe,yt=function $(Te,$e){const et=X($e),[Je=""]=new RegExp("(\\D*\\d){".concat(et,"}")).exec(Te)||[];return Je}(gt,Te),It=Je.filter(en=>!$e.includes(en)&&en!==et),Nt=new RegExp("[".concat(It.join(""),"]"),"gi");return{elementState:{selection:bt,value:yt&&gt.length>yt.length?yt+gt.slice(yt.length).replace(/^[\D\s]*/,$e):gt},data:ft.replace(Nt,$e)}}}function Rt(){return({elementState:Te,data:$e})=>{const{value:et,selection:Je}=Te;return{elementState:{selection:Je,value:Ht(et)},data:Ht($e)}}}function mt(Te,$e){const et=Ae($e);return Object.fromEntries(Object.entries(Te).map(([Je,qe])=>{const ft=et[Je];return[Je,qe.length===ft&&/^0+$/.exec(qe)?"1".padStart(ft,"0"):qe]}))}function le({dateModeTemplate:Te,min:$e=q.Wv,max:et=q.Qn,rangeSeparator:Je="",dateSegmentSeparator:qe="."}){return({value:ft,selection:gt})=>{const bt=Je&&ft.endsWith(Je),yt=se(ft,Te,Je);let It="";for(const Nt of yt){It+=It?Je:"";const en=te(Nt,Te);W(Nt,Te)?It+=ye(N(c(Z(en),$e,et)),{dateMode:Te}):It+=ye(mt(en,Te),{dateMode:Te})+(Nt.endsWith(qe)?qe:"")}return{selection:gt,value:It+(bt?Je:"")}}}function H({dateModeTemplate:Te,dateSegmentsSeparator:$e,rangeSeparator:et="",dateTimeSeparator:Je=Q}){return({elementState:qe,data:ft})=>{var gt;const bt=et?new RegExp("".concat(et,"|-")):Je,yt=ft.split(bt),It=ft.includes(Je)?[null!==(gt=yt[0])&&void 0!==gt?gt:""]:yt;if(It.every(Nt=>Nt.trim().split(/\D/).filter(Boolean).length===Te.split($e).length)){const Nt=It.map(en=>function ce(Te,$e,et){const Je=Te.split(/\D/).filter(Boolean),qe=$e.split(et);return Je.map((gt,bt)=>{var yt,It;return bt===qe.length-1?gt:gt.padStart(null!==(yt=null===(It=qe[bt])||void 0===It?void 0:It.length)&&void 0!==yt?yt:0,"0")}).join(et)}(en,Te,$e)).join(et);return{elementState:qe,data:"".concat(Nt).concat(ft.includes(Je)&&Je+yt[1]||"")}}return{elementState:qe,data:ft}}}function k(Te){const $e=new RegExp("".concat(U(Te),"$"));return Te?({value:et,selection:Je},qe)=>{if(!et&&!qe.value.endsWith(Te))return{value:et,selection:Je};if(!et.endsWith(Te)&&!qe.value.endsWith(Te))return{selection:Je,value:et+Te};const ft=qe.value.replace($e,""),gt=qe.selection[1]>=ft.length,bt=function Me(Te,$e){let et="";for(let Je=0;Je<Te.length;Je++){if(Te[Je]!==$e[Je])return et;et+=Te[Je]}return et}(ft,et);return{selection:Je,value:Array.from(Te).reverse().reduce((yt,It,Nt)=>{const en=yt.length-1-Nt;return yt[en]!==It||bt[en]===It&&gt?yt.slice(0,en+1)+It+yt.slice(en+1):yt},et)}}:Xe}function J(Te){return Te?({value:$e,selection:et},Je)=>{if($e.startsWith(Te)||!$e&&!Je.value.startsWith(Te))return{value:$e,selection:et};const[qe,ft]=et,gt=Array.from(Te).reduce((yt,It,Nt)=>yt[Nt]===It?yt:yt.slice(0,Nt)+It+yt.slice(Nt),$e),bt=gt.length-$e.length;return{selection:[qe+bt,ft+bt],value:gt}}:Xe}function ie({dateModeTemplate:Te,dateSegmentsSeparator:$e,rangeSeparator:et=""}){return({elementState:Je,data:qe})=>{const{value:ft,selection:gt}=Je;if(qe===$e)return{elementState:Je,data:gt[0]===ft.length?qe:""};const bt=qe.replaceAll(new RegExp("[^\\d".concat(U($e)).concat(et,"]"),"g"),"");if(!bt)return{elementState:Je,data:""};const[yt,It]=gt;let Nt=It+qe.length;const en=ft.slice(0,yt)+bt+ft.slice(Nt),Zt=se(en,Te,et);let gn="";const On=!!et&&en.includes(et);for(const $n of Zt){const{validatedDateString:Nn,updatedSelection:Yn}=j({dateString:$n,dateModeTemplate:Te,dateSegmentsSeparator:$e,offset:gn.length,selection:[yt,Nt]});if($n&&!Nn)return{elementState:Je,data:""};Nt=Yn[1],gn+=On&&!gn?Nn+et:Nn}const Gn=gn.slice(yt,Nt);return{elementState:{selection:gt,value:gn.slice(0,yt)+Gn.split($e).map($n=>"0".repeat($n.length)).join($e)+gn.slice(Nt)},data:Gn}}}function de(Te,$e,et){return(Je,qe)=>{const ft=()=>$e(Je,qe);return Je.addEventListener(Te,ft,et),()=>Je.removeEventListener(Te,ft,et)}}function ee(Te){return de("focus",$e=>{$e.value||(0,t.Gq)($e,Te)})}function Se(Te){return $e=>{const et=$e.ownerDocument;let Je=0;const qe=()=>Je++,ft=()=>{Je=Math.max(--Je,0)},gt=()=>{var bt,yt;if(!$e.matches(":focus"))return;if(Je)return et.addEventListener("mouseup",gt,{once:!0,passive:!0});const It=null!==(bt=$e.selectionStart)&&void 0!==bt?bt:0,Nt=null!==(yt=$e.selectionEnd)&&void 0!==yt?yt:0,[en,Zt]=Te($e.value,[It,Nt]);(en>It||Zt<Nt)&&$e.setSelectionRange(c(It,en,Zt),c(Nt,en,Zt))};return et.addEventListener("selectionchange",gt,{passive:!0}),$e.addEventListener("mousedown",qe,{passive:!0}),et.addEventListener("mouseup",ft,{passive:!0}),()=>{et.removeEventListener("selectionchange",gt),et.removeEventListener("mousedown",qe),et.removeEventListener("mouseup",ft)}}}const Pe=Te=>{const $e=()=>{const et=Te.value;Te.addEventListener("beforeinput",Je=>{Je.defaultPrevented&&et===Te.value&&Te.dispatchEvent(new CustomEvent("maskitoReject",{bubbles:!0}))},{once:!0})};return Te.addEventListener("beforeinput",$e,!0),()=>Te.removeEventListener("beforeinput",$e,!0)};function ke(Te){return de("blur",$e=>{$e.value===Te&&(0,t.Gq)($e,"")})}const Re=()=>{};function Ke({step:Te,fullMode:$e,timeSegmentMaxValues:et}){const Je=function Dt(Te){return new Map([["hours",Pt(Te,"HH")],["milliseconds",Pt(Te,"MSS")],["minutes",Pt(Te,"MM")],["seconds",Pt(Te,"SS")]])}($e);return Te<=0?Re:qe=>{const ft=gt=>{var bt;if("ArrowUp"!==gt.key&&"ArrowDown"!==gt.key)return;gt.preventDefault();const yt=null!==(bt=qe.selectionStart)&&void 0!==bt?bt:0,It=function Kt({segmentsIndexes:Te,selectionStart:$e}){for(const[et,Je]of Te.entries()){const[qe,ft]=Je;if(qe<=$e&&$e<=ft)return et}return null}({segmentsIndexes:Je,selectionStart:yt});if(!It)return;const Nt=function Gt({selection:Te,value:$e,toAdd:et,max:Je}){const[qe,ft]=Te,bt=function an(Te,$e){return Te<0&&(Te+=Math.floor(Math.abs(Te)/$e+1)*$e),Te%$e}(Number($e.slice(qe,ft).padEnd(ft-qe,"0"))+et,Je+1);return $e.slice(0,qe)+String(bt).padStart(ft-qe,"0")+$e.slice(ft,$e.length)}({selection:Je.get(It),value:qe.value,toAdd:"ArrowUp"===gt.key?Te:-Te,max:et[It]});(0,t.Gq)(qe,{value:Nt,selection:[yt,yt]})};return qe.addEventListener("keydown",ft),()=>qe.removeEventListener("keydown",ft)}}function Pt(Te,$e){const et=Te.indexOf($e);return-1===et?[-1,-1]:[et,et+$e.length]}function Ln(Te,$e=!1){let et="",Je="validation";const qe=bt=>{for(let yt=bt.length-1;yt>=et.length;yt--)if(bt[yt]!==Te[yt])return bt.slice(0,yt+1);return bt.slice(0,et.length)},ft=[Se(bt=>[0,qe(bt).length])];let gt=!1;if($e){const bt=de("focus",It=>{gt=!0,(0,t.Gq)(It,It.value+Te.slice(It.value.length))},{capture:!0}),yt=de("blur",It=>{gt=!1,(0,t.Gq)(It,qe(It.value))},{capture:!0});ft.push(bt,yt)}return{plugins:ft,removePlaceholder:qe,preprocessors:[({elementState:bt,data:yt},It)=>{Je=It;const{value:Nt,selection:en}=bt;return{elementState:{selection:en,value:qe(Nt)},data:yt}}],postprocessors:[({value:bt,selection:yt},It)=>{et=bt;const Nt=bt+Te.slice(bt.length,It.value.length)===It.value;if("validation"===Je&&Nt)return{selection:yt,value:It.value};const en=gt||!$e?bt+Te.slice(bt.length):bt;if(en===It.value&&"deleteBackward"===Je){const[Zt]=It.selection;return{value:en,selection:[Zt,Zt]}}return{value:en,selection:yt}}]}}function Ye({mode:Te,separator:$e=".",max:et,min:Je}){const qe=Te.split("/").join($e);return{...t.oI,mask:Array.from(qe).map(ft=>$e.includes(ft)?ft:/\d/),overwriteMode:"replace",preprocessors:[Rt(),({elementState:Te},$e)=>{const{value:et,selection:Je}=Te;if(!et||function it(Te,[$e,et]){return et===Te.length}(et,Je))return{elementState:Te};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},H({dateModeTemplate:qe,dateSegmentsSeparator:$e}),ie({dateModeTemplate:qe,dateSegmentsSeparator:$e})],postprocessors:[Tt({dateModeTemplate:qe,dateSegmentSeparator:$e,splitFn:ft=>({dateStrings:[ft]}),uniteFn:([ft=""])=>ft}),le({min:Je,max:et,dateModeTemplate:qe,dateSegmentSeparator:$e})]}}const ct=[q.SD,q.c,q.PN,q.el,q.ZQ];function ae({dateModeTemplate:Te,rangeSeparator:$e,minLength:et,maxLength:Je,max:qe=q.Qn}){return Ge(et)&&Ge(Je)?Xe:({value:ft,selection:gt})=>{const bt=se(ft,Te,$e);if(2!==bt.length||bt.some(On=>!W(On,Te)))return{value:ft,selection:gt};const[yt,It]=bt.map(On=>Z(te(On,Te)));if(!yt||!It)return{value:ft,selection:gt};const Nt=O(yt,{...et,day:(null==et?void 0:et.day)&&et.day-1}),en=Ge(Je)?qe:O(yt,{...Je,day:(null==Je?void 0:Je.day)&&Je.day-1}),Zt=c(It,Nt,qe);return{selection:gt,value:bt[0]+$e+ye(N(Zt>en?en:Zt),{dateMode:Te})}}}function he({dateModeTemplate:Te,rangeSeparator:$e}){return({value:et,selection:Je})=>{const qe=se(et,Te,$e),ft=2===qe.length&&qe.every(Zt=>W(Zt,Te)),[gt,bt]=Je;if(!((gt>=et.length||0===gt&&bt>=et.length)&&ft))return{value:et,selection:Je};const[Nt,en]=qe.map(Zt=>Z(te(Zt,Te)));return{selection:Je,value:Nt&&en&&Nt>en?qe.reverse().join($e):et}}}function je({mode:Te,min:$e,max:et,minLength:Je,maxLength:qe,dateSeparator:ft=".",rangeSeparator:gt="".concat(q.am).concat(q.c).concat(q.am)}){const bt=Te.split("/").join(ft),yt=Array.from(bt).map(It=>ft.includes(It)?It:/\d/);return{...t.oI,mask:[...yt,...Array.from(gt),...yt],overwriteMode:"replace",preprocessors:[Rt(),Ot({dateModeTemplate:bt,dateSegmentSeparator:ft,firstDateEndSeparator:gt,pseudoFirstDateEndSeparators:ct}),({elementState:Te},$e)=>{const{value:et,selection:Je}=Te;if(!et||function it(Te,[$e,et]){return et===Te.length}(et,Je))return{elementState:Te};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},H({dateModeTemplate:bt,rangeSeparator:gt,dateSegmentsSeparator:ft}),ie({dateModeTemplate:bt,rangeSeparator:gt,dateSegmentsSeparator:ft})],postprocessors:[Tt({dateModeTemplate:bt,dateSegmentSeparator:ft,splitFn:It=>({dateStrings:se(It,bt,gt)}),uniteFn:(It,Nt)=>It.reduce((en,Zt,gn)=>en+Zt+(!gn&&Nt.includes(gt)?gt:""),"")}),le({min:$e,max:et,dateModeTemplate:bt,rangeSeparator:gt,dateSegmentSeparator:ft}),ae({dateModeTemplate:bt,minLength:Je,maxLength:qe,max:et,rangeSeparator:gt}),he({dateModeTemplate:bt,rangeSeparator:gt})]}}function pn(Te){return function vt(Te,$e){return Object.fromEntries(Object.entries(Te).map(([et,Je])=>[et,$e(String(Je),q.Kb[et])]))}(Te,($e,et)=>$e.padStart(et,"0"))}const Tn={HH:"hours",MM:"minutes",SS:"seconds",MSS:"milliseconds"};function mn(Te,$e){const et=Te.replaceAll(/\D+/g,"");let Je=0;return Object.fromEntries($e.split(/\W/).map(qe=>{const ft=et.slice(Je,Je+qe.length);return Je+=qe.length,[Tn[qe],ft]}))}const An=/^\D*/,Qi=/\D*$/;function Sn({hours:Te="",minutes:$e="",seconds:et="",milliseconds:Je=""}){return"".concat(Te,":").concat($e,":").concat(et,".").concat(Je).replace(An,"").replace(Qi,"")}const Ni=new RegExp("[".concat(q.ub.map(U).join(""),"]$"));function zn({timeString:Te,paddedMaxValues:$e,offset:et,selection:[Je,qe],timeMode:ft}){const gt=mn(Te,ft),bt=Object.entries(gt),yt={};let It=0;for(const[gn,On]of bt){const Gn=Sn(yt),$n=$e[gn],Yn=et+Gn.length+(Gn.length&&1)+q.Kb[gn];if(Yn>=Je&&Yn<=qe&&Number(On)>Number($n))return{validatedTimeString:"",updatedTimeSelection:[Je,qe]};const{validatedSegmentValue:Ui,prefixedZeroesCount:Ji}=tt(On,"".concat($n));It+=Ji,yt[gn]=Ui}const[Nt=""]=Te.match(Ni)||[],en=Sn(yt)+Nt,Zt=Math.max(en.length-Te.length,0);return{validatedTimeString:en,updatedTimeSelection:[Je+It+Zt,qe+It+Zt]}}function bi(Te,{dateModeTemplate:$e,dateTimeSeparator:et}){const Je=Te.includes(et);return[Te.slice(0,$e.length),Te.slice(Je?$e.length+et.length:$e.length)]}function To({dateModeTemplate:Te,timeMode:$e,min:et=q.Wv,max:Je=q.Qn,dateTimeSeparator:qe}){return({value:ft,selection:gt})=>{const[bt,yt]=bi(ft,{dateModeTemplate:Te,dateTimeSeparator:qe}),It=te(bt,Te),Nt=mn(yt,$e);if(!function Bi(Te,{dateMode:$e,timeMode:et,dateTimeSeparator:Je=Q}){var qe;return Te.length>=$e.length+et.length+Je.length&&(null!==(qe=Te.split(Je)[0])&&void 0!==qe?qe:"").split(/\D/).every(ft=>!/^0+$/.exec(ft))}(ft,{dateMode:Te,timeMode:$e,dateTimeSeparator:qe})){const On=mt(It,Te),{year:Gn,month:$n,day:Nn}=W(bt,Te)?N(c(Z(On),et,Je)):On,Yn=ye({year:Gn,month:$n,day:Nn,...Nt},{dateMode:Te,dateTimeSeparator:qe,timeMode:$e});return{selection:gt,value:Yn+ft.slice(Yn.length)}}return{selection:gt,value:ye(N(c(Z(It,Nt),et,Je)),{dateMode:Te,dateTimeSeparator:qe,timeMode:$e})}}}function ci({dateModeTemplate:Te,dateSegmentsSeparator:$e,dateTimeSeparator:et,timeMode:Je}){const qe=new RegExp("[^\\d".concat(q.ub.map(U).join("")).concat(U($e),"]+"));return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft;if(gt===$e)return{elementState:ft,data:yt[0]===bt.length?gt:""};const It=gt.replace(qe,"");if(!It)return{elementState:ft,data:""};const[Nt,en]=yt;let Zt=en+gt.length;const gn=bt.slice(0,Nt)+It+bt.slice(Zt),[On,Gn]=bi(gn,{dateModeTemplate:Te,dateTimeSeparator:et});let $n="";const Nn=gn.includes(et),{validatedDateString:Yn,updatedSelection:Di}=j({dateString:On,dateSegmentsSeparator:$e,dateModeTemplate:Te,offset:0,selection:[Nt,Zt]});if(On&&!Yn)return{elementState:ft,data:""};Zt=Di[1],$n+=Yn;const Ui=pn(q.qi),{validatedTimeString:Ji,updatedTimeSelection:_o}=zn({timeString:Gn,paddedMaxValues:Ui,offset:$n.length+et.length,selection:[Nt,Zt],timeMode:Je});if(Gn&&!Ji)return{elementState:ft,data:""};Zt=_o[1],$n+=Nn?et+Ji:Ji;const Bo=$n.slice(Nt,Zt);return{elementState:{selection:yt,value:$n.slice(0,Nt)+Bo.split($e).map(vo=>"0".repeat(vo.length)).join($e)+$n.slice(Zt)},data:Bo}}}function co({dateMode:Te,timeMode:$e,dateSeparator:et=".",min:Je,max:qe,dateTimeSeparator:ft=Q,timeStep:gt=0}){const bt=Te.split("/").join(et);return{...t.oI,mask:[...Array.from(bt).map(yt=>et.includes(yt)?yt:/\d/),...ft.split(""),...Array.from($e).map(yt=>q.ub.includes(yt)?yt:/\d/)],overwriteMode:"replace",preprocessors:[Rt(),Wt(),Ot({dateModeTemplate:bt,dateSegmentSeparator:et,firstDateEndSeparator:ft,pseudoFirstDateEndSeparators:ft.split("")}),({elementState:Te},$e)=>{const{value:et,selection:Je}=Te;if(!et||function it(Te,[$e,et]){return et===Te.length}(et,Je))return{elementState:Te};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},H({dateModeTemplate:bt,dateSegmentsSeparator:et,dateTimeSeparator:ft}),ci({dateModeTemplate:bt,dateSegmentsSeparator:et,dateTimeSeparator:ft,timeMode:$e})],postprocessors:[Tt({dateModeTemplate:bt,dateSegmentSeparator:et,splitFn:yt=>{const[It,Nt]=bi(yt,{dateModeTemplate:bt,dateTimeSeparator:ft});return{dateStrings:[It],restPart:Nt}},uniteFn:([yt],It)=>yt+(It.includes(ft)?ft:"")}),To({min:Je,max:qe,dateModeTemplate:bt,timeMode:$e,dateTimeSeparator:ft})],plugins:[Ke({step:gt,fullMode:"".concat(bt).concat(ft).concat($e),timeSegmentMaxValues:q.qi})]}}function mo({prefix:Te,postfix:$e}){return({elementState:et,data:Je})=>{const{cleanValue:qe}=Ee(Je,{prefix:Te,postfix:$e});return{elementState:et,data:qe}}}let Et,on,Vi=Te=>Te;function cn({decimalSeparator:Te,isNegativeAllowed:$e,precision:et,thousandSeparator:Je,prefix:qe,postfix:ft,decimalPseudoSeparators:gt=[],pseudoMinuses:bt=[],minusSign:yt}){const It=xt(qe),Nt=String.raw(Et||(Et=Vi(Hv||(Hv=Zo(["d"],["\\d"]))))),en=$e?"[".concat(yt).concat(bt.map($n=>"\\".concat($n)).join(""),"]?"):"",Zt=Je?"[".concat(Nt).concat(U(Je).replaceAll(/\s/g,String.raw(on||(on=Vi(zv||(zv=Zo(["s"],["\\s"])))))),"]*"):"[".concat(Nt,"]*"),gn=Number.isFinite(et)?et:"",On=et>0?"([".concat(U(Te)).concat(gt.map(U).join(""),"]").concat(Nt,"{0,").concat(gn,"})?"):"",Gn=xt(ft);return new RegExp("^".concat(It).concat(en).concat(Zt).concat(On).concat(Gn,"$"))}function xt(Te){return Te?"".concat(Te.split("").map($e=>"".concat(U($e),"?")).join("")):""}function un(Te,$e="."){const et=!!new RegExp("^\\D*[".concat(q.el,"\\").concat(q.SD).concat(q.c).concat(q.PN).concat(q.ZQ,"]")).exec(Te),Je=U($e),qe=Te.replaceAll(new RegExp("".concat(Je,"(?!\\d)"),"g"),"").replaceAll(new RegExp("[^\\d".concat(Je,"]"),"g"),"").replace($e,".");return qe?Number("".concat(et?q.SD:"").concat(qe)):NaN}function ze(Te,{decimalSeparator:$e,thousandSeparator:et}){const[Je="",qe=""]=Te.split($e),[,ft="",gt=""]=new RegExp("([^\\d".concat(U(et),"]+)?(.*)")).exec(Je)||[];return{minus:ft,integerPart:gt,decimalPart:qe}}function ge({decimalSeparator:Te,precision:$e,decimalZeroPadding:et,prefix:Je,postfix:qe}){return $e<=0||!et?Xe:({value:ft,selection:gt})=>{const{cleanValue:bt,extractedPrefix:yt,extractedPostfix:It}=Ee(ft,{prefix:Je,postfix:qe});if(Number.isNaN(un(bt,Te)))return{value:ft,selection:gt};const[Nt,en=""]=bt.split(Te);return{value:yt+Nt+Te+en.padEnd($e,"0")+It,selection:gt}}}function Y({prefix:Te,postfix:$e,decimalSeparator:et,thousandSeparator:Je}){return({value:qe,selection:ft})=>{const[gt]=ft,{cleanValue:bt,extractedPrefix:yt,extractedPostfix:It}=Ee(qe,{prefix:Te,postfix:$e}),{minus:Nt,integerPart:en,decimalPart:Zt}=ze(bt,{decimalSeparator:et,thousandSeparator:Je}),gn=!en&&!Zt&&bt.includes(et);return!en&&!Number(Zt)&&gt===(Nt+yt).length||gn?{selection:ft,value:yt+Nt+It}:{value:qe,selection:ft}}}function He({decimalSeparator:Te,decimalPseudoSeparators:$e,pseudoMinuses:et,prefix:Je,postfix:qe,minusSign:ft}){let gt=!0;const bt=cn({decimalSeparator:Te,decimalPseudoSeparators:$e,pseudoMinuses:et,prefix:"",postfix:"",thousandSeparator:"",precision:1/0,isNegativeAllowed:!0,minusSign:ft});return({elementState:yt,data:It})=>{if(!gt)return{elementState:yt,data:It};gt=!1;const{value:Nt,selection:en}=yt,[Zt,gn]=en,{extractedPrefix:On,cleanValue:Gn,extractedPostfix:$n}=Ee(Nt,{prefix:Je,postfix:qe}),Nn=(0,t.bc)({selection:[Math.max(Zt-On.length,0),c(gn-On.length,0,Gn.length)],value:Gn},{mask:bt}),[Yn,Di]=Nn.selection;return{elementState:{selection:[Yn+On.length,Di+On.length],value:On+Nn.value+$n},data:It}}}function Ut({min:Te,max:$e,decimalSeparator:et,minusSign:Je}){return({value:qe,selection:ft})=>{const gt=un(qe,et),bt=gt>0?Math.min(gt,$e):Math.max(gt,Te);if(gt&&bt!==gt){const yt="".concat(bt).replace(".",et).replace(q.SD,Je);return{value:yt,selection:[yt.length,yt.length]}}return{value:qe,selection:ft}}}function jt({decimalSeparator:Te,thousandSeparator:$e,decimalZeroPadding:et}){return({elementState:Je,data:qe},ft)=>{const{value:gt,selection:bt}=Je,[yt,It]=bt,Nt=gt.slice(yt,It),en=et?[Te,$e]:[$e],Zt=et&&yt>gt.indexOf(Te)&&!!Nt.match(/^0+$/gi);return"deleteBackward"!==ft&&"deleteForward"!==ft||!en.includes(Nt)&&!Zt?{elementState:Je,data:qe}:{elementState:{value:gt,selection:"deleteForward"===ft?[It,It]:[yt,yt]},data:qe}}}function _n({decimalSeparator:Te,precision:$e,prefix:et,postfix:Je}){const qe=new RegExp("^\\D*".concat(U(Te)));return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft,{cleanValue:It,extractedPrefix:Nt}=Ee(bt,{prefix:et,postfix:Je}),[en,Zt]=yt,gn=c(en-Nt.length,0,It.length),On=c(Zt-Nt.length,0,It.length);return $e<=0||It.slice(0,gn).includes(Te)||It.slice(On).includes(Te)||!gt.match(qe)?{elementState:ft,data:gt}:{elementState:ft,data:/\d+/.exec(It.slice(0,gn))?gt:"0".concat(gt)}}}function vn({validCharacter:Te,pseudoCharacters:$e,prefix:et,postfix:Je}){const qe=new RegExp("[".concat($e.join(""),"]"),"gi");return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft,{cleanValue:It,extractedPostfix:Nt,extractedPrefix:en}=Ee(bt,{prefix:et,postfix:Je});return{elementState:{selection:yt,value:en+It.replace(qe,Te)+Nt},data:gt.replace(qe,Te)}}}function ri({decimalSeparator:Te,prefix:$e,postfix:et}){return({elementState:Je,data:qe})=>{const{value:ft,selection:gt}=Je,[bt,yt]=gt,{cleanValue:It}=Ee(ft,{prefix:$e,postfix:et});return{elementState:Je,data:!It.includes(Te)||ft.slice(bt,yt+1).includes(Te)?qe:qe.replaceAll(new RegExp(U(Te),"gi"),"")}}}function Vn({thousandSeparator:Te,decimalSeparator:$e,prefix:et,postfix:Je}){return Te?({value:ft,selection:gt})=>{const{cleanValue:bt,extractedPostfix:yt,extractedPrefix:It}=Ee(ft,{prefix:et,postfix:Je}),{minus:Nt,integerPart:en,decimalPart:Zt}=ze(bt,{decimalSeparator:$e,thousandSeparator:Te}),[gn,On]=gt;let[Gn,$n]=gt;const Nn=Array.from(en).reduceRight((Yn,Di,Ui)=>{const _o=!(!Ui&&Di===Te)&&Yn.length&&(Yn.length+1)%4==0;return _o&&(Di===Te||((...ft)=>ft.every(gt=>/\s/.test(gt)))(Di,Te))?Te+Yn:Di!==Te||_o?_o?(Ui<=gn&&Gn++,Ui<=On&&$n++,Di+Te+Yn):Di+Yn:(Ui&&Ui<=gn&&Gn--,Ui&&Ui<=On&&$n--,Yn)},"");return{value:It+Nt+Nn+(bt.includes($e)?$e:"")+Zt+yt,selection:[Gn,$n]}}:Xe}function Wn({precision:Te,decimalSeparator:$e,prefix:et,postfix:Je}){if(Te>0)return Xe;const qe=new RegExp("".concat(U($e),".*$"),"g");return({elementState:ft,data:gt})=>{const{value:bt,selection:yt}=ft,{cleanValue:It,extractedPrefix:Nt,extractedPostfix:en}=Ee(bt,{prefix:et,postfix:Je}),[Zt,gn]=yt,On=Nt+It.replace(qe,"")+en;return{elementState:{selection:[Math.min(Zt,On.length),Math.min(gn,On.length)],value:On},data:gt.replace(qe,"")}}}const Rn=[0,0];function Fi({decimalSeparator:Te,thousandSeparator:$e,prefix:et,postfix:Je}){const qe=function pt({decimalSeparator:Te,thousandSeparator:$e,prefix:et,postfix:Je}){const qe=gt=>{const bt=U($e);return gt.replace(new RegExp("^(\\D+)?[0".concat(bt,"]+(?=0)")),"$1").replace(new RegExp("^(\\D+)?[0".concat(bt,"]+(?=[1-9])")),"$1")},ft=(gt,bt)=>{const yt=gt.slice(0,bt),It=gt.slice(bt).startsWith("0");return yt.length-qe(yt).length+(It?1:0)};return({value:gt,selection:bt})=>{const[yt,It]=bt,{cleanValue:Nt,extractedPrefix:en,extractedPostfix:Zt}=Ee(gt,{prefix:et,postfix:Je}),gn=Nt.includes(Te),[On="",Gn=""]=Nt.split(Te),$n=qe(On);if(On===$n)return{value:gt,selection:bt};const Nn=yt-ft(gt,yt),Yn=It-ft(gt,It);return{value:en+$n+(gn?Te:"")+Gn+Zt,selection:[Math.max(Nn,0),Math.max(Yn,0)]}}}({decimalSeparator:Te,thousandSeparator:$e,prefix:et,postfix:Je});return de("blur",ft=>{const gt=qe({value:ft.value,selection:Rn},{value:"",selection:Rn}).value;(0,t.Gq)(ft,gt)},{capture:!0})}function Oi({min:Te,max:$e,decimalSeparator:et}){return de("blur",(Je,qe)=>{const ft=un(Je.value,et),gt=c(ft,Te,$e);!Number.isNaN(ft)&&ft!==gt&&(0,t.Gq)(Je,(0,t.bc)(function rt(Te){const $e=String(Te),[et="",Je]=$e.split("e-");let qe=$e;if(Je){var ft;const[,gt]=et.split("."),bt=Number(Je)+(null!==(ft=null==gt?void 0:gt.length)&&void 0!==ft?ft:0);qe=Te.toFixed(bt)}return qe}(gt),qe))},{capture:!0})}function si({decimalSeparator:Te,prefix:$e,postfix:et}){return de("blur",Je=>{const{cleanValue:qe,extractedPostfix:ft,extractedPrefix:gt}=Ee(Je.value,{prefix:$e,postfix:et}),bt=gt+qe.replace(new RegExp("^(\\D+)?".concat(U(Te))),"$10".concat(Te))+ft;(0,t.Gq)(Je,bt)},{capture:!0})}function pi({max:Te=Number.MAX_SAFE_INTEGER,min:$e=Number.MIN_SAFE_INTEGER,precision:et=0,thousandSeparator:Je=q.am,decimalSeparator:qe=".",decimalPseudoSeparators:ft,decimalZeroPadding:gt=!1,prefix:bt="",postfix:yt="",minusSign:It=q.el}={}){const Nt=[q.SD,q.c,q.PN,q.ZQ,q.el].filter(gn=>gn!==Je&&gn!==qe&&gn!==It),en=function we({decimalSeparator:Te,thousandSeparator:$e,decimalPseudoSeparators:et=q.A2}){return et.filter(Je=>Je!==$e&&Je!==Te)}({decimalSeparator:qe,thousandSeparator:Je,decimalPseudoSeparators:ft}),Zt=bt.endsWith(qe)&&et>0?"".concat(bt).concat(q.Um):bt;return{...t.oI,mask:cn({decimalSeparator:qe,precision:et,thousandSeparator:Je,prefix:Zt,postfix:yt,isNegativeAllowed:$e<0,minusSign:It}),preprocessors:[Rt(),He({decimalSeparator:qe,decimalPseudoSeparators:en,pseudoMinuses:Nt,prefix:Zt,postfix:yt,minusSign:It}),mo({prefix:Zt,postfix:yt}),vn({validCharacter:It,pseudoCharacters:Nt,prefix:Zt,postfix:yt}),vn({validCharacter:qe,pseudoCharacters:en,prefix:Zt,postfix:yt}),_n({decimalSeparator:qe,precision:et,prefix:Zt,postfix:yt}),jt({decimalSeparator:qe,decimalZeroPadding:gt,thousandSeparator:Je}),Wn({precision:et,decimalSeparator:qe,prefix:Zt,postfix:yt}),ri({decimalSeparator:qe,prefix:Zt,postfix:yt})],postprocessors:[Ut({decimalSeparator:qe,min:$e,max:Te,minusSign:It}),J(Zt),k(yt),Vn({decimalSeparator:qe,thousandSeparator:Je,prefix:Zt,postfix:yt}),ge({decimalSeparator:qe,decimalZeroPadding:gt,precision:et,prefix:Zt,postfix:yt}),Y({prefix:Zt,postfix:yt,decimalSeparator:qe,thousandSeparator:Je})],plugins:[Fi({decimalSeparator:qe,thousandSeparator:Je,prefix:Zt,postfix:yt}),si({decimalSeparator:qe,prefix:Zt,postfix:yt}),Oi({min:$e,max:Te,decimalSeparator:qe})],overwriteMode:gt?({value:gn,selection:[On]})=>On<=gn.indexOf(qe)?"shift":"replace":"shift"}}function Mi(Te,$e){const et=pn(Te),Je=new RegExp("[^\\d".concat(q.ub.map(U).join(""),"]+"));return({elementState:qe,data:ft},gt)=>{if("deleteBackward"===gt||"deleteForward"===gt)return{elementState:qe,data:ft};const{value:bt,selection:yt}=qe;if("validation"===gt){const{validatedTimeString:Nn,updatedTimeSelection:Yn}=zn({timeString:bt,paddedMaxValues:et,offset:0,selection:yt,timeMode:$e});return{elementState:{value:Nn,selection:Yn},data:ft}}const It=ft.replace(Je,""),[Nt,en]=yt;let Zt=en+It.length;const gn=bt.slice(0,Nt)+It+bt.slice(Zt),{validatedTimeString:On,updatedTimeSelection:Gn}=zn({timeString:gn,paddedMaxValues:et,offset:0,selection:[Nt,Zt],timeMode:$e});if(gn&&!On)return{elementState:qe,data:""};Zt=Gn[1];const $n=On.slice(Nt,Zt);return{elementState:{selection:yt,value:On.slice(0,Nt)+"0".repeat($n.length)+On.slice(Zt)},data:$n}}}function xi({mode:Te,timeSegmentMaxValues:$e={},step:et=0}){const Je={...q.qi,...$e};return{...t.oI,mask:Array.from(Te).map(qe=>q.ub.includes(qe)?qe:/\d/),preprocessors:[Rt(),Wt(),({elementState:Te},$e)=>{const{value:et,selection:Je}=Te;if(!et||function it(Te,[$e,et]){return et===Te.length}(et,Je))return{elementState:Te};const[qe,ft]=Je,gt=et.slice(qe,ft).replaceAll(/\d/g,"0"),bt=et.slice(0,qe)+gt+et.slice(ft);return"validation"===$e||"insert"===$e&&qe===ft?{elementState:{selection:Je,value:bt}}:{elementState:{selection:"deleteBackward"===$e||"insert"===$e?[qe,qe]:[ft,ft],value:bt}}},Mi(Je,Te)],plugins:[Ke({fullMode:Te,step:et,timeSegmentMaxValues:Je})],overwriteMode:"replace"}}},4495:(St,Fe,u)=>{u.d(Fe,{L7:()=>Ae,PN:()=>Q,c:()=>Z,SD:()=>ve,yq:()=>j,ZQ:()=>q,el:()=>ye,am:()=>se,Um:()=>te,Gq:()=>t,A2:()=>c,Qn:()=>N,Wv:()=>O,qi:()=>X,ub:()=>$,Kb:()=>W});const t={day:31,month:12,year:9999},c=[".",",","\u0431","\u044e"],O=new Date("0001-01-01"),N=new Date("9999-12-31"),X={hours:23,minutes:59,seconds:59,milliseconds:999},$=[":","."],W={hours:2,minutes:2,seconds:2,milliseconds:3},se="\xa0",te="\u200b",Z="\u2013",Q="\u2014",ve="-",ye="\u2212",q="\u30fc",Ae=":",j="\uff1a"},194:(St,Fe,u)=>{u.d(Fe,{FX:()=>nt,K2:()=>W,MA:()=>ye,P:()=>Ae,Ro:()=>c,S6:()=>t,hZ:()=>N,i0:()=>X,iF:()=>se,kY:()=>Q,kp:()=>O,sf:()=>oe,ui:()=>Le,yc:()=>j});class t{}class c{}const O="*";function N(Ue,U){return{type:7,name:Ue,definitions:U,options:{}}}function X(Ue,U=null){return{type:4,styles:U,timings:Ue}}function W(Ue,U=null){return{type:2,steps:Ue,options:U}}function se(Ue){return{type:6,styles:Ue,offset:null}}function Q(Ue,U,Ee=null){return{type:1,expr:Ue,animation:U,options:Ee}}function ye(Ue=null){return{type:9,options:Ue}}function Ae(Ue,U,Ee=null){return{type:11,selector:Ue,animation:U,options:Ee}}function j(Ue,U){return{type:12,timings:Ue,animation:U}}class oe{constructor(U=0,Ee=0){this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._originalOnDoneFns=[],this._originalOnStartFns=[],this._started=!1,this._destroyed=!1,this._finished=!1,this._position=0,this.parentPlayer=null,this.totalTime=U+Ee}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(U=>U()),this._onDoneFns=[])}onStart(U){this._originalOnStartFns.push(U),this._onStartFns.push(U)}onDone(U){this._originalOnDoneFns.push(U),this._onDoneFns.push(U)}onDestroy(U){this._onDestroyFns.push(U)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){queueMicrotask(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(U=>U()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(U=>U()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(U){this._position=this.totalTime?U*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(U){const Ee="start"==U?this._onStartFns:this._onDoneFns;Ee.forEach(Me=>Me()),Ee.length=0}}class Le{constructor(U){this._onDoneFns=[],this._onStartFns=[],this._finished=!1,this._started=!1,this._destroyed=!1,this._onDestroyFns=[],this.parentPlayer=null,this.totalTime=0,this.players=U;let Ee=0,Me=0,Xe=0;const Ge=this.players.length;0==Ge?queueMicrotask(()=>this._onFinish()):this.players.forEach(at=>{at.onDone(()=>{++Ee==Ge&&this._onFinish()}),at.onDestroy(()=>{++Me==Ge&&this._onDestroy()}),at.onStart(()=>{++Xe==Ge&&this._onStart()})}),this.totalTime=this.players.reduce((at,tt)=>Math.max(at,tt.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(U=>U()),this._onDoneFns=[])}init(){this.players.forEach(U=>U.init())}onStart(U){this._onStartFns.push(U)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(U=>U()),this._onStartFns=[])}onDone(U){this._onDoneFns.push(U)}onDestroy(U){this._onDestroyFns.push(U)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(U=>U.play())}pause(){this.players.forEach(U=>U.pause())}restart(){this.players.forEach(U=>U.restart())}finish(){this._onFinish(),this.players.forEach(U=>U.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(U=>U.destroy()),this._onDestroyFns.forEach(U=>U()),this._onDestroyFns=[])}reset(){this.players.forEach(U=>U.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(U){const Ee=U*this.totalTime;this.players.forEach(Me=>{const Xe=Me.totalTime?Math.min(1,Ee/Me.totalTime):1;Me.setPosition(Xe)})}getPosition(){const U=this.players.reduce((Ee,Me)=>null===Ee||Me.totalTime>Ee.totalTime?Me:Ee,null);return null!=U?U.getPosition():0}beforeDestroy(){this.players.forEach(U=>{U.beforeDestroy&&U.beforeDestroy()})}triggerCallback(U){const Ee="start"==U?this._onStartFns:this._onDoneFns;Ee.forEach(Me=>Me()),Ee.length=0}}const nt="!"},1249:(St,Fe,u)=>{u.d(Fe,{LS:()=>ao,O6:()=>to,Xw:()=>je,Yp:()=>yr,eI:()=>he,zT:()=>Eo});var t=u(194),c=u(2978);function N(_e){return new c.wOt(3e3,!1)}function de(_e){switch(_e.length){case 0:return new t.sf;case 1:return _e[0];default:return new t.ui(_e)}}function ee(_e,v,T=new Map,L=new Map){const re=[],Oe=[];let ot=-1,dt=null;if(v.forEach(Ct=>{const Ft=Ct.get("offset"),En=Ft==ot,wn=En&&dt||new Map;Ct.forEach((ni,Jn)=>{let bn=Jn,jn=ni;if("offset"!==Jn)switch(bn=_e.normalizePropertyName(bn,re),jn){case t.FX:jn=T.get(Jn);break;case t.kp:jn=L.get(Jn);break;default:jn=_e.normalizeStyleValue(Jn,bn,jn,re)}wn.set(bn,jn)}),En||Oe.push(wn),dt=wn,ot=Ft}),re.length)throw function _t(_e){return new c.wOt(3502,!1)}();return Oe}function Se(_e,v,T,L){switch(v){case"start":_e.onStart(()=>L(T&&Pe(T,"start",_e)));break;case"done":_e.onDone(()=>L(T&&Pe(T,"done",_e)));break;case"destroy":_e.onDestroy(()=>L(T&&Pe(T,"destroy",_e)))}}function Pe(_e,v,T){const L=T.totalTime,Oe=ke(_e.element,_e.triggerName,_e.fromState,_e.toState,v||_e.phaseName,null==L?_e.totalTime:L,!!T.disabled),ot=_e._data;return null!=ot&&(Oe._data=ot),Oe}function ke(_e,v,T,L,re="",Oe=0,ot){return{element:_e,triggerName:v,fromState:T,toState:L,phaseName:re,totalTime:Oe,disabled:!!ot}}function Re(_e,v,T){let L=_e.get(v);return L||_e.set(v,L=T),L}function Ke(_e){const v=_e.indexOf(":");return[_e.substring(1,v),_e.slice(v+1)]}const Dt=(()=>typeof document>"u"?null:document.documentElement)();function Pt(_e){const v=_e.parentNode||_e.host||null;return v===Dt?null:v}let Gt=null,an=!1;function Ye(_e,v){for(;v;){if(v===_e)return!0;v=Pt(v)}return!1}function ct(_e,v,T){if(T)return Array.from(_e.querySelectorAll(v));const L=_e.querySelector(v);return L?[L]:[]}let he=(()=>{var _e;class v{validateStyleProperty(L){return function Ln(_e){Gt||(Gt=function it(){return typeof document<"u"?document.body:null}()||{},an=!!Gt.style&&"WebkitAppearance"in Gt.style);let v=!0;return Gt.style&&!function Kt(_e){return"ebkit"==_e.substring(1,6)}(_e)&&(v=_e in Gt.style,!v&&an&&(v="Webkit"+_e.charAt(0).toUpperCase()+_e.slice(1)in Gt.style)),v}(L)}matchesElement(L,re){return!1}containsElement(L,re){return Ye(L,re)}getParentElement(L){return Pt(L)}query(L,re,Oe){return ct(L,re,Oe)}computeStyle(L,re,Oe){return Oe||""}animate(L,re,Oe,ot,dt,Ct=[],Ft){return new t.sf(Oe,ot)}}return(_e=v).\u0275fac=function(L){return new(L||_e)},_e.\u0275prov=c.jDH({token:_e,factory:_e.\u0275fac}),v})(),je=(()=>{class v{}return v.NOOP=new he,v})();const vt=1e3,Tn="ng-enter",mn="ng-leave",An="ng-trigger",Qi=".ng-trigger",Sn="ng-animating",Ni=".ng-animating";function zn(_e){if("number"==typeof _e)return _e;const v=_e.match(/^(-?[\.\d]+)(m?s)/);return!v||v.length<2?0:bi(parseFloat(v[1]),v[2])}function bi(_e,v){return"s"===v?_e*vt:_e}function Bi(_e,v,T){return _e.hasOwnProperty("duration")?_e:function To(_e,v,T){let re,Oe=0,ot="";if("string"==typeof _e){const dt=_e.match(/^(-?[\.\d]+)(m?s)(?:\s+(-?[\.\d]+)(m?s))?(?:\s+([-a-z]+(?:\(.+?\))?))?$/i);if(null===dt)return v.push(N()),{duration:0,delay:0,easing:""};re=bi(parseFloat(dt[1]),dt[2]);const Ct=dt[3];null!=Ct&&(Oe=bi(parseFloat(Ct),dt[4]));const Ft=dt[5];Ft&&(ot=Ft)}else re=_e;if(!T){let dt=!1,Ct=v.length;re<0&&(v.push(function X(){return new c.wOt(3100,!1)}()),dt=!0),Oe<0&&(v.push(function $(){return new c.wOt(3101,!1)}()),dt=!0),dt&&v.splice(Ct,0,N())}return{duration:re,delay:Oe,easing:ot}}(_e,v,T)}function ci(_e,v={}){return Object.keys(_e).forEach(T=>{v[T]=_e[T]}),v}function co(_e){const v=new Map;return Object.keys(_e).forEach(T=>{v.set(T,_e[T])}),v}function Et(_e,v=new Map,T){if(T)for(let[L,re]of T)v.set(L,re);for(let[L,re]of _e)v.set(L,re);return v}function on(_e,v,T){v.forEach((L,re)=>{const Oe=He(re);T&&!T.has(re)&&T.set(re,_e.style[Oe]),_e.style[Oe]=L})}function cn(_e,v){v.forEach((T,L)=>{const re=He(L);_e.style[re]=""})}function xt(_e){return Array.isArray(_e)?1==_e.length?_e[0]:(0,t.K2)(_e):_e}const rt=new RegExp("".concat("{{","\\s*(.+?)\\s*").concat("}}"),"g");function ze(_e){let v=[];if("string"==typeof _e){let T;for(;T=rt.exec(_e);)v.push(T[1]);rt.lastIndex=0}return v}function we(_e,v,T){const L=_e.toString(),re=L.replace(rt,(Oe,ot)=>{let dt=v[ot];return null==dt&&(T.push(function se(_e){return new c.wOt(3003,!1)}()),dt=""),dt.toString()});return re==L?_e:re}function ge(_e){const v=[];let T=_e.next();for(;!T.done;)v.push(T.value),T=_e.next();return v}const Y=/-+([a-z0-9])/g;function He(_e){return _e.replace(Y,(...v)=>v[1].toUpperCase())}function _n(_e,v,T){switch(v.type){case 7:return _e.visitTrigger(v,T);case 0:return _e.visitState(v,T);case 1:return _e.visitTransition(v,T);case 2:return _e.visitSequence(v,T);case 3:return _e.visitGroup(v,T);case 4:return _e.visitAnimate(v,T);case 5:return _e.visitKeyframes(v,T);case 6:return _e.visitStyle(v,T);case 8:return _e.visitReference(v,T);case 9:return _e.visitAnimateChild(v,T);case 10:return _e.visitAnimateRef(v,T);case 11:return _e.visitQuery(v,T);case 12:return _e.visitStagger(v,T);default:throw function te(_e){return new c.wOt(3004,!1)}()}}function vn(_e,v){return window.getComputedStyle(_e)[v]}const si="*";function pi(_e,v){const T=[];return"string"==typeof _e?_e.split(/\s*,\s*/).forEach(L=>function Mi(_e,v,T){if(":"==_e[0]){const Ct=function xi(_e,v){switch(_e){case":enter":return"void => *";case":leave":return"* => void";case":increment":return(T,L)=>parseFloat(L)>parseFloat(T);case":decrement":return(T,L)=>parseFloat(L)<parseFloat(T);default:return v.push(function Xe(_e){return new c.wOt(3016,!1)}()),"* => *"}}(_e,T);if("function"==typeof Ct)return void v.push(Ct);_e=Ct}const L=_e.match(/^(\*|[-\w]+)\s*(<?[=-]>)\s*(\*|[-\w]+)$/);if(null==L||L.length<4)return T.push(function Me(_e){return new c.wOt(3015,!1)}()),v;const re=L[1],Oe=L[2],ot=L[3];v.push(Te(re,ot));"<"==Oe[0]&&!(re==si&&ot==si)&&v.push(Te(ot,re))}(L,T,v)):T.push(_e),T}const Dn=new Set(["true","1"]),ki=new Set(["false","0"]);function Te(_e,v){const T=Dn.has(_e)||ki.has(_e),L=Dn.has(v)||ki.has(v);return(re,Oe)=>{let ot=_e==si||_e==re,dt=v==si||v==Oe;return!ot&&T&&"boolean"==typeof re&&(ot=re?Dn.has(_e):ki.has(_e)),!dt&&L&&"boolean"==typeof Oe&&(dt=Oe?Dn.has(v):ki.has(v)),ot&&dt}}const et=new RegExp("s*".concat(":self","s*,?"),"g");function Je(_e,v,T,L){return new ft(_e).build(v,T,L)}class ft{constructor(v){this._driver=v}build(v,T,L){const re=new yt(T);return this._resetContextStyleTimingState(re),_n(this,xt(v),re)}_resetContextStyleTimingState(v){v.currentQuerySelector="",v.collectedStyles=new Map,v.collectedStyles.set("",new Map),v.currentTime=0}visitTrigger(v,T){let L=T.queryCount=0,re=T.depCount=0;const Oe=[],ot=[];return"@"==v.name.charAt(0)&&T.errors.push(function Q(){return new c.wOt(3006,!1)}()),v.definitions.forEach(dt=>{if(this._resetContextStyleTimingState(T),0==dt.type){const Ct=dt,Ft=Ct.name;Ft.toString().split(/\s*,\s*/).forEach(En=>{Ct.name=En,Oe.push(this.visitState(Ct,T))}),Ct.name=Ft}else if(1==dt.type){const Ct=this.visitTransition(dt,T);L+=Ct.queryCount,re+=Ct.depCount,ot.push(Ct)}else T.errors.push(function ve(){return new c.wOt(3007,!1)}())}),{type:7,name:v.name,states:Oe,transitions:ot,queryCount:L,depCount:re,options:null}}visitState(v,T){const L=this.visitStyle(v.styles,T),re=v.options&&v.options.params||null;if(L.containsDynamicStyles){const Oe=new Set,ot=re||{};L.styles.forEach(dt=>{dt instanceof Map&&dt.forEach(Ct=>{ze(Ct).forEach(Ft=>{ot.hasOwnProperty(Ft)||Oe.add(Ft)})})}),Oe.size&&(ge(Oe.values()),T.errors.push(function ye(_e,v){return new c.wOt(3008,!1)}()))}return{type:0,name:v.name,style:L,options:re?{params:re}:null}}visitTransition(v,T){T.queryCount=0,T.depCount=0;const L=_n(this,xt(v.animation),T);return{type:1,matchers:pi(v.expr,T.errors),animation:L,queryCount:T.queryCount,depCount:T.depCount,options:en(v.options)}}visitSequence(v,T){return{type:2,steps:v.steps.map(L=>_n(this,L,T)),options:en(v.options)}}visitGroup(v,T){const L=T.currentTime;let re=0;const Oe=v.steps.map(ot=>{T.currentTime=L;const dt=_n(this,ot,T);return re=Math.max(re,T.currentTime),dt});return T.currentTime=re,{type:3,steps:Oe,options:en(v.options)}}visitAnimate(v,T){const L=function Nt(_e,v){if(_e.hasOwnProperty("duration"))return _e;if("number"==typeof _e)return Zt(Bi(_e,v).duration,0,"");const T=_e;if(T.split(/\s+/).some(Oe=>"{"==Oe.charAt(0)&&"{"==Oe.charAt(1))){const Oe=Zt(0,0,"");return Oe.dynamic=!0,Oe.strValue=T,Oe}const re=Bi(T,v);return Zt(re.duration,re.delay,re.easing)}(v.timings,T.errors);T.currentAnimateTimings=L;let re,Oe=v.styles?v.styles:(0,t.iF)({});if(5==Oe.type)re=this.visitKeyframes(Oe,T);else{let ot=v.styles,dt=!1;if(!ot){dt=!0;const Ft={};L.easing&&(Ft.easing=L.easing),ot=(0,t.iF)(Ft)}T.currentTime+=L.duration+L.delay;const Ct=this.visitStyle(ot,T);Ct.isEmptyStep=dt,re=Ct}return T.currentAnimateTimings=null,{type:4,timings:L,style:re,options:null}}visitStyle(v,T){const L=this._makeStyleAst(v,T);return this._validateStyleAst(L,T),L}_makeStyleAst(v,T){const L=[],re=Array.isArray(v.styles)?v.styles:[v.styles];for(let dt of re)"string"==typeof dt?dt===t.kp?L.push(dt):T.errors.push(new c.wOt(3002,!1)):L.push(co(dt));let Oe=!1,ot=null;return L.forEach(dt=>{if(dt instanceof Map&&(dt.has("easing")&&(ot=dt.get("easing"),dt.delete("easing")),!Oe))for(let Ct of dt.values())if(Ct.toString().indexOf("{{")>=0){Oe=!0;break}}),{type:6,styles:L,easing:ot,offset:v.offset,containsDynamicStyles:Oe,options:null}}_validateStyleAst(v,T){const L=T.currentAnimateTimings;let re=T.currentTime,Oe=T.currentTime;L&&Oe>0&&(Oe-=L.duration+L.delay),v.styles.forEach(ot=>{"string"!=typeof ot&&ot.forEach((dt,Ct)=>{const Ft=T.collectedStyles.get(T.currentQuerySelector),En=Ft.get(Ct);let wn=!0;En&&(Oe!=re&&Oe>=En.startTime&&re<=En.endTime&&(T.errors.push(function j(_e,v,T,L,re){return new c.wOt(3010,!1)}()),wn=!1),Oe=En.startTime),wn&&Ft.set(Ct,{startTime:Oe,endTime:re}),T.options&&function un(_e,v,T){const L=v.params||{},re=ze(_e);re.length&&re.forEach(Oe=>{L.hasOwnProperty(Oe)||T.push(function W(_e){return new c.wOt(3001,!1)}())})}(dt,T.options,T.errors)})})}visitKeyframes(v,T){const L={type:5,styles:[],options:null};if(!T.currentAnimateTimings)return T.errors.push(function oe(){return new c.wOt(3011,!1)}()),L;let Oe=0;const ot=[];let dt=!1,Ct=!1,Ft=0;const En=v.steps.map(P=>{const I=this._makeStyleAst(P,T);let fe=null!=I.offset?I.offset:function It(_e){if("string"==typeof _e)return null;let v=null;if(Array.isArray(_e))_e.forEach(T=>{if(T instanceof Map&&T.has("offset")){const L=T;v=parseFloat(L.get("offset")),L.delete("offset")}});else if(_e instanceof Map&&_e.has("offset")){const T=_e;v=parseFloat(T.get("offset")),T.delete("offset")}return v}(I.styles),A=0;return null!=fe&&(Oe++,A=I.offset=fe),Ct=Ct||A<0||A>1,dt=dt||A<Ft,Ft=A,ot.push(A),I});Ct&&T.errors.push(function Le(){return new c.wOt(3012,!1)}()),dt&&T.errors.push(function nt(){return new c.wOt(3200,!1)}());const wn=v.steps.length;let ni=0;Oe>0&&Oe<wn?T.errors.push(function Ue(){return new c.wOt(3202,!1)}()):0==Oe&&(ni=1/(wn-1));const Jn=wn-1,bn=T.currentTime,jn=T.currentAnimateTimings,Li=jn.duration;return En.forEach((P,I)=>{const fe=ni>0?I==Jn?1:ni*I:ot[I],A=fe*Li;T.currentTime=bn+jn.delay+A,jn.duration=A,this._validateStyleAst(P,T),P.offset=fe,L.styles.push(P)}),L}visitReference(v,T){return{type:8,animation:_n(this,xt(v.animation),T),options:en(v.options)}}visitAnimateChild(v,T){return T.depCount++,{type:9,options:en(v.options)}}visitAnimateRef(v,T){return{type:10,animation:this.visitReference(v.animation,T),options:en(v.options)}}visitQuery(v,T){const L=T.currentQuerySelector,re=v.options||{};T.queryCount++,T.currentQuery=v;const[Oe,ot]=function gt(_e){const v=!!_e.split(/\s*,\s*/).find(T=>":self"==T);return v&&(_e=_e.replace(et,"")),_e=_e.replace(/@\*/g,Qi).replace(/@\w+/g,T=>Qi+"-"+T.slice(1)).replace(/:animating/g,Ni),[_e,v]}(v.selector);T.currentQuerySelector=L.length?L+" "+Oe:Oe,Re(T.collectedStyles,T.currentQuerySelector,new Map);const dt=_n(this,xt(v.animation),T);return T.currentQuery=null,T.currentQuerySelector=L,{type:11,selector:Oe,limit:re.limit||0,optional:!!re.optional,includeSelf:ot,animation:dt,originalSelector:v.selector,options:en(v.options)}}visitStagger(v,T){T.currentQuery||T.errors.push(function U(){return new c.wOt(3013,!1)}());const L="full"===v.timings?{duration:0,delay:0,easing:"full"}:Bi(v.timings,T.errors,!0);return{type:12,animation:_n(this,xt(v.animation),T),timings:L,options:null}}}class yt{constructor(v){this.errors=v,this.queryCount=0,this.depCount=0,this.currentTransition=null,this.currentQuery=null,this.currentQuerySelector=null,this.currentAnimateTimings=null,this.currentTime=0,this.collectedStyles=new Map,this.options=null,this.unsupportedCSSPropertiesFound=new Set}}function en(_e){return _e?(_e=ci(_e)).params&&(_e.params=function bt(_e){return _e?ci(_e):null}(_e.params)):_e={},_e}function Zt(_e,v,T){return{duration:_e,delay:v,easing:T}}function gn(_e,v,T,L,re,Oe,ot=null,dt=!1){return{type:1,element:_e,keyframes:v,preStyleProps:T,postStyleProps:L,duration:re,delay:Oe,totalTime:re+Oe,easing:ot,subTimeline:dt}}class On{constructor(){this._map=new Map}get(v){return this._map.get(v)||[]}append(v,T){let L=this._map.get(v);L||this._map.set(v,L=[]),L.push(...T)}has(v){return this._map.has(v)}clear(){this._map.clear()}}const Nn=new RegExp(":enter","g"),Di=new RegExp(":leave","g");function Ui(_e,v,T,L,re,Oe=new Map,ot=new Map,dt,Ct,Ft=[]){return(new Ji).buildKeyframes(_e,v,T,L,re,Oe,ot,dt,Ct,Ft)}class Ji{buildKeyframes(v,T,L,re,Oe,ot,dt,Ct,Ft,En=[]){Ft=Ft||new On;const wn=new Bo(v,T,Ft,re,Oe,En,[]);wn.options=Ct;const ni=Ct.delay?zn(Ct.delay):0;wn.currentTimeline.delayNextStep(ni),wn.currentTimeline.setStyles([ot],null,wn.errors,Ct),_n(this,L,wn);const Jn=wn.timelines.filter(bn=>bn.containsAnimation());if(Jn.length&&dt.size){let bn;for(let jn=Jn.length-1;jn>=0;jn--){const Li=Jn[jn];if(Li.element===T){bn=Li;break}}bn&&!bn.allowOnlyTimelineStyles()&&bn.setStyles([dt],null,wn.errors,Ct)}return Jn.length?Jn.map(bn=>bn.buildKeyframes()):[gn(T,[],[],[],0,ni,"",!1)]}visitTrigger(v,T){}visitState(v,T){}visitTransition(v,T){}visitAnimateChild(v,T){const L=T.subInstructions.get(T.element);if(L){const re=T.createSubContext(v.options),Oe=T.currentTimeline.currentTime,ot=this._visitSubInstructions(L,re,re.options);Oe!=ot&&T.transformIntoNewTimeline(ot)}T.previousNode=v}visitAnimateRef(v,T){const L=T.createSubContext(v.options);L.transformIntoNewTimeline(),this._applyAnimationRefDelays([v.options,v.animation.options],T,L),this.visitReference(v.animation,L),T.transformIntoNewTimeline(L.currentTimeline.currentTime),T.previousNode=v}_applyAnimationRefDelays(v,T,L){for(const Oe of v){const ot=null==Oe?void 0:Oe.delay;if(ot){var re;const dt="number"==typeof ot?ot:zn(we(ot,null!==(re=null==Oe?void 0:Oe.params)&&void 0!==re?re:{},T.errors));L.delayNextStep(dt)}}}_visitSubInstructions(v,T,L){let Oe=T.currentTimeline.currentTime;const ot=null!=L.duration?zn(L.duration):null,dt=null!=L.delay?zn(L.delay):null;return 0!==ot&&v.forEach(Ct=>{const Ft=T.appendInstructionToTimeline(Ct,ot,dt);Oe=Math.max(Oe,Ft.duration+Ft.delay)}),Oe}visitReference(v,T){T.updateOptions(v.options,!0),_n(this,v.animation,T),T.previousNode=v}visitSequence(v,T){const L=T.subContextCount;let re=T;const Oe=v.options;if(Oe&&(Oe.params||Oe.delay)&&(re=T.createSubContext(Oe),re.transformIntoNewTimeline(),null!=Oe.delay)){6==re.previousNode.type&&(re.currentTimeline.snapshotCurrentStyles(),re.previousNode=_o);const ot=zn(Oe.delay);re.delayNextStep(ot)}v.steps.length&&(v.steps.forEach(ot=>_n(this,ot,re)),re.currentTimeline.applyStylesToKeyframe(),re.subContextCount>L&&re.transformIntoNewTimeline()),T.previousNode=v}visitGroup(v,T){const L=[];let re=T.currentTimeline.currentTime;const Oe=v.options&&v.options.delay?zn(v.options.delay):0;v.steps.forEach(ot=>{const dt=T.createSubContext(v.options);Oe&&dt.delayNextStep(Oe),_n(this,ot,dt),re=Math.max(re,dt.currentTimeline.currentTime),L.push(dt.currentTimeline)}),L.forEach(ot=>T.currentTimeline.mergeTimelineCollectedStyles(ot)),T.transformIntoNewTimeline(re),T.previousNode=v}_visitTiming(v,T){if(v.dynamic){const L=v.strValue;return Bi(T.params?we(L,T.params,T.errors):L,T.errors)}return{duration:v.duration,delay:v.delay,easing:v.easing}}visitAnimate(v,T){const L=T.currentAnimateTimings=this._visitTiming(v.timings,T),re=T.currentTimeline;L.delay&&(T.incrementTime(L.delay),re.snapshotCurrentStyles());const Oe=v.style;5==Oe.type?this.visitKeyframes(Oe,T):(T.incrementTime(L.duration),this.visitStyle(Oe,T),re.applyStylesToKeyframe()),T.currentAnimateTimings=null,T.previousNode=v}visitStyle(v,T){const L=T.currentTimeline,re=T.currentAnimateTimings;!re&&L.hasCurrentStyleProperties()&&L.forwardFrame();const Oe=re&&re.easing||v.easing;v.isEmptyStep?L.applyEmptyStep(Oe):L.setStyles(v.styles,Oe,T.errors,T.options),T.previousNode=v}visitKeyframes(v,T){const L=T.currentAnimateTimings,re=T.currentTimeline.duration,Oe=L.duration,dt=T.createSubContext().currentTimeline;dt.easing=L.easing,v.styles.forEach(Ct=>{dt.forwardTime((Ct.offset||0)*Oe),dt.setStyles(Ct.styles,Ct.easing,T.errors,T.options),dt.applyStylesToKeyframe()}),T.currentTimeline.mergeTimelineCollectedStyles(dt),T.transformIntoNewTimeline(re+Oe),T.previousNode=v}visitQuery(v,T){const L=T.currentTimeline.currentTime,re=v.options||{},Oe=re.delay?zn(re.delay):0;Oe&&(6===T.previousNode.type||0==L&&T.currentTimeline.hasCurrentStyleProperties())&&(T.currentTimeline.snapshotCurrentStyles(),T.previousNode=_o);let ot=L;const dt=T.invokeQuery(v.selector,v.originalSelector,v.limit,v.includeSelf,!!re.optional,T.errors);T.currentQueryTotal=dt.length;let Ct=null;dt.forEach((Ft,En)=>{T.currentQueryIndex=En;const wn=T.createSubContext(v.options,Ft);Oe&&wn.delayNextStep(Oe),Ft===T.element&&(Ct=wn.currentTimeline),_n(this,v.animation,wn),wn.currentTimeline.applyStylesToKeyframe(),ot=Math.max(ot,wn.currentTimeline.currentTime)}),T.currentQueryIndex=0,T.currentQueryTotal=0,T.transformIntoNewTimeline(ot),Ct&&(T.currentTimeline.mergeTimelineCollectedStyles(Ct),T.currentTimeline.snapshotCurrentStyles()),T.previousNode=v}visitStagger(v,T){const L=T.parentContext,re=T.currentTimeline,Oe=v.timings,ot=Math.abs(Oe.duration),dt=ot*(T.currentQueryTotal-1);let Ct=ot*T.currentQueryIndex;switch(Oe.duration<0?"reverse":Oe.easing){case"reverse":Ct=dt-Ct;break;case"full":Ct=L.currentStaggerTime}const En=T.currentTimeline;Ct&&En.delayNextStep(Ct);const wn=En.currentTime;_n(this,v.animation,T),T.previousNode=v,L.currentStaggerTime=re.currentTime-wn+(re.startTime-L.currentTimeline.startTime)}}const _o={};class Bo{constructor(v,T,L,re,Oe,ot,dt,Ct){this._driver=v,this.element=T,this.subInstructions=L,this._enterClassName=re,this._leaveClassName=Oe,this.errors=ot,this.timelines=dt,this.parentContext=null,this.currentAnimateTimings=null,this.previousNode=_o,this.subContextCount=0,this.options={},this.currentQueryIndex=0,this.currentQueryTotal=0,this.currentStaggerTime=0,this.currentTimeline=Ct||new vo(this._driver,T,0),dt.push(this.currentTimeline)}get params(){return this.options.params}updateOptions(v,T){if(!v)return;const L=v;let re=this.options;null!=L.duration&&(re.duration=zn(L.duration)),null!=L.delay&&(re.delay=zn(L.delay));const Oe=L.params;if(Oe){let ot=re.params;ot||(ot=this.options.params={}),Object.keys(Oe).forEach(dt=>{(!T||!ot.hasOwnProperty(dt))&&(ot[dt]=we(Oe[dt],ot,this.errors))})}}_copyOptions(){const v={};if(this.options){const T=this.options.params;if(T){const L=v.params={};Object.keys(T).forEach(re=>{L[re]=T[re]})}}return v}createSubContext(v=null,T,L){const re=T||this.element,Oe=new Bo(this._driver,re,this.subInstructions,this._enterClassName,this._leaveClassName,this.errors,this.timelines,this.currentTimeline.fork(re,L||0));return Oe.previousNode=this.previousNode,Oe.currentAnimateTimings=this.currentAnimateTimings,Oe.options=this._copyOptions(),Oe.updateOptions(v),Oe.currentQueryIndex=this.currentQueryIndex,Oe.currentQueryTotal=this.currentQueryTotal,Oe.parentContext=this,this.subContextCount++,Oe}transformIntoNewTimeline(v){return this.previousNode=_o,this.currentTimeline=this.currentTimeline.fork(this.element,v),this.timelines.push(this.currentTimeline),this.currentTimeline}appendInstructionToTimeline(v,T,L){const re={duration:null!=T?T:v.duration,delay:this.currentTimeline.currentTime+(null!=L?L:0)+v.delay,easing:""},Oe=new $r(this._driver,v.element,v.keyframes,v.preStyleProps,v.postStyleProps,re,v.stretchStartingKeyframe);return this.timelines.push(Oe),re}incrementTime(v){this.currentTimeline.forwardTime(this.currentTimeline.duration+v)}delayNextStep(v){v>0&&this.currentTimeline.delayNextStep(v)}invokeQuery(v,T,L,re,Oe,ot){let dt=[];if(re&&dt.push(this.element),v.length>0){v=(v=v.replace(Nn,"."+this._enterClassName)).replace(Di,"."+this._leaveClassName);let Ft=this._driver.query(this.element,v,1!=L);0!==L&&(Ft=L<0?Ft.slice(Ft.length+L,Ft.length):Ft.slice(0,L)),dt.push(...Ft)}return!Oe&&0==dt.length&&ot.push(function Ee(_e){return new c.wOt(3014,!1)}()),dt}}class vo{constructor(v,T,L,re){this._driver=v,this.element=T,this.startTime=L,this._elementTimelineStylesLookup=re,this.duration=0,this.easing=null,this._previousKeyframe=new Map,this._currentKeyframe=new Map,this._keyframes=new Map,this._styleSummary=new Map,this._localTimelineStyles=new Map,this._pendingStyles=new Map,this._backFill=new Map,this._currentEmptyStepKeyframe=null,this._elementTimelineStylesLookup||(this._elementTimelineStylesLookup=new Map),this._globalTimelineStyles=this._elementTimelineStylesLookup.get(T),this._globalTimelineStyles||(this._globalTimelineStyles=this._localTimelineStyles,this._elementTimelineStylesLookup.set(T,this._localTimelineStyles)),this._loadKeyframe()}containsAnimation(){switch(this._keyframes.size){case 0:return!1;case 1:return this.hasCurrentStyleProperties();default:return!0}}hasCurrentStyleProperties(){return this._currentKeyframe.size>0}get currentTime(){return this.startTime+this.duration}delayNextStep(v){const T=1===this._keyframes.size&&this._pendingStyles.size;this.duration||T?(this.forwardTime(this.currentTime+v),T&&this.snapshotCurrentStyles()):this.startTime+=v}fork(v,T){return this.applyStylesToKeyframe(),new vo(this._driver,v,T||this.currentTime,this._elementTimelineStylesLookup)}_loadKeyframe(){this._currentKeyframe&&(this._previousKeyframe=this._currentKeyframe),this._currentKeyframe=this._keyframes.get(this.duration),this._currentKeyframe||(this._currentKeyframe=new Map,this._keyframes.set(this.duration,this._currentKeyframe))}forwardFrame(){this.duration+=1,this._loadKeyframe()}forwardTime(v){this.applyStylesToKeyframe(),this.duration=v,this._loadKeyframe()}_updateStyle(v,T){this._localTimelineStyles.set(v,T),this._globalTimelineStyles.set(v,T),this._styleSummary.set(v,{time:this.currentTime,value:T})}allowOnlyTimelineStyles(){return this._currentEmptyStepKeyframe!==this._currentKeyframe}applyEmptyStep(v){v&&this._previousKeyframe.set("easing",v);for(let[T,L]of this._globalTimelineStyles)this._backFill.set(T,L||t.kp),this._currentKeyframe.set(T,t.kp);this._currentEmptyStepKeyframe=this._currentKeyframe}setStyles(v,T,L,re){T&&this._previousKeyframe.set("easing",T);const Oe=re&&re.params||{},ot=function Pr(_e,v){const T=new Map;let L;return _e.forEach(re=>{if("*"===re){L=L||v.keys();for(let Oe of L)T.set(Oe,t.kp)}else Et(re,T)}),T}(v,this._globalTimelineStyles);for(let[Ct,Ft]of ot){const En=we(Ft,Oe,L);var dt;this._pendingStyles.set(Ct,En),this._localTimelineStyles.has(Ct)||this._backFill.set(Ct,null!==(dt=this._globalTimelineStyles.get(Ct))&&void 0!==dt?dt:t.kp),this._updateStyle(Ct,En)}}applyStylesToKeyframe(){0!=this._pendingStyles.size&&(this._pendingStyles.forEach((v,T)=>{this._currentKeyframe.set(T,v)}),this._pendingStyles.clear(),this._localTimelineStyles.forEach((v,T)=>{this._currentKeyframe.has(T)||this._currentKeyframe.set(T,v)}))}snapshotCurrentStyles(){for(let[v,T]of this._localTimelineStyles)this._pendingStyles.set(v,T),this._updateStyle(v,T)}getFinalKeyframe(){return this._keyframes.get(this.duration)}get properties(){const v=[];for(let T in this._currentKeyframe)v.push(T);return v}mergeTimelineCollectedStyles(v){v._styleSummary.forEach((T,L)=>{const re=this._styleSummary.get(L);(!re||T.time>re.time)&&this._updateStyle(L,T.value)})}buildKeyframes(){this.applyStylesToKeyframe();const v=new Set,T=new Set,L=1===this._keyframes.size&&0===this.duration;let re=[];this._keyframes.forEach((dt,Ct)=>{const Ft=Et(dt,new Map,this._backFill);Ft.forEach((En,wn)=>{En===t.FX?v.add(wn):En===t.kp&&T.add(wn)}),L||Ft.set("offset",Ct/this.duration),re.push(Ft)});const Oe=v.size?ge(v.values()):[],ot=T.size?ge(T.values()):[];if(L){const dt=re[0],Ct=new Map(dt);dt.set("offset",0),Ct.set("offset",1),re=[dt,Ct]}return gn(this.element,re,Oe,ot,this.duration,this.startTime,this.easing,!1)}}class $r extends vo{constructor(v,T,L,re,Oe,ot,dt=!1){super(v,T,ot.delay),this.keyframes=L,this.preStyleProps=re,this.postStyleProps=Oe,this._stretchStartingKeyframe=dt,this.timings={duration:ot.duration,delay:ot.delay,easing:ot.easing}}containsAnimation(){return this.keyframes.length>1}buildKeyframes(){let v=this.keyframes,{delay:T,duration:L,easing:re}=this.timings;if(this._stretchStartingKeyframe&&T){const Oe=[],ot=L+T,dt=T/ot,Ct=Et(v[0]);Ct.set("offset",0),Oe.push(Ct);const Ft=Et(v[0]);Ft.set("offset",fo(dt)),Oe.push(Ft);const En=v.length-1;for(let wn=1;wn<=En;wn++){let ni=Et(v[wn]);const Jn=ni.get("offset");ni.set("offset",fo((T+Jn*L)/ot)),Oe.push(ni)}L=ot,T=0,re="",v=Oe}return gn(this.element,v,this.preStyleProps,this.postStyleProps,L,T,re,!0)}}function fo(_e,v=3){const T=Math.pow(10,v-1);return Math.round(_e*T)/T}class yr{}const nr=new Set(["width","height","minWidth","minHeight","maxWidth","maxHeight","left","top","bottom","right","fontSize","outlineWidth","outlineOffset","paddingTop","paddingLeft","paddingBottom","paddingRight","marginTop","marginLeft","marginBottom","marginRight","borderRadius","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","textIndent","perspective"]);class Eo extends yr{normalizePropertyName(v,T){return He(v)}normalizeStyleValue(v,T,L,re){let Oe="";const ot=L.toString().trim();if(nr.has(T)&&0!==L&&"0"!==L)if("number"==typeof L)Oe="px";else{const dt=L.match(/^[+-]?[\d\.]+([a-z]*)$/);dt&&0==dt[1].length&&re.push(function Z(_e,v){return new c.wOt(3005,!1)}())}return ot+Oe}}function ir(_e,v,T,L,re,Oe,ot,dt,Ct,Ft,En,wn,ni){return{type:0,element:_e,triggerName:v,isRemovalTransition:re,fromState:T,fromStyles:Oe,toState:L,toStyles:ot,timelines:dt,queriedElements:Ct,preStyleProps:Ft,postStyleProps:En,totalTime:wn,errors:ni}}const zo={};class Mo{constructor(v,T,L){this._triggerName=v,this.ast=T,this._stateStyles=L}match(v,T,L,re){return function ti(_e,v,T,L,re){return _e.some(Oe=>Oe(v,T,L,re))}(this.ast.matchers,v,T,L,re)}buildStyles(v,T,L){let re=this._stateStyles.get("*");return void 0!==v&&(re=this._stateStyles.get(null==v?void 0:v.toString())||re),re?re.buildStyles(T,L):new Map}build(v,T,L,re,Oe,ot,dt,Ct,Ft,En){var wn;const ni=[],Jn=this.ast.options&&this.ast.options.params||zo,jn=this.buildStyles(L,dt&&dt.params||zo,ni),Li=Ct&&Ct.params||zo,P=this.buildStyles(re,Li,ni),I=new Set,fe=new Map,A=new Map,xe="void"===re,Xt={params:$i(Li,Jn),delay:null===(wn=this.ast.options)||void 0===wn?void 0:wn.delay},In=En?[]:Ui(v,T,this.ast.animation,Oe,ot,jn,P,Xt,Ft,ni);let ai=0;if(In.forEach(Ki=>{ai=Math.max(Ki.duration+Ki.delay,ai)}),ni.length)return ir(T,this._triggerName,L,re,xe,jn,P,[],[],fe,A,ai,ni);In.forEach(Ki=>{const Do=Ki.element,ho=Re(fe,Do,new Set);Ki.preStyleProps.forEach(xo=>ho.add(xo));const uo=Re(A,Do,new Set);Ki.postStyleProps.forEach(xo=>uo.add(xo)),Do!==T&&I.add(Do)});const po=ge(I.values());return ir(T,this._triggerName,L,re,xe,jn,P,In,po,fe,A,ai)}}function $i(_e,v){const T=ci(v);for(const L in _e)_e.hasOwnProperty(L)&&null!=_e[L]&&(T[L]=_e[L]);return T}class hi{constructor(v,T,L){this.styles=v,this.defaultParams=T,this.normalizer=L}buildStyles(v,T){const L=new Map,re=ci(this.defaultParams);return Object.keys(v).forEach(Oe=>{const ot=v[Oe];null!==ot&&(re[Oe]=ot)}),this.styles.styles.forEach(Oe=>{"string"!=typeof Oe&&Oe.forEach((ot,dt)=>{ot&&(ot=we(ot,re,T));const Ct=this.normalizer.normalizePropertyName(dt,T);ot=this.normalizer.normalizeStyleValue(dt,Ct,ot,T),L.set(dt,ot)})}),L}}class Xi{constructor(v,T,L){this.name=v,this.ast=T,this._normalizer=L,this.transitionFactories=[],this.states=new Map,T.states.forEach(re=>{this.states.set(re.name,new hi(re.style,re.options&&re.options.params||{},L))}),jo(this.states,"true","1"),jo(this.states,"false","0"),T.transitions.forEach(re=>{this.transitionFactories.push(new Mo(v,re,this.states))}),this.fallbackTransition=function no(_e,v,T){return new Mo(_e,{type:1,animation:{type:2,steps:[],options:null},matchers:[(ot,dt)=>!0],options:null,queryCount:0,depCount:0},v)}(v,this.states)}get containsQueries(){return this.ast.queryCount>0}matchTransition(v,T,L,re){return this.transitionFactories.find(ot=>ot.match(v,T,L,re))||null}matchStyles(v,T,L){return this.fallbackTransition.buildStyles(v,T,L)}}function jo(_e,v,T){_e.has(v)?_e.has(T)||_e.set(T,_e.get(v)):_e.has(T)&&_e.set(v,_e.get(T))}const io=new On;class Jo{constructor(v,T,L){this.bodyNode=v,this._driver=T,this._normalizer=L,this._animations=new Map,this._playersById=new Map,this.players=[]}register(v,T){const L=[],Oe=Je(this._driver,T,L,[]);if(L.length)throw function Ht(_e){return new c.wOt(3503,!1)}();this._animations.set(v,Oe)}_buildPlayer(v,T,L){const re=v.element,Oe=ee(this._normalizer,v.keyframes,T,L);return this._driver.animate(re,Oe,v.duration,v.delay,v.easing,[],!0)}create(v,T,L={}){const re=[],Oe=this._animations.get(v);let ot;const dt=new Map;if(Oe?(ot=Ui(this._driver,T,Oe,Tn,mn,new Map,new Map,L,io,re),ot.forEach(En=>{const wn=Re(dt,En.element,new Map);En.postStyleProps.forEach(ni=>wn.set(ni,null))})):(re.push(function Wt(){return new c.wOt(3300,!1)}()),ot=[]),re.length)throw function Tt(_e){return new c.wOt(3504,!1)}();dt.forEach((En,wn)=>{En.forEach((ni,Jn)=>{En.set(Jn,this._driver.computeStyle(wn,Jn,t.kp))})});const Ft=de(ot.map(En=>{const wn=dt.get(En.element);return this._buildPlayer(En,new Map,wn)}));return this._playersById.set(v,Ft),Ft.onDestroy(()=>this.destroy(v)),this.players.push(Ft),Ft}destroy(v){const T=this._getPlayer(v);T.destroy(),this._playersById.delete(v);const L=this.players.indexOf(T);L>=0&&this.players.splice(L,1)}_getPlayer(v){const T=this._playersById.get(v);if(!T)throw function Ot(_e){return new c.wOt(3301,!1)}();return T}listen(v,T,L,re){const Oe=ke(T,"","","");return Se(this._getPlayer(v),L,Oe,re),()=>{}}command(v,T,L,re){if("register"==L)return void this.register(v,re[0]);if("create"==L)return void this.create(v,T,re[0]||{});const Oe=this._getPlayer(v);switch(L){case"play":Oe.play();break;case"pause":Oe.pause();break;case"reset":Oe.reset();break;case"restart":Oe.restart();break;case"finish":Oe.finish();break;case"init":Oe.init();break;case"setPosition":Oe.setPosition(parseFloat(re[0]));break;case"destroy":this.destroy(v)}}}const Vo="ng-animate-queued",fn="ng-animate-disabled",We=[],wt={namespaceId:"",setForRemoval:!1,setForMove:!1,hasAnimation:!1,removedBeforeQueried:!1},$t={namespaceId:"",setForMove:!1,setForRemoval:!1,hasAnimation:!1,removedBeforeQueried:!0},Qt="__ng_removed";class hn{get params(){return this.options.params}constructor(v,T=""){this.namespaceId=T;const L=v&&v.hasOwnProperty("value");if(this.value=function No(_e){return null!=_e?_e:null}(L?v.value:v),L){const Oe=ci(v);delete Oe.value,this.options=Oe}else this.options={};this.options.params||(this.options.params={})}absorbOptions(v){const T=v.params;if(T){const L=this.options.params;Object.keys(T).forEach(re=>{null==L[re]&&(L[re]=T[re])})}}}const Bn="void",sn=new hn(Bn);class Ai{constructor(v,T,L){this.id=v,this.hostElement=T,this._engine=L,this.players=[],this._triggers=new Map,this._queue=[],this._elementListeners=new Map,this._hostClassName="ng-tns-"+v,Kn(T,this._hostClassName)}listen(v,T,L,re){if(!this._triggers.has(T))throw function Rt(_e,v){return new c.wOt(3302,!1)}();if(null==L||0==L.length)throw function mt(_e){return new c.wOt(3303,!1)}();if(!function Zn(_e){return"start"==_e||"done"==_e}(L))throw function le(_e,v){return new c.wOt(3400,!1)}();const Oe=Re(this._elementListeners,v,[]),ot={name:T,phase:L,callback:re};Oe.push(ot);const dt=Re(this._engine.statesByElement,v,new Map);return dt.has(T)||(Kn(v,An),Kn(v,An+"-"+T),dt.set(T,sn)),()=>{this._engine.afterFlush(()=>{const Ct=Oe.indexOf(ot);Ct>=0&&Oe.splice(Ct,1),this._triggers.has(T)||dt.delete(T)})}}register(v,T){return!this._triggers.has(v)&&(this._triggers.set(v,T),!0)}_getTrigger(v){const T=this._triggers.get(v);if(!T)throw function H(_e){return new c.wOt(3401,!1)}();return T}trigger(v,T,L,re=!0){const Oe=this._getTrigger(T),ot=new Ci(this.id,T,v);let dt=this._engine.statesByElement.get(v);dt||(Kn(v,An),Kn(v,An+"-"+T),this._engine.statesByElement.set(v,dt=new Map));let Ct=dt.get(T);const Ft=new hn(L,this.id);if(!(L&&L.hasOwnProperty("value"))&&Ct&&Ft.absorbOptions(Ct.options),dt.set(T,Ft),Ct||(Ct=sn),Ft.value!==Bn&&Ct.value===Ft.value){if(!function hr(_e,v){const T=Object.keys(_e),L=Object.keys(v);if(T.length!=L.length)return!1;for(let re=0;re<T.length;re++){const Oe=T[re];if(!v.hasOwnProperty(Oe)||_e[Oe]!==v[Oe])return!1}return!0}(Ct.params,Ft.params)){const jn=[],Li=Oe.matchStyles(Ct.value,Ct.params,jn),P=Oe.matchStyles(Ft.value,Ft.params,jn);jn.length?this._engine.reportError(jn):this._engine.afterFlush(()=>{cn(v,Li),on(v,P)})}return}const ni=Re(this._engine.playersByElement,v,[]);ni.forEach(jn=>{jn.namespaceId==this.id&&jn.triggerName==T&&jn.queued&&jn.destroy()});let Jn=Oe.matchTransition(Ct.value,Ft.value,v,Ft.params),bn=!1;if(!Jn){if(!re)return;Jn=Oe.fallbackTransition,bn=!0}return this._engine.totalQueuedPlayers++,this._queue.push({element:v,triggerName:T,transition:Jn,fromState:Ct,toState:Ft,player:ot,isFallbackTransition:bn}),bn||(Kn(v,Vo),ot.onStart(()=>{eo(v,Vo)})),ot.onDone(()=>{let jn=this.players.indexOf(ot);jn>=0&&this.players.splice(jn,1);const Li=this._engine.playersByElement.get(v);if(Li){let P=Li.indexOf(ot);P>=0&&Li.splice(P,1)}}),this.players.push(ot),ni.push(ot),ot}deregister(v){this._triggers.delete(v),this._engine.statesByElement.forEach(T=>T.delete(v)),this._elementListeners.forEach((T,L)=>{this._elementListeners.set(L,T.filter(re=>re.name!=v))})}clearElementCache(v){this._engine.statesByElement.delete(v),this._elementListeners.delete(v);const T=this._engine.playersByElement.get(v);T&&(T.forEach(L=>L.destroy()),this._engine.playersByElement.delete(v))}_signalRemovalForInnerTriggers(v,T){const L=this._engine.driver.query(v,Qi,!0);L.forEach(re=>{if(re[Qt])return;const Oe=this._engine.fetchNamespacesByElement(re);Oe.size?Oe.forEach(ot=>ot.triggerLeaveAnimation(re,T,!1,!0)):this.clearElementCache(re)}),this._engine.afterFlushAnimationsDone(()=>L.forEach(re=>this.clearElementCache(re)))}triggerLeaveAnimation(v,T,L,re){const Oe=this._engine.statesByElement.get(v),ot=new Map;if(Oe){const dt=[];if(Oe.forEach((Ct,Ft)=>{if(ot.set(Ft,Ct.value),this._triggers.has(Ft)){const En=this.trigger(v,Ft,Bn,re);En&&dt.push(En)}}),dt.length)return this._engine.markElementAsRemoved(this.id,v,!0,T,ot),L&&de(dt).onDone(()=>this._engine.processLeaveNode(v)),!0}return!1}prepareLeaveAnimationListeners(v){const T=this._elementListeners.get(v),L=this._engine.statesByElement.get(v);if(T&&L){const re=new Set;T.forEach(Oe=>{const ot=Oe.name;if(re.has(ot))return;re.add(ot);const Ct=this._triggers.get(ot).fallbackTransition,Ft=L.get(ot)||sn,En=new hn(Bn),wn=new Ci(this.id,ot,v);this._engine.totalQueuedPlayers++,this._queue.push({element:v,triggerName:ot,transition:Ct,fromState:Ft,toState:En,player:wn,isFallbackTransition:!0})})}}removeNode(v,T){const L=this._engine;if(v.childElementCount&&this._signalRemovalForInnerTriggers(v,T),this.triggerLeaveAnimation(v,T,!0))return;let re=!1;if(L.totalAnimations){const Oe=L.players.length?L.playersByQueriedElement.get(v):[];if(Oe&&Oe.length)re=!0;else{let ot=v;for(;ot=ot.parentNode;)if(L.statesByElement.get(ot)){re=!0;break}}}if(this.prepareLeaveAnimationListeners(v),re)L.markElementAsRemoved(this.id,v,!1,T);else{const Oe=v[Qt];(!Oe||Oe===wt)&&(L.afterFlush(()=>this.clearElementCache(v)),L.destroyInnerAnimations(v),L._onRemovalComplete(v,T))}}insertNode(v,T){Kn(v,this._hostClassName)}drainQueuedTransitions(v){const T=[];return this._queue.forEach(L=>{const re=L.player;if(re.destroyed)return;const Oe=L.element,ot=this._elementListeners.get(Oe);ot&&ot.forEach(dt=>{if(dt.name==L.triggerName){const Ct=ke(Oe,L.triggerName,L.fromState.value,L.toState.value);Ct._data=v,Se(L.player,dt.phase,Ct,dt.callback)}}),re.markedForDestroy?this._engine.afterFlush(()=>{re.destroy()}):T.push(L)}),this._queue=[],T.sort((L,re)=>{const Oe=L.transition.ast.depCount,ot=re.transition.ast.depCount;return 0==Oe||0==ot?Oe-ot:this._engine.driver.containsElement(L.element,re.element)?1:-1})}destroy(v){this.players.forEach(T=>T.destroy()),this._signalRemovalForInnerTriggers(this.hostElement,v)}}class mi{_onRemovalComplete(v,T){this.onRemovalComplete(v,T)}constructor(v,T,L){this.bodyNode=v,this.driver=T,this._normalizer=L,this.players=[],this.newHostElements=new Map,this.playersByElement=new Map,this.playersByQueriedElement=new Map,this.statesByElement=new Map,this.disabledNodes=new Set,this.totalAnimations=0,this.totalQueuedPlayers=0,this._namespaceLookup={},this._namespaceList=[],this._flushFns=[],this._whenQuietFns=[],this.namespacesByHostElement=new Map,this.collectedEnterElements=[],this.collectedLeaveElements=[],this.onRemovalComplete=(re,Oe)=>{}}get queuedPlayers(){const v=[];return this._namespaceList.forEach(T=>{T.players.forEach(L=>{L.queued&&v.push(L)})}),v}createNamespace(v,T){const L=new Ai(v,T,this);return this.bodyNode&&this.driver.containsElement(this.bodyNode,T)?this._balanceNamespaceList(L,T):(this.newHostElements.set(T,L),this.collectEnterElement(T)),this._namespaceLookup[v]=L}_balanceNamespaceList(v,T){const L=this._namespaceList,re=this.namespacesByHostElement;if(L.length-1>=0){let ot=!1,dt=this.driver.getParentElement(T);for(;dt;){const Ct=re.get(dt);if(Ct){const Ft=L.indexOf(Ct);L.splice(Ft+1,0,v),ot=!0;break}dt=this.driver.getParentElement(dt)}ot||L.unshift(v)}else L.push(v);return re.set(T,v),v}register(v,T){let L=this._namespaceLookup[v];return L||(L=this.createNamespace(v,T)),L}registerTrigger(v,T,L){let re=this._namespaceLookup[v];re&&re.register(T,L)&&this.totalAnimations++}destroy(v,T){v&&(this.afterFlush(()=>{}),this.afterFlushAnimationsDone(()=>{const L=this._fetchNamespace(v);this.namespacesByHostElement.delete(L.hostElement);const re=this._namespaceList.indexOf(L);re>=0&&this._namespaceList.splice(re,1),L.destroy(T),delete this._namespaceLookup[v]}))}_fetchNamespace(v){return this._namespaceLookup[v]}fetchNamespacesByElement(v){const T=new Set,L=this.statesByElement.get(v);if(L)for(let re of L.values())if(re.namespaceId){const Oe=this._fetchNamespace(re.namespaceId);Oe&&T.add(Oe)}return T}trigger(v,T,L,re){if(oo(T)){const Oe=this._fetchNamespace(v);if(Oe)return Oe.trigger(T,L,re),!0}return!1}insertNode(v,T,L,re){if(!oo(T))return;const Oe=T[Qt];if(Oe&&Oe.setForRemoval){Oe.setForRemoval=!1,Oe.setForMove=!0;const ot=this.collectedLeaveElements.indexOf(T);ot>=0&&this.collectedLeaveElements.splice(ot,1)}if(v){const ot=this._fetchNamespace(v);ot&&ot.insertNode(T,L)}re&&this.collectEnterElement(T)}collectEnterElement(v){this.collectedEnterElements.push(v)}markElementAsDisabled(v,T){T?this.disabledNodes.has(v)||(this.disabledNodes.add(v),Kn(v,fn)):this.disabledNodes.has(v)&&(this.disabledNodes.delete(v),eo(v,fn))}removeNode(v,T,L){if(oo(T)){const re=v?this._fetchNamespace(v):null;re?re.removeNode(T,L):this.markElementAsRemoved(v,T,!1,L);const Oe=this.namespacesByHostElement.get(T);Oe&&Oe.id!==v&&Oe.removeNode(T,L)}else this._onRemovalComplete(T,L)}markElementAsRemoved(v,T,L,re,Oe){this.collectedLeaveElements.push(T),T[Qt]={namespaceId:v,setForRemoval:re,hasAnimation:L,removedBeforeQueried:!1,previousTriggersValues:Oe}}listen(v,T,L,re,Oe){return oo(T)?this._fetchNamespace(v).listen(T,L,re,Oe):()=>{}}_buildInstruction(v,T,L,re,Oe){return v.transition.build(this.driver,v.element,v.fromState.value,v.toState.value,L,re,v.fromState.options,v.toState.options,T,Oe)}destroyInnerAnimations(v){let T=this.driver.query(v,Qi,!0);T.forEach(L=>this.destroyActiveAnimationsForElement(L)),0!=this.playersByQueriedElement.size&&(T=this.driver.query(v,Ni,!0),T.forEach(L=>this.finishActiveQueriedAnimationOnElement(L)))}destroyActiveAnimationsForElement(v){const T=this.playersByElement.get(v);T&&T.forEach(L=>{L.queued?L.markedForDestroy=!0:L.destroy()})}finishActiveQueriedAnimationOnElement(v){const T=this.playersByQueriedElement.get(v);T&&T.forEach(L=>L.finish())}whenRenderingDone(){return new Promise(v=>{if(this.players.length)return de(this.players).onDone(()=>v());v()})}processLeaveNode(v){var T;const L=v[Qt];if(L&&L.setForRemoval){if(v[Qt]=wt,L.namespaceId){this.destroyInnerAnimations(v);const re=this._fetchNamespace(L.namespaceId);re&&re.clearElementCache(v)}this._onRemovalComplete(v,L.setForRemoval)}null!==(T=v.classList)&&void 0!==T&&T.contains(fn)&&this.markElementAsDisabled(v,!1),this.driver.query(v,".ng-animate-disabled",!0).forEach(re=>{this.markElementAsDisabled(re,!1)})}flush(v=-1){let T=[];if(this.newHostElements.size&&(this.newHostElements.forEach((L,re)=>this._balanceNamespaceList(L,re)),this.newHostElements.clear()),this.totalAnimations&&this.collectedEnterElements.length)for(let L=0;L<this.collectedEnterElements.length;L++)Kn(this.collectedEnterElements[L],"ng-star-inserted");if(this._namespaceList.length&&(this.totalQueuedPlayers||this.collectedLeaveElements.length)){const L=[];try{T=this._flushAnimations(L,v)}finally{for(let re=0;re<L.length;re++)L[re]()}}else for(let L=0;L<this.collectedLeaveElements.length;L++)this.processLeaveNode(this.collectedLeaveElements[L]);if(this.totalQueuedPlayers=0,this.collectedEnterElements.length=0,this.collectedLeaveElements.length=0,this._flushFns.forEach(L=>L()),this._flushFns=[],this._whenQuietFns.length){const L=this._whenQuietFns;this._whenQuietFns=[],T.length?de(T).onDone(()=>{L.forEach(re=>re())}):L.forEach(re=>re())}}reportError(v){throw function ce(_e){return new c.wOt(3402,!1)}()}_flushAnimations(v,T){const L=new On,re=[],Oe=new Map,ot=[],dt=new Map,Ct=new Map,Ft=new Map,En=new Set;this.disabledNodes.forEach(dn=>{En.add(dn);const Pn=this.driver.query(dn,".ng-animate-queued",!0);for(let xn=0;xn<Pn.length;xn++)En.add(Pn[xn])});const wn=this.bodyNode,ni=Array.from(this.statesByElement.keys()),Jn=so(ni,this.collectedEnterElements),bn=new Map;let jn=0;Jn.forEach((dn,Pn)=>{const xn=Tn+jn++;bn.set(Pn,xn),dn.forEach(qn=>Kn(qn,xn))});const Li=[],P=new Set,I=new Set;for(let dn=0;dn<this.collectedLeaveElements.length;dn++){const Pn=this.collectedLeaveElements[dn],xn=Pn[Qt];xn&&xn.setForRemoval&&(Li.push(Pn),P.add(Pn),xn.hasAnimation?this.driver.query(Pn,".ng-star-inserted",!0).forEach(qn=>P.add(qn)):I.add(Pn))}const fe=new Map,A=so(ni,Array.from(P));A.forEach((dn,Pn)=>{const xn=mn+jn++;fe.set(Pn,xn),dn.forEach(qn=>Kn(qn,xn))}),v.push(()=>{Jn.forEach((dn,Pn)=>{const xn=bn.get(Pn);dn.forEach(qn=>eo(qn,xn))}),A.forEach((dn,Pn)=>{const xn=fe.get(Pn);dn.forEach(qn=>eo(qn,xn))}),Li.forEach(dn=>{this.processLeaveNode(dn)})});const xe=[],Xt=[];for(let dn=this._namespaceList.length-1;dn>=0;dn--)this._namespaceList[dn].drainQueuedTransitions(T).forEach(xn=>{const qn=xn.player,wi=xn.element;if(xe.push(qn),this.collectedEnterElements.length){const lo=wi[Qt];if(lo&&lo.setForMove){if(lo.previousTriggersValues&&lo.previousTriggersValues.has(xn.triggerName)){const Ro=lo.previousTriggersValues.get(xn.triggerName),Fo=this.statesByElement.get(xn.element);if(Fo&&Fo.has(xn.triggerName)){const Dr=Fo.get(xn.triggerName);Dr.value=Ro,Fo.set(xn.triggerName,Dr)}}return void qn.destroy()}}const Io=!wn||!this.driver.containsElement(wn,wi),Yi=fe.get(wi),Po=bn.get(wi),Si=this._buildInstruction(xn,L,Po,Yi,Io);if(Si.errors&&Si.errors.length)return void Xt.push(Si);if(Io)return qn.onStart(()=>cn(wi,Si.fromStyles)),qn.onDestroy(()=>on(wi,Si.toStyles)),void re.push(qn);if(xn.isFallbackTransition)return qn.onStart(()=>cn(wi,Si.fromStyles)),qn.onDestroy(()=>on(wi,Si.toStyles)),void re.push(qn);const gr=[];Si.timelines.forEach(lo=>{lo.stretchStartingKeyframe=!0,this.disabledNodes.has(lo.element)||gr.push(lo)}),Si.timelines=gr,L.append(wi,Si.timelines),ot.push({instruction:Si,player:qn,element:wi}),Si.queriedElements.forEach(lo=>Re(dt,lo,[]).push(qn)),Si.preStyleProps.forEach((lo,Ro)=>{if(lo.size){let Fo=Ct.get(Ro);Fo||Ct.set(Ro,Fo=new Set),lo.forEach((Dr,Go)=>Fo.add(Go))}}),Si.postStyleProps.forEach((lo,Ro)=>{let Fo=Ft.get(Ro);Fo||Ft.set(Ro,Fo=new Set),lo.forEach((Dr,Go)=>Fo.add(Go))})});if(Xt.length){const dn=[];Xt.forEach(Pn=>{dn.push(function J(_e,v){return new c.wOt(3505,!1)}())}),xe.forEach(Pn=>Pn.destroy()),this.reportError(dn)}const In=new Map,ai=new Map;ot.forEach(dn=>{const Pn=dn.element;L.has(Pn)&&(ai.set(Pn,Pn),this._beforeAnimationBuild(dn.player.namespaceId,dn.instruction,In))}),re.forEach(dn=>{const Pn=dn.element;this._getPreviousPlayers(Pn,!1,dn.namespaceId,dn.triggerName,null).forEach(qn=>{Re(In,Pn,[]).push(qn),qn.destroy()})});const po=Li.filter(dn=>Wo(dn,Ct,Ft)),Ki=new Map;ro(Ki,this.driver,I,Ft,t.kp).forEach(dn=>{Wo(dn,Ct,Ft)&&po.push(dn)});const ho=new Map;Jn.forEach((dn,Pn)=>{ro(ho,this.driver,new Set(dn),Ct,t.FX)}),po.forEach(dn=>{var Pn,xn;const qn=Ki.get(dn),wi=ho.get(dn);Ki.set(dn,new Map([...null!==(Pn=null==qn?void 0:qn.entries())&&void 0!==Pn?Pn:[],...null!==(xn=null==wi?void 0:wi.entries())&&void 0!==xn?xn:[]]))});const uo=[],xo=[],br={};ot.forEach(dn=>{const{element:Pn,player:xn,instruction:qn}=dn;if(L.has(Pn)){if(En.has(Pn))return xn.onDestroy(()=>on(Pn,qn.toStyles)),xn.disabled=!0,xn.overrideTotalTime(qn.totalTime),void re.push(xn);let wi=br;if(ai.size>1){let Yi=Pn;const Po=[];for(;Yi=Yi.parentNode;){const Si=ai.get(Yi);if(Si){wi=Si;break}Po.push(Yi)}Po.forEach(Si=>ai.set(Si,wi))}const Io=this._buildAnimation(xn.namespaceId,qn,In,Oe,ho,Ki);if(xn.setRealPlayer(Io),wi===br)uo.push(xn);else{const Yi=this.playersByElement.get(wi);Yi&&Yi.length&&(xn.parentPlayer=de(Yi)),re.push(xn)}}else cn(Pn,qn.fromStyles),xn.onDestroy(()=>on(Pn,qn.toStyles)),xo.push(xn),En.has(Pn)&&re.push(xn)}),xo.forEach(dn=>{const Pn=Oe.get(dn.element);if(Pn&&Pn.length){const xn=de(Pn);dn.setRealPlayer(xn)}}),re.forEach(dn=>{dn.parentPlayer?dn.syncPlayerEvents(dn.parentPlayer):dn.destroy()});for(let dn=0;dn<Li.length;dn++){const Pn=Li[dn],xn=Pn[Qt];if(eo(Pn,mn),xn&&xn.hasAnimation)continue;let qn=[];if(dt.size){let Io=dt.get(Pn);Io&&Io.length&&qn.push(...Io);let Yi=this.driver.query(Pn,Ni,!0);for(let Po=0;Po<Yi.length;Po++){let Si=dt.get(Yi[Po]);Si&&Si.length&&qn.push(...Si)}}const wi=qn.filter(Io=>!Io.destroyed);wi.length?Uo(this,Pn,wi):this.processLeaveNode(Pn)}return Li.length=0,uo.forEach(dn=>{this.players.push(dn),dn.onDone(()=>{dn.destroy();const Pn=this.players.indexOf(dn);this.players.splice(Pn,1)}),dn.play()}),uo}afterFlush(v){this._flushFns.push(v)}afterFlushAnimationsDone(v){this._whenQuietFns.push(v)}_getPreviousPlayers(v,T,L,re,Oe){let ot=[];if(T){const dt=this.playersByQueriedElement.get(v);dt&&(ot=dt)}else{const dt=this.playersByElement.get(v);if(dt){const Ct=!Oe||Oe==Bn;dt.forEach(Ft=>{Ft.queued||!Ct&&Ft.triggerName!=re||ot.push(Ft)})}}return(L||re)&&(ot=ot.filter(dt=>!(L&&L!=dt.namespaceId||re&&re!=dt.triggerName))),ot}_beforeAnimationBuild(v,T,L){const Oe=T.element,ot=T.isRemovalTransition?void 0:v,dt=T.isRemovalTransition?void 0:T.triggerName;for(const Ct of T.timelines){const Ft=Ct.element,En=Ft!==Oe,wn=Re(L,Ft,[]);this._getPreviousPlayers(Ft,En,ot,dt,T.toState).forEach(Jn=>{const bn=Jn.getRealPlayer();bn.beforeDestroy&&bn.beforeDestroy(),Jn.destroy(),wn.push(Jn)})}cn(Oe,T.fromStyles)}_buildAnimation(v,T,L,re,Oe,ot){const dt=T.triggerName,Ct=T.element,Ft=[],En=new Set,wn=new Set,ni=T.timelines.map(bn=>{const jn=bn.element;En.add(jn);const Li=jn[Qt];if(Li&&Li.removedBeforeQueried)return new t.sf(bn.duration,bn.delay);const P=jn!==Ct,I=function Hn(_e){const v=[];return xr(_e,v),v}((L.get(jn)||We).map(In=>In.getRealPlayer())).filter(In=>!!In.element&&In.element===jn),fe=Oe.get(jn),A=ot.get(jn),xe=ee(this._normalizer,bn.keyframes,fe,A),Xt=this._buildPlayer(bn,xe,I);if(bn.subTimeline&&re&&wn.add(jn),P){const In=new Ci(v,dt,jn);In.setRealPlayer(Xt),Ft.push(In)}return Xt});Ft.forEach(bn=>{Re(this.playersByQueriedElement,bn.element,[]).push(bn),bn.onDone(()=>function oi(_e,v,T){let L=_e.get(v);if(L){if(L.length){const re=L.indexOf(T);L.splice(re,1)}0==L.length&&_e.delete(v)}return L}(this.playersByQueriedElement,bn.element,bn))}),En.forEach(bn=>Kn(bn,Sn));const Jn=de(ni);return Jn.onDestroy(()=>{En.forEach(bn=>eo(bn,Sn)),on(Ct,T.toStyles)}),wn.forEach(bn=>{Re(re,bn,[]).push(Jn)}),Jn}_buildPlayer(v,T,L){return T.length>0?this.driver.animate(v.element,T,v.duration,v.delay,v.easing,L):new t.sf(v.duration,v.delay)}}class Ci{constructor(v,T,L){this.namespaceId=v,this.triggerName=T,this.element=L,this._player=new t.sf,this._containsRealPlayer=!1,this._queuedCallbacks=new Map,this.destroyed=!1,this.parentPlayer=null,this.markedForDestroy=!1,this.disabled=!1,this.queued=!0,this.totalTime=0}setRealPlayer(v){this._containsRealPlayer||(this._player=v,this._queuedCallbacks.forEach((T,L)=>{T.forEach(re=>Se(v,L,void 0,re))}),this._queuedCallbacks.clear(),this._containsRealPlayer=!0,this.overrideTotalTime(v.totalTime),this.queued=!1)}getRealPlayer(){return this._player}overrideTotalTime(v){this.totalTime=v}syncPlayerEvents(v){const T=this._player;T.triggerCallback&&v.onStart(()=>T.triggerCallback("start")),v.onDone(()=>this.finish()),v.onDestroy(()=>this.destroy())}_queueEvent(v,T){Re(this._queuedCallbacks,v,[]).push(T)}onDone(v){this.queued&&this._queueEvent("done",v),this._player.onDone(v)}onStart(v){this.queued&&this._queueEvent("start",v),this._player.onStart(v)}onDestroy(v){this.queued&&this._queueEvent("destroy",v),this._player.onDestroy(v)}init(){this._player.init()}hasStarted(){return!this.queued&&this._player.hasStarted()}play(){!this.queued&&this._player.play()}pause(){!this.queued&&this._player.pause()}restart(){!this.queued&&this._player.restart()}finish(){this._player.finish()}destroy(){this.destroyed=!0,this._player.destroy()}reset(){!this.queued&&this._player.reset()}setPosition(v){this.queued||this._player.setPosition(v)}getPosition(){return this.queued?0:this._player.getPosition()}triggerCallback(v){const T=this._player;T.triggerCallback&&T.triggerCallback(v)}}function oo(_e){return _e&&1===_e.nodeType}function fi(_e,v){const T=_e.style.display;return _e.style.display=null!=v?v:"none",T}function ro(_e,v,T,L,re){const Oe=[];T.forEach(Ct=>Oe.push(fi(Ct)));const ot=[];L.forEach((Ct,Ft)=>{const En=new Map;Ct.forEach(wn=>{const ni=v.computeStyle(Ft,wn,re);En.set(wn,ni),(!ni||0==ni.length)&&(Ft[Qt]=$t,ot.push(Ft))}),_e.set(Ft,En)});let dt=0;return T.forEach(Ct=>fi(Ct,Oe[dt++])),ot}function so(_e,v){const T=new Map;if(_e.forEach(dt=>T.set(dt,[])),0==v.length)return T;const re=new Set(v),Oe=new Map;function ot(dt){if(!dt)return 1;let Ct=Oe.get(dt);if(Ct)return Ct;const Ft=dt.parentNode;return Ct=T.has(Ft)?Ft:re.has(Ft)?1:ot(Ft),Oe.set(dt,Ct),Ct}return v.forEach(dt=>{const Ct=ot(dt);1!==Ct&&T.get(Ct).push(dt)}),T}function Kn(_e,v){var T;null===(T=_e.classList)||void 0===T||T.add(v)}function eo(_e,v){var T;null===(T=_e.classList)||void 0===T||T.remove(v)}function Uo(_e,v,T){de(T).onDone(()=>_e.processLeaveNode(v))}function xr(_e,v){for(let T=0;T<_e.length;T++){const L=_e[T];L instanceof t.ui?xr(L.players,v):v.push(L)}}function Wo(_e,v,T){const L=T.get(_e);if(!L)return!1;let re=v.get(_e);return re?L.forEach(Oe=>re.add(Oe)):v.set(_e,L),T.delete(_e),!0}class to{constructor(v,T,L){this.bodyNode=v,this._driver=T,this._normalizer=L,this._triggerCache={},this.onRemovalComplete=(re,Oe)=>{},this._transitionEngine=new mi(v,T,L),this._timelineEngine=new Jo(v,T,L),this._transitionEngine.onRemovalComplete=(re,Oe)=>this.onRemovalComplete(re,Oe)}registerTrigger(v,T,L,re,Oe){const ot=v+"-"+re;let dt=this._triggerCache[ot];if(!dt){const Ct=[],En=Je(this._driver,Oe,Ct,[]);if(Ct.length)throw function tt(_e,v){return new c.wOt(3404,!1)}();dt=function qi(_e,v,T){return new Xi(_e,v,T)}(re,En,this._normalizer),this._triggerCache[ot]=dt}this._transitionEngine.registerTrigger(T,re,dt)}register(v,T){this._transitionEngine.register(v,T)}destroy(v,T){this._transitionEngine.destroy(v,T)}onInsert(v,T,L,re){this._transitionEngine.insertNode(v,T,L,re)}onRemove(v,T,L){this._transitionEngine.removeNode(v,T,L)}disableAnimations(v,T){this._transitionEngine.markElementAsDisabled(v,T)}process(v,T,L,re){if("@"==L.charAt(0)){const[Oe,ot]=Ke(L);this._timelineEngine.command(Oe,T,ot,re)}else this._transitionEngine.trigger(v,T,L,re)}listen(v,T,L,re,Oe){if("@"==L.charAt(0)){const[ot,dt]=Ke(L);return this._timelineEngine.listen(ot,T,dt,Oe)}return this._transitionEngine.listen(v,T,L,re,Oe)}flush(v=-1){this._transitionEngine.flush(v)}get players(){return[...this._transitionEngine.players,...this._timelineEngine.players]}whenRenderingDone(){return this._transitionEngine.whenRenderingDone()}afterFlushAnimationsDone(v){this._transitionEngine.afterFlushAnimationsDone(v)}}let yo=(()=>{class v{constructor(L,re,Oe){this._element=L,this._startStyles=re,this._endStyles=Oe,this._state=0;let ot=v.initialStylesByElement.get(L);ot||v.initialStylesByElement.set(L,ot=new Map),this._initialStyles=ot}start(){this._state<1&&(this._startStyles&&on(this._element,this._startStyles,this._initialStyles),this._state=1)}finish(){this.start(),this._state<2&&(on(this._element,this._initialStyles),this._endStyles&&(on(this._element,this._endStyles),this._endStyles=null),this._state=1)}destroy(){this.finish(),this._state<3&&(v.initialStylesByElement.delete(this._element),this._startStyles&&(cn(this._element,this._startStyles),this._endStyles=null),this._endStyles&&(cn(this._element,this._endStyles),this._endStyles=null),on(this._element,this._initialStyles),this._state=3)}}return v.initialStylesByElement=new WeakMap,v})();function bo(_e){let v=null;return _e.forEach((T,L)=>{(function Ii(_e){return"display"===_e||"position"===_e})(L)&&(v=v||new Map,v.set(L,T))}),v}class Nr{constructor(v,T,L,re){this.element=v,this.keyframes=T,this.options=L,this._specialStyles=re,this._onDoneFns=[],this._onStartFns=[],this._onDestroyFns=[],this._initialized=!1,this._finished=!1,this._started=!1,this._destroyed=!1,this._originalOnDoneFns=[],this._originalOnStartFns=[],this.time=0,this.parentPlayer=null,this.currentSnapshot=new Map,this._duration=L.duration,this._delay=L.delay||0,this.time=this._duration+this._delay}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(v=>v()),this._onDoneFns=[])}init(){this._buildPlayer(),this._preparePlayerBeforeStart()}_buildPlayer(){if(this._initialized)return;this._initialized=!0;const v=this.keyframes;this.domPlayer=this._triggerWebAnimation(this.element,v,this.options),this._finalKeyframe=v.length?v[v.length-1]:new Map;const T=()=>this._onFinish();this.domPlayer.addEventListener("finish",T),this.onDestroy(()=>{this.domPlayer.removeEventListener("finish",T)})}_preparePlayerBeforeStart(){this._delay?this._resetDomPlayerState():this.domPlayer.pause()}_convertKeyframesToObject(v){const T=[];return v.forEach(L=>{T.push(Object.fromEntries(L))}),T}_triggerWebAnimation(v,T,L){return v.animate(this._convertKeyframesToObject(T),L)}onStart(v){this._originalOnStartFns.push(v),this._onStartFns.push(v)}onDone(v){this._originalOnDoneFns.push(v),this._onDoneFns.push(v)}onDestroy(v){this._onDestroyFns.push(v)}play(){this._buildPlayer(),this.hasStarted()||(this._onStartFns.forEach(v=>v()),this._onStartFns=[],this._started=!0,this._specialStyles&&this._specialStyles.start()),this.domPlayer.play()}pause(){this.init(),this.domPlayer.pause()}finish(){this.init(),this._specialStyles&&this._specialStyles.finish(),this._onFinish(),this.domPlayer.finish()}reset(){this._resetDomPlayerState(),this._destroyed=!1,this._finished=!1,this._started=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}_resetDomPlayerState(){this.domPlayer&&this.domPlayer.cancel()}restart(){this.reset(),this.play()}hasStarted(){return this._started}destroy(){this._destroyed||(this._destroyed=!0,this._resetDomPlayerState(),this._onFinish(),this._specialStyles&&this._specialStyles.destroy(),this._onDestroyFns.forEach(v=>v()),this._onDestroyFns=[])}setPosition(v){void 0===this.domPlayer&&this.init(),this.domPlayer.currentTime=v*this.time}getPosition(){var v;return+(null!==(v=this.domPlayer.currentTime)&&void 0!==v?v:0)/this.time}get totalTime(){return this._delay+this._duration}beforeDestroy(){const v=new Map;this.hasStarted()&&this._finalKeyframe.forEach((L,re)=>{"offset"!==re&&v.set(re,this._finished?L:vn(this.element,re))}),this.currentSnapshot=v}triggerCallback(v){const T="start"===v?this._onStartFns:this._onDoneFns;T.forEach(L=>L()),T.length=0}}class ao{validateStyleProperty(v){return!0}validateAnimatableStyleProperty(v){return!0}matchesElement(v,T){return!1}containsElement(v,T){return Ye(v,T)}getParentElement(v){return Pt(v)}query(v,T,L){return ct(v,T,L)}computeStyle(v,T,L){return window.getComputedStyle(v)[T]}animate(v,T,L,re,Oe,ot=[]){const Ct={duration:L,delay:re,fill:0==re?"both":"forwards"};Oe&&(Ct.easing=Oe);const Ft=new Map,En=ot.filter(Jn=>Jn instanceof Nr);(function Ut(_e,v){return 0===_e||0===v})(L,re)&&En.forEach(Jn=>{Jn.currentSnapshot.forEach((bn,jn)=>Ft.set(jn,bn))});let wn=function mo(_e){return _e.length?_e[0]instanceof Map?_e:_e.map(v=>co(v)):[]}(T).map(Jn=>Et(Jn));wn=function jt(_e,v,T){if(T.size&&v.length){let L=v[0],re=[];if(T.forEach((Oe,ot)=>{L.has(ot)||re.push(ot),L.set(ot,Oe)}),re.length)for(let Oe=1;Oe<v.length;Oe++){let ot=v[Oe];re.forEach(dt=>ot.set(dt,vn(_e,dt)))}}return v}(v,wn,Ft);const ni=function Wi(_e,v){let T=null,L=null;return Array.isArray(v)&&v.length?(T=bo(v[0]),v.length>1&&(L=bo(v[v.length-1]))):v instanceof Map&&(T=bo(v)),T||L?new yo(_e,T,L):null}(v,wn);return new Nr(v,wn,Ct,ni)}}},6610:(St,Fe,u)=>{u.d(Fe,{AJ:()=>Qt,Jj:()=>nr,MD:()=>$t,N0:()=>so,OI:()=>bt,QT:()=>O,Sm:()=>Ae,Sq:()=>Nt,T3:()=>vo,TG:()=>jo,UE:()=>Ai,VF:()=>X,Vy:()=>mi,Xr:()=>oo,ZD:()=>N,_b:()=>Je,aZ:()=>oe,bT:()=>gn,e1:()=>Yn,fG:()=>Di,hb:()=>ye,pM:()=>Nt,qQ:()=>$,ux:()=>Nn});var t=u(2978);let c=null;function O(){return c}function N(b){c||(c=b)}class X{}const $=new t.nKC("DocumentToken");let W=(()=>{var b;class F{historyGo(S){throw new Error("Not implemented")}}return(b=F).\u0275fac=function(S){return new(S||b)},b.\u0275prov=t.jDH({token:b,factory:function(){return(0,t.WQX)(te)},providedIn:"platform"}),F})(),te=(()=>{var b;class F extends W{constructor(){super(),this._doc=(0,t.WQX)($),this._location=window.location,this._history=window.history}getBaseHrefFromDOM(){return O().getBaseHref(this._doc)}onPopState(S){const Ce=O().getGlobalEventTarget(this._doc,"window");return Ce.addEventListener("popstate",S,!1),()=>Ce.removeEventListener("popstate",S)}onHashChange(S){const Ce=O().getGlobalEventTarget(this._doc,"window");return Ce.addEventListener("hashchange",S,!1),()=>Ce.removeEventListener("hashchange",S)}get href(){return this._location.href}get protocol(){return this._location.protocol}get hostname(){return this._location.hostname}get port(){return this._location.port}get pathname(){return this._location.pathname}get search(){return this._location.search}get hash(){return this._location.hash}set pathname(S){this._location.pathname=S}pushState(S,Ce,Ze){this._history.pushState(S,Ce,Ze)}replaceState(S,Ce,Ze){this._history.replaceState(S,Ce,Ze)}forward(){this._history.forward()}back(){this._history.back()}historyGo(S=0){this._history.go(S)}getState(){return this._history.state}}return(b=F).\u0275fac=function(S){return new(S||b)},b.\u0275prov=t.jDH({token:b,factory:function(){return new b},providedIn:"platform"}),F})();function Z(b,F){if(0==b.length)return F;if(0==F.length)return b;let Ne=0;return b.endsWith("/")&&Ne++,F.startsWith("/")&&Ne++,2==Ne?b+F.substring(1):1==Ne?b+F:b+"/"+F}function Q(b){const F=b.match(/#|\?|$/),Ne=F&&F.index||b.length;return b.slice(0,Ne-("/"===b[Ne-1]?1:0))+b.slice(Ne)}function ve(b){return b&&"?"!==b[0]?"?"+b:b}let ye=(()=>{var b;class F{historyGo(S){throw new Error("Not implemented")}}return(b=F).\u0275fac=function(S){return new(S||b)},b.\u0275prov=t.jDH({token:b,factory:function(){return(0,t.WQX)(Ae)},providedIn:"root"}),F})();const q=new t.nKC("appBaseHref");let Ae=(()=>{var b;class F extends ye{constructor(S,Ce){var Ze,At,rn;super(),this._platformLocation=S,this._removeListenerFns=[],this._baseHref=null!==(Ze=null!==(At=null!=Ce?Ce:this._platformLocation.getBaseHrefFromDOM())&&void 0!==At?At:null===(rn=(0,t.WQX)($).location)||void 0===rn?void 0:rn.origin)&&void 0!==Ze?Ze:""}ngOnDestroy(){for(;this._removeListenerFns.length;)this._removeListenerFns.pop()()}onPopState(S){this._removeListenerFns.push(this._platformLocation.onPopState(S),this._platformLocation.onHashChange(S))}getBaseHref(){return this._baseHref}prepareExternalUrl(S){return Z(this._baseHref,S)}path(S=!1){const Ce=this._platformLocation.pathname+ve(this._platformLocation.search),Ze=this._platformLocation.hash;return Ze&&S?"".concat(Ce).concat(Ze):Ce}pushState(S,Ce,Ze,At){const rn=this.prepareExternalUrl(Ze+ve(At));this._platformLocation.pushState(S,Ce,rn)}replaceState(S,Ce,Ze,At){const rn=this.prepareExternalUrl(Ze+ve(At));this._platformLocation.replaceState(S,Ce,rn)}forward(){this._platformLocation.forward()}back(){this._platformLocation.back()}getState(){return this._platformLocation.getState()}historyGo(S=0){var Ce,Ze;null===(Ce=(Ze=this._platformLocation).historyGo)||void 0===Ce||Ce.call(Ze,S)}}return(b=F).\u0275fac=function(S){return new(S||b)(t.KVO(W),t.KVO(q,8))},b.\u0275prov=t.jDH({token:b,factory:b.\u0275fac,providedIn:"root"}),F})(),oe=(()=>{var b;class F{constructor(S){this._subject=new t.bkB,this._urlChangeListeners=[],this._urlChangeSubscription=null,this._locationStrategy=S;const Ce=this._locationStrategy.getBaseHref();this._basePath=function U(b){if(new RegExp("^(https?:)?//").test(b)){const[,Ne]=b.split(/\/\/[^\/]+/);return Ne}return b}(Q(Ue(Ce))),this._locationStrategy.onPopState(Ze=>{this._subject.emit({url:this.path(!0),pop:!0,state:Ze.state,type:Ze.type})})}ngOnDestroy(){var S;null===(S=this._urlChangeSubscription)||void 0===S||S.unsubscribe(),this._urlChangeListeners=[]}path(S=!1){return this.normalize(this._locationStrategy.path(S))}getState(){return this._locationStrategy.getState()}isCurrentPathEqualTo(S,Ce=""){return this.path()==this.normalize(S+ve(Ce))}normalize(S){return F.stripTrailingSlash(function nt(b,F){if(!b||!F.startsWith(b))return F;const Ne=F.substring(b.length);return""===Ne||["/",";","?","#"].includes(Ne[0])?Ne:F}(this._basePath,Ue(S)))}prepareExternalUrl(S){return S&&"/"!==S[0]&&(S="/"+S),this._locationStrategy.prepareExternalUrl(S)}go(S,Ce="",Ze=null){this._locationStrategy.pushState(Ze,"",S,Ce),this._notifyUrlChangeListeners(this.prepareExternalUrl(S+ve(Ce)),Ze)}replaceState(S,Ce="",Ze=null){this._locationStrategy.replaceState(Ze,"",S,Ce),this._notifyUrlChangeListeners(this.prepareExternalUrl(S+ve(Ce)),Ze)}forward(){this._locationStrategy.forward()}back(){this._locationStrategy.back()}historyGo(S=0){var Ce,Ze;null===(Ce=(Ze=this._locationStrategy).historyGo)||void 0===Ce||Ce.call(Ze,S)}onUrlChange(S){return this._urlChangeListeners.push(S),this._urlChangeSubscription||(this._urlChangeSubscription=this.subscribe(Ce=>{this._notifyUrlChangeListeners(Ce.url,Ce.state)})),()=>{const Ce=this._urlChangeListeners.indexOf(S);var Ze;this._urlChangeListeners.splice(Ce,1),0===this._urlChangeListeners.length&&(null===(Ze=this._urlChangeSubscription)||void 0===Ze||Ze.unsubscribe(),this._urlChangeSubscription=null)}}_notifyUrlChangeListeners(S="",Ce){this._urlChangeListeners.forEach(Ze=>Ze(S,Ce))}subscribe(S,Ce,Ze){return this._subject.subscribe({next:S,error:Ce,complete:Ze})}}return(b=F).normalizeQueryParams=ve,b.joinWithSlash=Z,b.stripTrailingSlash=Q,b.\u0275fac=function(S){return new(S||b)(t.KVO(ye))},b.\u0275prov=t.jDH({token:b,factory:function(){return function Le(){return new oe((0,t.KVO)(ye))}()},providedIn:"root"}),F})();function Ue(b){return b.replace(/\/index.html$/,"")}function Je(b,F){F=encodeURIComponent(F);for(const Ne of b.split(";")){const S=Ne.indexOf("="),[Ce,Ze]=-1==S?[Ne,""]:[Ne.slice(0,S),Ne.slice(S+1)];if(Ce.trim()===F)return decodeURIComponent(Ze)}return null}let bt=(()=>{var b;class F{constructor(S){this._viewContainerRef=S,this.ngComponentOutlet=null,this._inputsUsed=new Map}_needToReCreateNgModuleInstance(S){return void 0!==S.ngComponentOutletNgModule||void 0!==S.ngComponentOutletNgModuleFactory}_needToReCreateComponentInstance(S){return void 0!==S.ngComponentOutlet||void 0!==S.ngComponentOutletContent||void 0!==S.ngComponentOutletInjector||this._needToReCreateNgModuleInstance(S)}ngOnChanges(S){if(this._needToReCreateComponentInstance(S)&&(this._viewContainerRef.clear(),this._inputsUsed.clear(),this._componentRef=void 0,this.ngComponentOutlet)){const Ze=this.ngComponentOutletInjector||this._viewContainerRef.parentInjector;var Ce;this._needToReCreateNgModuleInstance(S)&&(null===(Ce=this._moduleRef)||void 0===Ce||Ce.destroy(),this._moduleRef=this.ngComponentOutletNgModule?(0,t.w6W)(this.ngComponentOutletNgModule,yt(Ze)):this.ngComponentOutletNgModuleFactory?this.ngComponentOutletNgModuleFactory.create(yt(Ze)):void 0),this._componentRef=this._viewContainerRef.createComponent(this.ngComponentOutlet,{injector:Ze,ngModuleRef:this._moduleRef,projectableNodes:this.ngComponentOutletContent})}}ngDoCheck(){if(this._componentRef){if(this.ngComponentOutletInputs)for(const S of Object.keys(this.ngComponentOutletInputs))this._inputsUsed.set(S,!0);this._applyInputStateDiff(this._componentRef)}}ngOnDestroy(){var S;null===(S=this._moduleRef)||void 0===S||S.destroy()}_applyInputStateDiff(S){for(const[Ce,Ze]of this._inputsUsed)Ze?(S.setInput(Ce,this.ngComponentOutletInputs[Ce]),this._inputsUsed.set(Ce,!1)):(S.setInput(Ce,void 0),this._inputsUsed.delete(Ce))}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.c1b))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngComponentOutlet",""]],inputs:{ngComponentOutlet:"ngComponentOutlet",ngComponentOutletInputs:"ngComponentOutletInputs",ngComponentOutletInjector:"ngComponentOutletInjector",ngComponentOutletContent:"ngComponentOutletContent",ngComponentOutletNgModule:"ngComponentOutletNgModule",ngComponentOutletNgModuleFactory:"ngComponentOutletNgModuleFactory"},standalone:!0,features:[t.OA$]}),F})();function yt(b){return b.get(t.Vns).injector}class It{constructor(F,Ne,S,Ce){this.$implicit=F,this.ngForOf=Ne,this.index=S,this.count=Ce}get first(){return 0===this.index}get last(){return this.index===this.count-1}get even(){return this.index%2==0}get odd(){return!this.even}}let Nt=(()=>{var b;class F{set ngForOf(S){this._ngForOf=S,this._ngForOfDirty=!0}set ngForTrackBy(S){this._trackByFn=S}get ngForTrackBy(){return this._trackByFn}constructor(S,Ce,Ze){this._viewContainer=S,this._template=Ce,this._differs=Ze,this._ngForOf=null,this._ngForOfDirty=!0,this._differ=null}set ngForTemplate(S){S&&(this._template=S)}ngDoCheck(){if(this._ngForOfDirty){this._ngForOfDirty=!1;const S=this._ngForOf;!this._differ&&S&&(this._differ=this._differs.find(S).create(this.ngForTrackBy))}if(this._differ){const S=this._differ.diff(this._ngForOf);S&&this._applyChanges(S)}}_applyChanges(S){const Ce=this._viewContainer;S.forEachOperation((Ze,At,rn)=>{if(null==Ze.previousIndex)Ce.createEmbeddedView(this._template,new It(Ze.item,this._ngForOf,-1,-1),null===rn?void 0:rn);else if(null==rn)Ce.remove(null===At?void 0:At);else if(null!==At){const Un=Ce.get(At);Ce.move(Un,rn),en(Un,Ze)}});for(let Ze=0,At=Ce.length;Ze<At;Ze++){const Un=Ce.get(Ze).context;Un.index=Ze,Un.count=At,Un.ngForOf=this._ngForOf}S.forEachIdentityChange(Ze=>{en(Ce.get(Ze.currentIndex),Ze)})}static ngTemplateContextGuard(S,Ce){return!0}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.c1b),t.rXU(t.C4Q),t.rXU(t._q3))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0}),F})();function en(b,F){b.context.$implicit=F.item}let gn=(()=>{var b;class F{constructor(S,Ce){this._viewContainer=S,this._context=new On,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=Ce}set ngIf(S){this._context.$implicit=this._context.ngIf=S,this._updateView()}set ngIfThen(S){Gn("ngIfThen",S),this._thenTemplateRef=S,this._thenViewRef=null,this._updateView()}set ngIfElse(S){Gn("ngIfElse",S),this._elseTemplateRef=S,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(S,Ce){return!0}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.c1b),t.rXU(t.C4Q))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0}),F})();class On{constructor(){this.$implicit=null,this.ngIf=null}}function Gn(b,F){if(F&&!F.createEmbeddedView)throw new Error("".concat(b," must be a TemplateRef, but received '").concat((0,t.Tbb)(F),"'."))}class $n{constructor(F,Ne){this._viewContainerRef=F,this._templateRef=Ne,this._created=!1}create(){this._created=!0,this._viewContainerRef.createEmbeddedView(this._templateRef)}destroy(){this._created=!1,this._viewContainerRef.clear()}enforceState(F){F&&!this._created?this.create():!F&&this._created&&this.destroy()}}let Nn=(()=>{var b;class F{constructor(){this._defaultViews=[],this._defaultUsed=!1,this._caseCount=0,this._lastCaseCheckIndex=0,this._lastCasesMatched=!1}set ngSwitch(S){this._ngSwitch=S,0===this._caseCount&&this._updateDefaultCases(!0)}_addCase(){return this._caseCount++}_addDefault(S){this._defaultViews.push(S)}_matchCase(S){const Ce=S==this._ngSwitch;return this._lastCasesMatched=this._lastCasesMatched||Ce,this._lastCaseCheckIndex++,this._lastCaseCheckIndex===this._caseCount&&(this._updateDefaultCases(!this._lastCasesMatched),this._lastCaseCheckIndex=0,this._lastCasesMatched=!1),Ce}_updateDefaultCases(S){if(this._defaultViews.length>0&&S!==this._defaultUsed){this._defaultUsed=S;for(const Ce of this._defaultViews)Ce.enforceState(S)}}}return(b=F).\u0275fac=function(S){return new(S||b)},b.\u0275dir=t.FsC({type:b,selectors:[["","ngSwitch",""]],inputs:{ngSwitch:"ngSwitch"},standalone:!0}),F})(),Yn=(()=>{var b;class F{constructor(S,Ce,Ze){this.ngSwitch=Ze,Ze._addCase(),this._view=new $n(S,Ce)}ngDoCheck(){this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase))}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.c1b),t.rXU(t.C4Q),t.rXU(Nn,9))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngSwitchCase",""]],inputs:{ngSwitchCase:"ngSwitchCase"},standalone:!0}),F})(),Di=(()=>{var b;class F{constructor(S,Ce,Ze){Ze._addDefault(new $n(S,Ce))}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.c1b),t.rXU(t.C4Q),t.rXU(Nn,9))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngSwitchDefault",""]],standalone:!0}),F})(),vo=(()=>{var b;class F{constructor(S){this._viewContainerRef=S,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(S){if(S.ngTemplateOutlet||S.ngTemplateOutletInjector){const Ce=this._viewContainerRef;if(this._viewRef&&Ce.remove(Ce.indexOf(this._viewRef)),this.ngTemplateOutlet){const{ngTemplateOutlet:Ze,ngTemplateOutletContext:At,ngTemplateOutletInjector:rn}=this;this._viewRef=Ce.createEmbeddedView(Ze,At,rn?{injector:rn}:void 0)}else this._viewRef=null}else this._viewRef&&S.ngTemplateOutletContext&&this.ngTemplateOutletContext&&(this._viewRef.context=this.ngTemplateOutletContext)}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.c1b))},b.\u0275dir=t.FsC({type:b,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[t.OA$]}),F})();class Pr{createSubscription(F,Ne){return(0,t.O8t)(()=>F.subscribe({next:Ne,error:S=>{throw S}}))}dispose(F){(0,t.O8t)(()=>F.unsubscribe())}}class Rr{createSubscription(F,Ne){return F.then(Ne,S=>{throw S})}dispose(F){}}const yr=new Rr,pr=new Pr;let nr=(()=>{var b;class F{constructor(S){this._latestValue=null,this._subscription=null,this._obj=null,this._strategy=null,this._ref=S}ngOnDestroy(){this._subscription&&this._dispose(),this._ref=null}transform(S){return this._obj?S!==this._obj?(this._dispose(),this.transform(S)):this._latestValue:(S&&this._subscribe(S),this._latestValue)}_subscribe(S){this._obj=S,this._strategy=this._selectStrategy(S),this._subscription=this._strategy.createSubscription(S,Ce=>this._updateLatestValue(S,Ce))}_selectStrategy(S){if((0,t.jNT)(S))return yr;if((0,t.zjR)(S))return pr;throw function fo(b,F){return new t.wOt(2100,!1)}()}_dispose(){this._strategy.dispose(this._subscription),this._latestValue=null,this._subscription=null,this._obj=null}_updateLatestValue(S,Ce){S===this._obj&&(this._latestValue=Ce,this._ref.markForCheck())}}return(b=F).\u0275fac=function(S){return new(S||b)(t.rXU(t.gRc,16))},b.\u0275pipe=t.EJ8({name:"async",type:b,pure:!1,standalone:!0}),F})(),jo=(()=>{var b;class F{transform(S){return JSON.stringify(S,null,2)}}return(b=F).\u0275fac=function(S){return new(S||b)},b.\u0275pipe=t.EJ8({name:"json",type:b,pure:!1,standalone:!0}),F})(),$t=(()=>{var b;class F{}return(b=F).\u0275fac=function(S){return new(S||b)},b.\u0275mod=t.$C({type:b}),b.\u0275inj=t.G2t({}),F})();const Qt="browser",hn="server";function Ai(b){return b===Qt}function mi(b){return b===hn}let oo=(()=>{var b;class F{}return(b=F).\u0275prov=(0,t.jDH)({token:b,providedIn:"root",factory:()=>new Zn((0,t.KVO)($),window)}),F})();class Zn{constructor(F,Ne){this.document=F,this.window=Ne,this.offset=()=>[0,0]}setOffset(F){this.offset=Array.isArray(F)?()=>F:F}getScrollPosition(){return this.supportsScrolling()?[this.window.pageXOffset,this.window.pageYOffset]:[0,0]}scrollToPosition(F){this.supportsScrolling()&&this.window.scrollTo(F[0],F[1])}scrollToAnchor(F){if(!this.supportsScrolling())return;const Ne=function fi(b,F){const Ne=b.getElementById(F)||b.getElementsByName(F)[0];if(Ne)return Ne;if("function"==typeof b.createTreeWalker&&b.body&&"function"==typeof b.body.attachShadow){const S=b.createTreeWalker(b.body,NodeFilter.SHOW_ELEMENT);let Ce=S.currentNode;for(;Ce;){const Ze=Ce.shadowRoot;if(Ze){const At=Ze.getElementById(F)||Ze.querySelector('[name="'.concat(F,'"]'));if(At)return At}Ce=S.nextNode()}}return null}(this.document,F);Ne&&(this.scrollToElement(Ne),Ne.focus())}setHistoryScrollRestoration(F){this.supportsScrolling()&&(this.window.history.scrollRestoration=F)}scrollToElement(F){const Ne=F.getBoundingClientRect(),S=Ne.left+this.window.pageXOffset,Ce=Ne.top+this.window.pageYOffset,Ze=this.offset();this.window.scrollTo(S-Ze[0],Ce-Ze[1])}supportsScrolling(){try{return!!this.window&&!!this.window.scrollTo&&"pageXOffset"in this.window}catch{return!1}}}class so{}},2978:(St,Fe,u)=>{u.d(Fe,{$C:()=>Eo,$GK:()=>he,$K3:()=>ov,$MX:()=>ac,AVh:()=>up,Af3:()=>yc,Agw:()=>vf,B$B:()=>Bl,B4B:()=>uf,BIS:()=>a1,BMQ:()=>Wf,C4Q:()=>ml,C5r:()=>U_,Co$:()=>e_,DNE:()=>Tg,EBC:()=>y0,EFF:()=>am,EJ8:()=>or,EWP:()=>Fr,EmA:()=>df,FsC:()=>Mo,G2t:()=>Pt,GBs:()=>N_,GFd:()=>cg,H3F:()=>iv,H5H:()=>hp,H8p:()=>hf,HbH:()=>em,Hps:()=>xo,JRh:()=>cp,JZv:()=>mn,Jv_:()=>qm,KH2:()=>gu,KVO:()=>jt,Kcf:()=>Oy,L39:()=>MM,LfX:()=>Gt,Lme:()=>dp,MKu:()=>Xp,Mr5:()=>fp,NAR:()=>kg,NYb:()=>zE,Njj:()=>ys,O8t:()=>Ze,OA$:()=>Xn,Ocv:()=>vE,Ol2:()=>n_,PLl:()=>Jh,QTQ:()=>F0,QZP:()=>Z0,Ql9:()=>DE,QuC:()=>qi,R7$:()=>R0,RV6:()=>Sg,Rfq:()=>Ae,RxE:()=>s0,SKi:()=>tr,SdG:()=>Lg,SpI:()=>Lc,TL$:()=>Ty,TL3:()=>QE,Tbb:()=>ve,UyX:()=>Py,VBU:()=>Rr,Vns:()=>va,Vt3:()=>zf,WHO:()=>uv,WPN:()=>pa,WQX:()=>vn,XpG:()=>Fg,Xx1:()=>Na,Y8G:()=>Zf,Z63:()=>Gu,ZF7:()=>Xa,_9s:()=>r0,_q3:()=>Gp,a0P:()=>IM,aKT:()=>Yu,aNF:()=>i_,abz:()=>Zu,bIt:()=>np,bMT:()=>y_,bVm:()=>Nc,bc$:()=>s1,bkB:()=>ss,brH:()=>D_,c1b:()=>Wc,cWb:()=>Ay,czy:()=>Xs,duS:()=>lf,e01:()=>lv,e5t:()=>Ny,eBV:()=>Fs,eq3:()=>d_,eu8:()=>ep,gRc:()=>tM,gXe:()=>Mi,giA:()=>cv,h9k:()=>$h,i5U:()=>b_,iLQ:()=>Up,j41:()=>Ac,jDH:()=>Ke,jNT:()=>tp,joV:()=>Du,k0s:()=>Pc,kS0:()=>Ou,kdw:()=>Fa,lJ4:()=>c_,lNU:()=>Ue,l_i:()=>f_,lsd:()=>k_,mGM:()=>R_,mal:()=>D0,mq5:()=>Mm,n$t:()=>jh,nI1:()=>v_,nKC:()=>Sn,nM4:()=>sg,npT:()=>Hh,nrm:()=>qf,o8S:()=>yu,osQ:()=>Ry,plB:()=>Op,qSk:()=>ks,qex:()=>Rc,rOR:()=>Hc,rXU:()=>nu,rcV:()=>Es,sFG:()=>C1,sZ2:()=>Zh,sdS:()=>xg,tSv:()=>v0,uvJ:()=>rs,vPA:()=>ws,w6W:()=>aT,wOt:()=>U,wni:()=>F_,xGo:()=>Pl,xc7:()=>ap,xe9:()=>Xc,zZn:()=>Jr,zcH:()=>Ks,zjR:()=>Og,zvX:()=>pp});var t=u(6104),c=u(2029),O=u(9406),N=u(2489),X=u(5981),$=u(756),W=u(7782),se=u(2831),te=u(3793);function Z(e){for(let n in e)if(e[n]===Z)return n;throw Error("Could not find renamed property on target object.")}function Q(e,n){for(const i in n)n.hasOwnProperty(i)&&!e.hasOwnProperty(i)&&(e[i]=n[i])}function ve(e){if("string"==typeof e)return e;if(Array.isArray(e))return"["+e.map(ve).join(", ")+"]";if(null==e)return""+e;if(e.overriddenName)return"".concat(e.overriddenName);if(e.name)return"".concat(e.name);const n=e.toString();if(null==n)return""+n;const i=n.indexOf("\n");return-1===i?n:n.substring(0,i)}function ye(e,n){return null==e||""===e?null===n?"":n:null==n||""===n?e:e+" "+n}const q=Z({__forward_ref__:Z});function Ae(e){return e.__forward_ref__=Ae,e.toString=function(){return ve(this())},e}function j(e){return oe(e)?e():e}function oe(e){return"function"==typeof e&&e.hasOwnProperty(q)&&e.__forward_ref__===Ae}function Le(e){return e&&!!e.\u0275providers}const Ue="https://g.co/ng/security#xss";class U extends Error{constructor(n,i){super(function Ee(e,n){const i="NG0".concat(Math.abs(e));return"".concat(i).concat(n?": "+n:"")}(n,i)),this.code=n}}function Me(e){return"string"==typeof e?e:null==e?"":String(e)}function _t(e,n){throw n&&" in ".concat(n),new U(-201,!1)}function ee(e,n){null==e&&function Se(e,n,i,o){throw new Error("ASSERTION ERROR: ".concat(e)+(null==o?"":" [Expected=> ".concat(i," ").concat(o," ").concat(n," <=Actual]")))}(n,e,null,"!=")}function Ke(e){return{token:e.token,providedIn:e.providedIn||null,factory:e.factory,value:void 0}}function Pt(e){return{providers:e.providers||[],imports:e.imports||[]}}function Kt(e){return an(e,it)||an(e,ct)}function Gt(e){return null!==Kt(e)}function an(e,n){return e.hasOwnProperty(n)?e[n]:null}function tn(e){return e&&(e.hasOwnProperty(Ye)||e.hasOwnProperty(ae))?e[Ye]:null}const it=Z({\u0275prov:Z}),Ye=Z({\u0275inj:Z}),ct=Z({ngInjectableDef:Z}),ae=Z({ngInjectorDef:Z});var he=function(e){return e[e.Default=0]="Default",e[e.Host=1]="Host",e[e.Self=2]="Self",e[e.SkipSelf=4]="SkipSelf",e[e.Optional=8]="Optional",e}(he||{});let je;function vt(){return je}function Bt(e){const n=je;return je=e,n}function pn(e,n,i){const o=Kt(e);return o&&"root"==o.providedIn?void 0===o.value?o.value=o.factory():o.value:i&he.Optional?null:void 0!==n?n:void _t(ve(e),"Injector")}const mn=globalThis;class Sn{constructor(n,i){this._desc=n,this.ngMetadataName="InjectionToken",this.\u0275prov=void 0,"number"==typeof i?this.__NG_ELEMENT_ID__=i:void 0!==i&&(this.\u0275prov=Ke({token:this,providedIn:i.providedIn||"root",factory:i.factory}))}get multi(){return this}toString(){return"InjectionToken ".concat(this._desc)}}const cn={},xt="__NG_DI_FLAG__",un="ngTempTokenPath",ze=/\n/gm,ge="__source";let Y;function pt(e){const n=Y;return Y=e,n}function Ut(e,n=he.Default){if(void 0===Y)throw new U(-203,!1);return null===Y?pn(e,void 0,n):Y.get(e,n&he.Optional?null:void 0,n)}function jt(e,n=he.Default){return(vt()||Ut)(j(e),n)}function vn(e,n=he.Default){return jt(e,ri(n))}function ri(e){return typeof e>"u"||"number"==typeof e?e:0|(e.optional&&8)|(e.host&&1)|(e.self&&2)|(e.skipSelf&&4)}function Vn(e){const n=[];for(let i=0;i<e.length;i++){const o=j(e[i]);if(Array.isArray(o)){if(0===o.length)throw new U(900,!1);let r,a=he.Default;for(let d=0;d<o.length;d++){const m=o[d],C=Rn(m);"number"==typeof C?-1===C?r=m.token:a|=C:r=m}n.push(jt(r,a))}else n.push(jt(o))}return n}function Wn(e,n){return e[xt]=n,e.prototype[xt]=n,e}function Rn(e){return e[xt]}function si(e){return{toString:e}.toString()}var pi=function(e){return e[e.OnPush=0]="OnPush",e[e.Default=1]="Default",e}(pi||{}),Mi=function(e){return e[e.Emulated=0]="Emulated",e[e.None=2]="None",e[e.ShadowDom=3]="ShadowDom",e}(Mi||{});const xi={},Dn=[],ki=Z({\u0275cmp:Z}),Te=Z({\u0275dir:Z}),$e=Z({\u0275pipe:Z}),et=Z({\u0275mod:Z}),Je=Z({\u0275fac:Z}),qe=Z({__NG_ELEMENT_ID__:Z}),ft=Z({__NG_ENV_ID__:Z});function gt(e,n,i){let o=e.length;for(;;){const r=e.indexOf(n,i);if(-1===r)return r;if(0===r||e.charCodeAt(r-1)<=32){const a=n.length;if(r+a===o||e.charCodeAt(r+a)<=32)return r}i=r+1}}function bt(e,n,i){let o=0;for(;o<i.length;){const r=i[o];if("number"==typeof r){if(0!==r)break;o++;const a=i[o++],d=i[o++],m=i[o++];e.setAttribute(n,d,m,a)}else{const a=r,d=i[++o];It(a)?e.setProperty(n,a,d):e.setAttribute(n,a,d),o++}}return o}function yt(e){return 3===e||4===e||6===e}function It(e){return 64===e.charCodeAt(0)}function Nt(e,n){if(null!==n&&0!==n.length)if(null===e||0===e.length)e=n.slice();else{let i=-1;for(let o=0;o<n.length;o++){const r=n[o];"number"==typeof r?i=r:0===i||en(e,i,r,null,-1===i||2===i?n[++o]:null)}}return e}function en(e,n,i,o,r){let a=0,d=e.length;if(-1===n)d=-1;else for(;a<e.length;){const m=e[a++];if("number"==typeof m){if(m===n){d=-1;break}if(m>n){d=a-1;break}}}for(;a<e.length;){const m=e[a];if("number"==typeof m)break;if(m===i){if(null===o)return void(null!==r&&(e[a+1]=r));if(o===e[a+1])return void(e[a+2]=r)}a++,null!==o&&a++,null!==r&&a++}-1!==d&&(e.splice(d,0,n),a=d+1),e.splice(a++,0,i),null!==o&&e.splice(a++,0,o),null!==r&&e.splice(a++,0,r)}const Zt="ng-template";function gn(e,n,i){let o=0,r=!0;for(;o<e.length;){let a=e[o++];if("string"==typeof a&&r){const d=e[o++];if(i&&"class"===a&&-1!==gt(d.toLowerCase(),n,0))return!0}else{if(1===a){for(;o<e.length&&"string"==typeof(a=e[o++]);)if(a.toLowerCase()===n)return!0;return!1}"number"==typeof a&&(r=!1)}}return!1}function On(e){return 4===e.type&&e.value!==Zt}function Gn(e,n,i){return n===(4!==e.type||i?e.value:Zt)}function $n(e,n,i){let o=4;const r=e.attrs||[],a=function Ji(e){for(let n=0;n<e.length;n++)if(yt(e[n]))return n;return e.length}(r);let d=!1;for(let m=0;m<n.length;m++){const C=n[m];if("number"!=typeof C){if(!d)if(4&o){if(o=2|1&o,""!==C&&!Gn(e,C,i)||""===C&&1===n.length){if(Nn(o))return!1;d=!0}}else{const R=8&o?C:n[++m];if(8&o&&null!==e.attrs){if(!gn(e.attrs,R,i)){if(Nn(o))return!1;d=!0}continue}const me=Yn(8&o?"class":C,r,On(e),i);if(-1===me){if(Nn(o))return!1;d=!0;continue}if(""!==R){let Qe;Qe=me>a?"":r[me+1].toLowerCase();const ht=8&o?Qe:null;if(ht&&-1!==gt(ht,R,0)||2&o&&R!==Qe){if(Nn(o))return!1;d=!0}}}}else{if(!d&&!Nn(o)&&!Nn(C))return!1;if(d&&Nn(C))continue;d=!1,o=C|1&o}}return Nn(o)||d}function Nn(e){return 0==(1&e)}function Yn(e,n,i,o){if(null===n)return-1;let r=0;if(o||!i){let a=!1;for(;r<n.length;){const d=n[r];if(d===e)return r;if(3===d||6===d)a=!0;else{if(1===d||2===d){let m=n[++r];for(;"string"==typeof m;)m=n[++r];continue}if(4===d)break;if(0===d){r+=4;continue}}r+=a?1:2}return-1}return function _o(e,n){let i=e.indexOf(4);if(i>-1)for(i++;i<e.length;){const o=e[i];if("number"==typeof o)return-1;if(o===n)return i;i++}return-1}(n,e)}function Di(e,n,i=!1){for(let o=0;o<n.length;o++)if($n(e,n[o],i))return!0;return!1}function Bo(e,n){e:for(let i=0;i<n.length;i++){const o=n[i];if(e.length===o.length){for(let r=0;r<e.length;r++)if(e[r]!==o[r])continue e;return!0}}return!1}function vo(e,n){return e?":not("+n.trim()+")":n}function $r(e){let n=e[0],i=1,o=2,r="",a=!1;for(;i<e.length;){let d=e[i];if("string"==typeof d)if(2&o){const m=e[++i];r+="["+d+(m.length>0?'="'+m+'"':"")+"]"}else 8&o?r+="."+d:4&o&&(r+=" "+d);else""!==r&&!Nn(d)&&(n+=vo(a,r),r=""),o=d,a=a||!Nn(o);i++}return""!==r&&(n+=vo(a,r)),n}function Rr(e){return si(()=>{var n;const i=no(e),o={...i,decls:e.decls,vars:e.vars,template:e.template,consts:e.consts||null,ngContentSelectors:e.ngContentSelectors,onPush:e.changeDetection===pi.OnPush,directiveDefs:null,pipeDefs:null,dependencies:i.standalone&&e.dependencies||null,getStandaloneInjector:null,signals:null!==(n=e.signals)&&void 0!==n&&n,data:e.data||{},encapsulation:e.encapsulation||Mi.Emulated,styles:e.styles||Dn,_:null,schemas:e.schemas||null,tView:null,id:""};jo(o);const r=e.dependencies;return o.directiveDefs=io(r,!1),o.pipeDefs=io(r,!0),o.id=function Vo(e){let n=0;const i=[e.selectors,e.ngContentSelectors,e.hostVars,e.hostAttrs,e.consts,e.vars,e.decls,e.encapsulation,e.standalone,e.signals,e.exportAs,JSON.stringify(e.inputs),JSON.stringify(e.outputs),Object.getOwnPropertyNames(e.type.prototype),!!e.contentQueries,!!e.viewQuery].join("|");for(const r of i)n=Math.imul(31,n)+r.charCodeAt(0)<<0;return n+=2147483648,"c"+n}(o),o})}function pr(e){return ti(e)||$i(e)}function nr(e){return null!==e}function Eo(e){return si(()=>({type:e.type,bootstrap:e.bootstrap||Dn,declarations:e.declarations||Dn,imports:e.imports||Dn,exports:e.exports||Dn,transitiveCompileScopes:null,schemas:e.schemas||null,id:e.id||null}))}function zo(e,n){if(null==e)return xi;const i={};for(const o in e)if(e.hasOwnProperty(o)){let r=e[o],a=r;Array.isArray(r)&&(a=r[1],r=r[0]),i[r]=o,n&&(n[r]=a)}return i}function Mo(e){return si(()=>{const n=no(e);return jo(n),n})}function or(e){return{type:e.type,name:e.name,factory:null,pure:!1!==e.pure,standalone:!0===e.standalone,onDestroy:e.type.prototype.ngOnDestroy||null}}function ti(e){return e[ki]||null}function $i(e){return e[Te]||null}function hi(e){return e[$e]||null}function qi(e){const n=ti(e)||$i(e)||hi(e);return null!==n&&n.standalone}function Xi(e,n){const i=e[et]||null;if(!i&&!0===n)throw new Error("Type ".concat(ve(e)," does not have '\u0275mod' property."));return i}function no(e){const n={};return{type:e.type,providersResolver:null,factory:null,hostBindings:e.hostBindings||null,hostVars:e.hostVars||0,hostAttrs:e.hostAttrs||null,contentQueries:e.contentQueries||null,declaredInputs:n,inputTransforms:null,inputConfig:e.inputs||xi,exportAs:e.exportAs||null,standalone:!0===e.standalone,signals:!0===e.signals,selectors:e.selectors||Dn,viewQuery:e.viewQuery||null,features:e.features||null,setInput:null,findHostDirectiveDefs:null,hostDirectives:null,inputs:zo(e.inputs,n),outputs:zo(e.outputs)}}function jo(e){var n;null===(n=e.features)||void 0===n||n.forEach(i=>i(e))}function io(e,n){if(!e)return null;const i=n?hi:pr;return()=>("function"==typeof e?e():e).map(o=>i(o)).filter(nr)}const gi=0,fn=1,Ie=2,ne=3,Be=4,We=5,wt=6,$t=7,Qt=8,hn=9,Bn=10,sn=11,Ai=12,mi=13,Ci=14,oi=15,No=16,oo=17,Zn=18,fi=19,ro=20,so=21,Kn=22,eo=23,Uo=24,Hn=25,hr=1,Wo=2,to=7,yo=9,Ii=11;function ao(e){return Array.isArray(e)&&"object"==typeof e[hr]}function _e(e){return Array.isArray(e)&&!0===e[hr]}function v(e){return 0!=(4&e.flags)}function T(e){return e.componentOffset>-1}function L(e){return 1==(1&e.flags)}function re(e){return!!e.template}function Oe(e){return 0!=(512&e[Ie])}function ho(e,n){return e.hasOwnProperty(Je)?e[Je]:null}const uo=Symbol("SIGNAL");function xo(e){return"function"==typeof e&&void 0!==e[uo]}function br(e,n){return(null===e||"object"!=typeof e)&&Object.is(e,n)}let dn=null,Pn=!1;function xn(e){const n=dn;return dn=e,n}const qn={version:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{}};function wi(e){if(Pn)throw new Error("");if(null===dn)return;const n=dn.nextProducerIndex++;sr(dn),n<dn.producerNode.length&&dn.producerNode[n]!==e&&Go(dn)&&Dr(dn.producerNode[n],dn.producerIndexOfThis[n]),dn.producerNode[n]!==e&&(dn.producerNode[n]=e,dn.producerIndexOfThis[n]=Go(dn)?Fo(e,dn,n):0),dn.producerLastReadVersion[n]=e.version}function Io(e){if(!Go(e)||e.dirty){if(!e.producerMustRecompute(e)&&!lo(e))return void(e.dirty=!1);e.producerRecomputeValue(e),e.dirty=!1}}function Yi(e){if(void 0===e.liveConsumerNode)return;const n=Pn;Pn=!0;try{for(const i of e.liveConsumerNode)i.dirty||Si(i)}finally{Pn=n}}function Po(){var e;return!1!==(null===(e=dn)||void 0===e?void 0:e.consumerAllowSignalWrites)}function Si(e){var n;e.dirty=!0,Yi(e),null===(n=e.consumerMarkedDirty)||void 0===n||n.call(e,e)}function gr(e){return e&&(e.nextProducerIndex=0),xn(e)}function rr(e,n){if(xn(n),e&&void 0!==e.producerNode&&void 0!==e.producerIndexOfThis&&void 0!==e.producerLastReadVersion){if(Go(e))for(let i=e.nextProducerIndex;i<e.producerNode.length;i++)Dr(e.producerNode[i],e.producerIndexOfThis[i]);for(;e.producerNode.length>e.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}function lo(e){sr(e);for(let n=0;n<e.producerNode.length;n++){const i=e.producerNode[n],o=e.producerLastReadVersion[n];if(o!==i.version||(Io(i),o!==i.version))return!0}return!1}function Ro(e){if(sr(e),Go(e))for(let n=0;n<e.producerNode.length;n++)Dr(e.producerNode[n],e.producerIndexOfThis[n]);e.producerNode.length=e.producerLastReadVersion.length=e.producerIndexOfThis.length=0,e.liveConsumerNode&&(e.liveConsumerNode.length=e.liveConsumerIndexOfThis.length=0)}function Fo(e,n,i){if(Hr(e),sr(e),0===e.liveConsumerNode.length)for(let o=0;o<e.producerNode.length;o++)e.producerIndexOfThis[o]=Fo(e.producerNode[o],e,o);return e.liveConsumerIndexOfThis.push(i),e.liveConsumerNode.push(n)-1}function Dr(e,n){if(Hr(e),sr(e),1===e.liveConsumerNode.length)for(let o=0;o<e.producerNode.length;o++)Dr(e.producerNode[o],e.producerIndexOfThis[o]);const i=e.liveConsumerNode.length-1;if(e.liveConsumerNode[n]=e.liveConsumerNode[i],e.liveConsumerIndexOfThis[n]=e.liveConsumerIndexOfThis[i],e.liveConsumerNode.length--,e.liveConsumerIndexOfThis.length--,n<e.liveConsumerNode.length){const o=e.liveConsumerIndexOfThis[n],r=e.liveConsumerNode[n];sr(r),r.producerIndexOfThis[o]=n}}function Go(e){var n,i;return e.consumerIsAlwaysLive||(null!==(n=null==e||null===(i=e.liveConsumerNode)||void 0===i?void 0:i.length)&&void 0!==n?n:0)>0}function sr(e){var n,i,o;null!==(n=e.producerNode)&&void 0!==n||(e.producerNode=[]),null!==(i=e.producerIndexOfThis)&&void 0!==i||(e.producerIndexOfThis=[]),null!==(o=e.producerLastReadVersion)&&void 0!==o||(e.producerLastReadVersion=[])}function Hr(e){var n,i;null!==(n=e.liveConsumerNode)&&void 0!==n||(e.liveConsumerNode=[]),null!==(i=e.liveConsumerIndexOfThis)&&void 0!==i||(e.liveConsumerIndexOfThis=[])}function Fr(e,n){const i=Object.create(ds);i.computation=e,null!=n&&n.equal&&(i.equal=n.equal);const o=()=>{if(Io(i),wi(i),i.value===wo)throw i.error;return i.value};return o[uo]=i,o}const kr=Symbol("UNSET"),Lr=Symbol("COMPUTING"),wo=Symbol("ERRORED"),ds=(()=>({...qn,value:kr,dirty:!0,error:null,equal:br,producerMustRecompute:e=>e.value===kr||e.value===Lr,producerRecomputeValue(e){if(e.value===Lr)throw new Error("Detected cycle in computations.");const n=e.value;e.value=Lr;const i=gr(e);let o;try{o=e.computation()}catch(r){o=wo,e.error=r}finally{rr(e,i)}n!==kr&&n!==wo&&o!==wo&&e.equal(n,o)?e.value=n:(e.value=o,e.version++)}}))();let Xo=function zr(){throw new Error};function Br(){Xo()}let ts=null;function ws(e,n){const i=Object.create(fs);function o(){return wi(i),i.value}return i.value=e,null!=n&&n.equal&&(i.equal=n.equal),o.set=F,o.update=Ne,o.mutate=S,o.asReadonly=Ce,o[uo]=i,o}const fs=(()=>({...qn,equal:br,readonlyFn:void 0}))();function b(e){var n;e.version++,Yi(e),null===(n=ts)||void 0===n||n()}function F(e){const n=this[uo];Po()||Br(),n.equal(n.value,e)||(n.value=e,b(n))}function Ne(e){Po()||Br(),F.call(this,e(this[uo].value))}function S(e){const n=this[uo];Po()||Br(),e(n.value),b(n)}function Ce(){const e=this[uo];if(void 0===e.readonlyFn){const n=()=>this();n[uo]=e,e.readonlyFn=n}return e.readonlyFn}function Ze(e){const n=xn(null);try{return e()}finally{xn(n)}}const rn=()=>{},Un=(()=>({...qn,consumerIsAlwaysLive:!0,consumerAllowSignalWrites:!1,consumerMarkedDirty:e=>{e.schedule(e.ref)},hasRun:!1,cleanupFn:rn}))();class li{constructor(n,i,o){this.previousValue=n,this.currentValue=i,this.firstChange=o}isFirstChange(){return this.firstChange}}function Xn(){return Ri}function Ri(e){return e.type.prototype.ngOnChanges&&(e.setInput=Zi),Ti}function Ti(){const e=Ko(this),n=null==e?void 0:e.current;if(n){const i=e.previous;if(i===xi)e.previous=n;else for(let o in n)i[o]=n[o];e.current=null,this.ngOnChanges(n)}}function Zi(e,n,i,o){const r=this.declaredInputs[i],a=Ko(e)||function qo(e,n){return e[$o]=n}(e,{previous:xi,current:null}),d=a.current||(a.current={}),m=a.previous,C=m[r];d[r]=new li(C&&C.currentValue,n,m===xi),e[o]=n}Xn.ngInherit=!0;const $o="__ngSimpleChanges__";function Ko(e){return e[$o]||null}const So=function(e,n,i){},mr="svg";function Hi(e){for(;Array.isArray(e);)e=e[gi];return e}function ps(e,n){return Hi(n[e])}function Ho(e,n){return Hi(n[e.index])}function ns(e,n){return e.data[n]}function Vr(e,n){return e[n]}function ko(e,n){const i=n[e];return ao(i)?i:i[gi]}function lr(e,n){return null==n?null:e[n]}function gs(e){e[oo]=0}function Ss(e){1024&e[Ie]||(e[Ie]|=1024,_r(e,1))}function ms(e){1024&e[Ie]&&(e[Ie]&=-1025,_r(e,-1))}function _r(e,n){let i=e[ne];if(null===i)return;i[We]+=n;let o=i;for(i=i[ne];null!==i&&(1===n&&1===o[We]||-1===n&&0===o[We]);)i[We]+=n,o=i,i=i[ne]}function Os(e,n){if(256==(256&e[Ie]))throw new U(911,!1);null===e[so]&&(e[so]=[]),e[so].push(n)}const Qn={lFrame:Fn(null),bindingsEnabled:!0,skipHydrationRootTNode:null};function Ps(){return Qn.bindingsEnabled}function is(){return null!==Qn.skipHydrationRootTNode}function Jt(){return Qn.lFrame.lView}function _i(){return Qn.lFrame.tView}function Fs(e){return Qn.lFrame.contextLView=e,e[Qt]}function ys(e){return Qn.lFrame.contextLView=null,e}function Oo(){let e=s();for(;null!==e&&64===e.type;)e=e.parent;return e}function s(){return Qn.lFrame.currentTNode}function M(e,n){const i=Qn.lFrame;i.currentTNode=e,i.isParent=n}function B(){return Qn.lFrame.isParent}function V(){Qn.lFrame.isParent=!1}function Ve(){const e=Qn.lFrame;let n=e.bindingRootIndex;return-1===n&&(n=e.bindingRootIndex=e.tView.bindingStartIndex),n}function Vt(){return Qn.lFrame.bindingIndex++}function yn(e){const n=Qn.lFrame,i=n.bindingIndex;return n.bindingIndex=n.bindingIndex+e,i}function y(e,n){const i=Qn.lFrame;i.bindingIndex=i.bindingRootIndex=e,_(n)}function _(e){Qn.lFrame.currentDirectiveIndex=e}function w(e){const n=Qn.lFrame.currentDirectiveIndex;return-1===n?null:e[n]}function K(){return Qn.lFrame.currentQueryIndex}function pe(e){Qn.lFrame.currentQueryIndex=e}function lt(e){const n=e[fn];return 2===n.type?n.declTNode:1===n.type?e[wt]:null}function zt(e,n,i){if(i&he.SkipSelf){let r=n,a=e;for(;!(r=r.parent,null!==r||i&he.Host||(r=lt(a),null===r||(a=a[Ci],10&r.type))););if(null===r)return!1;n=r,e=a}const o=Qn.lFrame=ln();return o.currentTNode=n,o.lView=e,!0}function Mt(e){const n=ln(),i=e[fn];Qn.lFrame=n,n.currentTNode=i.firstChild,n.lView=e,n.tView=i,n.contextLView=e,n.bindingIndex=i.bindingStartIndex,n.inI18n=!1}function ln(){const e=Qn.lFrame,n=null===e?null:e.child;return null===n?Fn(e):n}function Fn(e){const n={currentTNode:null,isParent:!0,lView:null,tView:null,selectedIndex:-1,contextLView:null,elementDepthCount:0,currentNamespace:null,currentDirectiveIndex:-1,bindingRootIndex:-1,bindingIndex:-1,currentQueryIndex:0,parent:e,child:null,inI18n:!1};return null!==e&&(e.child=n),n}function Ei(){const e=Qn.lFrame;return Qn.lFrame=e.parent,e.currentTNode=null,e.lView=null,e}const Co=Ei;function yi(){const e=Ei();e.isParent=!0,e.tView=null,e.selectedIndex=-1,e.contextLView=null,e.elementDepthCount=0,e.currentDirectiveIndex=-1,e.currentNamespace=null,e.bindingRootIndex=-1,e.bindingIndex=-1,e.currentQueryIndex=0}function Gi(){return Qn.lFrame.selectedIndex}function cr(e){Qn.lFrame.selectedIndex=e}function zi(){const e=Qn.lFrame;return ns(e.tView,e.selectedIndex)}function ks(){Qn.lFrame.currentNamespace=mr}function Du(){!function Cu(){Qn.lFrame.currentNamespace=null}()}let bl=!0;function Ma(){return bl}function bs(e){bl=e}function Tu(e,n){for(let R=n.directiveStart,G=n.directiveEnd;R<G;R++){const Qe=e.data[R].type.prototype,{ngAfterContentInit:ht,ngAfterContentChecked:kt,ngAfterViewInit:nn,ngAfterViewChecked:Cn,ngOnDestroy:kn}=Qe;var i,o,r,a,d,m,C;ht&&(null!==(i=e.contentHooks)&&void 0!==i?i:e.contentHooks=[]).push(-R,ht),kt&&((null!==(o=e.contentHooks)&&void 0!==o?o:e.contentHooks=[]).push(R,kt),(null!==(r=e.contentCheckHooks)&&void 0!==r?r:e.contentCheckHooks=[]).push(R,kt)),nn&&(null!==(a=e.viewHooks)&&void 0!==a?a:e.viewHooks=[]).push(-R,nn),Cn&&((null!==(d=e.viewHooks)&&void 0!==d?d:e.viewHooks=[]).push(R,Cn),(null!==(m=e.viewCheckHooks)&&void 0!==m?m:e.viewCheckHooks=[]).push(R,Cn)),null!=kn&&(null!==(C=e.destroyHooks)&&void 0!==C?C:e.destroyHooks=[]).push(R,kn)}}function xa(e,n,i){ed(e,n,3,i)}function Ia(e,n,i,o){(3&e[Ie])===i&&ed(e,n,i,o)}function Eu(e,n){let i=e[Ie];(3&i)===n&&(i&=8191,i+=1,e[Ie]=i)}function ed(e,n,i,o){const a=null!=o?o:-1,d=n.length-1;let m=0;for(let C=void 0!==o?65535&e[oo]:0;C<d;C++)if("number"==typeof n[C+1]){if(m=n[C],null!=o&&m>=o)break}else n[C]<0&&(e[oo]+=65536),(m<a||-1==a)&&(Yp(e,i,n,C),e[oo]=(4294901760&e[oo])+C+2),C++}function Dl(e,n){So(4,e,n);const i=xn(null);try{n.call(e)}finally{xn(i),So(5,e,n)}}function Yp(e,n,i,o){const r=i[o]<0,a=i[o+1],m=e[r?-i[o]:i[o]];r?e[Ie]>>13<e[oo]>>16&&(3&e[Ie])===n&&(e[Ie]+=8192,Dl(m,a)):Dl(m,a)}const ta=-1;class na{constructor(n,i,o){this.factory=n,this.resolving=!1,this.canSeeViewProviders=i,this.injectImpl=o}}function Mu(e){return e!==ta}function ia(e){return 32767&e}function oa(e,n){let i=function od(e){return e>>16}(e),o=n;for(;i>0;)o=o[Ci],i--;return o}let xu=!0;function wa(e){const n=xu;return xu=e,n}const Tl=255,El=5;let rd=0;const Xr={};function Sa(e,n){const i=Ml(e,n);if(-1!==i)return i;const o=n[fn];o.firstCreatePass&&(e.injectorIndex=n.length,Iu(o.data,e),Iu(n,null),Iu(o.blueprint,null));const r=Oa(e,n),a=e.injectorIndex;if(Mu(r)){const d=ia(r),m=oa(r,n),C=m[fn].data;for(let R=0;R<8;R++)n[a+R]=m[d+R]|C[d+R]}return n[a+8]=r,a}function Iu(e,n){e.push(0,0,0,0,0,0,0,0,n)}function Ml(e,n){return-1===e.injectorIndex||e.parent&&e.parent.injectorIndex===e.injectorIndex||null===n[e.injectorIndex+8]?-1:e.injectorIndex}function Oa(e,n){if(e.parent&&-1!==e.parent.injectorIndex)return e.parent.injectorIndex;let i=0,o=null,r=n;for(;null!==r;){if(o=Rl(r),null===o)return ta;if(i++,r=r[Ci],-1!==o.injectorIndex)return o.injectorIndex|i<<16}return ta}function wu(e,n,i){!function sd(e,n,i){let o;"string"==typeof i?o=i.charCodeAt(0)||0:i.hasOwnProperty(qe)&&(o=i[qe]),null==o&&(o=i[qe]=rd++);const r=o&Tl;n.data[e+(r>>El)]|=1<<r}(e,n,i)}function xl(e,n,i){if(i&he.Optional||void 0!==e)return e;_t(0,"NodeInjector")}function Il(e,n,i,o){if(i&he.Optional&&void 0===o&&(o=null),!(i&(he.Self|he.Host))){const r=e[hn],a=Bt(void 0);try{return r?r.get(n,o,i&he.Optional):pn(n,o,i&he.Optional)}finally{Bt(a)}}return xl(o,0,i)}function wl(e,n,i,o=he.Default,r){if(null!==e){if(2048&n[Ie]&&!(o&he.Self)){const d=function fd(e,n,i,o,r){let a=e,d=n;for(;null!==a&&null!==d&&2048&d[Ie]&&!(512&d[Ie]);){const m=Sl(a,d,i,o|he.Self,Xr);if(m!==Xr)return m;let C=a.parent;if(!C){const R=d[ro];if(R){const G=R.get(i,Xr,o);if(G!==Xr)return G}C=Rl(d),d=d[Ci]}a=C}return r}(e,n,i,o,Xr);if(d!==Xr)return d}const a=Sl(e,n,i,o,Xr);if(a!==Xr)return a}return Il(n,i,o,r)}function Sl(e,n,i,o,r){const a=function ld(e){if("string"==typeof e)return e.charCodeAt(0)||0;const n=e.hasOwnProperty(qe)?e[qe]:void 0;return"number"==typeof n?n>=0?n&Tl:dd:n}(i);if("function"==typeof a){if(!zt(n,e,o))return o&he.Host?xl(r,0,o):Il(n,i,o,r);try{let d;if(d=a(o),null!=d||o&he.Optional)return d;_t()}finally{Co()}}else if("number"==typeof a){let d=null,m=Ml(e,n),C=ta,R=o&he.Host?n[oi][wt]:null;for((-1===m||o&he.SkipSelf)&&(C=-1===m?Oa(e,n):n[m+8],C!==ta&&Al(o,!1)?(d=n[fn],m=ia(C),n=oa(C,n)):m=-1);-1!==m;){const G=n[fn];if(Ol(a,m,G.data)){const me=ud(m,n,i,d,o,R);if(me!==Xr)return me}C=n[m+8],C!==ta&&Al(o,n[fn].data[m+8]===R)&&Ol(a,m,n)?(d=G,m=ia(C),n=oa(C,n)):m=-1}}return r}function ud(e,n,i,o,r,a){const d=n[fn],m=d.data[e+8],G=Aa(m,d,i,null==o?T(m)&&xu:o!=d&&0!=(3&m.type),r&he.Host&&a===m);return null!==G?Cs(n,d,G,m):Xr}function Aa(e,n,i,o,r){const a=e.providerIndexes,d=n.data,m=1048575&a,C=e.directiveStart,G=a>>20,Qe=r?m+G:e.directiveEnd;for(let ht=o?m:m+G;ht<Qe;ht++){const kt=d[ht];if(ht<C&&i===kt||ht>=C&&kt.type===i)return ht}if(r){const ht=d[C];if(ht&&re(ht)&&ht.type===i)return C}return null}function Cs(e,n,i,o){let r=e[i];const a=n.data;if(function td(e){return e instanceof na}(r)){const d=r;d.resolving&&function Ge(e,n){const i=n?". Dependency path: ".concat(n.join(" > ")," > ").concat(e):"";throw new U(-200,"Circular dependency in DI detected for ".concat(e).concat(i))}(function Xe(e){return"function"==typeof e?e.name||e.toString():"object"==typeof e&&null!=e&&"function"==typeof e.type?e.type.name||e.type.toString():Me(e)}(a[i]));const m=wa(d.canSeeViewProviders);d.resolving=!0;const R=d.injectImpl?Bt(d.injectImpl):null;zt(e,o,he.Default);try{r=e[i]=d.factory(void 0,a,e,o),n.firstCreatePass&&i>=o.directiveStart&&function Ds(e,n,i){const{ngOnChanges:o,ngOnInit:r,ngDoCheck:a}=n.type.prototype;if(o){var d,m;const me=Ri(n);(null!==(d=i.preOrderHooks)&&void 0!==d?d:i.preOrderHooks=[]).push(e,me),(null!==(m=i.preOrderCheckHooks)&&void 0!==m?m:i.preOrderCheckHooks=[]).push(e,me)}var C,R,G;r&&(null!==(C=i.preOrderHooks)&&void 0!==C?C:i.preOrderHooks=[]).push(0-e,r),a&&((null!==(R=i.preOrderHooks)&&void 0!==R?R:i.preOrderHooks=[]).push(e,a),(null!==(G=i.preOrderCheckHooks)&&void 0!==G?G:i.preOrderCheckHooks=[]).push(e,a))}(i,a[i],n)}finally{null!==R&&Bt(R),wa(m),d.resolving=!1,Co()}}return r}function Ol(e,n,i){return!!(i[n+(e>>El)]&1<<e)}function Al(e,n){return!(e&he.Self||e&he.Host&&n)}class dr{constructor(n,i){this._tNode=n,this._lView=i}get(n,i,o){return wl(this._tNode,this._lView,n,ri(o),i)}}function dd(){return new dr(Oo(),Jt())}function Pl(e){return si(()=>{const n=e.prototype.constructor,i=n[Je]||Su(n),o=Object.prototype;let r=Object.getPrototypeOf(e.prototype).constructor;for(;r&&r!==o;){const a=r[Je]||Su(r);if(a&&a!==i)return a;r=Object.getPrototypeOf(r)}return a=>new a})}function Su(e){return oe(e)?()=>{const n=Su(j(e));return n&&n()}:ho(e)}function Rl(e){const n=e[fn],i=n.type;return 2===i?n.declTNode:1===i?e[wt]:null}function Ou(e){return function ad(e,n){if("class"===n)return e.classes;if("style"===n)return e.styles;const i=e.attrs;if(i){const o=i.length;let r=0;for(;r<o;){const a=i[r];if(yt(a))break;if(0===a)r+=2;else if("number"==typeof a)for(r++;r<o&&"string"==typeof i[r];)r++;else{if(a===n)return i[r+1];r+=2}}}return null}(Oo(),e)}const Vs="__parameters__";function $s(e,n,i){return si(()=>{const o=function Au(e){return function(...i){if(e){const o=e(...i);for(const r in o)this[r]=o[r]}}}(n);function r(...a){if(this instanceof r)return o.apply(this,a),this;const d=new r(...a);return m.annotation=d,m;function m(C,R,G){const me=C.hasOwnProperty(Vs)?C[Vs]:Object.defineProperty(C,Vs,{value:[]})[Vs];for(;me.length<=G;)me.push(null);return(me[G]=me[G]||[]).push(d),C}}return i&&(r.prototype=Object.create(i.prototype)),r.prototype.ngMetadataName=e,r.annotationCls=r,r})}function zs(e,n){e.forEach(i=>Array.isArray(i)?zs(i,n):n(i))}function kl(e,n,i){n>=e.length?e.push(i):e.splice(n,0,i)}function Pa(e,n){return n>=e.length-1?e.pop():e.splice(n,1)[0]}function js(e,n){const i=[];for(let o=0;o<e;o++)i.push(n);return i}function Tr(e,n,i){let o=Ws(e,n);return o>=0?e[1|o]=i:(o=~o,function vd(e,n,i,o){let r=e.length;if(r==n)e.push(i,o);else if(1===r)e.push(o,e[0]),e[0]=i;else{for(r--,e.push(e[r-1],e[r]);r>n;)e[r]=e[r-2],r--;e[n]=i,e[n+1]=o}}(e,o,n,i)),o}function Pu(e,n){const i=Ws(e,n);if(i>=0)return e[1|i]}function Ws(e,n){return function Ll(e,n,i){let o=0,r=e.length>>i;for(;r!==o;){const a=o+(r-o>>1),d=e[a<<i];if(n===d)return a<<i;d>n?r=a:o=a+1}return~(r<<i)}(e,n,1)}const Na=Wn($s("Optional"),8),Bl=Wn($s("Self"),2),Fa=Wn($s("SkipSelf"),4);function Va(e){return 128==(128&e.flags)}var Xs=function(e){return e[e.Important=1]="Important",e[e.DashCase=2]="DashCase",e}(Xs||{});const Zl=/^>|^->|<!--|-->|--!>|<!-$/g,Jl=/(<|>)/g,Bd="\u200b$1\u200b";const Ua=new Map;let Vd=0;const Uu="__ngContext__";function er(e,n){ao(n)?(e[Uu]=n[fi],function $d(e){Ua.set(e[fi],e)}(n)):e[Uu]=n}let ei;function ji(e,n){return ei(e,n)}function Yr(e){const n=e[ne];return _e(n)?n[ne]:n}function Er(e){return ec(e[Ai])}function za(e){return ec(e[Be])}function ec(e){for(;null!==e&&!_e(e);)e=e[Be];return e}function Sr(e,n,i,o,r){if(null!=o){let a,d=!1;_e(o)?a=o:ao(o)&&(d=!0,o=o[gi]);const m=Hi(o);0===e&&null!==i?null==r?Dh(n,i,m):da(n,i,m,r||null,!0):1===e&&null!==i?da(n,i,m,r||null,!0):2===e?function oc(e,n,i){const o=nc(e,n);o&&function hy(e,n,i,o){e.removeChild(n,i,o)}(e,o,n,i)}(n,m,d):3===e&&n.destroyNode(m),null!=a&&function _y(e,n,i,o,r){const a=i[to];a!==Hi(i)&&Sr(n,e,o,a,r);for(let m=Ii;m<i.length;m++){const C=i[m];zu(C[fn],C,e,n,o,a)}}(n,e,a,i,r)}}function la(e,n){return e.createComment(function ql(e){return e.replace(Zl,n=>n.replace(Jl,Bd))}(n))}function ca(e,n,i){return e.createElement(n,i)}function yh(e,n){const i=e[yo],o=i.indexOf(n);ms(n),i.splice(o,1)}function tc(e,n){if(e.length<=Ii)return;const i=Ii+n,o=e[i];if(o){const r=o[No];null!==r&&r!==e&&yh(r,o),n>0&&(e[i-1][Be]=o[Be]);const a=Pa(e,Ii+n);!function $u(e,n){zu(e,n,n[sn],2,null,null),n[gi]=null,n[wt]=null}(o[fn],o);const d=a[Zn];null!==d&&d.detachView(a[fn]),o[ne]=null,o[Be]=null,o[Ie]&=-129}return o}function Kd(e,n){if(!(256&n[Ie])){const i=n[sn];n[eo]&&Ro(n[eo]),n[Uo]&&Ro(n[Uo]),i.destroyNode&&zu(e,n,i,3,null,null),function ly(e){let n=e[Ai];if(!n)return Qd(e[fn],e);for(;n;){let i=null;if(ao(n))i=n[Ai];else{const o=n[Ii];o&&(i=o)}if(!i){for(;n&&!n[Be]&&n!==e;)ao(n)&&Qd(n[fn],n),n=n[ne];null===n&&(n=e),ao(n)&&Qd(n[fn],n),i=n&&n[Be]}n=i}}(n)}}function Qd(e,n){if(!(256&n[Ie])){n[Ie]&=-129,n[Ie]|=256,function py(e,n){let i;if(null!=e&&null!=(i=e.destroyHooks))for(let o=0;o<i.length;o+=2){const r=n[i[o]];if(!(r instanceof na)){const a=i[o+1];if(Array.isArray(a))for(let d=0;d<a.length;d+=2){const m=r[a[d]],C=a[d+1];So(4,m,C);try{C.call(m)}finally{So(5,m,C)}}else{So(4,r,a);try{a.call(r)}finally{So(5,r,a)}}}}}(e,n),function fy(e,n){const i=e.cleanup,o=n[$t];if(null!==i)for(let a=0;a<i.length-1;a+=2)if("string"==typeof i[a]){const d=i[a+3];d>=0?o[d]():o[-d].unsubscribe(),a+=2}else i[a].call(o[i[a+1]]);null!==o&&(n[$t]=null);const r=n[so];if(null!==r){n[so]=null;for(let a=0;a<r.length;a++)(0,r[a])()}}(e,n),1===n[fn].type&&n[sn].destroy();const i=n[No];if(null!==i&&_e(n[ne])){i!==n[ne]&&yh(i,n);const o=n[Zn];null!==o&&o.detachView(e)}!function vh(e){Ua.delete(e[fi])}(n)}}function Yd(e,n,i){return function bh(e,n,i){let o=n;for(;null!==o&&40&o.type;)o=(n=o).parent;if(null===o)return i[gi];{const{componentOffset:r}=o;if(r>-1){const{encapsulation:a}=e.data[o.directiveStart+r];if(a===Mi.None||a===Mi.Emulated)return null}return Ho(o,i)}}(e,n.parent,i)}function da(e,n,i,o,r){e.insertBefore(n,i,o,r)}function Dh(e,n,i){e.appendChild(n,i)}function Ch(e,n,i,o,r){null!==o?da(e,n,i,o,r):Dh(e,n,i)}function nc(e,n){return e.parentNode(n)}function Th(e,n,i){return Mh(e,n,i)}let Zd,rc,tf,sc,Mh=function Eh(e,n,i){return 40&e.type?Ho(e,i):null};function ic(e,n,i,o){const r=Yd(e,o,n),a=n[sn],m=Th(o.parent||n[wt],o,n);if(null!=r)if(Array.isArray(i))for(let C=0;C<i.length;C++)Ch(a,r,i[C],m,!1);else Ch(a,r,i,m,!1);void 0!==Zd&&Zd(a,o,n,i,r)}function Hu(e,n){if(null!==n){const i=n.type;if(3&i)return Ho(n,e);if(4&i)return Jd(-1,e[n.index]);if(8&i){const o=n.child;if(null!==o)return Hu(e,o);{const r=e[n.index];return _e(r)?Jd(-1,r):Hi(r)}}if(32&i)return ji(n,e)()||Hi(e[n.index]);{const o=Ih(e,n);return null!==o?Array.isArray(o)?o[0]:Hu(Yr(e[oi]),o):Hu(e,n.next)}}return null}function Ih(e,n){return null!==n?e[oi][wt].projection[n.projection]:null}function Jd(e,n){const i=Ii+e+1;if(i<n.length){const o=n[i],r=o[fn].firstChild;if(null!==r)return Hu(o,r)}return n[to]}function qd(e,n,i,o,r,a,d){for(;null!=i;){const m=o[i.index],C=i.type;if(d&&0===n&&(m&&er(Hi(m),o),i.flags|=2),32!=(32&i.flags))if(8&C)qd(e,n,i.child,o,r,a,!1),Sr(n,e,r,m,a);else if(32&C){const R=ji(i,o);let G;for(;G=R();)Sr(n,e,r,G,a);Sr(n,e,r,m,a)}else 16&C?Sh(e,n,o,i,r,a):Sr(n,e,r,m,a);i=d?i.projectionNext:i.next}}function zu(e,n,i,o,r,a){qd(i,o,e.firstChild,n,r,a,!1)}function Sh(e,n,i,o,r,a){const d=i[oi],C=d[wt].projection[o.projection];if(Array.isArray(C))for(let R=0;R<C.length;R++)Sr(n,e,r,C[R],a);else{let R=C;const G=d[ne];Va(o)&&(R.flags|=128),qd(e,n,R,G,r,a,!0)}}function Oh(e,n,i){""===i?e.removeAttribute(n,"class"):e.setAttribute(n,"class",i)}function Ah(e,n,i){const{mergedAttrs:o,classes:r,styles:a}=i;null!==o&&bt(e,n,o),null!==r&&Oh(e,n,r),null!==a&&function yy(e,n,i){e.setAttribute(n,"style",i)}(e,n,a)}function Wa(e){var n;return(null===(n=function ef(){if(void 0===rc&&(rc=null,mn.trustedTypes))try{rc=mn.trustedTypes.createPolicy("angular",{createHTML:e=>e,createScript:e=>e,createScriptURL:e=>e})}catch{}return rc}())||void 0===n?void 0:n.createHTML(e))||e}function Ty(e){tf=e}function Ga(){if(void 0!==tf)return tf;if(typeof document<"u")return document;throw new U(210,!1)}function nf(){if(void 0===sc&&(sc=null,mn.trustedTypes))try{sc=mn.trustedTypes.createPolicy("angular#unsafe-bypass",{createHTML:e=>e,createScript:e=>e,createScriptURL:e=>e})}catch{}return sc}function Ph(e){var n;return(null===(n=nf())||void 0===n?void 0:n.createHTML(e))||e}function Nh(e){var n;return(null===(n=nf())||void 0===n?void 0:n.createScriptURL(e))||e}class fa{constructor(n){this.changingThisBreaksApplicationSecurity=n}toString(){return"SafeValue must use [property]=binding: ".concat(this.changingThisBreaksApplicationSecurity)+" (see ".concat(Ue,")")}}class Ey extends fa{getTypeName(){return"HTML"}}class My extends fa{getTypeName(){return"Style"}}class xy extends fa{getTypeName(){return"Script"}}class Iy extends fa{getTypeName(){return"URL"}}class wy extends fa{getTypeName(){return"ResourceURL"}}function Es(e){return e instanceof fa?e.changingThisBreaksApplicationSecurity:e}function Xa(e,n){const i=function Sy(e){return e instanceof fa&&e.getTypeName()||null}(e);if(null!=i&&i!==n){if("ResourceURL"===i&&"URL"===n)return!0;throw new Error("Required a safe ".concat(n,", got a ").concat(i," (see ").concat(Ue,")"))}return i===n}function Oy(e){return new Ey(e)}function Ay(e){return new My(e)}function Py(e){return new xy(e)}function Ry(e){return new Iy(e)}function Ny(e){return new wy(e)}class Fy{constructor(n){this.inertDocumentHelper=n}getInertBodyElement(n){n="<body><remove></remove>"+n;try{const i=(new window.DOMParser).parseFromString(Wa(n),"text/html").body;return null===i?this.inertDocumentHelper.getInertBodyElement(n):(i.removeChild(i.firstChild),i)}catch{return null}}}class ky{constructor(n){this.defaultDoc=n,this.inertDocument=this.defaultDoc.implementation.createHTMLDocument("sanitization-inert")}getInertBodyElement(n){const i=this.inertDocument.createElement("template");return i.innerHTML=Wa(n),i}}const By=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:\/?#]*(?:[\/?#]|$))/i;function ac(e){return(e=String(e)).match(By)?e:"unsafe:"+e}function Ms(e){const n={};for(const i of e.split(","))n[i]=!0;return n}function ju(...e){const n={};for(const i of e)for(const o in i)i.hasOwnProperty(o)&&(n[o]=!0);return n}const kh=Ms("area,br,col,hr,img,wbr"),Lh=Ms("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"),Bh=Ms("rp,rt"),rf=ju(kh,ju(Lh,Ms("address,article,aside,blockquote,caption,center,del,details,dialog,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,ins,main,map,menu,nav,ol,pre,section,summary,table,ul")),ju(Bh,Ms("a,abbr,acronym,audio,b,bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,picture,q,ruby,rp,rt,s,samp,small,source,span,strike,strong,sub,sup,time,track,tt,u,var,video")),ju(Bh,Lh)),sf=Ms("background,cite,href,itemtype,longdesc,poster,src,xlink:href"),Vh=ju(sf,Ms("abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,scope,scrolling,shape,size,sizes,span,srclang,srcset,start,summary,tabindex,target,title,translate,type,usemap,valign,value,vspace,width"),Ms("aria-activedescendant,aria-atomic,aria-autocomplete,aria-busy,aria-checked,aria-colcount,aria-colindex,aria-colspan,aria-controls,aria-current,aria-describedby,aria-details,aria-disabled,aria-dropeffect,aria-errormessage,aria-expanded,aria-flowto,aria-grabbed,aria-haspopup,aria-hidden,aria-invalid,aria-keyshortcuts,aria-label,aria-labelledby,aria-level,aria-live,aria-modal,aria-multiline,aria-multiselectable,aria-orientation,aria-owns,aria-placeholder,aria-posinset,aria-pressed,aria-readonly,aria-relevant,aria-required,aria-roledescription,aria-rowcount,aria-rowindex,aria-rowspan,aria-selected,aria-setsize,aria-sort,aria-valuemax,aria-valuemin,aria-valuenow,aria-valuetext")),Vy=Ms("script,style,template");class Uy{constructor(){this.sanitizedSomething=!1,this.buf=[]}sanitizeChildren(n){let i=n.firstChild,o=!0;for(;i;)if(i.nodeType===Node.ELEMENT_NODE?o=this.startElement(i):i.nodeType===Node.TEXT_NODE?this.chars(i.nodeValue):this.sanitizedSomething=!0,o&&i.firstChild)i=i.firstChild;else for(;i;){i.nodeType===Node.ELEMENT_NODE&&this.endElement(i);let r=this.checkClobberedElement(i,i.nextSibling);if(r){i=r;break}i=this.checkClobberedElement(i,i.parentNode)}return this.buf.join("")}startElement(n){const i=n.nodeName.toLowerCase();if(!rf.hasOwnProperty(i))return this.sanitizedSomething=!0,!Vy.hasOwnProperty(i);this.buf.push("<"),this.buf.push(i);const o=n.attributes;for(let r=0;r<o.length;r++){const a=o.item(r),d=a.name,m=d.toLowerCase();if(!Vh.hasOwnProperty(m)){this.sanitizedSomething=!0;continue}let C=a.value;sf[m]&&(C=ac(C)),this.buf.push(" ",d,'="',Uh(C),'"')}return this.buf.push(">"),!0}endElement(n){const i=n.nodeName.toLowerCase();rf.hasOwnProperty(i)&&!kh.hasOwnProperty(i)&&(this.buf.push("</"),this.buf.push(i),this.buf.push(">"))}chars(n){this.buf.push(Uh(n))}checkClobberedElement(n,i){if(i&&(n.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_CONTAINED_BY)===Node.DOCUMENT_POSITION_CONTAINED_BY)throw new Error("Failed to sanitize html because the element is clobbered: ".concat(n.outerHTML));return i}}const $y=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,Hy=/([^\#-~ |!])/g;function Uh(e){return e.replace(/&/g,"&amp;").replace($y,function(n){return"&#"+(1024*(n.charCodeAt(0)-55296)+(n.charCodeAt(1)-56320)+65536)+";"}).replace(Hy,function(n){return"&#"+n.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")}let uc;function $h(e,n){let i=null;try{uc=uc||function Fh(e){const n=new ky(e);return function Ly(){try{return!!(new window.DOMParser).parseFromString(Wa(""),"text/html")}catch{return!1}}()?new Fy(n):n}(e);let o=n?String(n):"";i=uc.getInertBodyElement(o);let r=5,a=o;do{if(0===r)throw new Error("Failed to sanitize html because the input is unstable");r--,o=a,a=i.innerHTML,i=uc.getInertBodyElement(o)}while(o!==a);return Wa((new Uy).sanitizeChildren(af(i)||i))}finally{if(i){const o=af(i)||i;for(;o.firstChild;)o.removeChild(o.firstChild)}}}function af(e){return"content"in e&&function zy(e){return e.nodeType===Node.ELEMENT_NODE&&"TEMPLATE"===e.nodeName}(e)?e.content:null}var pa=function(e){return e[e.NONE=0]="NONE",e[e.HTML=1]="HTML",e[e.STYLE=2]="STYLE",e[e.SCRIPT=3]="SCRIPT",e[e.URL=4]="URL",e[e.RESOURCE_URL=5]="RESOURCE_URL",e}(pa||{});function Hh(e){const n=Wu();return n?Ph(n.sanitize(pa.HTML,e)||""):Xa(e,"HTML")?Ph(Es(e)):$h(Ga(),Me(e))}function uf(e){const n=Wu();return n?n.sanitize(pa.URL,e)||"":Xa(e,"URL")?Es(e):ac(Me(e))}function zh(e){const n=Wu();if(n)return Nh(n.sanitize(pa.RESOURCE_URL,e)||"");if(Xa(e,"ResourceURL"))return Nh(Es(e));throw new U(904,!1)}function jh(e,n,i){return function Ky(e,n){return"src"===n&&("embed"===e||"frame"===e||"iframe"===e||"media"===e||"script"===e)||"href"===n&&("base"===e||"link"===e)?zh:uf}(n,i)(e)}function Wu(){const e=Jt();return e&&e[Bn].sanitizer}const Gu=new Sn("ENVIRONMENT_INITIALIZER"),lf=new Sn("INJECTOR",-1),Wh=new Sn("INJECTOR_DEF_TYPES");class cf{get(n,i=cn){if(i===cn){const o=new Error("NullInjectorError: No provider for ".concat(ve(n),"!"));throw o.name="NullInjectorError",o}return i}}function df(e){return{\u0275providers:e}}function Qy(...e){return{\u0275providers:Gh(0,e),\u0275fromNgModule:!0}}function Gh(e,...n){const i=[],o=new Set;let r;const a=d=>{i.push(d)};return zs(n,d=>{const m=d;lc(m,a,[],o)&&(r||(r=[]),r.push(m))}),void 0!==r&&Xh(r,a),i}function Xh(e,n){for(let i=0;i<e.length;i++){const{ngModule:o,providers:r}=e[i];ff(r,a=>{n(a,o)})}}function lc(e,n,i,o){if(!(e=j(e)))return!1;let r=null,a=tn(e);const d=!a&&ti(e);if(a||d){if(d&&!d.standalone)return!1;r=e}else{const C=e.ngModule;if(a=tn(C),!a)return!1;r=C}const m=o.has(r);if(d){if(m)return!1;if(o.add(r),d.dependencies){const C="function"==typeof d.dependencies?d.dependencies():d.dependencies;for(const R of C)lc(R,n,i,o)}}else{if(!a)return!1;{if(null!=a.imports&&!m){let R;o.add(r);try{zs(a.imports,G=>{lc(G,n,i,o)&&(R||(R=[]),R.push(G))})}finally{}void 0!==R&&Xh(R,n)}if(!m){const R=ho(r)||(()=>new r);n({provide:r,useFactory:R,deps:Dn},r),n({provide:Wh,useValue:r,multi:!0},r),n({provide:Gu,useValue:()=>jt(r),multi:!0},r)}const C=a.providers;if(null!=C&&!m){const R=e;ff(C,G=>{n(G,R)})}}}return r!==e&&void 0!==e.providers}function ff(e,n){for(let i of e)Le(i)&&(i=i.\u0275providers),Array.isArray(i)?ff(i,n):n(i)}const Yy=Z({provide:String,useValue:Z});function pf(e){return null!==e&&"object"==typeof e&&Yy in e}function ha(e){return"function"==typeof e}const hf=new Sn("Set Injector scope."),cc={},Jy={};let gf;function dc(){return void 0===gf&&(gf=new cf),gf}class rs{}class Ka extends rs{get destroyed(){return this._destroyed}constructor(n,i,o,r){super(),this.parent=i,this.source=o,this.scopes=r,this.records=new Map,this._ngOnDestroyHooks=new Set,this._onDestroyHooks=[],this._destroyed=!1,_f(n,d=>this.processProvider(d)),this.records.set(lf,Qa(void 0,this)),r.has("environment")&&this.records.set(rs,Qa(void 0,this));const a=this.records.get(hf);null!=a&&"string"==typeof a.value&&this.scopes.add(a.value),this.injectorDefTypes=new Set(this.get(Wh.multi,Dn,he.Self))}destroy(){this.assertNotDestroyed(),this._destroyed=!0;try{for(const i of this._ngOnDestroyHooks)i.ngOnDestroy();const n=this._onDestroyHooks;this._onDestroyHooks=[];for(const i of n)i()}finally{this.records.clear(),this._ngOnDestroyHooks.clear(),this.injectorDefTypes.clear()}}onDestroy(n){return this.assertNotDestroyed(),this._onDestroyHooks.push(n),()=>this.removeOnDestroy(n)}runInContext(n){this.assertNotDestroyed();const i=pt(this),o=Bt(void 0);try{return n()}finally{pt(i),Bt(o)}}get(n,i=cn,o=he.Default){if(this.assertNotDestroyed(),n.hasOwnProperty(ft))return n[ft](this);o=ri(o);const a=pt(this),d=Bt(void 0);try{if(!(o&he.SkipSelf)){let C=this.records.get(n);if(void 0===C){const R=function o1(e){return"function"==typeof e||"object"==typeof e&&e instanceof Sn}(n)&&Kt(n);C=R&&this.injectableDefInScope(R)?Qa(mf(n),cc):null,this.records.set(n,C)}if(null!=C)return this.hydrate(n,C)}return(o&he.Self?dc():this.parent).get(n,i=o&he.Optional&&i===cn?null:i)}catch(m){if("NullInjectorError"===m.name){if((m[un]=m[un]||[]).unshift(ve(n)),a)throw m;return function Fi(e,n,i,o){const r=e[un];throw n[ge]&&r.unshift(n[ge]),e.message=function Oi(e,n,i,o=null){e=e&&"\n"===e.charAt(0)&&"\u0275"==e.charAt(1)?e.slice(2):e;let r=ve(n);if(Array.isArray(n))r=n.map(ve).join(" -> ");else if("object"==typeof n){let a=[];for(let d in n)if(n.hasOwnProperty(d)){let m=n[d];a.push(d+":"+("string"==typeof m?JSON.stringify(m):ve(m)))}r="{".concat(a.join(", "),"}")}return"".concat(i).concat(o?"("+o+")":"","[").concat(r,"]: ").concat(e.replace(ze,"\n  "))}("\n"+e.message,r,i,o),e.ngTokenPath=r,e[un]=null,e}(m,n,"R3InjectorError",this.source)}throw m}finally{Bt(d),pt(a)}}resolveInjectorInitializers(){const n=pt(this),i=Bt(void 0);try{const r=this.get(Gu.multi,Dn,he.Self);for(const a of r)a()}finally{pt(n),Bt(i)}}toString(){const n=[],i=this.records;for(const o of i.keys())n.push(ve(o));return"R3Injector[".concat(n.join(", "),"]")}assertNotDestroyed(){if(this._destroyed)throw new U(205,!1)}processProvider(n){let i=ha(n=j(n))?n:j(n&&n.provide);const o=function e1(e){return pf(e)?Qa(void 0,e.useValue):Qa(Yh(e),cc)}(n);if(ha(n)||!0!==n.multi)this.records.get(i);else{let r=this.records.get(i);r||(r=Qa(void 0,cc,!0),r.factory=()=>Vn(r.multi),this.records.set(i,r)),i=n,r.multi.push(n)}this.records.set(i,o)}hydrate(n,i){return i.value===cc&&(i.value=Jy,i.value=i.factory()),"object"==typeof i.value&&i.value&&function n1(e){return null!==e&&"object"==typeof e&&"function"==typeof e.ngOnDestroy}(i.value)&&this._ngOnDestroyHooks.add(i.value),i.value}injectableDefInScope(n){if(!n.providedIn)return!1;const i=j(n.providedIn);return"string"==typeof i?"any"===i||this.scopes.has(i):this.injectorDefTypes.has(i)}removeOnDestroy(n){const i=this._onDestroyHooks.indexOf(n);-1!==i&&this._onDestroyHooks.splice(i,1)}}function mf(e){const n=Kt(e),i=null!==n?n.factory:ho(e);if(null!==i)return i;if(e instanceof Sn)throw new U(204,!1);if(e instanceof Function)return function qy(e){const n=e.length;if(n>0)throw js(n,"?"),new U(204,!1);const i=function Ln(e){return e&&(e[it]||e[ct])||null}(e);return null!==i?()=>i.factory(e):()=>new e}(e);throw new U(204,!1)}function Yh(e,n,i){let o;if(ha(e)){const r=j(e);return ho(r)||mf(r)}if(pf(e))o=()=>j(e.useValue);else if(function Qh(e){return!(!e||!e.useFactory)}(e))o=()=>e.useFactory(...Vn(e.deps||[]));else if(function Kh(e){return!(!e||!e.useExisting)}(e))o=()=>jt(j(e.useExisting));else{const r=j(e&&(e.useClass||e.provide));if(!function t1(e){return!!e.deps}(e))return ho(r)||mf(r);o=()=>new r(...Vn(e.deps))}return o}function Qa(e,n,i=!1){return{factory:e,value:n,multi:i?[]:void 0}}function _f(e,n){for(const i of e)Array.isArray(i)?_f(i,n):i&&Le(i)?_f(i.\u0275providers,n):n(i)}const Zh=new Sn("AppId",{providedIn:"root",factory:()=>r1}),r1="ng",Jh=new Sn("Platform Initializer"),vf=new Sn("Platform ID",{providedIn:"platform",factory:()=>"unknown"}),s1=new Sn("AnimationModuleType"),a1=new Sn("CSP nonce",{providedIn:"root",factory:()=>{var e;return(null===(e=Ga().body)||void 0===e||null===(e=e.querySelector("[ngCspNonce]"))||void 0===e?void 0:e.getAttribute("ngCspNonce"))||null}});let qh=(e,n,i)=>null;function Tf(e,n,i=!1){return qh(e,n,i)}class _1{}class n0{}class y1{resolveComponentFactory(n){throw function v1(e){const n=Error("No component factory found for ".concat(ve(e),"."));return n.ngComponent=e,n}(n)}}let vc=(()=>{class n{}return n.NULL=new y1,n})();function b1(){return qa(Oo(),Jt())}function qa(e,n){return new Yu(Ho(e,n))}let Yu=(()=>{class n{constructor(o){this.nativeElement=o}}return n.__NG_ELEMENT_ID__=b1,n})();function D1(e){return e instanceof Yu?e.nativeElement:e}class r0{}let C1=(()=>{class n{constructor(){this.destroyNode=null}}return n.__NG_ELEMENT_ID__=()=>function T1(){const e=Jt(),i=ko(Oo().index,e);return(ao(i)?i:e)[sn]}(),n})(),E1=(()=>{var e;class n{}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:()=>null}),n})();class s0{constructor(n){this.full=n,this.major=n.split(".")[0],this.minor=n.split(".")[1],this.patch=n.split(".").slice(2).join(".")}}const M1=new s0("16.2.12"),xf={};function yc(e){if(!vt()&&!function He(){return Y}())throw new U(-203,!1)}function c0(e,n=null,i=null,o){const r=d0(e,n,i,o);return r.resolveInjectorInitializers(),r}function d0(e,n=null,i=null,o,r=new Set){const a=[i||Dn,Qy(e)];return o=o||("object"==typeof e?void 0:ve(e)),new Ka(a,n||dc(),o||null,r)}let Jr=(()=>{var e;class n{static create(o,r){if(Array.isArray(o))return c0({name:""},r,o,"");{var a;const d=null!==(a=o.name)&&void 0!==a?a:"";return c0({name:d},o.parent,o.providers,d)}}}return(e=n).THROW_IF_NOT_FOUND=cn,e.NULL=new cf,e.\u0275prov=Ke({token:e,providedIn:"any",factory:()=>jt(lf)}),e.__NG_ELEMENT_ID__=-1,n})();function If(e){return e.ngOriginalError}class Ks{constructor(){this._console=console}handleError(n){const i=this._findOriginalError(n);this._console.error("ERROR",n),i&&this._console.error("ORIGINAL ERROR",i)}_findOriginalError(n){let i=n&&If(n);for(;i&&If(i);)i=If(i);return i||null}}let Zu=(()=>{var e;class n{}return(e=n).__NG_ELEMENT_ID__=P1,e.__NG_ENV_ID__=i=>i,n})();class A1 extends Zu{constructor(n){super(),this._lView=n}onDestroy(n){return Os(this._lView,n),()=>function Ca(e,n){if(null===e[so])return;const i=e[so].indexOf(n);-1!==i&&e[so].splice(i,1)}(this._lView,n)}}function P1(){return new A1(Jt())}function wf(e){return n=>{setTimeout(e,void 0,n)}}const ss=class R1 extends t.B{constructor(n=!1){super(),this.__isAsync=n}emit(n){super.next(n)}subscribe(n,i,o){let r=n,a=i||(()=>null),d=o;if(n&&"object"==typeof n){var m,C,R;const me=n;r=null===(m=me.next)||void 0===m?void 0:m.bind(me),a=null===(C=me.error)||void 0===C?void 0:C.bind(me),d=null===(R=me.complete)||void 0===R?void 0:R.bind(me)}this.__isAsync&&(a=wf(a),r&&(r=wf(r)),d&&(d=wf(d)));const G=super.subscribe({next:r,error:a,complete:d});return n instanceof c.yU&&n.add(G),G}};function p0(...e){}class tr{constructor({enableLongStackTrace:n=!1,shouldCoalesceEventChangeDetection:i=!1,shouldCoalesceRunChangeDetection:o=!1}){if(this.hasPendingMacrotasks=!1,this.hasPendingMicrotasks=!1,this.isStable=!0,this.onUnstable=new ss(!1),this.onMicrotaskEmpty=new ss(!1),this.onStable=new ss(!1),this.onError=new ss(!1),typeof Zone>"u")throw new U(908,!1);Zone.assertZonePatched();const r=this;r._nesting=0,r._outer=r._inner=Zone.current,Zone.TaskTrackingZoneSpec&&(r._inner=r._inner.fork(new Zone.TaskTrackingZoneSpec)),n&&Zone.longStackTraceZoneSpec&&(r._inner=r._inner.fork(Zone.longStackTraceZoneSpec)),r.shouldCoalesceEventChangeDetection=!o&&i,r.shouldCoalesceRunChangeDetection=o,r.lastRequestAnimationFrameId=-1,r.nativeRequestAnimationFrame=function N1(){const e="function"==typeof mn.requestAnimationFrame;let n=mn[e?"requestAnimationFrame":"setTimeout"],i=mn[e?"cancelAnimationFrame":"clearTimeout"];if(typeof Zone<"u"&&n&&i){const o=n[Zone.__symbol__("OriginalDelegate")];o&&(n=o);const r=i[Zone.__symbol__("OriginalDelegate")];r&&(i=r)}return{nativeRequestAnimationFrame:n,nativeCancelAnimationFrame:i}}().nativeRequestAnimationFrame,function L1(e){const n=()=>{!function k1(e){e.isCheckStableRunning||-1!==e.lastRequestAnimationFrameId||(e.lastRequestAnimationFrameId=e.nativeRequestAnimationFrame.call(mn,()=>{e.fakeTopEventTask||(e.fakeTopEventTask=Zone.root.scheduleEventTask("fakeTopEventTask",()=>{e.lastRequestAnimationFrameId=-1,Of(e),e.isCheckStableRunning=!0,Sf(e),e.isCheckStableRunning=!1},void 0,()=>{},()=>{})),e.fakeTopEventTask.invoke()}),Of(e))}(e)};e._inner=e._inner.fork({name:"angular",properties:{isAngularZone:!0},onInvokeTask:(i,o,r,a,d,m)=>{if(function V1(e){var n;return!(!Array.isArray(e)||1!==e.length)&&!0===(null===(n=e[0].data)||void 0===n?void 0:n.__ignore_ng_zone__)}(m))return i.invokeTask(r,a,d,m);try{return h0(e),i.invokeTask(r,a,d,m)}finally{(e.shouldCoalesceEventChangeDetection&&"eventTask"===a.type||e.shouldCoalesceRunChangeDetection)&&n(),g0(e)}},onInvoke:(i,o,r,a,d,m,C)=>{try{return h0(e),i.invoke(r,a,d,m,C)}finally{e.shouldCoalesceRunChangeDetection&&n(),g0(e)}},onHasTask:(i,o,r,a)=>{i.hasTask(r,a),o===r&&("microTask"==a.change?(e._hasPendingMicrotasks=a.microTask,Of(e),Sf(e)):"macroTask"==a.change&&(e.hasPendingMacrotasks=a.macroTask))},onHandleError:(i,o,r,a)=>(i.handleError(r,a),e.runOutsideAngular(()=>e.onError.emit(a)),!1)})}(r)}static isInAngularZone(){return typeof Zone<"u"&&!0===Zone.current.get("isAngularZone")}static assertInAngularZone(){if(!tr.isInAngularZone())throw new U(909,!1)}static assertNotInAngularZone(){if(tr.isInAngularZone())throw new U(909,!1)}run(n,i,o){return this._inner.run(n,i,o)}runTask(n,i,o,r){const a=this._inner,d=a.scheduleEventTask("NgZoneEvent: "+r,n,F1,p0,p0);try{return a.runTask(d,i,o)}finally{a.cancelTask(d)}}runGuarded(n,i,o){return this._inner.runGuarded(n,i,o)}runOutsideAngular(n){return this._outer.run(n)}}const F1={};function Sf(e){if(0==e._nesting&&!e.hasPendingMicrotasks&&!e.isStable)try{e._nesting++,e.onMicrotaskEmpty.emit(null)}finally{if(e._nesting--,!e.hasPendingMicrotasks)try{e.runOutsideAngular(()=>e.onStable.emit(null))}finally{e.isStable=!0}}}function Of(e){e.hasPendingMicrotasks=!!(e._hasPendingMicrotasks||(e.shouldCoalesceEventChangeDetection||e.shouldCoalesceRunChangeDetection)&&-1!==e.lastRequestAnimationFrameId)}function h0(e){e._nesting++,e.isStable&&(e.isStable=!1,e.onUnstable.emit(null))}function g0(e){e._nesting--,Sf(e)}const m0=new Sn("",{providedIn:"root",factory:_0});function _0(){const e=vn(tr);let n=!0;const i=new O.c(r=>{n=e.isStable&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks,e.runOutsideAngular(()=>{r.next(n),r.complete()})}),o=new O.c(r=>{let a;e.runOutsideAngular(()=>{a=e.onStable.subscribe(()=>{tr.assertNotInAngularZone(),queueMicrotask(()=>{!n&&!e.hasPendingMacrotasks&&!e.hasPendingMicrotasks&&(n=!0,r.next(!0))})})});const d=e.onUnstable.subscribe(()=>{tr.assertInAngularZone(),n&&(n=!1,e.runOutsideAngular(()=>{r.next(!1)}))});return()=>{a.unsubscribe(),d.unsubscribe()}});return(0,N.h)(i,o.pipe((0,W.u)()))}function v0(e){return e.ownerDocument.defaultView}function y0(e){return e.ownerDocument}function xs(e){return e instanceof Function?e():e}function D0(e,n){var i,o;!n&&yc();const r=null!==(i=null==n?void 0:n.injector)&&void 0!==i?i:vn(Jr);if(!function tu(e){return"browser"===(null!=e?e:vn(Jr)).get(vf)}(r))return{destroy(){}};let a;const d=r.get(Zu).onDestroy(()=>{var Qe;return null===(Qe=a)||void 0===Qe?void 0:Qe()}),m=r.get(Af),C=null!==(o=m.handler)&&void 0!==o?o:m.handler=new T0,R=r.get(tr),G=r.get(Ks,null,{optional:!0}),me=new C0(R,G,()=>{var Qe;null===(Qe=a)||void 0===Qe||Qe(),e()});return a=()=>{C.unregister(me),d()},C.register(me),{destroy:a}}class C0{constructor(n,i,o){this.zone=n,this.errorHandler=i,this.callbackFn=o}invoke(){try{this.zone.runOutsideAngular(this.callbackFn)}catch(i){var n;null===(n=this.errorHandler)||void 0===n||n.handleError(i)}}}class T0{constructor(){this.executingCallbacks=!1,this.callbacks=new Set,this.deferredCallbacks=new Set}validateBegin(){if(this.executingCallbacks)throw new U(102,!1)}register(n){(this.executingCallbacks?this.deferredCallbacks:this.callbacks).add(n)}unregister(n){this.callbacks.delete(n),this.deferredCallbacks.delete(n)}execute(){this.executingCallbacks=!0;for(const n of this.callbacks)n.invoke();this.executingCallbacks=!1;for(const n of this.deferredCallbacks)this.callbacks.add(n);this.deferredCallbacks.clear()}destroy(){this.callbacks.clear(),this.deferredCallbacks.clear()}}let Af=(()=>{var e;class n{constructor(){this.renderDepth=0,this.handler=null}begin(){var o;null===(o=this.handler)||void 0===o||o.validateBegin(),this.renderDepth++}end(){var o;this.renderDepth--,0===this.renderDepth&&(null===(o=this.handler)||void 0===o||o.execute())}ngOnDestroy(){var o;null===(o=this.handler)||void 0===o||o.destroy(),this.handler=null}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:()=>new e}),n})();function Ju(e){for(;e;){e[Ie]|=64;const n=Yr(e);if(Oe(e)&&!n)return e;e=n}return null}const M0=new Sn("",{providedIn:"root",factory:()=>!1});let qu=null;function S0(e,n){var i;return null!==(i=e[n])&&void 0!==i?i:P0()}function O0(e,n){var i;const o=P0();null!==(i=o.producerNode)&&void 0!==i&&i.length&&(e[n]=qu,o.lView=e,qu=A0())}const G1={...qn,consumerIsAlwaysLive:!0,consumerMarkedDirty:e=>{Ju(e.lView)},lView:null};function A0(){return Object.create(G1)}function P0(){var e;return null!==(e=qu)&&void 0!==e||(qu=A0()),qu}const di={};function R0(e){N0(_i(),Jt(),Gi()+e,!1)}function N0(e,n,i,o){if(!o)if(3==(3&n[Ie])){const a=e.preOrderCheckHooks;null!==a&&xa(n,a,i)}else{const a=e.preOrderHooks;null!==a&&Ia(n,a,0,i)}cr(i)}function nu(e,n=he.Default){const i=Jt();return null===i?jt(e,n):wl(Oo(),i,j(e),n)}function F0(){throw new Error("invalid")}function Dc(e,n,i,o,r,a,d,m,C,R,G){const me=n.blueprint.slice();return me[gi]=r,me[Ie]=140|o,(null!==R||e&&2048&e[Ie])&&(me[Ie]|=2048),gs(me),me[ne]=me[Ci]=e,me[Qt]=i,me[Bn]=d||e&&e[Bn],me[sn]=m||e&&e[sn],me[hn]=C||e&&e[hn]||null,me[wt]=a,me[fi]=function Ud(){return Vd++}(),me[Kn]=G,me[ro]=R,me[oi]=2==n.type?e[oi]:me,me}function iu(e,n,i,o,r){let a=e.data[n];if(null===a)a=function Pf(e,n,i,o,r){const a=s(),d=B(),C=e.data[n]=function eb(e,n,i,o,r,a){let d=n?n.injectorIndex:-1,m=0;return is()&&(m|=128),{type:i,index:o,insertBeforeIndex:null,injectorIndex:d,directiveStart:-1,directiveEnd:-1,directiveStylingLast:-1,componentOffset:-1,propertyBindings:null,flags:m,providerIndexes:0,value:r,attrs:a,mergedAttrs:null,localNames:null,initialInputs:void 0,inputs:null,outputs:null,tView:null,next:null,prev:null,projectionNext:null,child:null,parent:n,projection:null,styles:null,stylesWithoutHost:null,residualStyles:void 0,classes:null,classesWithoutHost:null,residualClasses:void 0,classBindings:0,styleBindings:0}}(0,d?a:a&&a.parent,i,n,o,r);return null===e.firstChild&&(e.firstChild=C),null!==a&&(d?null==a.child&&null!==C.parent&&(a.child=C):null===a.next&&(a.next=C,C.prev=a)),C}(e,n,i,o,r),function qt(){return Qn.lFrame.inI18n}()&&(a.flags|=32);else if(64&a.type){a.type=i,a.value=o,a.attrs=r;const d=function h(){const e=Qn.lFrame,n=e.currentTNode;return e.isParent?n:n.parent}();a.injectorIndex=null===d?-1:d.injectorIndex}return M(a,!0),a}function el(e,n,i,o){if(0===i)return-1;const r=n.length;for(let a=0;a<i;a++)n.push(o),e.blueprint.push(o),e.data.push(null);return r}function k0(e,n,i,o,r){const a=S0(n,eo),d=Gi(),m=2&o;try{cr(-1),m&&n.length>Hn&&N0(e,n,Hn,!1),So(m?2:0,r);const R=m?a:null,G=gr(R);try{null!==R&&(R.dirty=!1),i(o,r)}finally{rr(R,G)}}finally{m&&null===n[eo]&&O0(n,eo),cr(d),So(m?3:1,r)}}function Rf(e,n,i){if(v(n)){const o=xn(null);try{const a=n.directiveEnd;for(let d=n.directiveStart;d<a;d++){const m=e.data[d];m.contentQueries&&m.contentQueries(1,i[d],d)}}finally{xn(o)}}}function Nf(e,n,i){Ps()&&(function ab(e,n,i,o){const r=i.directiveStart,a=i.directiveEnd;T(i)&&function hb(e,n,i){const o=Ho(n,e),r=L0(i);let d=16;i.signals?d=4096:i.onPush&&(d=64);const m=Cc(e,Dc(e,r,null,d,o,n,null,e[Bn].rendererFactory.createRenderer(o,i),null,null,null));e[n.index]=m}(n,i,e.data[r+i.componentOffset]),e.firstCreatePass||Sa(i,n),er(o,n);const d=i.initialInputs;for(let m=r;m<a;m++){const C=e.data[m],R=Cs(n,e,m,i);er(R,n),null!==d&&gb(0,m-r,R,C,0,d),re(C)&&(ko(i.index,n)[Qt]=Cs(n,e,m,i))}}(e,n,i,Ho(i,n)),64==(64&i.flags)&&H0(e,n,i))}function Ff(e,n,i=Ho){const o=n.localNames;if(null!==o){let r=n.index+1;for(let a=0;a<o.length;a+=2){const d=o[a+1],m=-1===d?i(n,e):e[d];e[r++]=m}}}function L0(e){const n=e.tView;return null===n||n.incompleteFirstPass?e.tView=kf(1,null,e.template,e.decls,e.vars,e.directiveDefs,e.pipeDefs,e.viewQuery,e.schemas,e.consts,e.id):n}function kf(e,n,i,o,r,a,d,m,C,R,G){const me=Hn+o,Qe=me+r,ht=function K1(e,n){const i=[];for(let o=0;o<n;o++)i.push(o<e?null:di);return i}(me,Qe),kt="function"==typeof R?R():R;return ht[fn]={type:e,blueprint:ht,template:i,queries:null,viewQuery:m,declTNode:n,data:ht.slice().fill(null,me),bindingStartIndex:me,expandoStartIndex:Qe,hostBindingOpCodes:null,firstCreatePass:!0,firstUpdatePass:!0,staticViewQueries:!1,staticContentQueries:!1,preOrderHooks:null,preOrderCheckHooks:null,contentHooks:null,contentCheckHooks:null,viewHooks:null,viewCheckHooks:null,destroyHooks:null,cleanup:null,contentQueries:null,components:null,directiveRegistry:"function"==typeof a?a():a,pipeRegistry:"function"==typeof d?d():d,firstChild:null,schemas:C,consts:kt,incompleteFirstPass:!1,ssrId:G}}let B0=e=>null;function V0(e,n,i,o){for(let r in e)if(e.hasOwnProperty(r)){i=null===i?{}:i;const a=e[r];null===o?U0(i,n,r,a):o.hasOwnProperty(r)&&U0(i,n,o[r],a)}return i}function U0(e,n,i,o){e.hasOwnProperty(i)?e[i].push(n,o):e[i]=[n,o]}function Ur(e,n,i,o,r,a,d,m){const C=Ho(n,i);let G,R=n.inputs;!m&&null!=R&&(G=R[o])?($f(e,i,G,o,r),T(n)&&function ib(e,n){const i=ko(n,e);16&i[Ie]||(i[Ie]|=64)}(i,n.index)):3&n.type&&(o=function nb(e){return"class"===e?"className":"for"===e?"htmlFor":"formaction"===e?"formAction":"innerHtml"===e?"innerHTML":"readonly"===e?"readOnly":"tabindex"===e?"tabIndex":e}(o),r=null!=d?d(r,n.value||"",o):r,a.setProperty(C,o,r))}function Lf(e,n,i,o){if(Ps()){const r=null===o?null:{"":-1},a=function lb(e,n){const i=e.directiveRegistry;let o=null,r=null;if(i)for(let d=0;d<i.length;d++){const m=i[d];if(Di(n,m.selectors,!1))if(o||(o=[]),re(m))if(null!==m.findHostDirectiveDefs){const C=[];r=r||new Map,m.findHostDirectiveDefs(m,C,r),o.unshift(...C,m),Bf(e,n,C.length)}else o.unshift(m),Bf(e,n,0);else{var a;r=r||new Map,null===(a=m.findHostDirectiveDefs)||void 0===a||a.call(m,m,o,r),o.push(m)}}return null===o?null:[o,r]}(e,i);let d,m;null===a?d=m=null:[d,m]=a,null!==d&&$0(e,n,i,d,r,m),r&&function cb(e,n,i){if(n){const o=e.localNames=[];for(let r=0;r<n.length;r+=2){const a=i[n[r+1]];if(null==a)throw new U(-301,!1);o.push(n[r],a)}}}(i,o,r)}i.mergedAttrs=Nt(i.mergedAttrs,i.attrs)}function $0(e,n,i,o,r,a){for(let me=0;me<o.length;me++)wu(Sa(i,n),e,o[me].type);!function fb(e,n,i){e.flags|=1,e.directiveStart=n,e.directiveEnd=n+i,e.providerIndexes=n}(i,e.data.length,o.length);for(let me=0;me<o.length;me++){const Qe=o[me];Qe.providersResolver&&Qe.providersResolver(Qe)}let d=!1,m=!1,C=el(e,n,o.length,null);for(let me=0;me<o.length;me++){const Qe=o[me];i.mergedAttrs=Nt(i.mergedAttrs,Qe.hostAttrs),pb(e,i,n,C,Qe),db(C,Qe,r),null!==Qe.contentQueries&&(i.flags|=4),(null!==Qe.hostBindings||null!==Qe.hostAttrs||0!==Qe.hostVars)&&(i.flags|=64);const ht=Qe.type.prototype;var R,G;!d&&(ht.ngOnChanges||ht.ngOnInit||ht.ngDoCheck)&&((null!==(R=e.preOrderHooks)&&void 0!==R?R:e.preOrderHooks=[]).push(i.index),d=!0),m||!ht.ngOnChanges&&!ht.ngDoCheck||((null!==(G=e.preOrderCheckHooks)&&void 0!==G?G:e.preOrderCheckHooks=[]).push(i.index),m=!0),C++}!function tb(e,n,i){const r=n.directiveEnd,a=e.data,d=n.attrs,m=[];let C=null,R=null;for(let G=n.directiveStart;G<r;G++){const me=a[G],Qe=i?i.get(me):null,kt=Qe?Qe.outputs:null;C=V0(me.inputs,G,C,Qe?Qe.inputs:null),R=V0(me.outputs,G,R,kt);const nn=null===C||null===d||On(n)?null:mb(C,G,d);m.push(nn)}null!==C&&(C.hasOwnProperty("class")&&(n.flags|=8),C.hasOwnProperty("style")&&(n.flags|=16)),n.initialInputs=m,n.inputs=C,n.outputs=R}(e,i,a)}function H0(e,n,i){const o=i.directiveStart,r=i.directiveEnd,a=i.index,d=function E(){return Qn.lFrame.currentDirectiveIndex}();try{cr(a);for(let m=o;m<r;m++){const C=e.data[m],R=n[m];_(m),(null!==C.hostBindings||0!==C.hostVars||null!==C.hostAttrs)&&ub(C,R)}}finally{cr(-1),_(d)}}function ub(e,n){null!==e.hostBindings&&e.hostBindings(1,n)}function Bf(e,n,i){var o;n.componentOffset=i,(null!==(o=e.components)&&void 0!==o?o:e.components=[]).push(n.index)}function db(e,n,i){if(i){if(n.exportAs)for(let o=0;o<n.exportAs.length;o++)i[n.exportAs[o]]=e;re(n)&&(i[""]=e)}}function pb(e,n,i,o,r){e.data[o]=r;const a=r.factory||(r.factory=ho(r.type)),d=new na(a,re(r),nu);e.blueprint[o]=d,i[o]=d,function rb(e,n,i,o,r){const a=r.hostBindings;if(a){let d=e.hostBindingOpCodes;null===d&&(d=e.hostBindingOpCodes=[]);const m=~n.index;(function sb(e){let n=e.length;for(;n>0;){const i=e[--n];if("number"==typeof i&&i<0)return i}return 0})(d)!=m&&d.push(m),d.push(i,o,a)}}(e,n,o,el(e,i,r.hostVars,di),r)}function as(e,n,i,o,r,a){const d=Ho(e,n);!function Vf(e,n,i,o,r,a,d){if(null==a)e.removeAttribute(n,r,i);else{const m=null==d?Me(a):d(a,o||"",r);e.setAttribute(n,r,m,i)}}(n[sn],d,a,e.value,i,o,r)}function gb(e,n,i,o,r,a){const d=a[n];if(null!==d)for(let m=0;m<d.length;)z0(o,i,d[m++],d[m++],d[m++])}function z0(e,n,i,o,r){const a=xn(null);try{const d=e.inputTransforms;null!==d&&d.hasOwnProperty(o)&&(r=d[o].call(n,r)),null!==e.setInput?e.setInput(n,r,i,o):n[o]=r}finally{xn(a)}}function mb(e,n,i){let o=null,r=0;for(;r<i.length;){const a=i[r];if(0!==a)if(5!==a){if("number"==typeof a)break;if(e.hasOwnProperty(a)){null===o&&(o=[]);const d=e[a];for(let m=0;m<d.length;m+=2)if(d[m]===n){o.push(a,d[m+1],i[r+1]);break}}r+=2}else r+=2;else r+=4}return o}function j0(e,n,i,o){return[e,!0,!1,n,null,0,o,i,null,null,null]}function W0(e,n){const i=e.contentQueries;if(null!==i)for(let o=0;o<i.length;o+=2){const a=i[o+1];if(-1!==a){const d=e.data[a];pe(i[o]),d.contentQueries(2,n[a],a)}}}function Cc(e,n){return e[Ai]?e[mi][Be]=n:e[Ai]=n,e[mi]=n,n}function Uf(e,n,i){pe(0);const o=xn(null);try{n(e,i)}finally{xn(o)}}function G0(e){return e[$t]||(e[$t]=[])}function X0(e){return e.cleanup||(e.cleanup=[])}function K0(e,n,i){return(null===e||re(e))&&(i=function ar(e){for(;Array.isArray(e);){if("object"==typeof e[hr])return e;e=e[gi]}return null}(i[n.index])),i[sn]}function Q0(e,n){const i=e[hn],o=i?i.get(Ks,null):null;o&&o.handleError(n)}function $f(e,n,i,o,r){for(let a=0;a<i.length;){const d=i[a++],m=i[a++];z0(e.data[d],n[d],o,m,r)}}function Is(e,n,i){const o=ps(n,e);!function ja(e,n,i){e.setValue(n,i)}(e[sn],o,i)}function _b(e,n){const i=ko(n,e),o=i[fn];!function vb(e,n){for(let i=n.length;i<e.blueprint.length;i++)n.push(e.blueprint[i])}(o,i);const r=i[gi];null!==r&&null===i[Kn]&&(i[Kn]=Tf(r,i[hn])),Hf(o,i,i[Qt])}function Hf(e,n,i){Mt(n);try{const o=e.viewQuery;null!==o&&Uf(1,o,i);const r=e.template;null!==r&&k0(e,n,r,1,i),e.firstCreatePass&&(e.firstCreatePass=!1),e.staticContentQueries&&W0(e,n),e.staticViewQueries&&Uf(2,e.viewQuery,i);const a=e.components;null!==a&&function yb(e,n){for(let i=0;i<n.length;i++)_b(e,n[i])}(n,a)}catch(o){throw e.firstCreatePass&&(e.incompleteFirstPass=!0,e.firstCreatePass=!1),o}finally{n[Ie]&=-5,yi()}}let Y0=(()=>{var e;class n{constructor(){this.all=new Set,this.queue=new Map}create(o,r,a){const d=typeof Zone>"u"?null:Zone.current,m=function At(e,n,i){const o=Object.create(Un);i&&(o.consumerAllowSignalWrites=!0),o.fn=e,o.schedule=n;const r=d=>{o.cleanupFn=d};return o.ref={notify:()=>Si(o),run:()=>{if(o.dirty=!1,o.hasRun&&!lo(o))return;o.hasRun=!0;const d=gr(o);try{o.cleanupFn(),o.cleanupFn=rn,o.fn(r)}finally{rr(o,d)}},cleanup:()=>o.cleanupFn()},o.ref}(o,G=>{this.all.has(G)&&this.queue.set(G,d)},a);let C;this.all.add(m),m.notify();const R=()=>{var G;m.cleanup(),null===(G=C)||void 0===G||G(),this.all.delete(m),this.queue.delete(m)};return C=null==r?void 0:r.onDestroy(R),{destroy:R}}flush(){if(0!==this.queue.size)for(const[o,r]of this.queue)this.queue.delete(o),r?r.run(()=>o.run()):o.run()}get isQueueEmpty(){return 0===this.queue.size}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:()=>new e}),n})();function Z0(e,n){var i;(null==n||!n.injector)&&yc();const o=null!==(i=null==n?void 0:n.injector)&&void 0!==i?i:vn(Jr),r=o.get(Y0),a=!0!==(null==n?void 0:n.manualCleanup)?o.get(Zu):null;return r.create(e,a,!(null==n||!n.allowSignalWrites))}function Tc(e,n,i){let o=i?e.styles:null,r=i?e.classes:null,a=0;if(null!==n)for(let d=0;d<n.length;d++){const m=n[d];"number"==typeof m?a=m:1==a?r=ye(r,m):2==a&&(o=ye(o,m+": "+n[++d]+";"))}i?e.styles=o:e.stylesWithoutHost=o,i?e.classes=r:e.classesWithoutHost=r}function tl(e,n,i,o,r=!1){for(;null!==i;){const a=n[i.index];null!==a&&o.push(Hi(a)),_e(a)&&J0(a,o);const d=i.type;if(8&d)tl(e,n,i.child,o);else if(32&d){const m=ji(i,n);let C;for(;C=m();)o.push(C)}else if(16&d){const m=Ih(n,i);if(Array.isArray(m))o.push(...m);else{const C=Yr(n[oi]);tl(C[fn],C,m,o,!0)}}i=r?i.projectionNext:i.next}return o}function J0(e,n){for(let i=Ii;i<e.length;i++){const o=e[i],r=o[fn].firstChild;null!==r&&tl(o[fn],o,r,n)}e[to]!==e[gi]&&n.push(e[to])}function Ec(e,n,i,o=!0){const r=n[Bn],a=r.rendererFactory,d=r.afterRenderEventManager;var C;null===(C=a.begin)||void 0===C||C.call(a),null==d||d.begin();try{q0(e,n,e.template,i)}catch(me){throw o&&Q0(n,me),me}finally{var R,G;null===(R=a.end)||void 0===R||R.call(a),null===(G=r.effectManager)||void 0===G||G.flush(),null==d||d.end()}}function q0(e,n,i,o){var r;const a=n[Ie];if(256!=(256&a)){null===(r=n[Bn].effectManager)||void 0===r||r.flush(),Mt(n);try{gs(n),function Lt(e){return Qn.lFrame.bindingIndex=e}(e.bindingStartIndex),null!==i&&k0(e,n,i,2,o);const m=3==(3&a);if(m){const G=e.preOrderCheckHooks;null!==G&&xa(n,G,null)}else{const G=e.preOrderHooks;null!==G&&Ia(n,G,0,null),Eu(n,0)}if(function Db(e){for(let n=Er(e);null!==n;n=za(n)){if(!n[Wo])continue;const i=n[yo];for(let o=0;o<i.length;o++){Ss(i[o])}}}(n),eg(n,2),null!==e.contentQueries&&W0(e,n),m){const G=e.contentCheckHooks;null!==G&&xa(n,G)}else{const G=e.contentHooks;null!==G&&Ia(n,G,1),Eu(n,1)}!function X1(e,n){const i=e.hostBindingOpCodes;if(null===i)return;const o=S0(n,Uo);try{for(let r=0;r<i.length;r++){const a=i[r];if(a<0)cr(~a);else{const d=a,m=i[++r],C=i[++r];y(m,d),o.dirty=!1;const R=gr(o);try{C(2,n[d])}finally{rr(o,R)}}}}finally{null===n[Uo]&&O0(n,Uo),cr(-1)}}(e,n);const C=e.components;null!==C&&ng(n,C,0);const R=e.viewQuery;if(null!==R&&Uf(2,R,o),m){const G=e.viewCheckHooks;null!==G&&xa(n,G)}else{const G=e.viewHooks;null!==G&&Ia(n,G,2),Eu(n,2)}!0===e.firstUpdatePass&&(e.firstUpdatePass=!1),n[Ie]&=-73,ms(n)}finally{yi()}}}function eg(e,n){for(let i=Er(e);null!==i;i=za(i))for(let o=Ii;o<i.length;o++)tg(i[o],n)}function Cb(e,n,i){tg(ko(n,e),i)}function tg(e,n){if(!function ur(e){return 128==(128&e[Ie])}(e))return;const i=e[fn],o=e[Ie];if(80&o&&0===n||1024&o||2===n)q0(i,e,i.template,e[Qt]);else if(e[We]>0){eg(e,1);const r=i.components;null!==r&&ng(e,r,1)}}function ng(e,n,i){for(let o=0;o<n.length;o++)Cb(e,n[o],i)}class nl{get rootNodes(){const n=this._lView,i=n[fn];return tl(i,n,i.firstChild,[])}constructor(n,i){this._lView=n,this._cdRefInjectingView=i,this._appRef=null,this._attachedToViewContainer=!1}get context(){return this._lView[Qt]}set context(n){this._lView[Qt]=n}get destroyed(){return 256==(256&this._lView[Ie])}destroy(){if(this._appRef)this._appRef.detachView(this);else if(this._attachedToViewContainer){const n=this._lView[ne];if(_e(n)){const i=n[8],o=i?i.indexOf(this):-1;o>-1&&(tc(n,o),Pa(i,o))}this._attachedToViewContainer=!1}Kd(this._lView[fn],this._lView)}onDestroy(n){Os(this._lView,n)}markForCheck(){Ju(this._cdRefInjectingView||this._lView)}detach(){this._lView[Ie]&=-129}reattach(){this._lView[Ie]|=128}detectChanges(){Ec(this._lView[fn],this._lView,this.context)}checkNoChanges(){}attachToViewContainerRef(){if(this._appRef)throw new U(902,!1);this._attachedToViewContainer=!0}detachFromAppRef(){this._appRef=null,function Xd(e,n){zu(e,n,n[sn],2,null,null)}(this._lView[fn],this._lView)}attachToAppRef(n){if(this._attachedToViewContainer)throw new U(902,!1);this._appRef=n}}class Tb extends nl{constructor(n){super(n),this._view=n}detectChanges(){const n=this._view;Ec(n[fn],n,n[Qt],!1)}checkNoChanges(){}get context(){return null}}class ig extends vc{constructor(n){super(),this.ngModule=n}resolveComponentFactory(n){const i=ti(n);return new il(i,this.ngModule)}}function og(e){const n=[];for(let i in e)e.hasOwnProperty(i)&&n.push({propName:e[i],templateName:i});return n}class Mb{constructor(n,i){this.injector=n,this.parentInjector=i}get(n,i,o){o=ri(o);const r=this.injector.get(n,xf,o);return r!==xf||i===xf?r:this.parentInjector.get(n,i,o)}}class il extends n0{get inputs(){const n=this.componentDef,i=n.inputTransforms,o=og(n.inputs);if(null!==i)for(const r of o)i.hasOwnProperty(r.propName)&&(r.transform=i[r.propName]);return o}get outputs(){return og(this.componentDef.outputs)}constructor(n,i){super(),this.componentDef=n,this.ngModule=i,this.componentType=n.type,this.selector=function fo(e){return e.map($r).join(",")}(n.selectors),this.ngContentSelectors=n.ngContentSelectors?n.ngContentSelectors:[],this.isBoundToModule=!!i}create(n,i,o,r){var a;let d=(r=r||this.ngModule)instanceof rs?r:null===(a=r)||void 0===a?void 0:a.injector;d&&null!==this.componentDef.getStandaloneInjector&&(d=this.componentDef.getStandaloneInjector(d)||d);const m=d?new Mb(n,d):n,C=m.get(r0,null);if(null===C)throw new U(407,!1);const Qe={rendererFactory:C,sanitizer:m.get(E1,null),effectManager:m.get(Y0,null),afterRenderEventManager:m.get(Af,null)},ht=C.createRenderer(null,this.componentDef),kt=this.componentDef.selectors[0][0]||"div",nn=o?function Q1(e,n,i,o){const a=o.get(M0,!1)||i===Mi.ShadowDom,d=e.selectRootElement(n,a);return function Y1(e){B0(e)}(d),d}(ht,o,this.componentDef.encapsulation,m):ca(ht,kt,function Eb(e){const n=e.toLowerCase();return"svg"===n?mr:"math"===n?"math":null}(kt)),Yt=this.componentDef.signals?4608:this.componentDef.onPush?576:528;let ii=null;null!==nn&&(ii=Tf(nn,m,!0));const vi=kf(0,null,null,1,0,null,null,null,null,null,null),Pi=Dc(null,vi,null,Yt,null,null,Qe,ht,m,null,ii);let Qr,yl;Mt(Pi);try{const Zs=this.componentDef;let bu,Qp=null;Zs.findHostDirectiveDefs?(bu=[],Qp=new Map,Zs.findHostDirectiveDefs(Zs,bu,Qp),bu.push(Zs)):bu=[Zs];const wM=function Ib(e,n){const i=e[fn],o=Hn;return e[o]=n,iu(i,o,2,"#host",null)}(Pi,nn),SM=function wb(e,n,i,o,r,a,d){const m=r[fn];!function Sb(e,n,i,o){for(const r of e)n.mergedAttrs=Nt(n.mergedAttrs,r.hostAttrs);null!==n.mergedAttrs&&(Tc(n,n.mergedAttrs,!0),null!==i&&Ah(o,i,n))}(o,e,n,d);let C=null;null!==n&&(C=Tf(n,r[hn]));const R=a.rendererFactory.createRenderer(n,i);let G=16;i.signals?G=4096:i.onPush&&(G=64);const me=Dc(r,L0(i),null,G,r[e.index],e,a,R,null,null,C);return m.firstCreatePass&&Bf(m,e,o.length-1),Cc(r,me),r[e.index]=me}(wM,nn,Zs,bu,Pi,Qe,ht);yl=ns(vi,Hn),nn&&function Ab(e,n,i,o){if(o)bt(e,i,["ng-version",M1.full]);else{const{attrs:r,classes:a}=function Pr(e){const n=[],i=[];let o=1,r=2;for(;o<e.length;){let a=e[o];if("string"==typeof a)2===r?""!==a&&n.push(a,e[++o]):8===r&&i.push(a);else{if(!Nn(r))break;r=a}o++}return{attrs:n,classes:i}}(n.selectors[0]);r&&bt(e,i,r),a&&a.length>0&&Oh(e,i,a.join(" "))}}(ht,Zs,nn,o),void 0!==i&&function Pb(e,n,i){const o=e.projection=[];for(let r=0;r<n.length;r++){const a=i[r];o.push(null!=a?Array.from(a):null)}}(yl,this.ngContentSelectors,i),Qr=function Ob(e,n,i,o,r,a){const d=Oo(),m=r[fn],C=Ho(d,r);$0(m,r,d,i,null,o);for(let G=0;G<i.length;G++)er(Cs(r,m,d.directiveStart+G,d),r);H0(m,r,d),C&&er(C,r);const R=Cs(r,m,d.directiveStart+d.componentOffset,d);if(e[Qt]=r[Qt]=R,null!==a)for(const G of a)G(R,n);return Rf(m,d,e),R}(SM,Zs,bu,Qp,Pi,[Rb]),Hf(vi,Pi,null)}finally{yi()}return new xb(this.componentType,Qr,qa(yl,Pi),Pi,yl)}}class xb extends _1{constructor(n,i,o,r,a){super(),this.location=o,this._rootLView=r,this._tNode=a,this.previousInputValues=null,this.instance=i,this.hostView=this.changeDetectorRef=new Tb(r),this.componentType=n}setInput(n,i){const o=this._tNode.inputs;let r;if(null!==o&&(r=o[n])){var a;if(null!==(a=this.previousInputValues)&&void 0!==a||(this.previousInputValues=new Map),this.previousInputValues.has(n)&&Object.is(this.previousInputValues.get(n),i))return;const d=this._rootLView;$f(d[fn],d,r,n,i),this.previousInputValues.set(n,i),Ju(ko(this._tNode.index,d))}}get injector(){return new dr(this._tNode,this._rootLView)}destroy(){this.hostView.destroy()}onDestroy(n){this.hostView.onDestroy(n)}}function Rb(){const e=Oo();Tu(Jt()[fn],e)}function zf(e){let n=function rg(e){return Object.getPrototypeOf(e.prototype).constructor}(e.type),i=!0;const o=[e];for(;n;){let r;if(re(e))r=n.\u0275cmp||n.\u0275dir;else{if(n.\u0275cmp)throw new U(903,!1);r=n.\u0275dir}if(r){if(i){o.push(r);const d=e;d.inputs=Mc(e.inputs),d.inputTransforms=Mc(e.inputTransforms),d.declaredInputs=Mc(e.declaredInputs),d.outputs=Mc(e.outputs);const m=r.hostBindings;m&&Lb(e,m);const C=r.viewQuery,R=r.contentQueries;if(C&&Fb(e,C),R&&kb(e,R),Q(e.inputs,r.inputs),Q(e.declaredInputs,r.declaredInputs),Q(e.outputs,r.outputs),null!==r.inputTransforms&&(null===d.inputTransforms&&(d.inputTransforms={}),Q(d.inputTransforms,r.inputTransforms)),re(r)&&r.data.animation){const G=e.data;G.animation=(G.animation||[]).concat(r.data.animation)}}const a=r.features;if(a)for(let d=0;d<a.length;d++){const m=a[d];m&&m.ngInherit&&m(e),m===zf&&(i=!1)}}n=Object.getPrototypeOf(n)}!function Nb(e){let n=0,i=null;for(let o=e.length-1;o>=0;o--){const r=e[o];r.hostVars=n+=r.hostVars,r.hostAttrs=Nt(r.hostAttrs,i=Nt(i,r.hostAttrs))}}(o)}function Mc(e){return e===xi?{}:e===Dn?[]:e}function Fb(e,n){const i=e.viewQuery;e.viewQuery=i?(o,r)=>{n(o,r),i(o,r)}:n}function kb(e,n){const i=e.contentQueries;e.contentQueries=i?(o,r,a)=>{n(o,r,a),i(o,r,a)}:n}function Lb(e,n){const i=e.hostBindings;e.hostBindings=i?(o,r)=>{n(o,r),i(o,r)}:n}function sg(e){return n=>{n.findHostDirectiveDefs=ag,n.hostDirectives=(Array.isArray(e)?e:e()).map(i=>"function"==typeof i?{directive:j(i),inputs:xi,outputs:xi}:{directive:j(i.directive),inputs:ug(i.inputs),outputs:ug(i.outputs)})}}function ag(e,n,i){if(null!==e.hostDirectives)for(const o of e.hostDirectives){const r=$i(o.directive);$b(r.declaredInputs,o.inputs),ag(r,n,i),i.set(r,o),n.push(r)}}function ug(e){if(void 0===e||0===e.length)return xi;const n={};for(let i=0;i<e.length;i+=2)n[e[i]]=e[i+1];return n}function $b(e,n){for(const i in n)n.hasOwnProperty(i)&&(e[n[i]]=e[i])}function cg(e){const n=e.inputConfig,i={};for(const o in n)if(n.hasOwnProperty(o)){const r=n[o];Array.isArray(r)&&r[2]&&(i[o]=r[2])}e.inputTransforms=i}function xc(e){return!!jf(e)&&(Array.isArray(e)||!(e instanceof Map)&&Symbol.iterator in e)}function jf(e){return null!==e&&("function"==typeof e||"object"==typeof e)}function us(e,n,i){return e[n]=i}function vr(e,n,i){return!Object.is(e[n],i)&&(e[n]=i,!0)}function ga(e,n,i,o){const r=vr(e,n,i);return vr(e,n+1,o)||r}function Wf(e,n,i,o){const r=Jt();return vr(r,Vt(),n)&&(_i(),as(zi(),r,e,n,i,o)),Wf}function su(e,n,i,o,r,a){const m=ga(e,function ut(){return Qn.lFrame.bindingIndex}(),i,r);return yn(2),m?n+Me(i)+o+Me(r)+a:di}function Tg(e,n,i,o,r,a,d,m){const C=Jt(),R=_i(),G=e+Hn,me=R.firstCreatePass?function aD(e,n,i,o,r,a,d,m,C){const R=n.consts,G=iu(n,e,4,d||null,lr(R,m));Lf(n,i,G,lr(R,C)),Tu(n,G);const me=G.tView=kf(2,G,o,r,a,n.directiveRegistry,n.pipeRegistry,null,n.schemas,R,null);return null!==n.queries&&(n.queries.template(n,G),me.queries=n.queries.embeddedTView(G)),G}(G,R,C,n,i,o,r,a,d):R.data[G];M(me,!1);const Qe=Eg(R,C,me,e);Ma()&&ic(R,C,Qe,me),er(Qe,C),Cc(C,C[G]=j0(Qe,C,Qe,me)),L(me)&&Nf(R,C,me),null!=d&&Ff(C,me,m)}"^(\\d+)*(".concat("b","|").concat("h",")*(.*)");let Eg=function Mg(e,n,i,o){return bs(!0),n[sn].createComment("")};function xg(e){return Vr(function z(){return Qn.lFrame.contextLView}(),Hn+e)}function Zf(e,n,i){const o=Jt();return vr(o,Vt(),n)&&Ur(_i(),zi(),o,e,n,o[sn],i,!1),Zf}function Jf(e,n,i,o,r){const d=r?"class":"style";$f(e,i,n.inputs[d],d,o)}function Ac(e,n,i,o){const r=Jt(),a=_i(),d=Hn+e,m=r[sn],C=a.firstCreatePass?function dD(e,n,i,o,r,a){const d=n.consts,C=iu(n,e,2,o,lr(d,r));return Lf(n,i,C,lr(d,a)),null!==C.attrs&&Tc(C,C.attrs,!1),null!==C.mergedAttrs&&Tc(C,C.mergedAttrs,!0),null!==n.queries&&n.queries.elementStart(n,C),C}(d,a,r,n,i,o):a.data[d],R=Ig(a,r,C,m,n,e);r[d]=R;const G=L(C);return M(C,!0),Ah(m,R,C),32!=(32&C.flags)&&Ma()&&ic(a,r,R,C),0===function qs(){return Qn.lFrame.elementDepthCount}()&&er(R,r),function Gr(){Qn.lFrame.elementDepthCount++}(),G&&(Nf(a,r,C),Rf(a,C,r)),null!==o&&Ff(r,C),Ac}function Pc(){let e=Oo();B()?V():(e=e.parent,M(e,!1));const n=e;(function vs(e){return Qn.skipHydrationRootTNode===e})(n)&&function Ea(){Qn.skipHydrationRootTNode=null}(),function ea(){Qn.lFrame.elementDepthCount--}();const i=_i();return i.firstCreatePass&&(Tu(i,e),v(e)&&i.queries.elementEnd(e)),null!=n.classesWithoutHost&&function nd(e){return 0!=(8&e.flags)}(n)&&Jf(i,n,Jt(),n.classesWithoutHost,!0),null!=n.stylesWithoutHost&&function id(e){return 0!=(16&e.flags)}(n)&&Jf(i,n,Jt(),n.stylesWithoutHost,!1),Pc}function qf(e,n,i,o){return Ac(e,n,i,o),Pc(),qf}let Ig=(e,n,i,o,r,a)=>(bs(!0),ca(o,r,function qc(){return Qn.lFrame.currentNamespace}()));function Rc(e,n,i){const o=Jt(),r=_i(),a=e+Hn,d=r.firstCreatePass?function hD(e,n,i,o,r){const a=n.consts,d=lr(a,o),m=iu(n,e,8,"ng-container",d);return null!==d&&Tc(m,d,!0),Lf(n,i,m,lr(a,r)),null!==n.queries&&n.queries.elementStart(n,m),m}(a,r,o,n,i):r.data[a];M(d,!0);const m=wg(r,o,d,e);return o[a]=m,Ma()&&ic(r,o,m,d),er(m,o),L(d)&&(Nf(r,o,d),Rf(r,d,o)),null!=i&&Ff(o,d),Rc}function Nc(){let e=Oo();const n=_i();return B()?V():(e=e.parent,M(e,!1)),n.firstCreatePass&&(Tu(n,e),v(e)&&n.queries.elementEnd(e)),Nc}function ep(e,n,i){return Rc(e,n,i),Nc(),ep}let wg=(e,n,i,o)=>(bs(!0),la(n[sn],""));function Sg(){return Jt()}function tp(e){return!!e&&"function"==typeof e.then}function Og(e){return!!e&&"function"==typeof e.subscribe}function np(e,n,i,o){const r=Jt(),a=_i(),d=Oo();return function Pg(e,n,i,o,r,a,d){const m=L(o),R=e.firstCreatePass&&X0(e),G=n[Qt],me=G0(n);let Qe=!0;if(3&o.type||d){const nn=Ho(o,n),Cn=d?d(nn):nn,kn=me.length,Yt=d?vi=>d(Hi(vi[o.index])):o.index;let ii=null;if(!d&&m&&(ii=function _D(e,n,i,o){const r=e.cleanup;if(null!=r)for(let a=0;a<r.length-1;a+=2){const d=r[a];if(d===i&&r[a+1]===o){const m=n[$t],C=r[a+2];return m.length>C?m[C]:null}"string"==typeof d&&(a+=2)}return null}(e,n,r,o.index)),null!==ii)(ii.__ngLastListenerFn__||ii).__ngNextListenerFn__=a,ii.__ngLastListenerFn__=a,Qe=!1;else{a=Ng(o,n,G,a,!1);const vi=i.listen(Cn,r,a);me.push(a,vi),R&&R.push(r,Yt,kn,kn+1)}}else a=Ng(o,n,G,a,!1);const ht=o.outputs;let kt;if(Qe&&null!==ht&&(kt=ht[r])){const nn=kt.length;if(nn)for(let Cn=0;Cn<nn;Cn+=2){const Pi=n[kt[Cn]][kt[Cn+1]].subscribe(a),Qr=me.length;me.push(a,Pi),R&&R.push(r,o.index,Qr,-(Qr+1))}}}(a,r,r[sn],d,e,n,o),np}function Rg(e,n,i,o){try{return So(6,n,i),!1!==i(o)}catch(r){return Q0(e,r),!1}finally{So(7,n,i)}}function Ng(e,n,i,o,r){return function a(d){if(d===Function)return o;Ju(e.componentOffset>-1?ko(e.index,n):n);let C=Rg(n,i,o,d),R=a.__ngNextListenerFn__;for(;R;)C=Rg(n,i,R,d)&&C,R=R.__ngNextListenerFn__;return r&&!1===C&&d.preventDefault(),C}}function Fg(e=1){return function Ao(e){return(Qn.lFrame.contextLView=function Cr(e,n){for(;e>0;)n=n[Ci],e--;return n}(e,Qn.lFrame.contextLView))[Qt]}(e)}function vD(e,n){let i=null;const o=function Ui(e){const n=e.attrs;if(null!=n){const i=n.indexOf(5);if(!(1&i))return n[i+1]}return null}(e);for(let r=0;r<n.length;r++){const a=n[r];if("*"!==a){if(null===o?Di(e,a,!0):Bo(o,a))return r}else i=r}return i}function kg(e){const n=Jt()[oi][wt];if(!n.projection){const o=n.projection=js(e?e.length:1,null),r=o.slice();let a=n.child;for(;null!==a;){const d=e?vD(a,e):0;null!==d&&(r[d]?r[d].projectionNext=a:o[d]=a,r[d]=a),a=a.next}}}function Lg(e,n=0,i){const o=Jt(),r=_i(),a=iu(r,Hn+e,16,null,i||null);null===a.projection&&(a.projection=n),V(),(!o[Kn]||is())&&32!=(32&a.flags)&&function my(e,n,i){Sh(n[sn],0,n,i,Yd(e,i,n),Th(i.parent||n[wt],i,n))}(r,o,a)}function Fc(e,n){return e<<17|n<<2}function Qs(e){return e>>17&32767}function op(e){return 2|e}function ma(e){return(131068&e)>>2}function rp(e,n){return-131069&e|n<<2}function sp(e){return 1|e}function Xg(e,n,i,o,r){const a=e[i+1],d=null===n;let m=o?Qs(a):ma(a),C=!1;for(;0!==m&&(!1===C||d);){const G=e[m+1];ED(e[m],n)&&(C=!0,e[m+1]=o?sp(G):op(G)),m=o?Qs(G):ma(G)}C&&(e[i+1]=o?op(a):sp(a))}function ED(e,n){return null===e||null==n||(Array.isArray(e)?e[1]:e)===n||!(!Array.isArray(e)||"string"!=typeof n)&&Ws(e,n)>=0}const Yo={textEnd:0,key:0,keyEnd:0,value:0,valueEnd:0};function Kg(e){return e.substring(Yo.key,Yo.keyEnd)}function Qg(e,n){const i=Yo.textEnd;return i===n?-1:(n=Yo.keyEnd=function wD(e,n,i){for(;n<i&&e.charCodeAt(n)>32;)n++;return n}(e,Yo.key=n,i),pu(e,n,i))}function pu(e,n,i){for(;n<i&&e.charCodeAt(n)<=32;)n++;return n}function ap(e,n,i){return qr(e,n,i,!1),ap}function up(e,n){return qr(e,n,null,!0),up}function em(e){!function es(e,n,i,o){const r=_i(),a=yn(2);r.firstUpdatePass&&nm(r,null,a,o);const d=Jt();if(i!==di&&vr(d,a,i)){const m=r.data[Gi()];if(sm(m,o)&&!tm(r,a)){let C=o?m.classesWithoutHost:m.stylesWithoutHost;null!==C&&(i=ye(C,i||"")),Jf(r,m,d,i,o)}else!function BD(e,n,i,o,r,a,d,m){r===di&&(r=Dn);let C=0,R=0,G=0<r.length?r[0]:null,me=0<a.length?a[0]:null;for(;null!==G||null!==me;){const Qe=C<r.length?r[C+1]:void 0,ht=R<a.length?a[R+1]:void 0;let nn,kt=null;G===me?(C+=2,R+=2,Qe!==ht&&(kt=me,nn=ht)):null===me||null!==G&&G<me?(C+=2,kt=G):(R+=2,kt=me,nn=ht),null!==kt&&om(e,n,i,o,kt,nn,d,m),G=C<r.length?r[C]:null,me=R<a.length?a[R]:null}}(r,m,d,d[sn],d[a+1],d[a+1]=function kD(e,n,i){if(null==i||""===i)return Dn;const o=[],r=Es(i);if(Array.isArray(r))for(let a=0;a<r.length;a++)e(o,r[a],!0);else if("object"==typeof r)for(const a in r)r.hasOwnProperty(a)&&e(o,a,r[a]);else"string"==typeof r&&n(o,r);return o}(e,n,i),o,a)}}(LD,cs,e,!0)}function cs(e,n){for(let i=function xD(e){return function Zg(e){Yo.key=0,Yo.keyEnd=0,Yo.value=0,Yo.valueEnd=0,Yo.textEnd=e.length}(e),Qg(e,pu(e,0,Yo.textEnd))}(n);i>=0;i=Qg(n,i))Tr(e,Kg(n),!0)}function qr(e,n,i,o){const r=Jt(),a=_i(),d=yn(2);a.firstUpdatePass&&nm(a,e,d,o),n!==di&&vr(r,d,n)&&om(a,a.data[Gi()],r,r[sn],e,r[d+1]=function VD(e,n){return null==e||""===e||("string"==typeof n?e+=n:"object"==typeof e&&(e=ve(Es(e)))),e}(n,i),o,d)}function tm(e,n){return n>=e.expandoStartIndex}function nm(e,n,i,o){const r=e.data;if(null===r[i+1]){const a=r[Gi()],d=tm(e,i);sm(a,o)&&null===n&&!d&&(n=!1),n=function PD(e,n,i,o){const r=w(e);let a=o?n.residualClasses:n.residualStyles;if(null===r)0===(o?n.classBindings:n.styleBindings)&&(i=ul(i=lp(null,e,n,i,o),n.attrs,o),a=null);else{const d=n.directiveStylingLast;if(-1===d||e[d]!==r)if(i=lp(r,e,n,i,o),null===a){let C=function RD(e,n,i){const o=i?n.classBindings:n.styleBindings;if(0!==ma(o))return e[Qs(o)]}(e,n,o);void 0!==C&&Array.isArray(C)&&(C=lp(null,e,n,C[1],o),C=ul(C,n.attrs,o),function ND(e,n,i,o){e[Qs(i?n.classBindings:n.styleBindings)]=o}(e,n,o,C))}else a=function FD(e,n,i){let o;const r=n.directiveEnd;for(let a=1+n.directiveStylingLast;a<r;a++)o=ul(o,e[a].hostAttrs,i);return ul(o,n.attrs,i)}(e,n,o)}return void 0!==a&&(o?n.residualClasses=a:n.residualStyles=a),i}(r,a,n,o),function CD(e,n,i,o,r,a){let d=a?n.classBindings:n.styleBindings,m=Qs(d),C=ma(d);e[o]=i;let G,R=!1;if(Array.isArray(i)?(G=i[1],(null===G||Ws(i,G)>0)&&(R=!0)):G=i,r)if(0!==C){const Qe=Qs(e[m+1]);e[o+1]=Fc(Qe,m),0!==Qe&&(e[Qe+1]=rp(e[Qe+1],o)),e[m+1]=function bD(e,n){return 131071&e|n<<17}(e[m+1],o)}else e[o+1]=Fc(m,0),0!==m&&(e[m+1]=rp(e[m+1],o)),m=o;else e[o+1]=Fc(C,0),0===m?m=o:e[C+1]=rp(e[C+1],o),C=o;R&&(e[o+1]=op(e[o+1])),Xg(e,G,o,!0),Xg(e,G,o,!1),function TD(e,n,i,o,r){const a=r?e.residualClasses:e.residualStyles;null!=a&&"string"==typeof n&&Ws(a,n)>=0&&(i[o+1]=sp(i[o+1]))}(n,G,e,o,a),d=Fc(m,C),a?n.classBindings=d:n.styleBindings=d}(r,a,n,i,d,o)}}function lp(e,n,i,o,r){let a=null;const d=i.directiveEnd;let m=i.directiveStylingLast;for(-1===m?m=i.directiveStart:m++;m<d&&(a=n[m],o=ul(o,a.hostAttrs,r),a!==e);)m++;return null!==e&&(i.directiveStylingLast=m),o}function ul(e,n,i){const o=i?1:2;let r=-1;if(null!==n)for(let a=0;a<n.length;a++){const d=n[a];"number"==typeof d?r=d:r===o&&(Array.isArray(e)||(e=void 0===e?[]:["",e]),Tr(e,d,!!i||n[++a]))}return void 0===e?null:e}function LD(e,n,i){const o=String(n);""!==o&&!o.includes(" ")&&Tr(e,o,i)}function om(e,n,i,o,r,a,d,m){if(!(3&n.type))return;const C=e.data,R=C[m+1],G=function DD(e){return 1==(1&e)}(R)?rm(C,n,i,r,ma(R),d):void 0;kc(G)||(kc(a)||function yD(e){return 2==(2&e)}(R)&&(a=rm(C,null,i,r,m,d)),function vy(e,n,i,o,r){if(n)r?e.addClass(i,o):e.removeClass(i,o);else{let a=-1===o.indexOf("-")?void 0:Xs.DashCase;null==r?e.removeStyle(i,o,a):("string"==typeof r&&r.endsWith("!important")&&(r=r.slice(0,-10),a|=Xs.Important),e.setStyle(i,o,r,a))}}(o,d,ps(Gi(),i),r,a))}function rm(e,n,i,o,r,a){const d=null===n;let m;for(;r>0;){const C=e[r],R=Array.isArray(C),G=R?C[1]:C,me=null===G;let Qe=i[r+1];Qe===di&&(Qe=me?Dn:void 0);let ht=me?Pu(Qe,o):G===o?Qe:void 0;if(R&&!kc(ht)&&(ht=Pu(C,o)),kc(ht)&&(m=ht,d))return m;const kt=e[r+1];r=d?Qs(kt):ma(kt)}if(null!==n){let C=a?n.residualClasses:n.residualStyles;null!=C&&(m=Pu(C,o))}return m}function kc(e){return void 0!==e}function sm(e,n){return 0!=(e.flags&(n?8:16))}function am(e,n=""){const i=Jt(),o=_i(),r=e+Hn,a=o.firstCreatePass?iu(o,r,1,n,null):o.data[r],d=um(o,i,a,n,e);i[r]=d,Ma()&&ic(o,i,d,a),M(a,!1)}let um=(e,n,i,o,r)=>(bs(!0),function Ts(e,n){return e.createText(n)}(n[sn],o));function cp(e){return Lc("",e,""),cp}function Lc(e,n,i){const o=Jt(),r=function ru(e,n,i,o){return vr(e,Vt(),i)?n+Me(i)+o:di}(o,e,n,i);return r!==di&&Is(o,Gi(),r),Lc}function dp(e,n,i,o,r){const a=Jt(),d=su(a,e,n,i,o,r);return d!==di&&Is(a,Gi(),d),dp}function fp(e,n,i){const o=Jt();return vr(o,Vt(),n)&&Ur(_i(),zi(),o,e,n,o[sn],i,!0),fp}function pp(e,n,i){const o=Jt();if(vr(o,Vt(),n)){const a=_i(),d=zi();Ur(a,d,o,e,n,K0(w(a.data),d,o),i,!0)}return pp}const _a=void 0;var aC=["en",[["a","p"],["AM","PM"],_a],[["AM","PM"],_a,_a],[["S","M","T","W","T","F","S"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Su","Mo","Tu","We","Th","Fr","Sa"]],_a,[["J","F","M","A","M","J","J","A","S","O","N","D"],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],["January","February","March","April","May","June","July","August","September","October","November","December"]],_a,[["B","A"],["BC","AD"],["Before Christ","Anno Domini"]],0,[6,0],["M/d/yy","MMM d, y","MMMM d, y","EEEE, MMMM d, y"],["h:mm a","h:mm:ss a","h:mm:ss a z","h:mm:ss a zzzz"],["{1}, {0}",_a,"{1} 'at' {0}",_a],[".",",",";","%","+","-","E","\xd7","\u2030","\u221e","NaN",":"],["#,##0.###","#,##0%","\xa4#,##0.00","#E0"],"USD","$","US Dollar",{},"ltr",function sC(e){const i=Math.floor(Math.abs(e)),o=e.toString().replace(/^[^.]*\.?/,"").length;return 1===i&&0===o?1:5}];let hu={};function hp(e){const n=function uC(e){return e.toLowerCase().replace(/_/g,"-")}(e);let i=xm(n);if(i)return i;const o=n.split("-")[0];if(i=xm(o),i)return i;if("en"===o)return aC;throw new U(701,!1)}function Mm(e){return hp(e)[gu.PluralCase]}function xm(e){return e in hu||(hu[e]=mn.ng&&mn.ng.common&&mn.ng.common.locales&&mn.ng.common.locales[e]),hu[e]}var gu=function(e){return e[e.LocaleId=0]="LocaleId",e[e.DayPeriodsFormat=1]="DayPeriodsFormat",e[e.DayPeriodsStandalone=2]="DayPeriodsStandalone",e[e.DaysFormat=3]="DaysFormat",e[e.DaysStandalone=4]="DaysStandalone",e[e.MonthsFormat=5]="MonthsFormat",e[e.MonthsStandalone=6]="MonthsStandalone",e[e.Eras=7]="Eras",e[e.FirstDayOfWeek=8]="FirstDayOfWeek",e[e.WeekendRange=9]="WeekendRange",e[e.DateFormat=10]="DateFormat",e[e.TimeFormat=11]="TimeFormat",e[e.DateTimeFormat=12]="DateTimeFormat",e[e.NumberSymbols=13]="NumberSymbols",e[e.NumberFormats=14]="NumberFormats",e[e.CurrencyCode=15]="CurrencyCode",e[e.CurrencySymbol=16]="CurrencySymbol",e[e.CurrencyName=17]="CurrencyName",e[e.Currencies=18]="Currencies",e[e.Directionality=19]="Directionality",e[e.PluralCase=20]="PluralCase",e[e.ExtraData=21]="ExtraData",e}(gu||{});const mu="en-US";let Im=mu;function _p(e,n,i,o,r){if(e=j(e),Array.isArray(e))for(let a=0;a<e.length;a++)_p(e[a],n,i,o,r);else{const a=_i(),d=Jt(),m=Oo();let C=ha(e)?e:j(e.provide);const R=Yh(e),G=1048575&m.providerIndexes,me=m.directiveStart,Qe=m.providerIndexes>>20;if(ha(e)||!e.multi){const ht=new na(R,r,nu),kt=yp(C,n,r?G:G+Qe,me);-1===kt?(wu(Sa(m,d),a,C),vp(a,e,n.length),n.push(C),m.directiveStart++,m.directiveEnd++,r&&(m.providerIndexes+=1048576),i.push(ht),d.push(ht)):(i[kt]=ht,d[kt]=ht)}else{const ht=yp(C,n,G+Qe,me),kt=yp(C,n,G,G+Qe),Cn=kt>=0&&i[kt];if(r&&!Cn||!r&&!(ht>=0&&i[ht])){wu(Sa(m,d),a,C);const kn=function sT(e,n,i,o,r){const a=new na(e,i,nu);return a.multi=[],a.index=n,a.componentProviders=0,Jm(a,r,o&&!i),a}(r?rT:oT,i.length,r,o,R);!r&&Cn&&(i[kt].providerFactory=kn),vp(a,e,n.length,0),n.push(C),m.directiveStart++,m.directiveEnd++,r&&(m.providerIndexes+=1048576),i.push(kn),d.push(kn)}else vp(a,e,ht>-1?ht:kt,Jm(i[r?kt:ht],R,!r&&o));!r&&o&&Cn&&i[kt].componentProviders++}}}function vp(e,n,i,o){const r=ha(n),a=function Zy(e){return!!e.useClass}(n);if(r||a){const C=(a?j(n.useClass):n).prototype.ngOnDestroy;if(C){const R=e.destroyHooks||(e.destroyHooks=[]);if(!r&&n.multi){const G=R.indexOf(i);-1===G?R.push(i,[o,C]):R[G+1].push(o,C)}else R.push(i,C)}}}function Jm(e,n,i){return i&&e.componentProviders++,e.multi.push(n)-1}function yp(e,n,i,o){for(let r=i;r<o;r++)if(n[r]===e)return r;return-1}function oT(e,n,i,o){return bp(this.multi,[])}function rT(e,n,i,o){const r=this.multi;let a;if(this.providerFactory){const d=this.providerFactory.componentProviders,m=Cs(i,i[fn],this.providerFactory.index,o);a=m.slice(0,d),bp(r,a);for(let C=d;C<m.length;C++)a.push(m[C])}else a=[],bp(r,a);return a}function bp(e,n){for(let i=0;i<e.length;i++)n.push((0,e[i])());return n}function qm(e,n=[]){return i=>{i.providersResolver=(o,r)=>function iT(e,n,i){const o=_i();if(o.firstCreatePass){const r=re(e);_p(i,o.data,o.blueprint,r,!0),_p(n,o.data,o.blueprint,r,!1)}}(o,r?r(e):e,n)}}class va{}class e_{}function aT(e,n){return new Dp(e,null!=n?n:null,[])}class Dp extends va{constructor(n,i,o){super(),this._parent=i,this._bootstrapComponents=[],this.destroyCbs=[],this.componentFactoryResolver=new ig(this);const r=Xi(n);this._bootstrapComponents=xs(r.bootstrap),this._r3Injector=d0(n,i,[{provide:va,useValue:this},{provide:vc,useValue:this.componentFactoryResolver},...o],ve(n),new Set(["environment"])),this._r3Injector.resolveInjectorInitializers(),this.instance=this._r3Injector.get(n)}get injector(){return this._r3Injector}destroy(){const n=this._r3Injector;!n.destroyed&&n.destroy(),this.destroyCbs.forEach(i=>i()),this.destroyCbs=null}onDestroy(n){this.destroyCbs.push(n)}}class Cp extends e_{constructor(n){super(),this.moduleType=n}create(n){return new Dp(this.moduleType,n,[])}}class t_ extends va{constructor(n){super(),this.componentFactoryResolver=new ig(this),this.instance=null;const i=new Ka([...n.providers,{provide:va,useValue:this},{provide:vc,useValue:this.componentFactoryResolver}],n.parent||dc(),n.debugName,new Set(["environment"]));this.injector=i,n.runEnvironmentInitializers&&i.resolveInjectorInitializers()}destroy(){this.injector.destroy()}onDestroy(n){this.injector.onDestroy(n)}}function n_(e,n,i=null){return new t_({providers:e,parent:n,debugName:i,runEnvironmentInitializers:!0}).injector}let lT=(()=>{var e;class n{constructor(o){this._injector=o,this.cachedInjectors=new Map}getOrCreateStandaloneInjector(o){if(!o.standalone)return null;if(!this.cachedInjectors.has(o)){const r=Gh(0,o.type),a=r.length>0?n_([r],this._injector,"Standalone[".concat(o.type.name,"]")):null;this.cachedInjectors.set(o,a)}return this.cachedInjectors.get(o)}ngOnDestroy(){try{for(const o of this.cachedInjectors.values())null!==o&&o.destroy()}finally{this.cachedInjectors.clear()}}}return(e=n).\u0275prov=Ke({token:e,providedIn:"environment",factory:()=>new e(jt(rs))}),n})();function i_(e){e.getStandaloneInjector=n=>n.get(lT).getOrCreateStandaloneInjector(e)}function c_(e,n,i){const o=Ve()+e,r=Jt();return r[o]===di?us(r,o,i?n.call(i):n()):function ol(e,n){return e[n]}(r,o)}function d_(e,n,i,o){return p_(Jt(),Ve(),e,n,i,o)}function f_(e,n,i,o,r){return h_(Jt(),Ve(),e,n,i,o,r)}function hl(e,n){const i=e[n];return i===di?void 0:i}function p_(e,n,i,o,r,a){const d=n+i;return vr(e,d,r)?us(e,d+1,a?o.call(a,r):o(r)):hl(e,d+1)}function h_(e,n,i,o,r,a,d){const m=n+i;return ga(e,m,r,a)?us(e,m+2,d?o.call(d,r,a):o(r,a)):hl(e,m+2)}function g_(e,n,i,o,r,a,d,m){const C=n+i;return function Ic(e,n,i,o,r){const a=ga(e,n,i,o);return vr(e,n+2,r)||a}(e,C,r,a,d)?us(e,C+3,m?o.call(m,r,a,d):o(r,a,d)):hl(e,C+3)}function v_(e,n){const i=_i();let o;const r=e+Hn;var a;i.firstCreatePass?(o=function MT(e,n){if(n)for(let i=n.length-1;i>=0;i--){const o=n[i];if(e===o.name)return o}}(n,i.pipeRegistry),i.data[r]=o,o.onDestroy&&(null!==(a=i.destroyHooks)&&void 0!==a?a:i.destroyHooks=[]).push(r,o.onDestroy)):o=i.data[r];const d=o.factory||(o.factory=ho(o.type)),C=Bt(nu);try{const R=wa(!1),G=d();return wa(R),function cD(e,n,i,o){i>=e.data.length&&(e.data[i]=null,e.blueprint[i]=null),n[i]=o}(i,Jt(),r,G),G}finally{Bt(C)}}function y_(e,n,i){const o=e+Hn,r=Jt(),a=Vr(r,o);return gl(r,o)?p_(r,Ve(),n,a.transform,i,a):a.transform(i)}function b_(e,n,i,o){const r=e+Hn,a=Jt(),d=Vr(a,r);return gl(a,r)?h_(a,Ve(),n,d.transform,i,o,d):d.transform(i,o)}function D_(e,n,i,o,r){const a=e+Hn,d=Jt(),m=Vr(d,a);return gl(d,a)?g_(d,Ve(),n,m.transform,i,o,r,m):m.transform(i,o,r)}function gl(e,n){return e[fn].data[n].pure}function wT(){return this._results[Symbol.iterator]()}class Hc{get changes(){return this._changes||(this._changes=new ss)}constructor(n=!1){this._emitDistinctChangesOnly=n,this.dirty=!0,this._results=[],this._changesDetected=!1,this._changes=null,this.length=0,this.first=void 0,this.last=void 0;const i=Hc.prototype;i[Symbol.iterator]||(i[Symbol.iterator]=wT)}get(n){return this._results[n]}map(n){return this._results.map(n)}filter(n){return this._results.filter(n)}find(n){return this._results.find(n)}reduce(n,i){return this._results.reduce(n,i)}forEach(n){this._results.forEach(n)}some(n){return this._results.some(n)}toArray(){return this._results.slice()}toString(){return this._results.toString()}reset(n,i){const o=this;o.dirty=!1;const r=function wr(e){return e.flat(Number.POSITIVE_INFINITY)}(n);(this._changesDetected=!function md(e,n,i){if(e.length!==n.length)return!1;for(let o=0;o<e.length;o++){let r=e[o],a=n[o];if(i&&(r=i(r),a=i(a)),a!==r)return!1}return!0}(o._results,r,i))&&(o._results=r,o.length=r.length,o.last=r[this.length-1],o.first=r[0])}notifyOnChanges(){this._changes&&(this._changesDetected||!this._emitDistinctChangesOnly)&&this._changes.emit(this)}setDirty(){this.dirty=!0}destroy(){this.changes.complete(),this.changes.unsubscribe()}}function OT(e,n,i,o=!0){const r=n[fn];if(function cy(e,n,i,o){const r=Ii+o,a=i.length;o>0&&(i[r-1][Be]=n),o<a-Ii?(n[Be]=i[r],kl(i,Ii+o,n)):(i.push(n),n[Be]=null),n[ne]=i;const d=n[No];null!==d&&i!==d&&function dy(e,n){const i=e[yo];n[oi]!==n[ne][ne][oi]&&(e[Wo]=!0),null===i?e[yo]=[n]:i.push(n)}(d,n);const m=n[Zn];null!==m&&m.insertView(e),n[Ie]|=128}(r,n,e,i),o){const a=Jd(i,e),d=n[sn],m=nc(d,e[to]);null!==m&&function Gd(e,n,i,o,r,a){o[gi]=r,o[wt]=n,zu(e,o,i,1,r,a)}(r,e[wt],d,n,m,a)}}let ml=(()=>{class n{}return n.__NG_ELEMENT_ID__=RT,n})();const AT=ml,PT=class extends AT{constructor(n,i,o){super(),this._declarationLView=n,this._declarationTContainer=i,this.elementRef=o}get ssrId(){var n;return(null===(n=this._declarationTContainer.tView)||void 0===n?void 0:n.ssrId)||null}createEmbeddedView(n,i){return this.createEmbeddedViewImpl(n,i)}createEmbeddedViewImpl(n,i,o){const r=function ST(e,n,i,o){var r,a;const d=n.tView,R=Dc(e,d,i,4096&e[Ie]?4096:16,null,n,null,null,null,null!==(r=null==o?void 0:o.injector)&&void 0!==r?r:null,null!==(a=null==o?void 0:o.hydrationInfo)&&void 0!==a?a:null);R[No]=e[n.index];const me=e[Zn];return null!==me&&(R[Zn]=me.createEmbeddedView(d)),Hf(d,R,i),R}(this._declarationLView,this._declarationTContainer,n,{injector:i,hydrationInfo:o});return new nl(r)}};function RT(){return zc(Oo(),Jt())}function zc(e,n){return 4&e.type?new PT(n,e,qa(e,n)):null}let Wc=(()=>{class n{}return n.__NG_ELEMENT_ID__=VT,n})();function VT(){return w_(Oo(),Jt())}const UT=Wc,x_=class extends UT{constructor(n,i,o){super(),this._lContainer=n,this._hostTNode=i,this._hostLView=o}get element(){return qa(this._hostTNode,this._hostLView)}get injector(){return new dr(this._hostTNode,this._hostLView)}get parentInjector(){const n=Oa(this._hostTNode,this._hostLView);if(Mu(n)){const i=oa(n,this._hostLView),o=ia(n);return new dr(i[fn].data[o+8],i)}return new dr(null,this._hostLView)}clear(){for(;this.length>0;)this.remove(this.length-1)}get(n){const i=I_(this._lContainer);return null!==i&&i[n]||null}get length(){return this._lContainer.length-Ii}createEmbeddedView(n,i,o){let r,a;"number"==typeof o?r=o:null!=o&&(r=o.index,a=o.injector);const m=n.createEmbeddedViewImpl(i||{},a,null);return this.insertImpl(m,r,false),m}createComponent(n,i,o,r,a){var d,C;const R=n&&!function sa(e){return"function"==typeof e}(n);let G;if(R)G=i;else{const Yt=i||{};G=Yt.index,o=Yt.injector,r=Yt.projectableNodes,a=Yt.environmentInjector||Yt.ngModuleRef}const me=R?n:new il(ti(n)),Qe=o||this.parentInjector;if(!a&&null==me.ngModule){const ii=(R?Qe:this.parentInjector).get(rs,null);ii&&(a=ii)}const ht=ti(null!==(d=me.componentType)&&void 0!==d?d:{}),kt=(null==ht?void 0:ht.id,null),nn=null!==(C=null==kt?void 0:kt.firstChild)&&void 0!==C?C:null,Cn=me.create(Qe,r,nn,a),kn=!!kt&&!Va(this._hostTNode);return this.insertImpl(Cn.hostView,G,kn),Cn}insert(n,i){return this.insertImpl(n,i,!1)}insertImpl(n,i,o){const r=n._lView;if(function Js(e){return _e(e[ne])}(r)){const C=this.indexOf(n);if(-1!==C)this.detach(C);else{const R=r[ne],G=new x_(R,R[wt],R[ne]);G.detach(G.indexOf(n))}}const d=this._adjustIndex(i),m=this._lContainer;return OT(m,r,d,!o),n.attachToViewContainerRef(),kl(Ep(m),d,n),n}move(n,i){return this.insert(n,i)}indexOf(n){const i=I_(this._lContainer);return null!==i?i.indexOf(n):-1}remove(n){const i=this._adjustIndex(n,-1),o=tc(this._lContainer,i);o&&(Pa(Ep(this._lContainer),i),Kd(o[fn],o))}detach(n){const i=this._adjustIndex(n,-1),o=tc(this._lContainer,i);return o&&null!=Pa(Ep(this._lContainer),i)?new nl(o):null}_adjustIndex(n,i=0){return null==n?this.length+i:n}};function I_(e){return e[8]}function Ep(e){return e[8]||(e[8]=[])}function w_(e,n){let i;const o=n[e.index];return _e(o)?i=o:(i=j0(o,n,null,e),n[e.index]=i,Cc(n,i)),S_(i,n,e,o),new x_(i,e,n)}let S_=function O_(e,n,i,o){if(e[to])return;let r;r=8&i.type?Hi(o):function $T(e,n){const i=e[sn],o=i.createComment(""),r=Ho(n,e);return da(i,nc(i,r),o,function gy(e,n){return e.nextSibling(n)}(i,r),!1),o}(n,i),e[to]=r};class Mp{constructor(n){this.queryList=n,this.matches=null}clone(){return new Mp(this.queryList)}setDirty(){this.queryList.setDirty()}}class xp{constructor(n=[]){this.queries=n}createEmbeddedView(n){const i=n.queries;if(null!==i){const o=null!==n.contentQueries?n.contentQueries[0]:i.length,r=[];for(let a=0;a<o;a++){const d=i.getByIndex(a);r.push(this.queries[d.indexInDeclarationView].clone())}return new xp(r)}return null}insertView(n){this.dirtyQueriesWithMatches(n)}detachView(n){this.dirtyQueriesWithMatches(n)}dirtyQueriesWithMatches(n){for(let i=0;i<this.queries.length;i++)null!==V_(n,i).matches&&this.queries[i].setDirty()}}class A_{constructor(n,i,o=null){this.predicate=n,this.flags=i,this.read=o}}class Ip{constructor(n=[]){this.queries=n}elementStart(n,i){for(let o=0;o<this.queries.length;o++)this.queries[o].elementStart(n,i)}elementEnd(n){for(let i=0;i<this.queries.length;i++)this.queries[i].elementEnd(n)}embeddedTView(n){let i=null;for(let o=0;o<this.length;o++){const r=null!==i?i.length:0,a=this.getByIndex(o).embeddedTView(n,r);a&&(a.indexInDeclarationView=o,null!==i?i.push(a):i=[a])}return null!==i?new Ip(i):null}template(n,i){for(let o=0;o<this.queries.length;o++)this.queries[o].template(n,i)}getByIndex(n){return this.queries[n]}get length(){return this.queries.length}track(n){this.queries.push(n)}}class wp{constructor(n,i=-1){this.metadata=n,this.matches=null,this.indexInDeclarationView=-1,this.crossesNgTemplate=!1,this._appliesToNextNode=!0,this._declarationNodeIndex=i}elementStart(n,i){this.isApplyingToNode(i)&&this.matchTNode(n,i)}elementEnd(n){this._declarationNodeIndex===n.index&&(this._appliesToNextNode=!1)}template(n,i){this.elementStart(n,i)}embeddedTView(n,i){return this.isApplyingToNode(n)?(this.crossesNgTemplate=!0,this.addMatch(-n.index,i),new wp(this.metadata)):null}isApplyingToNode(n){if(this._appliesToNextNode&&1!=(1&this.metadata.flags)){const i=this._declarationNodeIndex;let o=n.parent;for(;null!==o&&8&o.type&&o.index!==i;)o=o.parent;return i===(null!==o?o.index:-1)}return this._appliesToNextNode}matchTNode(n,i){const o=this.metadata.predicate;if(Array.isArray(o))for(let r=0;r<o.length;r++){const a=o[r];this.matchTNodeWithReadOption(n,i,jT(i,a)),this.matchTNodeWithReadOption(n,i,Aa(i,n,a,!1,!1))}else o===ml?4&i.type&&this.matchTNodeWithReadOption(n,i,-1):this.matchTNodeWithReadOption(n,i,Aa(i,n,o,!1,!1))}matchTNodeWithReadOption(n,i,o){if(null!==o){const r=this.metadata.read;if(null!==r)if(r===Yu||r===Wc||r===ml&&4&i.type)this.addMatch(i.index,-2);else{const a=Aa(i,n,r,!1,!1);null!==a&&this.addMatch(i.index,a)}else this.addMatch(i.index,o)}}addMatch(n,i){null===this.matches?this.matches=[n,i]:this.matches.push(n,i)}}function jT(e,n){const i=e.localNames;if(null!==i)for(let o=0;o<i.length;o+=2)if(i[o]===n)return i[o+1];return null}function GT(e,n,i,o){return-1===i?function WT(e,n){return 11&e.type?qa(e,n):4&e.type?zc(e,n):null}(n,e):-2===i?function XT(e,n,i){return i===Yu?qa(n,e):i===ml?zc(n,e):i===Wc?w_(n,e):void 0}(e,n,o):Cs(e,e[fn],i,n)}function P_(e,n,i,o){const r=n[Zn].queries[o];if(null===r.matches){const a=e.data,d=i.matches,m=[];for(let C=0;C<d.length;C+=2){const R=d[C];m.push(R<0?null:GT(n,a[R],d[C+1],i.metadata.read))}r.matches=m}return r.matches}function Sp(e,n,i,o){const r=e.queries.getByIndex(i),a=r.matches;if(null!==a){const d=P_(e,n,r,i);for(let m=0;m<a.length;m+=2){const C=a[m];if(C>0)o.push(d[m/2]);else{const R=a[m+1],G=n[-C];for(let me=Ii;me<G.length;me++){const Qe=G[me];Qe[No]===Qe[ne]&&Sp(Qe[fn],Qe,R,o)}if(null!==G[yo]){const me=G[yo];for(let Qe=0;Qe<me.length;Qe++){const ht=me[Qe];Sp(ht[fn],ht,R,o)}}}}}return o}function R_(e){const n=Jt(),i=_i(),o=K();pe(o+1);const r=V_(i,o);if(e.dirty&&function Da(e){return 4==(4&e[Ie])}(n)===(2==(2&r.metadata.flags))){if(null===r.matches)e.reset([]);else{const a=r.crossesNgTemplate?Sp(i,n,o,[]):P_(i,n,r,o);e.reset(a,D1),e.notifyOnChanges()}return!0}return!1}function N_(e,n,i){const o=_i();o.firstCreatePass&&(B_(o,new A_(e,n,i),-1),2==(2&n)&&(o.staticViewQueries=!0)),L_(o,Jt(),n)}function F_(e,n,i,o){const r=_i();if(r.firstCreatePass){const a=Oo();B_(r,new A_(n,i,o),a.index),function QT(e,n){const i=e.contentQueries||(e.contentQueries=[]);n!==(i.length?i[i.length-1]:-1)&&i.push(e.queries.length-1,n)}(r,e),2==(2&i)&&(r.staticContentQueries=!0)}L_(r,Jt(),i)}function k_(){return function KT(e,n){return e[Zn].queries[n].queryList}(Jt(),K())}function L_(e,n,i){const o=new Hc(4==(4&i));(function q1(e,n,i,o){const r=G0(n);r.push(i),e.firstCreatePass&&X0(e).push(o,r.length-1)})(e,n,o,o.destroy),null===n[Zn]&&(n[Zn]=new xp),n[Zn].queries.push(new Mp(o))}function B_(e,n,i){null===e.queries&&(e.queries=new Ip),e.queries.track(new wp(n,i))}function V_(e,n){return e.queries.getByIndex(n)}function U_(e,n){return zc(e,n)}function Op(e){return!!Xi(e)}const mE=new Sn("Application Initializer");let Fp=(()=>{var e;class n{constructor(){var o;this.initialized=!1,this.done=!1,this.donePromise=new Promise((r,a)=>{this.resolve=r,this.reject=a}),this.appInits=null!==(o=vn(mE,{optional:!0}))&&void 0!==o?o:[]}runInitializers(){if(this.initialized)return;const o=[];for(const a of this.appInits){const d=a();if(tp(d))o.push(d);else if(Og(d)){const m=new Promise((C,R)=>{d.subscribe({complete:C,error:R})});o.push(m)}}const r=()=>{this.done=!0,this.resolve()};Promise.all(o).then(()=>{r()}).catch(a=>{this.reject(a)}),0===o.length&&r(),this.initialized=!0}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})(),iv=(()=>{var e;class n{log(o){console.log(o)}warn(o){console.warn(o)}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"platform"}),n})();const Xc=new Sn("LocaleId",{providedIn:"root",factory:()=>vn(Xc,he.Optional|he.SkipSelf)||function _E(){return typeof $localize<"u"&&$localize.locale||mu}()}),vE=new Sn("DefaultCurrencyCode",{providedIn:"root",factory:()=>"USD"});let ov=(()=>{var e;class n{constructor(){this.taskId=0,this.pendingTasks=new Set,this.hasPendingTasks=new X.t(!1)}add(){this.hasPendingTasks.next(!0);const o=this.taskId++;return this.pendingTasks.add(o),o}remove(o){this.pendingTasks.delete(o),0===this.pendingTasks.size&&this.hasPendingTasks.next(!1)}ngOnDestroy(){this.pendingTasks.clear(),this.hasPendingTasks.next(!1)}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();class bE{constructor(n,i){this.ngModuleFactory=n,this.componentFactories=i}}let DE=(()=>{var e;class n{compileModuleSync(o){return new Cp(o)}compileModuleAsync(o){return Promise.resolve(this.compileModuleSync(o))}compileModuleAndAllComponentsSync(o){const r=this.compileModuleSync(o),d=xs(Xi(o).declarations).reduce((m,C)=>{const R=ti(C);return R&&m.push(new il(R)),m},[]);return new bE(r,d)}compileModuleAndAllComponentsAsync(o){return Promise.resolve(this.compileModuleAndAllComponentsSync(o))}clearCache(){}clearCacheFor(o){}getModuleId(o){}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();const uv=new Sn(""),lv=new Sn("");let Bp,zE=(()=>{var e;class n{constructor(o,r,a){this._ngZone=o,this.registry=r,this._pendingCount=0,this._isZoneStable=!0,this._didWork=!1,this._callbacks=[],this.taskTrackingZone=null,Bp||(function jE(e){Bp=e}(a),a.addToWindow(r)),this._watchAngularEvents(),o.run(()=>{this.taskTrackingZone=typeof Zone>"u"?null:Zone.current.get("TaskTrackingZone")})}_watchAngularEvents(){this._ngZone.onUnstable.subscribe({next:()=>{this._didWork=!0,this._isZoneStable=!1}}),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.subscribe({next:()=>{tr.assertNotInAngularZone(),queueMicrotask(()=>{this._isZoneStable=!0,this._runCallbacksIfReady()})}})})}increasePendingRequestCount(){return this._pendingCount+=1,this._didWork=!0,this._pendingCount}decreasePendingRequestCount(){if(this._pendingCount-=1,this._pendingCount<0)throw new Error("pending async requests below zero");return this._runCallbacksIfReady(),this._pendingCount}isStable(){return this._isZoneStable&&0===this._pendingCount&&!this._ngZone.hasPendingMacrotasks}_runCallbacksIfReady(){if(this.isStable())queueMicrotask(()=>{for(;0!==this._callbacks.length;){let o=this._callbacks.pop();clearTimeout(o.timeoutId),o.doneCb(this._didWork)}this._didWork=!1});else{let o=this.getPendingTasks();this._callbacks=this._callbacks.filter(r=>!r.updateCb||!r.updateCb(o)||(clearTimeout(r.timeoutId),!1)),this._didWork=!0}}getPendingTasks(){return this.taskTrackingZone?this.taskTrackingZone.macroTasks.map(o=>({source:o.source,creationLocation:o.creationLocation,data:o.data})):[]}addCallback(o,r,a){let d=-1;r&&r>0&&(d=setTimeout(()=>{this._callbacks=this._callbacks.filter(m=>m.timeoutId!==d),o(this._didWork,this.getPendingTasks())},r)),this._callbacks.push({doneCb:o,timeoutId:d,updateCb:a})}whenStable(o,r,a){if(a&&!this.taskTrackingZone)throw new Error('Task tracking zone is required when passing an update callback to whenStable(). Is "zone.js/plugins/task-tracking" loaded?');this.addCallback(o,r,a),this._runCallbacksIfReady()}getPendingRequestCount(){return this._pendingCount}registerApplication(o){this.registry.registerApplication(o,this)}unregisterApplication(o){this.registry.unregisterApplication(o)}findProviders(o,r,a){return[]}}return(e=n).\u0275fac=function(o){return new(o||e)(jt(tr),jt(cv),jt(lv))},e.\u0275prov=Ke({token:e,factory:e.\u0275fac}),n})(),cv=(()=>{var e;class n{constructor(){this._applications=new Map}registerApplication(o,r){this._applications.set(o,r)}unregisterApplication(o){this._applications.delete(o)}unregisterAllApplications(){this._applications.clear()}getTestability(o){return this._applications.get(o)||null}getAllTestabilities(){return Array.from(this._applications.values())}getAllRootElements(){return Array.from(this._applications.keys())}findTestabilityInTree(o,r=!0){var a,d;return null!==(a=null===(d=Bp)||void 0===d?void 0:d.findTestabilityInTree(this,o,r))&&void 0!==a?a:null}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"platform"}),n})(),Ys=null;const Vp=new Sn("PlatformDestroyListeners"),Up=new Sn("appBootstrapListener");function QE(e){try{const{rootComponent:n,appProviders:i,platformProviders:o}=e,r=function KE(e=[]){if(Ys)return Ys;const n=function hv(e=[],n){return Jr.create({name:n,providers:[{provide:hf,useValue:"platform"},{provide:Vp,useValue:new Set([()=>Ys=null])},...e]})}(e);return Ys=n,function fv(){!function jr(e){Xo=e}(()=>{throw new U(600,!1)})}(),function pv(e){const n=e.get(Jh,null);null==n||n.forEach(i=>i())}(n),n}(o),a=[eM(),...i||[]],m=new t_({providers:a,parent:r,debugName:"",runEnvironmentInitializers:!1}).injector,C=m.get(tr);return C.run(()=>{m.resolveInjectorInitializers();const R=m.get(Ks,null);let G;C.runOutsideAngular(()=>{G=C.onError.subscribe({next:ht=>{R.handleError(ht)}})});const me=()=>m.destroy(),Qe=r.get(Vp);return Qe.add(me),m.onDestroy(()=>{G.unsubscribe(),Qe.delete(me)}),function _v(e,n,i){try{const o=i();return tp(o)?o.catch(r=>{throw n.runOutsideAngular(()=>e.handleError(r)),r}):o}catch(o){throw n.runOutsideAngular(()=>e.handleError(o)),o}}(R,C,()=>{const ht=m.get(Fp);return ht.runInitializers(),ht.donePromise.then(()=>{!function wm(e){ee(e,"Expected localeId to be defined"),"string"==typeof e&&(Im=e.toLowerCase().replace(/_/g,"-"))}(m.get(Xc,mu)||mu);const nn=m.get(yu);return void 0!==n&&nn.bootstrap(n),nn})})})}catch(n){return Promise.reject(n)}}let yu=(()=>{var e;class n{constructor(){this._bootstrapListeners=[],this._runningTick=!1,this._destroyed=!1,this._destroyListeners=[],this._views=[],this.internalErrorHandler=vn(bv),this.zoneIsStable=vn(m0),this.componentTypes=[],this.components=[],this.isStable=vn(ov).hasPendingTasks.pipe((0,se.n)(o=>o?(0,$.of)(!1):this.zoneIsStable),(0,te.F)(),(0,W.u)()),this._injector=vn(rs)}get destroyed(){return this._destroyed}get injector(){return this._injector}bootstrap(o,r){const a=o instanceof n0;if(!this._injector.get(Fp).done)throw!a&&qi(o),new U(405,!1);let m;m=a?o:this._injector.get(vc).resolveComponentFactory(o),this.componentTypes.push(m.componentType);const C=function GE(e){return e.isBoundToModule}(m)?void 0:this._injector.get(va),G=m.create(Jr.NULL,[],r||m.selector,C),me=G.location.nativeElement,Qe=G.injector.get(uv,null);return null==Qe||Qe.registerApplication(me),G.onDestroy(()=>{this.detachView(G.hostView),Qc(this.components,G),null==Qe||Qe.unregisterApplication(me)}),this._loadComponent(G),G}tick(){if(this._runningTick)throw new U(101,!1);try{this._runningTick=!0;for(let o of this._views)o.detectChanges()}catch(o){this.internalErrorHandler(o)}finally{this._runningTick=!1}}attachView(o){const r=o;this._views.push(r),r.attachToAppRef(this)}detachView(o){const r=o;Qc(this._views,r),r.detachFromAppRef()}_loadComponent(o){this.attachView(o.hostView),this.tick(),this.components.push(o);const r=this._injector.get(Up,[]);r.push(...this._bootstrapListeners),r.forEach(a=>a(o))}ngOnDestroy(){if(!this._destroyed)try{this._destroyListeners.forEach(o=>o()),this._views.slice().forEach(o=>o.destroy())}finally{this._destroyed=!0,this._views=[],this._bootstrapListeners=[],this._destroyListeners=[]}}onDestroy(o){return this._destroyListeners.push(o),()=>Qc(this._destroyListeners,o)}destroy(){if(this._destroyed)throw new U(406,!1);const o=this._injector;o.destroy&&!o.destroyed&&o.destroy()}get viewCount(){return this._views.length}warnIfDestroyed(){}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();function Qc(e,n){const i=e.indexOf(n);i>-1&&e.splice(i,1)}const bv=new Sn("",{providedIn:"root",factory:()=>vn(Ks).handleError.bind(void 0)});function JE(){const e=vn(tr),n=vn(Ks);return i=>e.runOutsideAngular(()=>n.handleError(i))}let qE=(()=>{var e;class n{constructor(){this.zone=vn(tr),this.applicationRef=vn(yu)}initialize(){this._onMicrotaskEmptySubscription||(this._onMicrotaskEmptySubscription=this.zone.onMicrotaskEmpty.subscribe({next:()=>{this.zone.run(()=>{this.applicationRef.tick()})}}))}ngOnDestroy(){var o;null===(o=this._onMicrotaskEmptySubscription)||void 0===o||o.unsubscribe()}}return(e=n).\u0275fac=function(o){return new(o||e)},e.\u0275prov=Ke({token:e,factory:e.\u0275fac,providedIn:"root"}),n})();function Dv(e){return[{provide:tr,useFactory:e},{provide:Gu,multi:!0,useFactory:()=>{const n=vn(qE,{optional:!0});return()=>n.initialize()}},{provide:bv,useFactory:JE},{provide:m0,useFactory:_0}]}function eM(e){return df([[],Dv(()=>new tr(function mv(e){var n,i;return{enableLongStackTrace:!1,shouldCoalesceEventChangeDetection:null!==(n=null==e?void 0:e.eventCoalescing)&&void 0!==n&&n,shouldCoalesceRunChangeDetection:null!==(i=null==e?void 0:e.runCoalescing)&&void 0!==i&&i}}(e)))])}let tM=(()=>{class n{}return n.__NG_ELEMENT_ID__=nM,n})();function nM(e){return function iM(e,n,i){if(T(e)&&!i){const o=ko(e.index,n);return new nl(o,o)}return 47&e.type?new nl(n[oi],n):null}(Oo(),Jt(),16==(16&e))}class xv{constructor(){}supports(n){return xc(n)}create(n){return new uM(n)}}const aM=(e,n)=>n;class uM{constructor(n){this.length=0,this._linkedRecords=null,this._unlinkedRecords=null,this._previousItHead=null,this._itHead=null,this._itTail=null,this._additionsHead=null,this._additionsTail=null,this._movesHead=null,this._movesTail=null,this._removalsHead=null,this._removalsTail=null,this._identityChangesHead=null,this._identityChangesTail=null,this._trackByFn=n||aM}forEachItem(n){let i;for(i=this._itHead;null!==i;i=i._next)n(i)}forEachOperation(n){let i=this._itHead,o=this._removalsHead,r=0,a=null;for(;i||o;){const d=!o||i&&i.currentIndex<wv(o,r,a)?i:o,m=wv(d,r,a),C=d.currentIndex;if(d===o)r--,o=o._nextRemoved;else if(i=i._next,null==d.previousIndex)r++;else{a||(a=[]);const R=m-r,G=C-r;if(R!=G){for(let Qe=0;Qe<R;Qe++){const ht=Qe<a.length?a[Qe]:a[Qe]=0,kt=ht+Qe;G<=kt&&kt<R&&(a[Qe]=ht+1)}a[d.previousIndex]=G-R}}m!==C&&n(d,m,C)}}forEachPreviousItem(n){let i;for(i=this._previousItHead;null!==i;i=i._nextPrevious)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachMovedItem(n){let i;for(i=this._movesHead;null!==i;i=i._nextMoved)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}forEachIdentityChange(n){let i;for(i=this._identityChangesHead;null!==i;i=i._nextIdentityChange)n(i)}diff(n){if(null==n&&(n=[]),!xc(n))throw new U(900,!1);return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let r,a,d,i=this._itHead,o=!1;if(Array.isArray(n)){this.length=n.length;for(let m=0;m<this.length;m++)a=n[m],d=this._trackByFn(m,a),null!==i&&Object.is(i.trackById,d)?(o&&(i=this._verifyReinsertion(i,a,d,m)),Object.is(i.item,a)||this._addIdentityChange(i,a)):(i=this._mismatch(i,a,d,m),o=!0),i=i._next}else r=0,function zb(e,n){if(Array.isArray(e))for(let i=0;i<e.length;i++)n(e[i]);else{const i=e[Symbol.iterator]();let o;for(;!(o=i.next()).done;)n(o.value)}}(n,m=>{d=this._trackByFn(r,m),null!==i&&Object.is(i.trackById,d)?(o&&(i=this._verifyReinsertion(i,m,d,r)),Object.is(i.item,m)||this._addIdentityChange(i,m)):(i=this._mismatch(i,m,d,r),o=!0),i=i._next,r++}),this.length=r;return this._truncate(i),this.collection=n,this.isDirty}get isDirty(){return null!==this._additionsHead||null!==this._movesHead||null!==this._removalsHead||null!==this._identityChangesHead}_reset(){if(this.isDirty){let n;for(n=this._previousItHead=this._itHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._additionsHead;null!==n;n=n._nextAdded)n.previousIndex=n.currentIndex;for(this._additionsHead=this._additionsTail=null,n=this._movesHead;null!==n;n=n._nextMoved)n.previousIndex=n.currentIndex;this._movesHead=this._movesTail=null,this._removalsHead=this._removalsTail=null,this._identityChangesHead=this._identityChangesTail=null}}_mismatch(n,i,o,r){let a;return null===n?a=this._itTail:(a=n._prev,this._remove(n)),null!==(n=null===this._unlinkedRecords?null:this._unlinkedRecords.get(o,null))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._reinsertAfter(n,a,r)):null!==(n=null===this._linkedRecords?null:this._linkedRecords.get(o,r))?(Object.is(n.item,i)||this._addIdentityChange(n,i),this._moveAfter(n,a,r)):n=this._addAfter(new lM(i,o),a,r),n}_verifyReinsertion(n,i,o,r){let a=null===this._unlinkedRecords?null:this._unlinkedRecords.get(o,null);return null!==a?n=this._reinsertAfter(a,n._prev,r):n.currentIndex!=r&&(n.currentIndex=r,this._addToMoves(n,r)),n}_truncate(n){for(;null!==n;){const i=n._next;this._addToRemovals(this._unlink(n)),n=i}null!==this._unlinkedRecords&&this._unlinkedRecords.clear(),null!==this._additionsTail&&(this._additionsTail._nextAdded=null),null!==this._movesTail&&(this._movesTail._nextMoved=null),null!==this._itTail&&(this._itTail._next=null),null!==this._removalsTail&&(this._removalsTail._nextRemoved=null),null!==this._identityChangesTail&&(this._identityChangesTail._nextIdentityChange=null)}_reinsertAfter(n,i,o){null!==this._unlinkedRecords&&this._unlinkedRecords.remove(n);const r=n._prevRemoved,a=n._nextRemoved;return null===r?this._removalsHead=a:r._nextRemoved=a,null===a?this._removalsTail=r:a._prevRemoved=r,this._insertAfter(n,i,o),this._addToMoves(n,o),n}_moveAfter(n,i,o){return this._unlink(n),this._insertAfter(n,i,o),this._addToMoves(n,o),n}_addAfter(n,i,o){return this._insertAfter(n,i,o),this._additionsTail=null===this._additionsTail?this._additionsHead=n:this._additionsTail._nextAdded=n,n}_insertAfter(n,i,o){const r=null===i?this._itHead:i._next;return n._next=r,n._prev=i,null===r?this._itTail=n:r._prev=n,null===i?this._itHead=n:i._next=n,null===this._linkedRecords&&(this._linkedRecords=new Iv),this._linkedRecords.put(n),n.currentIndex=o,n}_remove(n){return this._addToRemovals(this._unlink(n))}_unlink(n){null!==this._linkedRecords&&this._linkedRecords.remove(n);const i=n._prev,o=n._next;return null===i?this._itHead=o:i._next=o,null===o?this._itTail=i:o._prev=i,n}_addToMoves(n,i){return n.previousIndex===i||(this._movesTail=null===this._movesTail?this._movesHead=n:this._movesTail._nextMoved=n),n}_addToRemovals(n){return null===this._unlinkedRecords&&(this._unlinkedRecords=new Iv),this._unlinkedRecords.put(n),n.currentIndex=null,n._nextRemoved=null,null===this._removalsTail?(this._removalsTail=this._removalsHead=n,n._prevRemoved=null):(n._prevRemoved=this._removalsTail,this._removalsTail=this._removalsTail._nextRemoved=n),n}_addIdentityChange(n,i){return n.item=i,this._identityChangesTail=null===this._identityChangesTail?this._identityChangesHead=n:this._identityChangesTail._nextIdentityChange=n,n}}class lM{constructor(n,i){this.item=n,this.trackById=i,this.currentIndex=null,this.previousIndex=null,this._nextPrevious=null,this._prev=null,this._next=null,this._prevDup=null,this._nextDup=null,this._prevRemoved=null,this._nextRemoved=null,this._nextAdded=null,this._nextMoved=null,this._nextIdentityChange=null}}class cM{constructor(){this._head=null,this._tail=null}add(n){null===this._head?(this._head=this._tail=n,n._nextDup=null,n._prevDup=null):(this._tail._nextDup=n,n._prevDup=this._tail,n._nextDup=null,this._tail=n)}get(n,i){let o;for(o=this._head;null!==o;o=o._nextDup)if((null===i||i<=o.currentIndex)&&Object.is(o.trackById,n))return o;return null}remove(n){const i=n._prevDup,o=n._nextDup;return null===i?this._head=o:i._nextDup=o,null===o?this._tail=i:o._prevDup=i,null===this._head}}class Iv{constructor(){this.map=new Map}put(n){const i=n.trackById;let o=this.map.get(i);o||(o=new cM,this.map.set(i,o)),o.add(n)}get(n,i){const r=this.map.get(n);return r?r.get(n,i):null}remove(n){const i=n.trackById;return this.map.get(i).remove(n)&&this.map.delete(i),n}get isEmpty(){return 0===this.map.size}clear(){this.map.clear()}}function wv(e,n,i){const o=e.previousIndex;if(null===o)return o;let r=0;return i&&o<i.length&&(r=i[o]),o+n+r}class Sv{constructor(){}supports(n){return n instanceof Map||jf(n)}create(){return new dM}}class dM{constructor(){this._records=new Map,this._mapHead=null,this._appendAfter=null,this._previousMapHead=null,this._changesHead=null,this._changesTail=null,this._additionsHead=null,this._additionsTail=null,this._removalsHead=null,this._removalsTail=null}get isDirty(){return null!==this._additionsHead||null!==this._changesHead||null!==this._removalsHead}forEachItem(n){let i;for(i=this._mapHead;null!==i;i=i._next)n(i)}forEachPreviousItem(n){let i;for(i=this._previousMapHead;null!==i;i=i._nextPrevious)n(i)}forEachChangedItem(n){let i;for(i=this._changesHead;null!==i;i=i._nextChanged)n(i)}forEachAddedItem(n){let i;for(i=this._additionsHead;null!==i;i=i._nextAdded)n(i)}forEachRemovedItem(n){let i;for(i=this._removalsHead;null!==i;i=i._nextRemoved)n(i)}diff(n){if(n){if(!(n instanceof Map||jf(n)))throw new U(900,!1)}else n=new Map;return this.check(n)?this:null}onDestroy(){}check(n){this._reset();let i=this._mapHead;if(this._appendAfter=null,this._forEach(n,(o,r)=>{if(i&&i.key===r)this._maybeAddToChanges(i,o),this._appendAfter=i,i=i._next;else{const a=this._getOrCreateRecordForKey(r,o);i=this._insertBeforeOrAppend(i,a)}}),i){i._prev&&(i._prev._next=null),this._removalsHead=i;for(let o=i;null!==o;o=o._nextRemoved)o===this._mapHead&&(this._mapHead=null),this._records.delete(o.key),o._nextRemoved=o._next,o.previousValue=o.currentValue,o.currentValue=null,o._prev=null,o._next=null}return this._changesTail&&(this._changesTail._nextChanged=null),this._additionsTail&&(this._additionsTail._nextAdded=null),this.isDirty}_insertBeforeOrAppend(n,i){if(n){const o=n._prev;return i._next=n,i._prev=o,n._prev=i,o&&(o._next=i),n===this._mapHead&&(this._mapHead=i),this._appendAfter=n,n}return this._appendAfter?(this._appendAfter._next=i,i._prev=this._appendAfter):this._mapHead=i,this._appendAfter=i,null}_getOrCreateRecordForKey(n,i){if(this._records.has(n)){const r=this._records.get(n);this._maybeAddToChanges(r,i);const a=r._prev,d=r._next;return a&&(a._next=d),d&&(d._prev=a),r._next=null,r._prev=null,r}const o=new fM(n);return this._records.set(n,o),o.currentValue=i,this._addToAdditions(o),o}_reset(){if(this.isDirty){let n;for(this._previousMapHead=this._mapHead,n=this._previousMapHead;null!==n;n=n._next)n._nextPrevious=n._next;for(n=this._changesHead;null!==n;n=n._nextChanged)n.previousValue=n.currentValue;for(n=this._additionsHead;null!=n;n=n._nextAdded)n.previousValue=n.currentValue;this._changesHead=this._changesTail=null,this._additionsHead=this._additionsTail=null,this._removalsHead=null}}_maybeAddToChanges(n,i){Object.is(i,n.currentValue)||(n.previousValue=n.currentValue,n.currentValue=i,this._addToChanges(n))}_addToAdditions(n){null===this._additionsHead?this._additionsHead=this._additionsTail=n:(this._additionsTail._nextAdded=n,this._additionsTail=n)}_addToChanges(n){null===this._changesHead?this._changesHead=this._changesTail=n:(this._changesTail._nextChanged=n,this._changesTail=n)}_forEach(n,i){n instanceof Map?n.forEach(i):Object.keys(n).forEach(o=>i(n[o],o))}}class fM{constructor(n){this.key=n,this.previousValue=null,this.currentValue=null,this._nextPrevious=null,this._next=null,this._prev=null,this._nextAdded=null,this._nextRemoved=null,this._nextChanged=null}}function Ov(){return new Gp([new xv])}let Gp=(()=>{var e;class n{constructor(o){this.factories=o}static create(o,r){if(null!=r){const a=r.factories.slice();o=o.concat(a)}return new n(o)}static extend(o){return{provide:n,useFactory:r=>n.create(o,r||Ov()),deps:[[n,new Fa,new Na]]}}find(o){const r=this.factories.find(a=>a.supports(o));if(null!=r)return r;throw new U(901,!1)}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:Ov}),n})();function Av(){return new Xp([new Sv])}let Xp=(()=>{var e;class n{constructor(o){this.factories=o}static create(o,r){if(r){const a=r.factories.slice();o=o.concat(a)}return new n(o)}static extend(o){return{provide:n,useFactory:r=>n.create(o,r||Av()),deps:[[n,new Fa,new Na]]}}find(o){const r=this.factories.find(a=>a.supports(o));if(r)return r;throw new U(901,!1)}}return(e=n).\u0275prov=Ke({token:e,providedIn:"root",factory:Av}),n})();function MM(e){return"boolean"==typeof e?e:null!=e&&"false"!==e}function IM(e,n){const i=ti(e),o=n.elementInjector||dc();return new il(i).create(o,n.projectableNodes,n.hostElement,n.environmentInjector)}},7212:(St,Fe,u)=>{u.d(Fe,{ot:()=>ct,pQ:()=>N});var t=u(2978),c=u(9406),O=u(6340);function N(ae){ae||((0,t.Af3)(N),ae=(0,t.WQX)(t.abz));const he=new c.c(je=>ae.onDestroy(je.next.bind(je)));return je=>je.pipe((0,O.Q)(he))}class se extends Error{constructor(he,je){super(function te(ae,he){const je="NG0".concat(Math.abs(ae));return"".concat(je).concat(he?": "+he:"")}(he,je)),this.code=he}}let j=null;function Le(ae){const he=j;return j=ae,he}function ct(ae,he){var je,vt;const Bt=!(null!=he&&he.manualCleanup);Bt&&(null==he||!he.injector)&&(0,t.Af3)(ct);const pn=Bt?null!==(je=null==he||null===(vt=he.injector)||void 0===vt?void 0:vt.get(t.abz))&&void 0!==je?je:(0,t.WQX)(t.abz):null;let Tn;return Tn=(0,t.vPA)(null!=he&&he.requireSync?{kind:0}:{kind:1,value:null==he?void 0:he.initialValue}),function an(ae){const he=Le(null);try{return ae()}finally{Le(he)}}(()=>{const mn=ae.subscribe({next:An=>Tn.set({kind:1,value:An}),error:An=>Tn.set({kind:2,error:An})});null==pn||pn.onDestroy(mn.unsubscribe.bind(mn))}),(0,t.EWP)(()=>{const mn=Tn();switch(mn.kind){case 1:return mn.value;case 2:throw mn.error;case 0:throw new se(601,"`toSignal()` called with `requireSync` but `Observable` did not emit synchronously.")}})}},8832:(St,Fe,u)=>{u.d(Fe,{Zm:()=>oe,ZU:()=>it,me:()=>U,MJ:()=>Ji,l_:()=>Vo,JD:()=>Qt,gE:()=>jt,j4:()=>fn,YN:()=>jn,cz:()=>Xe,kq:()=>Ae,vO:()=>Ye,BC:()=>je,cb:()=>vt,vS:()=>ir,X1:()=>Li,qT:()=>zo});var t=u(2978),c=u(6610),O=u(8399),N=u(9406),X=u(6872),$=u(8621),W=u(2363),se=u(6111),te=u(6219),Z=u(6405),ve=u(3527);let ye=(()=>{var P;class I{constructor(A,xe){this._renderer=A,this._elementRef=xe,this.onChange=Xt=>{},this.onTouched=()=>{}}setProperty(A,xe){this._renderer.setProperty(this._elementRef.nativeElement,A,xe)}registerOnTouched(A){this.onTouched=A}registerOnChange(A){this.onChange=A}setDisabledState(A){this.setProperty("disabled",A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(t.sFG),t.rXU(t.aKT))},P.\u0275dir=t.FsC({type:P}),I})(),q=(()=>{var P;class I extends ye{}return(P=I).\u0275fac=function(){let fe;return function(xe){return(fe||(fe=t.xGo(P)))(xe||P)}}(),P.\u0275dir=t.FsC({type:P,features:[t.Vt3]}),I})();const Ae=new t.nKC("NgValueAccessor"),j={provide:Ae,useExisting:(0,t.Rfq)(()=>oe),multi:!0};let oe=(()=>{var P;class I extends q{writeValue(A){this.setProperty("checked",A)}}return(P=I).\u0275fac=function(){let fe;return function(xe){return(fe||(fe=t.xGo(P)))(xe||P)}}(),P.\u0275dir=t.FsC({type:P,selectors:[["input","type","checkbox","formControlName",""],["input","type","checkbox","formControl",""],["input","type","checkbox","ngModel",""]],hostBindings:function(A,xe){1&A&&t.bIt("change",function(In){return xe.onChange(In.target.checked)})("blur",function(){return xe.onTouched()})},features:[t.Jv_([j]),t.Vt3]}),I})();const Le={provide:Ae,useExisting:(0,t.Rfq)(()=>U),multi:!0},Ue=new t.nKC("CompositionEventMode");let U=(()=>{var P;class I extends ye{constructor(A,xe,Xt){super(A,xe),this._compositionMode=Xt,this._composing=!1,null==this._compositionMode&&(this._compositionMode=!function nt(){const P=(0,c.QT)()?(0,c.QT)().getUserAgent():"";return/android (\d+)/.test(P.toLowerCase())}())}writeValue(A){this.setProperty("value",null==A?"":A)}_handleInput(A){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(A)}_compositionStart(){this._composing=!0}_compositionEnd(A){this._composing=!1,this._compositionMode&&this.onChange(A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(t.sFG),t.rXU(t.aKT),t.rXU(Ue,8))},P.\u0275dir=t.FsC({type:P,selectors:[["input","formControlName","",3,"type","checkbox"],["textarea","formControlName",""],["input","formControl","",3,"type","checkbox"],["textarea","formControl",""],["input","ngModel","",3,"type","checkbox"],["textarea","ngModel",""],["","ngDefaultControl",""]],hostBindings:function(A,xe){1&A&&t.bIt("input",function(In){return xe._handleInput(In.target.value)})("blur",function(){return xe.onTouched()})("compositionstart",function(){return xe._compositionStart()})("compositionend",function(In){return xe._compositionEnd(In.target.value)})},features:[t.Jv_([Le]),t.Vt3]}),I})();const Xe=new t.nKC("NgValidators"),Ge=new t.nKC("NgAsyncValidators");function ce(P){return null!=P}function k(P){return(0,t.jNT)(P)?(0,O.H)(P):P}function J(P){let I={};return P.forEach(fe=>{I=null!=fe?{...I,...fe}:I}),0===Object.keys(I).length?null:I}function ie(P,I){return I.map(fe=>fe(P))}function ee(P){return P.map(I=>function de(P){return!P.validate}(I)?I:fe=>I.validate(fe))}function Pe(P){return null!=P?function Se(P){if(!P)return null;const I=P.filter(ce);return 0==I.length?null:function(fe){return J(ie(fe,I))}}(ee(P)):null}function Re(P){return null!=P?function ke(P){if(!P)return null;const I=P.filter(ce);return 0==I.length?null:function(fe){return function Q(...P){const I=(0,W.ms)(P),{args:fe,keys:A}=(0,X.D)(P),xe=new N.c(Xt=>{const{length:In}=fe;if(!In)return void Xt.complete();const ai=new Array(In);let po=In,Ki=In;for(let Do=0;Do<In;Do++){let ho=!1;(0,$.Tg)(fe[Do]).subscribe((0,se._)(Xt,uo=>{ho||(ho=!0,Ki--),ai[Do]=uo},()=>po--,void 0,()=>{(!po||!ho)&&(Ki||Xt.next(A?(0,Z.e)(A,ai):ai),Xt.complete())}))}});return I?xe.pipe((0,te.I)(I)):xe}(ie(fe,I).map(k)).pipe((0,ve.T)(J))}}(ee(P)):null}function Ke(P,I){return null===P?[I]:Array.isArray(P)?[...P,I]:[P,I]}function Dt(P){return P._rawValidators}function Pt(P){return P._rawAsyncValidators}function Kt(P){return P?Array.isArray(P)?P:[P]:[]}function Gt(P,I){return Array.isArray(P)?P.includes(I):P===I}function an(P,I){const fe=Kt(I);return Kt(P).forEach(xe=>{Gt(fe,xe)||fe.push(xe)}),fe}function Ln(P,I){return Kt(I).filter(fe=>!Gt(P,fe))}class tn{constructor(){this._rawValidators=[],this._rawAsyncValidators=[],this._onDestroyCallbacks=[]}get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_setValidators(I){this._rawValidators=I||[],this._composedValidatorFn=Pe(this._rawValidators)}_setAsyncValidators(I){this._rawAsyncValidators=I||[],this._composedAsyncValidatorFn=Re(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_registerOnDestroy(I){this._onDestroyCallbacks.push(I)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(I=>I()),this._onDestroyCallbacks=[]}reset(I=void 0){this.control&&this.control.reset(I)}hasError(I,fe){return!!this.control&&this.control.hasError(I,fe)}getError(I,fe){return this.control?this.control.getError(I,fe):null}}class it extends tn{get formDirective(){return null}get path(){return null}}class Ye extends tn{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}}class ct{constructor(I){this._cd=I}get isTouched(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.touched)}get isUntouched(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.untouched)}get isPristine(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.pristine)}get isDirty(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.dirty)}get isValid(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.valid)}get isInvalid(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.invalid)}get isPending(){var I;return!(null===(I=this._cd)||void 0===I||null===(I=I.control)||void 0===I||!I.pending)}get isSubmitted(){var I;return!(null===(I=this._cd)||void 0===I||!I.submitted)}}let je=(()=>{var P;class I extends ct{constructor(A){super(A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(Ye,2))},P.\u0275dir=t.FsC({type:P,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(A,xe){2&A&&t.AVh("ng-untouched",xe.isUntouched)("ng-touched",xe.isTouched)("ng-pristine",xe.isPristine)("ng-dirty",xe.isDirty)("ng-valid",xe.isValid)("ng-invalid",xe.isInvalid)("ng-pending",xe.isPending)},features:[t.Vt3]}),I})(),vt=(()=>{var P;class I extends ct{constructor(A){super(A)}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(it,10))},P.\u0275dir=t.FsC({type:P,selectors:[["","formGroupName",""],["","formArrayName",""],["","ngModelGroup",""],["","formGroup",""],["form",3,"ngNoForm",""],["","ngForm",""]],hostVars:16,hostBindings:function(A,xe){2&A&&t.AVh("ng-untouched",xe.isUntouched)("ng-touched",xe.isTouched)("ng-pristine",xe.isPristine)("ng-dirty",xe.isDirty)("ng-valid",xe.isValid)("ng-invalid",xe.isInvalid)("ng-pending",xe.isPending)("ng-submitted",xe.isSubmitted)},features:[t.Vt3]}),I})();const on="VALID",cn="INVALID",xt="PENDING",un="DISABLED";function rt(P){return(Y(P)?P.validators:P)||null}function we(P,I){return(Y(I)?I.asyncValidators:P)||null}function Y(P){return null!=P&&!Array.isArray(P)&&"object"==typeof P}class Ut{constructor(I,fe){this._pendingDirty=!1,this._hasOwnPendingAsyncValidator=!1,this._pendingTouched=!1,this._onCollectionChange=()=>{},this._parent=null,this.pristine=!0,this.touched=!1,this._onDisabledChange=[],this._assignValidators(I),this._assignAsyncValidators(fe)}get validator(){return this._composedValidatorFn}set validator(I){this._rawValidators=this._composedValidatorFn=I}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(I){this._rawAsyncValidators=this._composedAsyncValidatorFn=I}get parent(){return this._parent}get valid(){return this.status===on}get invalid(){return this.status===cn}get pending(){return this.status==xt}get disabled(){return this.status===un}get enabled(){return this.status!==un}get dirty(){return!this.pristine}get untouched(){return!this.touched}get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:"change"}setValidators(I){this._assignValidators(I)}setAsyncValidators(I){this._assignAsyncValidators(I)}addValidators(I){this.setValidators(an(I,this._rawValidators))}addAsyncValidators(I){this.setAsyncValidators(an(I,this._rawAsyncValidators))}removeValidators(I){this.setValidators(Ln(I,this._rawValidators))}removeAsyncValidators(I){this.setAsyncValidators(Ln(I,this._rawAsyncValidators))}hasValidator(I){return Gt(this._rawValidators,I)}hasAsyncValidator(I){return Gt(this._rawAsyncValidators,I)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(I={}){this.touched=!0,this._parent&&!I.onlySelf&&this._parent.markAsTouched(I)}markAllAsTouched(){this.markAsTouched({onlySelf:!0}),this._forEachChild(I=>I.markAllAsTouched())}markAsUntouched(I={}){this.touched=!1,this._pendingTouched=!1,this._forEachChild(fe=>{fe.markAsUntouched({onlySelf:!0})}),this._parent&&!I.onlySelf&&this._parent._updateTouched(I)}markAsDirty(I={}){this.pristine=!1,this._parent&&!I.onlySelf&&this._parent.markAsDirty(I)}markAsPristine(I={}){this.pristine=!0,this._pendingDirty=!1,this._forEachChild(fe=>{fe.markAsPristine({onlySelf:!0})}),this._parent&&!I.onlySelf&&this._parent._updatePristine(I)}markAsPending(I={}){this.status=xt,!1!==I.emitEvent&&this.statusChanges.emit(this.status),this._parent&&!I.onlySelf&&this._parent.markAsPending(I)}disable(I={}){const fe=this._parentMarkedDirty(I.onlySelf);this.status=un,this.errors=null,this._forEachChild(A=>{A.disable({...I,onlySelf:!0})}),this._updateValue(),!1!==I.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors({...I,skipPristineCheck:fe}),this._onDisabledChange.forEach(A=>A(!0))}enable(I={}){const fe=this._parentMarkedDirty(I.onlySelf);this.status=on,this._forEachChild(A=>{A.enable({...I,onlySelf:!0})}),this.updateValueAndValidity({onlySelf:!0,emitEvent:I.emitEvent}),this._updateAncestors({...I,skipPristineCheck:fe}),this._onDisabledChange.forEach(A=>A(!1))}_updateAncestors(I){this._parent&&!I.onlySelf&&(this._parent.updateValueAndValidity(I),I.skipPristineCheck||this._parent._updatePristine(),this._parent._updateTouched())}setParent(I){this._parent=I}getRawValue(){return this.value}updateValueAndValidity(I={}){this._setInitialStatus(),this._updateValue(),this.enabled&&(this._cancelExistingSubscription(),this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===on||this.status===xt)&&this._runAsyncValidator(I.emitEvent)),!1!==I.emitEvent&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._parent&&!I.onlySelf&&this._parent.updateValueAndValidity(I)}_updateTreeValidity(I={emitEvent:!0}){this._forEachChild(fe=>fe._updateTreeValidity(I)),this.updateValueAndValidity({onlySelf:!0,emitEvent:I.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?un:on}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(I){if(this.asyncValidator){this.status=xt,this._hasOwnPendingAsyncValidator=!0;const fe=k(this.asyncValidator(this));this._asyncValidationSubscription=fe.subscribe(A=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(A,{emitEvent:I})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(I,fe={}){this.errors=I,this._updateControlsErrors(!1!==fe.emitEvent)}get(I){let fe=I;return null==fe||(Array.isArray(fe)||(fe=fe.split(".")),0===fe.length)?null:fe.reduce((A,xe)=>A&&A._find(xe),this)}getError(I,fe){const A=fe?this.get(fe):this;return A&&A.errors?A.errors[I]:null}hasError(I,fe){return!!this.getError(I,fe)}get root(){let I=this;for(;I._parent;)I=I._parent;return I}_updateControlsErrors(I){this.status=this._calculateStatus(),I&&this.statusChanges.emit(this.status),this._parent&&this._parent._updateControlsErrors(I)}_initObservables(){this.valueChanges=new t.bkB,this.statusChanges=new t.bkB}_calculateStatus(){return this._allControlsDisabled()?un:this.errors?cn:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(xt)?xt:this._anyControlsHaveStatus(cn)?cn:on}_anyControlsHaveStatus(I){return this._anyControls(fe=>fe.status===I)}_anyControlsDirty(){return this._anyControls(I=>I.dirty)}_anyControlsTouched(){return this._anyControls(I=>I.touched)}_updatePristine(I={}){this.pristine=!this._anyControlsDirty(),this._parent&&!I.onlySelf&&this._parent._updatePristine(I)}_updateTouched(I={}){this.touched=this._anyControlsTouched(),this._parent&&!I.onlySelf&&this._parent._updateTouched(I)}_registerOnCollectionChange(I){this._onCollectionChange=I}_setUpdateStrategy(I){Y(I)&&null!=I.updateOn&&(this._updateOn=I.updateOn)}_parentMarkedDirty(I){return!I&&!(!this._parent||!this._parent.dirty)&&!this._parent._anyControlsDirty()}_find(I){return null}_assignValidators(I){this._rawValidators=Array.isArray(I)?I.slice():I,this._composedValidatorFn=function ze(P){return Array.isArray(P)?Pe(P):P||null}(this._rawValidators)}_assignAsyncValidators(I){this._rawAsyncValidators=Array.isArray(I)?I.slice():I,this._composedAsyncValidatorFn=function ge(P){return Array.isArray(P)?Re(P):P||null}(this._rawAsyncValidators)}}class jt extends Ut{constructor(I,fe,A){super(rt(fe),we(A,fe)),this.controls=I,this._initObservables(),this._setUpdateStrategy(fe),this._setUpControls(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator})}registerControl(I,fe){return this.controls[I]?this.controls[I]:(this.controls[I]=fe,fe.setParent(this),fe._registerOnCollectionChange(this._onCollectionChange),fe)}addControl(I,fe,A={}){this.registerControl(I,fe),this.updateValueAndValidity({emitEvent:A.emitEvent}),this._onCollectionChange()}removeControl(I,fe={}){this.controls[I]&&this.controls[I]._registerOnCollectionChange(()=>{}),delete this.controls[I],this.updateValueAndValidity({emitEvent:fe.emitEvent}),this._onCollectionChange()}setControl(I,fe,A={}){this.controls[I]&&this.controls[I]._registerOnCollectionChange(()=>{}),delete this.controls[I],fe&&this.registerControl(I,fe),this.updateValueAndValidity({emitEvent:A.emitEvent}),this._onCollectionChange()}contains(I){return this.controls.hasOwnProperty(I)&&this.controls[I].enabled}setValue(I,fe={}){(function pt(P,I,fe){P._forEachChild((A,xe)=>{if(void 0===fe[xe])throw new t.wOt(1002,"")})})(this,0,I),Object.keys(I).forEach(A=>{(function He(P,I,fe){const A=P.controls;if(!(I?Object.keys(A):A).length)throw new t.wOt(1e3,"");if(!A[fe])throw new t.wOt(1001,"")})(this,!0,A),this.controls[A].setValue(I[A],{onlySelf:!0,emitEvent:fe.emitEvent})}),this.updateValueAndValidity(fe)}patchValue(I,fe={}){null!=I&&(Object.keys(I).forEach(A=>{const xe=this.controls[A];xe&&xe.patchValue(I[A],{onlySelf:!0,emitEvent:fe.emitEvent})}),this.updateValueAndValidity(fe))}reset(I={},fe={}){this._forEachChild((A,xe)=>{A.reset(I?I[xe]:null,{onlySelf:!0,emitEvent:fe.emitEvent})}),this._updatePristine(fe),this._updateTouched(fe),this.updateValueAndValidity(fe)}getRawValue(){return this._reduceChildren({},(I,fe,A)=>(I[A]=fe.getRawValue(),I))}_syncPendingControls(){let I=this._reduceChildren(!1,(fe,A)=>!!A._syncPendingControls()||fe);return I&&this.updateValueAndValidity({onlySelf:!0}),I}_forEachChild(I){Object.keys(this.controls).forEach(fe=>{const A=this.controls[fe];A&&I(A,fe)})}_setUpControls(){this._forEachChild(I=>{I.setParent(this),I._registerOnCollectionChange(this._onCollectionChange)})}_updateValue(){this.value=this._reduceValue()}_anyControls(I){for(const[fe,A]of Object.entries(this.controls))if(this.contains(fe)&&I(A))return!0;return!1}_reduceValue(){return this._reduceChildren({},(fe,A,xe)=>((A.enabled||this.disabled)&&(fe[xe]=A.value),fe))}_reduceChildren(I,fe){let A=I;return this._forEachChild((xe,Xt)=>{A=fe(A,xe,Xt)}),A}_allControlsDisabled(){for(const I of Object.keys(this.controls))if(this.controls[I].enabled)return!1;return Object.keys(this.controls).length>0||this.disabled}_find(I){return this.controls.hasOwnProperty(I)?this.controls[I]:null}}const Wn=new t.nKC("CallSetDisabledState",{providedIn:"root",factory:()=>Rn}),Rn="always";function Fi(P,I){return[...I.path,P]}function Oi(P,I,fe=Rn){var A,xe;xi(P,I),I.valueAccessor.writeValue(P.value),(P.disabled||"always"===fe)&&(null===(A=(xe=I.valueAccessor).setDisabledState)||void 0===A||A.call(xe,P.disabled)),function ki(P,I){I.valueAccessor.registerOnChange(fe=>{P._pendingValue=fe,P._pendingChange=!0,P._pendingDirty=!0,"change"===P.updateOn&&$e(P,I)})}(P,I),function et(P,I){const fe=(A,xe)=>{I.valueAccessor.writeValue(A),xe&&I.viewToModelUpdate(A)};P.registerOnChange(fe),I._registerOnDestroy(()=>{P._unregisterOnChange(fe)})}(P,I),function Te(P,I){I.valueAccessor.registerOnTouched(()=>{P._pendingTouched=!0,"blur"===P.updateOn&&P._pendingChange&&$e(P,I),"submit"!==P.updateOn&&P.markAsTouched()})}(P,I),function Mi(P,I){if(I.valueAccessor.setDisabledState){const fe=A=>{I.valueAccessor.setDisabledState(A)};P.registerOnDisabledChange(fe),I._registerOnDestroy(()=>{P._unregisterOnDisabledChange(fe)})}}(P,I)}function si(P,I,fe=!0){const A=()=>{};I.valueAccessor&&(I.valueAccessor.registerOnChange(A),I.valueAccessor.registerOnTouched(A)),Dn(P,I),P&&(I._invokeOnDestroyCallbacks(),P._registerOnCollectionChange(()=>{}))}function pi(P,I){P.forEach(fe=>{fe.registerOnValidatorChange&&fe.registerOnValidatorChange(I)})}function xi(P,I){const fe=Dt(P);null!==I.validator?P.setValidators(Ke(fe,I.validator)):"function"==typeof fe&&P.setValidators([fe]);const A=Pt(P);null!==I.asyncValidator?P.setAsyncValidators(Ke(A,I.asyncValidator)):"function"==typeof A&&P.setAsyncValidators([A]);const xe=()=>P.updateValueAndValidity();pi(I._rawValidators,xe),pi(I._rawAsyncValidators,xe)}function Dn(P,I){let fe=!1;if(null!==P){if(null!==I.validator){const xe=Dt(P);if(Array.isArray(xe)&&xe.length>0){const Xt=xe.filter(In=>In!==I.validator);Xt.length!==xe.length&&(fe=!0,P.setValidators(Xt))}}if(null!==I.asyncValidator){const xe=Pt(P);if(Array.isArray(xe)&&xe.length>0){const Xt=xe.filter(In=>In!==I.asyncValidator);Xt.length!==xe.length&&(fe=!0,P.setAsyncValidators(Xt))}}}const A=()=>{};return pi(I._rawValidators,A),pi(I._rawAsyncValidators,A),fe}function $e(P,I){P._pendingDirty&&P.markAsDirty(),P.setValue(P._pendingValue,{emitModelToViewChange:!1}),I.viewToModelUpdate(P._pendingValue),P._pendingChange=!1}function Nt(P,I){if(!P.hasOwnProperty("model"))return!1;const fe=P.model;return!!fe.isFirstChange()||!Object.is(I,fe.currentValue)}function gn(P,I){if(!I)return null;let fe,A,xe;return Array.isArray(I),I.forEach(Xt=>{Xt.constructor===U?fe=Xt:function en(P){return Object.getPrototypeOf(P.constructor)===q}(Xt)?A=Xt:xe=Xt}),xe||A||fe||null}function Di(P,I){const fe=P.indexOf(I);fe>-1&&P.splice(fe,1)}function Ui(P){return"object"==typeof P&&null!==P&&2===Object.keys(P).length&&"value"in P&&"disabled"in P}const Ji=class extends Ut{constructor(I=null,fe,A){super(rt(fe),we(A,fe)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(I),this._setUpdateStrategy(fe),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),Y(fe)&&(fe.nonNullable||fe.initialValueIsDefault)&&(this.defaultValue=Ui(I)?I.value:I)}setValue(I,fe={}){this.value=this._pendingValue=I,this._onChange.length&&!1!==fe.emitModelToViewChange&&this._onChange.forEach(A=>A(this.value,!1!==fe.emitViewToModelChange)),this.updateValueAndValidity(fe)}patchValue(I,fe={}){this.setValue(I,fe)}reset(I=this.defaultValue,fe={}){this._applyFormState(I),this.markAsPristine(fe),this.markAsUntouched(fe),this.setValue(this.value,fe),this._pendingChange=!1}_updateValue(){}_anyControls(I){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(I){this._onChange.push(I)}_unregisterOnChange(I){Di(this._onChange,I)}registerOnDisabledChange(I){this._onDisabledChange.push(I)}_unregisterOnDisabledChange(I){Di(this._onDisabledChange,I)}_forEachChild(I){}_syncPendingControls(){return!("submit"!==this.updateOn||(this._pendingDirty&&this.markAsDirty(),this._pendingTouched&&this.markAsTouched(),!this._pendingChange)||(this.setValue(this._pendingValue,{onlySelf:!0,emitModelToViewChange:!1}),0))}_applyFormState(I){Ui(I)?(this.value=this._pendingValue=I.value,I.disabled?this.disable({onlySelf:!0,emitEvent:!1}):this.enable({onlySelf:!0,emitEvent:!1})):this.value=this._pendingValue=I}},nr={provide:Ye,useExisting:(0,t.Rfq)(()=>ir)},Eo=(()=>Promise.resolve())();let ir=(()=>{var P;class I extends Ye{constructor(A,xe,Xt,In,ai,po){super(),this._changeDetectorRef=ai,this.callSetDisabledState=po,this.control=new Ji,this._registered=!1,this.name="",this.update=new t.bkB,this._parent=A,this._setValidators(xe),this._setAsyncValidators(Xt),this.valueAccessor=gn(0,In)}ngOnChanges(A){if(this._checkForErrors(),!this._registered||"name"in A){if(this._registered&&(this._checkName(),this.formDirective)){const xe=A.name.previousValue;this.formDirective.removeControl({name:xe,path:this._getPath(xe)})}this._setUpControl()}"isDisabled"in A&&this._updateDisabled(A),Nt(A,this.viewModel)&&(this._updateValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}get path(){return this._getPath(this.name)}get formDirective(){return this._parent?this._parent.formDirective:null}viewToModelUpdate(A){this.viewModel=A,this.update.emit(A)}_setUpControl(){this._setUpdateStrategy(),this._isStandalone()?this._setUpStandalone():this.formDirective.addControl(this),this._registered=!0}_setUpdateStrategy(){this.options&&null!=this.options.updateOn&&(this.control._updateOn=this.options.updateOn)}_isStandalone(){return!this._parent||!(!this.options||!this.options.standalone)}_setUpStandalone(){Oi(this.control,this,this.callSetDisabledState),this.control.updateValueAndValidity({emitEvent:!1})}_checkForErrors(){this._isStandalone()||this._checkParentType(),this._checkName()}_checkParentType(){}_checkName(){this.options&&this.options.name&&(this.name=this.options.name),this._isStandalone()}_updateValue(A){Eo.then(()=>{var xe;this.control.setValue(A,{emitViewToModelChange:!1}),null===(xe=this._changeDetectorRef)||void 0===xe||xe.markForCheck()})}_updateDisabled(A){const xe=A.isDisabled.currentValue,Xt=0!==xe&&(0,t.L39)(xe);Eo.then(()=>{var In;Xt&&!this.control.disabled?this.control.disable():!Xt&&this.control.disabled&&this.control.enable(),null===(In=this._changeDetectorRef)||void 0===In||In.markForCheck()})}_getPath(A){return this._parent?Fi(A,this._parent):[A]}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(it,9),t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Ae,10),t.rXU(t.gRc,8),t.rXU(Wn,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:["disabled","isDisabled"],model:["ngModel","model"],options:["ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[t.Jv_([nr]),t.Vt3,t.OA$]}),I})(),zo=(()=>{var P;class I{}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275dir=t.FsC({type:P,selectors:[["form",3,"ngNoForm","",3,"ngNativeValidate",""]],hostAttrs:["novalidate",""]}),I})(),hi=(()=>{var P;class I{}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({}),I})();const io=new t.nKC("NgModelWithFormControlWarning"),Jo={provide:Ye,useExisting:(0,t.Rfq)(()=>Vo)};let Vo=(()=>{var P;class I extends Ye{set isDisabled(A){}constructor(A,xe,Xt,In,ai){super(),this._ngModelWarningConfig=In,this.callSetDisabledState=ai,this.update=new t.bkB,this._ngModelWarningSent=!1,this._setValidators(A),this._setAsyncValidators(xe),this.valueAccessor=gn(0,Xt)}ngOnChanges(A){if(this._isControlChanged(A)){const xe=A.form.previousValue;xe&&si(xe,this,!1),Oi(this.form,this,this.callSetDisabledState),this.form.updateValueAndValidity({emitEvent:!1})}Nt(A,this.viewModel)&&(this.form.setValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.form&&si(this.form,this,!1)}get path(){return[]}get control(){return this.form}viewToModelUpdate(A){this.viewModel=A,this.update.emit(A)}_isControlChanged(A){return A.hasOwnProperty("form")}}return(P=I)._ngModelWarningSentOnce=!1,P.\u0275fac=function(A){return new(A||P)(t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Ae,10),t.rXU(io,8),t.rXU(Wn,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","formControl",""]],inputs:{form:["formControl","form"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},exportAs:["ngForm"],features:[t.Jv_([Jo]),t.Vt3,t.OA$]}),I})();const gi={provide:it,useExisting:(0,t.Rfq)(()=>fn)};let fn=(()=>{var P;class I extends it{constructor(A,xe,Xt){super(),this.callSetDisabledState=Xt,this.submitted=!1,this._onCollectionChange=()=>this._updateDomValue(),this.directives=[],this.form=null,this.ngSubmit=new t.bkB,this._setValidators(A),this._setAsyncValidators(xe)}ngOnChanges(A){this._checkFormPresent(),A.hasOwnProperty("form")&&(this._updateValidators(),this._updateDomValue(),this._updateRegistrations(),this._oldForm=this.form)}ngOnDestroy(){this.form&&(Dn(this.form,this),this.form._onCollectionChange===this._onCollectionChange&&this.form._registerOnCollectionChange(()=>{}))}get formDirective(){return this}get control(){return this.form}get path(){return[]}addControl(A){const xe=this.form.get(A.path);return Oi(xe,A,this.callSetDisabledState),xe.updateValueAndValidity({emitEvent:!1}),this.directives.push(A),xe}getControl(A){return this.form.get(A.path)}removeControl(A){si(A.control||null,A,!1),function On(P,I){const fe=P.indexOf(I);fe>-1&&P.splice(fe,1)}(this.directives,A)}addFormGroup(A){this._setUpFormContainer(A)}removeFormGroup(A){this._cleanUpFormContainer(A)}getFormGroup(A){return this.form.get(A.path)}addFormArray(A){this._setUpFormContainer(A)}removeFormArray(A){this._cleanUpFormContainer(A)}getFormArray(A){return this.form.get(A.path)}updateModel(A,xe){this.form.get(A.path).setValue(xe)}onSubmit(A){var xe;return this.submitted=!0,function Zt(P,I){P._syncPendingControls(),I.forEach(fe=>{const A=fe.control;"submit"===A.updateOn&&A._pendingChange&&(fe.viewToModelUpdate(A._pendingValue),A._pendingChange=!1)})}(this.form,this.directives),this.ngSubmit.emit(A),"dialog"===(null==A||null===(xe=A.target)||void 0===xe?void 0:xe.method)}onReset(){this.resetForm()}resetForm(A=void 0){this.form.reset(A),this.submitted=!1}_updateDomValue(){this.directives.forEach(A=>{const xe=A.control,Xt=this.form.get(A.path);xe!==Xt&&(si(xe||null,A),(P=>P instanceof Ji)(Xt)&&(Oi(Xt,A,this.callSetDisabledState),A.control=Xt))}),this.form._updateTreeValidity({emitEvent:!1})}_setUpFormContainer(A){const xe=this.form.get(A.path);(function Je(P,I){xi(P,I)})(xe,A),xe.updateValueAndValidity({emitEvent:!1})}_cleanUpFormContainer(A){if(this.form){const xe=this.form.get(A.path);xe&&function qe(P,I){return Dn(P,I)}(xe,A)&&xe.updateValueAndValidity({emitEvent:!1})}}_updateRegistrations(){this.form._registerOnCollectionChange(this._onCollectionChange),this._oldForm&&this._oldForm._registerOnCollectionChange(()=>{})}_updateValidators(){xi(this.form,this),this._oldForm&&Dn(this._oldForm,this)}_checkFormPresent(){}}return(P=I).\u0275fac=function(A){return new(A||P)(t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Wn,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","formGroup",""]],hostBindings:function(A,xe){1&A&&t.bIt("submit",function(In){return xe.onSubmit(In)})("reset",function(){return xe.onReset()})},inputs:{form:["formGroup","form"]},outputs:{ngSubmit:"ngSubmit"},exportAs:["ngForm"],features:[t.Jv_([gi]),t.Vt3,t.OA$]}),I})();const $t={provide:Ye,useExisting:(0,t.Rfq)(()=>Qt)};let Qt=(()=>{var P;class I extends Ye{set isDisabled(A){}constructor(A,xe,Xt,In,ai){super(),this._ngModelWarningConfig=ai,this._added=!1,this.name=null,this.update=new t.bkB,this._ngModelWarningSent=!1,this._parent=A,this._setValidators(xe),this._setAsyncValidators(Xt),this.valueAccessor=gn(0,In)}ngOnChanges(A){this._added||this._setUpControl(),Nt(A,this.viewModel)&&(this.viewModel=this.model,this.formDirective.updateModel(this,this.model))}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}viewToModelUpdate(A){this.viewModel=A,this.update.emit(A)}get path(){return Fi(null==this.name?this.name:this.name.toString(),this._parent)}get formDirective(){return this._parent?this._parent.formDirective:null}_checkParentType(){}_setUpControl(){this._checkParentType(),this.control=this.formDirective.addControl(this),this._added=!0}}return(P=I)._ngModelWarningSentOnce=!1,P.\u0275fac=function(A){return new(A||P)(t.rXU(it,13),t.rXU(Xe,10),t.rXU(Ge,10),t.rXU(Ae,10),t.rXU(io,8))},P.\u0275dir=t.FsC({type:P,selectors:[["","formControlName",""]],inputs:{name:["formControlName","name"],isDisabled:["disabled","isDisabled"],model:["ngModel","model"]},outputs:{update:"ngModelChange"},features:[t.Jv_([$t]),t.Vt3,t.OA$]}),I})(),ot=(()=>{var P;class I{}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({imports:[hi]}),I})(),jn=(()=>{var P;class I{static withConfig(A){var xe;return{ngModule:I,providers:[{provide:Wn,useValue:null!==(xe=A.callSetDisabledState)&&void 0!==xe?xe:Rn}]}}}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({imports:[ot]}),I})(),Li=(()=>{var P;class I{static withConfig(A){var xe,Xt;return{ngModule:I,providers:[{provide:io,useValue:null!==(xe=A.warnOnNgModelWithFormControl)&&void 0!==xe?xe:"always"},{provide:Wn,useValue:null!==(Xt=A.callSetDisabledState)&&void 0!==Xt?Xt:Rn}]}}}return(P=I).\u0275fac=function(A){return new(A||P)},P.\u0275mod=t.$C({type:P}),P.\u0275inj=t.G2t({imports:[ot]}),I})()},6098:(St,Fe,u)=>{u.d(Fe,{B7:()=>at,B8:()=>J,Q5:()=>Q,W8:()=>Ln,hE:()=>Ye,up:()=>To});var t=u(2978),c=u(6610);class O extends c.VF{constructor(){super(...arguments),this.supportsDOMEvents=!0}}class N extends O{static makeCurrent(){(0,c.ZD)(new N)}onAndCancel(we,ge,Y){return we.addEventListener(ge,Y),()=>{we.removeEventListener(ge,Y)}}dispatchEvent(we,ge){we.dispatchEvent(ge)}remove(we){we.parentNode&&we.parentNode.removeChild(we)}createElement(we,ge){return(ge=ge||this.getDefaultDocument()).createElement(we)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(we){return we.nodeType===Node.ELEMENT_NODE}isShadowRoot(we){return we instanceof DocumentFragment}getGlobalEventTarget(we,ge){return"window"===ge?window:"document"===ge?we:"body"===ge?we.body:null}getBaseHref(we){const ge=function $(){return X=X||document.querySelector("base"),X?X.getAttribute("href"):null}();return null==ge?null:function se(ze){W=W||document.createElement("a"),W.setAttribute("href",ze);const we=W.pathname;return"/"===we.charAt(0)?we:"/".concat(we)}(ge)}resetBaseElement(){X=null}getUserAgent(){return window.navigator.userAgent}getCookie(we){return(0,c._b)(document.cookie,we)}}let W,X=null,Z=(()=>{var ze;class we{build(){return new XMLHttpRequest}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();const Q=new t.nKC("EventManagerPlugins");let ve=(()=>{var ze;class we{constructor(Y,He){this._zone=He,this._eventNameToPlugin=new Map,Y.forEach(pt=>{pt.manager=this}),this._plugins=Y.slice().reverse()}addEventListener(Y,He,pt){return this._findPluginFor(He).addEventListener(Y,He,pt)}getZone(){return this._zone}_findPluginFor(Y){let He=this._eventNameToPlugin.get(Y);if(He)return He;if(He=this._plugins.find(Ut=>Ut.supports(Y)),!He)throw new t.wOt(5101,!1);return this._eventNameToPlugin.set(Y,He),He}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(Q),t.KVO(t.SKi))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();class ye{constructor(we){this._doc=we}}const q="ng-app-id";let Ae=(()=>{var ze;class we{constructor(Y,He,pt,Ut={}){this.doc=Y,this.appId=He,this.nonce=pt,this.platformId=Ut,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=(0,c.Vy)(Ut),this.resetHostNodes()}addStyles(Y){for(const He of Y)1===this.changeUsageCount(He,1)&&this.onStyleAdded(He)}removeStyles(Y){for(const He of Y)this.changeUsageCount(He,-1)<=0&&this.onStyleRemoved(He)}ngOnDestroy(){const Y=this.styleNodesInDOM;Y&&(Y.forEach(He=>He.remove()),Y.clear());for(const He of this.getAllStyles())this.onStyleRemoved(He);this.resetHostNodes()}addHost(Y){this.hostNodes.add(Y);for(const He of this.getAllStyles())this.addStyleToHost(Y,He)}removeHost(Y){this.hostNodes.delete(Y)}getAllStyles(){return this.styleRef.keys()}onStyleAdded(Y){for(const He of this.hostNodes)this.addStyleToHost(He,Y)}onStyleRemoved(Y){var He;const pt=this.styleRef;null===(He=pt.get(Y))||void 0===He||null===(He=He.elements)||void 0===He||He.forEach(Ut=>Ut.remove()),pt.delete(Y)}collectServerRenderedStyles(){var Y;const He=null===(Y=this.doc.head)||void 0===Y?void 0:Y.querySelectorAll("style[".concat(q,'="').concat(this.appId,'"]'));if(null!=He&&He.length){const pt=new Map;return He.forEach(Ut=>{null!=Ut.textContent&&pt.set(Ut.textContent,Ut)}),pt}return null}changeUsageCount(Y,He){const pt=this.styleRef;if(pt.has(Y)){const Ut=pt.get(Y);return Ut.usage+=He,Ut.usage}return pt.set(Y,{usage:He,elements:[]}),He}getStyleElement(Y,He){const pt=this.styleNodesInDOM,Ut=null==pt?void 0:pt.get(He);if((null==Ut?void 0:Ut.parentNode)===Y)return pt.delete(He),Ut.removeAttribute(q),Ut;{const jt=this.doc.createElement("style");return this.nonce&&jt.setAttribute("nonce",this.nonce),jt.textContent=He,this.platformIsServer&&jt.setAttribute(q,this.appId),jt}}addStyleToHost(Y,He){var pt;const Ut=this.getStyleElement(Y,He);Y.appendChild(Ut);const jt=this.styleRef,_n=null===(pt=jt.get(He))||void 0===pt?void 0:pt.elements;_n?_n.push(Ut):jt.set(He,{elements:[Ut],usage:1})}resetHostNodes(){const Y=this.hostNodes;Y.clear(),Y.add(this.doc.head)}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ),t.KVO(t.sZ2),t.KVO(t.BIS,8),t.KVO(t.Agw))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();const j={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},oe=/%COMP%/g,nt="_nghost-".concat("%COMP%"),Ue="_ngcontent-".concat("%COMP%"),Ee=new t.nKC("RemoveStylesOnCompDestroy",{providedIn:"root",factory:()=>!1});function Ge(ze,we){return we.map(ge=>ge.replace(oe,ze))}let at=(()=>{var ze;class we{constructor(Y,He,pt,Ut,jt,_n,vn,ri=null){this.eventManager=Y,this.sharedStylesHost=He,this.appId=pt,this.removeStylesOnCompDestroy=Ut,this.doc=jt,this.platformId=_n,this.ngZone=vn,this.nonce=ri,this.rendererByCompId=new Map,this.platformIsServer=(0,c.Vy)(_n),this.defaultRenderer=new tt(Y,jt,vn,this.platformIsServer)}createRenderer(Y,He){if(!Y||!He)return this.defaultRenderer;this.platformIsServer&&He.encapsulation===t.gXe.ShadowDom&&(He={...He,encapsulation:t.gXe.Emulated});const pt=this.getOrCreateRenderer(Y,He);return pt instanceof Rt?pt.applyToHost(Y):pt instanceof Ot&&pt.applyStyles(),pt}getOrCreateRenderer(Y,He){const pt=this.rendererByCompId;let Ut=pt.get(He.id);if(!Ut){const jt=this.doc,_n=this.ngZone,vn=this.eventManager,ri=this.sharedStylesHost,Vn=this.removeStylesOnCompDestroy,Wn=this.platformIsServer;switch(He.encapsulation){case t.gXe.Emulated:Ut=new Rt(vn,ri,He,this.appId,Vn,jt,_n,Wn);break;case t.gXe.ShadowDom:return new Tt(vn,ri,Y,He,jt,_n,this.nonce,Wn);default:Ut=new Ot(vn,ri,He,Vn,jt,_n,Wn)}pt.set(He.id,Ut)}return Ut}ngOnDestroy(){this.rendererByCompId.clear()}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(ve),t.KVO(Ae),t.KVO(t.sZ2),t.KVO(Ee),t.KVO(c.qQ),t.KVO(t.Agw),t.KVO(t.SKi),t.KVO(t.BIS))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();class tt{constructor(we,ge,Y,He){this.eventManager=we,this.doc=ge,this.ngZone=Y,this.platformIsServer=He,this.data=Object.create(null),this.destroyNode=null}destroy(){}createElement(we,ge){return ge?this.doc.createElementNS(j[ge]||ge,we):this.doc.createElement(we)}createComment(we){return this.doc.createComment(we)}createText(we){return this.doc.createTextNode(we)}appendChild(we,ge){(Wt(we)?we.content:we).appendChild(ge)}insertBefore(we,ge,Y){we&&(Wt(we)?we.content:we).insertBefore(ge,Y)}removeChild(we,ge){we&&we.removeChild(ge)}selectRootElement(we,ge){let Y="string"==typeof we?this.doc.querySelector(we):we;if(!Y)throw new t.wOt(-5104,!1);return ge||(Y.textContent=""),Y}parentNode(we){return we.parentNode}nextSibling(we){return we.nextSibling}setAttribute(we,ge,Y,He){if(He){ge=He+":"+ge;const pt=j[He];pt?we.setAttributeNS(pt,ge,Y):we.setAttribute(ge,Y)}else we.setAttribute(ge,Y)}removeAttribute(we,ge,Y){if(Y){const He=j[Y];He?we.removeAttributeNS(He,ge):we.removeAttribute("".concat(Y,":").concat(ge))}else we.removeAttribute(ge)}addClass(we,ge){we.classList.add(ge)}removeClass(we,ge){we.classList.remove(ge)}setStyle(we,ge,Y,He){He&(t.czy.DashCase|t.czy.Important)?we.style.setProperty(ge,Y,He&t.czy.Important?"important":""):we.style[ge]=Y}removeStyle(we,ge,Y){Y&t.czy.DashCase?we.style.removeProperty(ge):we.style[ge]=""}setProperty(we,ge,Y){we[ge]=Y}setValue(we,ge){we.nodeValue=ge}listen(we,ge,Y){if("string"==typeof we&&!(we=(0,c.QT)().getGlobalEventTarget(this.doc,we)))throw new Error("Unsupported event target ".concat(we," for event ").concat(ge));return this.eventManager.addEventListener(we,ge,this.decoratePreventDefault(Y))}decoratePreventDefault(we){return ge=>{if("__ngUnwrap__"===ge)return we;!1===(this.platformIsServer?this.ngZone.runGuarded(()=>we(ge)):we(ge))&&ge.preventDefault()}}}function Wt(ze){return"TEMPLATE"===ze.tagName&&void 0!==ze.content}class Tt extends tt{constructor(we,ge,Y,He,pt,Ut,jt,_n){super(we,pt,Ut,_n),this.sharedStylesHost=ge,this.hostEl=Y,this.shadowRoot=Y.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);const vn=Ge(He.id,He.styles);for(const ri of vn){const Vn=document.createElement("style");jt&&Vn.setAttribute("nonce",jt),Vn.textContent=ri,this.shadowRoot.appendChild(Vn)}}nodeOrShadowRoot(we){return we===this.hostEl?this.shadowRoot:we}appendChild(we,ge){return super.appendChild(this.nodeOrShadowRoot(we),ge)}insertBefore(we,ge,Y){return super.insertBefore(this.nodeOrShadowRoot(we),ge,Y)}removeChild(we,ge){return super.removeChild(this.nodeOrShadowRoot(we),ge)}parentNode(we){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(we)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}}class Ot extends tt{constructor(we,ge,Y,He,pt,Ut,jt,_n){super(we,pt,Ut,jt),this.sharedStylesHost=ge,this.removeStylesOnCompDestroy=He,this.styles=_n?Ge(_n,Y.styles):Y.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles)}destroy(){this.removeStylesOnCompDestroy&&this.sharedStylesHost.removeStyles(this.styles)}}class Rt extends Ot{constructor(we,ge,Y,He,pt,Ut,jt,_n){const vn=He+"-"+Y.id;super(we,ge,Y,pt,Ut,jt,_n,vn),this.contentAttr=function Me(ze){return Ue.replace(oe,ze)}(vn),this.hostAttr=function Xe(ze){return nt.replace(oe,ze)}(vn)}applyToHost(we){this.applyStyles(),this.setAttribute(we,this.hostAttr,"")}createElement(we,ge){const Y=super.createElement(we,ge);return super.setAttribute(Y,this.contentAttr,""),Y}}let mt=(()=>{var ze;class we extends ye{constructor(Y){super(Y)}supports(Y){return!0}addEventListener(Y,He,pt){return Y.addEventListener(He,pt,!1),()=>this.removeEventListener(Y,He,pt)}removeEventListener(Y,He,pt){return Y.removeEventListener(He,pt)}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();const le=["alt","control","meta","shift"],H={"\b":"Backspace","\t":"Tab","\x7f":"Delete","\x1b":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},ce={alt:ze=>ze.altKey,control:ze=>ze.ctrlKey,meta:ze=>ze.metaKey,shift:ze=>ze.shiftKey};let k=(()=>{var ze;class we extends ye{constructor(Y){super(Y)}supports(Y){return null!=we.parseEventName(Y)}addEventListener(Y,He,pt){const Ut=we.parseEventName(He),jt=we.eventCallback(Ut.fullKey,pt,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>(0,c.QT)().onAndCancel(Y,Ut.domEventName,jt))}static parseEventName(Y){const He=Y.toLowerCase().split("."),pt=He.shift();if(0===He.length||"keydown"!==pt&&"keyup"!==pt)return null;const Ut=we._normalizeKey(He.pop());let jt="",_n=He.indexOf("code");if(_n>-1&&(He.splice(_n,1),jt="code."),le.forEach(ri=>{const Vn=He.indexOf(ri);Vn>-1&&(He.splice(Vn,1),jt+=ri+".")}),jt+=Ut,0!=He.length||0===Ut.length)return null;const vn={};return vn.domEventName=pt,vn.fullKey=jt,vn}static matchEventFullKeyCode(Y,He){let pt=H[Y.key]||Y.key,Ut="";return He.indexOf("code.")>-1&&(pt=Y.code,Ut="code."),!(null==pt||!pt)&&(pt=pt.toLowerCase()," "===pt?pt="space":"."===pt&&(pt="dot"),le.forEach(jt=>{jt!==pt&&(0,ce[jt])(Y)&&(Ut+=jt+".")}),Ut+=pt,Ut===He)}static eventCallback(Y,He,pt){return Ut=>{we.matchEventFullKeyCode(Ut,Y)&&pt.runGuarded(()=>He(Ut))}}static _normalizeKey(Y){return"esc"===Y?"escape":Y}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:ze.\u0275fac}),we})();function J(ze,we){return(0,t.TL3)({rootComponent:ze,...de(we)})}function de(ze){var we;return{appProviders:[...Kt,...null!==(we=null==ze?void 0:ze.providers)&&void 0!==we?we:[]],platformProviders:Re}}const Re=[{provide:t.Agw,useValue:c.AJ},{provide:t.PLl,useValue:function Se(){N.makeCurrent()},multi:!0},{provide:c.qQ,useFactory:function ke(){return(0,t.TL$)(document),document},deps:[]}],Kt=[{provide:t.H8p,useValue:"root"},{provide:t.zcH,useFactory:function Pe(){return new t.zcH},deps:[]},{provide:Q,useClass:mt,multi:!0,deps:[c.qQ,t.SKi,t.Agw]},{provide:Q,useClass:k,multi:!0,deps:[c.qQ]},at,Ae,ve,{provide:t._9s,useExisting:at},{provide:c.N0,useClass:Z,deps:[]},[]];let Ln=(()=>{var ze;class we{constructor(Y){this._doc=Y,this._dom=(0,c.QT)()}addTag(Y,He=!1){return Y?this._getOrCreateElement(Y,He):null}addTags(Y,He=!1){return Y?Y.reduce((pt,Ut)=>(Ut&&pt.push(this._getOrCreateElement(Ut,He)),pt),[]):[]}getTag(Y){return Y&&this._doc.querySelector("meta[".concat(Y,"]"))||null}getTags(Y){if(!Y)return[];const He=this._doc.querySelectorAll("meta[".concat(Y,"]"));return He?[].slice.call(He):[]}updateTag(Y,He){if(!Y)return null;He=He||this._parseSelector(Y);const pt=this.getTag(He);return pt?this._setMetaElementAttributes(Y,pt):this._getOrCreateElement(Y,!0)}removeTag(Y){this.removeTagElement(this.getTag(Y))}removeTagElement(Y){Y&&this._dom.remove(Y)}_getOrCreateElement(Y,He=!1){if(!He){const jt=this._parseSelector(Y),_n=this.getTags(jt).filter(vn=>this._containsAttributes(Y,vn))[0];if(void 0!==_n)return _n}const pt=this._dom.createElement("meta");return this._setMetaElementAttributes(Y,pt),this._doc.getElementsByTagName("head")[0].appendChild(pt),pt}_setMetaElementAttributes(Y,He){return Object.keys(Y).forEach(pt=>He.setAttribute(this._getMetaKeyMap(pt),Y[pt])),He}_parseSelector(Y){const He=Y.name?"name":"property";return"".concat(He,'="').concat(Y[He],'"')}_containsAttributes(Y,He){return Object.keys(Y).every(pt=>He.getAttribute(this._getMetaKeyMap(pt))===Y[pt])}_getMetaKeyMap(Y){return tn[Y]||Y}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new Y:function an(){return new Ln((0,t.KVO)(c.qQ))}(),He},providedIn:"root"}),we})();const tn={httpEquiv:"http-equiv"};let Ye=(()=>{var ze;class we{constructor(Y){this._doc=Y}getTitle(){return this._doc.title}setTitle(Y){this._doc.title=Y||""}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new Y:function it(){return new Ye((0,t.KVO)(c.qQ))}(),He},providedIn:"root"}),we})();typeof window<"u"&&window;let To=(()=>{var ze;class we{}return(ze=we).\u0275fac=function(Y){return new(Y||ze)},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new(Y||ze):t.KVO(co),He},providedIn:"root"}),we})(),co=(()=>{var ze;class we extends To{constructor(Y){super(),this._doc=Y}sanitize(Y,He){if(null==He)return null;switch(Y){case t.WPN.NONE:return He;case t.WPN.HTML:return(0,t.ZF7)(He,"HTML")?(0,t.rcV)(He):(0,t.h9k)(this._doc,String(He)).toString();case t.WPN.STYLE:return(0,t.ZF7)(He,"Style")?(0,t.rcV)(He):He;case t.WPN.SCRIPT:if((0,t.ZF7)(He,"Script"))return(0,t.rcV)(He);throw new t.wOt(5200,!1);case t.WPN.URL:return(0,t.ZF7)(He,"URL")?(0,t.rcV)(He):(0,t.$MX)(String(He));case t.WPN.RESOURCE_URL:if((0,t.ZF7)(He,"ResourceURL"))return(0,t.rcV)(He);throw new t.wOt(5201,!1);default:throw new t.wOt(5202,!1)}}bypassSecurityTrustHtml(Y){return(0,t.Kcf)(Y)}bypassSecurityTrustStyle(Y){return(0,t.cWb)(Y)}bypassSecurityTrustScript(Y){return(0,t.UyX)(Y)}bypassSecurityTrustUrl(Y){return(0,t.osQ)(Y)}bypassSecurityTrustResourceUrl(Y){return(0,t.e5t)(Y)}}return(ze=we).\u0275fac=function(Y){return new(Y||ze)(t.KVO(c.qQ))},ze.\u0275prov=t.jDH({token:ze,factory:function(Y){let He=null;return He=Y?new Y:function ci(ze){return new co(ze.get(c.qQ))}(t.KVO(t.zZn)),He},providedIn:"root"}),we})()},4768:(St,Fe,u)=>{u.d(Fe,{nX:()=>io,wF:()=>Gn,Ix:()=>ar,Wk:()=>hs,wQ:()=>ns,n3:()=>wt,OY:()=>pr,Sd:()=>bi,lh:()=>Ss,oH:()=>_s});var t=u(2978),c=u(9406),O=u(4418),X=u(8399),$=u(756),W=u(5981);const te=(0,u(4520).L)(p=>function(){p(this),this.name="EmptyError",this.message="no elements in sequence"});var Z=u(199),Q=u(7267),ve=u(8001),ye=u(6106),q=u(8823),Ae=u(8448),j=u(2029),oe=u(9867),Le=u(6111);function nt(){return(0,oe.N)((p,y)=>{let E=null;p._refCount++;const _=(0,Le._)(y,void 0,void 0,void 0,()=>{if(!p||p._refCount<=0||0<--p._refCount)return void(E=null);const w=p._connection,K=E;E=null,w&&(!K||w===K)&&w.unsubscribe(),y.unsubscribe()});p.subscribe(_),_.closed||(E=p.connect())})}class Ue extends c.c{constructor(y,E){super(),this.source=y,this.subjectFactory=E,this._subject=null,this._refCount=0,this._connection=null,(0,oe.S)(y)&&(this.lift=y.lift)}_subscribe(y){return this.getSubject().subscribe(y)}getSubject(){const y=this._subject;return(!y||y.isStopped)&&(this._subject=this.subjectFactory()),this._subject}_teardown(){this._refCount=0;const{_connection:y}=this;this._subject=this._connection=null,null==y||y.unsubscribe()}connect(){let y=this._connection;if(!y){y=this._connection=new j.yU;const E=this.getSubject();y.add(this.source.subscribe((0,Le._)(E,void 0,()=>{this._teardown(),E.complete()},_=>{this._teardown(),E.error(_)},()=>this._teardown()))),y.closed&&(this._connection=null,y=j.yU.EMPTY)}return y}refCount(){return nt()(this)}}var U=u(6104),Ee=u(6610),Me=u(3527),Xe=u(2831),Ge=u(8486),at=u(965),tt=u(8503),_t=u(3422),Ht=u(2290);function Wt(p=Tt){return(0,oe.N)((y,E)=>{let _=!1;y.subscribe((0,Le._)(E,w=>{_=!0,E.next(w)},()=>_?E.complete():E.error(p())))})}function Tt(){return new te}var Ot=u(9656);function Rt(p,y){const E=arguments.length>=2;return _=>_.pipe(p?(0,tt.p)((w,K)=>p(w,K,_)):Ot.D,(0,Ge.s)(1),E?(0,Ht.U)(y):Wt(()=>new te))}var mt=u(4807),le=u(7236),H=u(4526);function J(p){return p<=0?()=>Ae.w:(0,oe.N)((y,E)=>{let _=[];y.subscribe((0,Le._)(E,w=>{_.push(w),p<_.length&&_.shift()},()=>{for(const w of _)E.next(w);E.complete()},void 0,()=>{_=null}))})}var de=u(3770),ee=u(6347),Se=u(6340),Pe=u(3806),ke=u(6098);const Re="primary",Ke=Symbol("RouteTitle");class Dt{constructor(y){this.params=y||{}}has(y){return Object.prototype.hasOwnProperty.call(this.params,y)}get(y){if(this.has(y)){const E=this.params[y];return Array.isArray(E)?E[0]:E}return null}getAll(y){if(this.has(y)){const E=this.params[y];return Array.isArray(E)?E:[E]}return[]}get keys(){return Object.keys(this.params)}}function Pt(p){return new Dt(p)}function Kt(p,y,E){const _=E.path.split("/");if(_.length>p.length||"full"===E.pathMatch&&(y.hasChildren()||_.length<p.length))return null;const w={};for(let K=0;K<_.length;K++){const pe=_[K],lt=p[K];if(pe.startsWith(":"))w[pe.substring(1)]=lt;else if(pe!==lt.path)return null}return{consumed:p.slice(0,_.length),posParams:w}}function an(p,y){const E=p?Object.keys(p):void 0,_=y?Object.keys(y):void 0;if(!E||!_||E.length!=_.length)return!1;let w;for(let K=0;K<E.length;K++)if(w=E[K],!Ln(p[w],y[w]))return!1;return!0}function Ln(p,y){if(Array.isArray(p)&&Array.isArray(y)){if(p.length!==y.length)return!1;const E=[...p].sort(),_=[...y].sort();return E.every((w,K)=>_[K]===w)}return p===y}function tn(p){return p.length>0?p[p.length-1]:null}function it(p){return function N(p){return!!p&&(p instanceof c.c||(0,O.T)(p.lift)&&(0,O.T)(p.subscribe))}(p)?p:(0,t.jNT)(p)?(0,X.H)(Promise.resolve(p)):(0,$.of)(p)}const Ye={exact:function je(p,y,E){if(!Ni(p.segments,y.segments)||!Tn(p.segments,y.segments,E)||p.numberOfChildren!==y.numberOfChildren)return!1;for(const _ in y.children)if(!p.children[_]||!je(p.children[_],y.children[_],E))return!1;return!0},subset:Bt},ct={exact:function he(p,y){return an(p,y)},subset:function vt(p,y){return Object.keys(y).length<=Object.keys(p).length&&Object.keys(y).every(E=>Ln(p[E],y[E]))},ignored:()=>!0};function ae(p,y,E){return Ye[E.paths](p.root,y.root,E.matrixParams)&&ct[E.queryParams](p.queryParams,y.queryParams)&&!("exact"===E.fragment&&p.fragment!==y.fragment)}function Bt(p,y,E){return pn(p,y,y.segments,E)}function pn(p,y,E,_){if(p.segments.length>E.length){const w=p.segments.slice(0,E.length);return!(!Ni(w,E)||y.hasChildren()||!Tn(w,E,_))}if(p.segments.length===E.length){if(!Ni(p.segments,E)||!Tn(p.segments,E,_))return!1;for(const w in y.children)if(!p.children[w]||!Bt(p.children[w],y.children[w],_))return!1;return!0}{const w=E.slice(0,p.segments.length),K=E.slice(p.segments.length);return!!(Ni(p.segments,w)&&Tn(p.segments,w,_)&&p.children[Re])&&pn(p.children[Re],y,K,_)}}function Tn(p,y,E){return y.every((_,w)=>ct[E](p[w].parameters,_.parameters))}class mn{constructor(y=new An([],{}),E={},_=null){this.root=y,this.queryParams=E,this.fragment=_}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Pt(this.queryParams)),this._queryParamMap}toString(){return To.serialize(this)}}class An{constructor(y,E){this.segments=y,this.children=E,this.parent=null,Object.values(E).forEach(_=>_.parent=this)}hasChildren(){return this.numberOfChildren>0}get numberOfChildren(){return Object.keys(this.children).length}toString(){return ci(this)}}class Qi{constructor(y,E){this.path=y,this.parameters=E}get parameterMap(){return this._parameterMap||(this._parameterMap=Pt(this.parameters)),this._parameterMap}toString(){return un(this)}}function Ni(p,y){return p.length===y.length&&p.every((E,_)=>E.path===y[_].path)}let bi=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return new Bi},providedIn:"root"}),y})();class Bi{parse(y){const E=new vn(y);return new mn(E.parseRootSegment(),E.parseQueryParams(),E.parseFragment())}serialize(y){const E="/".concat(co(y.root,!0)),_=function ze(p){const y=Object.keys(p).map(E=>{const _=p[E];return Array.isArray(_)?_.map(w=>"".concat(Vi(E),"=").concat(Vi(w))).join("&"):"".concat(Vi(E),"=").concat(Vi(_))}).filter(E=>!!E);return y.length?"?".concat(y.join("&")):""}(y.queryParams),w="string"==typeof y.fragment?"#".concat(function Et(p){return encodeURI(p)}(y.fragment)):"";return"".concat(E).concat(_).concat(w)}}const To=new Bi;function ci(p){return p.segments.map(y=>un(y)).join("/")}function co(p,y){if(!p.hasChildren())return ci(p);if(y){const E=p.children[Re]?co(p.children[Re],!1):"",_=[];return Object.entries(p.children).forEach(([w,K])=>{w!==Re&&_.push("".concat(w,":").concat(co(K,!1)))}),_.length>0?"".concat(E,"(").concat(_.join("//"),")"):E}{const E=function zn(p,y){let E=[];return Object.entries(p.children).forEach(([_,w])=>{_===Re&&(E=E.concat(y(w,_)))}),Object.entries(p.children).forEach(([_,w])=>{_!==Re&&(E=E.concat(y(w,_)))}),E}(p,(_,w)=>w===Re?[co(p.children[Re],!1)]:["".concat(w,":").concat(co(_,!1))]);return 1===Object.keys(p.children).length&&null!=p.children[Re]?"".concat(ci(p),"/").concat(E[0]):"".concat(ci(p),"/(").concat(E.join("//"),")")}}function mo(p){return encodeURIComponent(p).replace(/%40/g,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",")}function Vi(p){return mo(p).replace(/%3B/gi,";")}function on(p){return mo(p).replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/%26/gi,"&")}function cn(p){return decodeURIComponent(p)}function xt(p){return cn(p.replace(/\+/g,"%20"))}function un(p){return"".concat(on(p.path)).concat(function rt(p){return Object.keys(p).map(y=>";".concat(on(y),"=").concat(on(p[y]))).join("")}(p.parameters))}const we=/^[^\/()?;#]+/;function ge(p){const y=p.match(we);return y?y[0]:""}const Y=/^[^\/()?;=#]+/,pt=/^[^=?&#]+/,jt=/^[^&#]+/;class vn{constructor(y){this.url=y,this.remaining=y}parseRootSegment(){return this.consumeOptional("/"),""===this.remaining||this.peekStartsWith("?")||this.peekStartsWith("#")?new An([],{}):new An([],this.parseChildren())}parseQueryParams(){const y={};if(this.consumeOptional("?"))do{this.parseQueryParam(y)}while(this.consumeOptional("&"));return y}parseFragment(){return this.consumeOptional("#")?decodeURIComponent(this.remaining):null}parseChildren(){if(""===this.remaining)return{};this.consumeOptional("/");const y=[];for(this.peekStartsWith("(")||y.push(this.parseSegment());this.peekStartsWith("/")&&!this.peekStartsWith("//")&&!this.peekStartsWith("/(");)this.capture("/"),y.push(this.parseSegment());let E={};this.peekStartsWith("/(")&&(this.capture("/"),E=this.parseParens(!0));let _={};return this.peekStartsWith("(")&&(_=this.parseParens(!1)),(y.length>0||Object.keys(E).length>0)&&(_[Re]=new An(y,E)),_}parseSegment(){const y=ge(this.remaining);if(""===y&&this.peekStartsWith(";"))throw new t.wOt(4009,!1);return this.capture(y),new Qi(cn(y),this.parseMatrixParams())}parseMatrixParams(){const y={};for(;this.consumeOptional(";");)this.parseParam(y);return y}parseParam(y){const E=function He(p){const y=p.match(Y);return y?y[0]:""}(this.remaining);if(!E)return;this.capture(E);let _="";if(this.consumeOptional("=")){const w=ge(this.remaining);w&&(_=w,this.capture(_))}y[cn(E)]=cn(_)}parseQueryParam(y){const E=function Ut(p){const y=p.match(pt);return y?y[0]:""}(this.remaining);if(!E)return;this.capture(E);let _="";if(this.consumeOptional("=")){const pe=function _n(p){const y=p.match(jt);return y?y[0]:""}(this.remaining);pe&&(_=pe,this.capture(_))}const w=xt(E),K=xt(_);if(y.hasOwnProperty(w)){let pe=y[w];Array.isArray(pe)||(pe=[pe],y[w]=pe),pe.push(K)}else y[w]=K}parseParens(y){const E={};for(this.capture("(");!this.consumeOptional(")")&&this.remaining.length>0;){const _=ge(this.remaining),w=this.remaining[_.length];if("/"!==w&&")"!==w&&";"!==w)throw new t.wOt(4010,!1);let K;_.indexOf(":")>-1?(K=_.slice(0,_.indexOf(":")),this.capture(K),this.capture(":")):y&&(K=Re);const pe=this.parseChildren();E[K]=1===Object.keys(pe).length?pe[Re]:new An([],pe),this.consumeOptional("//")}return E}peekStartsWith(y){return this.remaining.startsWith(y)}consumeOptional(y){return!!this.peekStartsWith(y)&&(this.remaining=this.remaining.substring(y.length),!0)}capture(y){if(!this.consumeOptional(y))throw new t.wOt(4011,!1)}}function ri(p){return p.segments.length>0?new An([],{[Re]:p}):p}function Vn(p){const y={};for(const _ of Object.keys(p.children)){const K=Vn(p.children[_]);if(_===Re&&0===K.segments.length&&K.hasChildren())for(const[pe,lt]of Object.entries(K.children))y[pe]=lt;else(K.segments.length>0||K.hasChildren())&&(y[_]=K)}return function Wn(p){if(1===p.numberOfChildren&&p.children[Re]){const y=p.children[Re];return new An(p.segments.concat(y.segments),y.children)}return p}(new An(p.segments,y))}function Rn(p){return p instanceof mn}function Oi(p){var y;let E;const K=ri(function _(pe){const lt={};for(const Mt of pe.children){const ln=_(Mt);lt[Mt.outlet]=ln}const zt=new An(pe.url,lt);return pe===p&&(E=zt),zt}(p.root));return null!==(y=E)&&void 0!==y?y:K}function si(p,y,E,_){let w=p;for(;w.parent;)w=w.parent;if(0===y.length)return xi(w,w,w,E,_);const K=function Te(p){if("string"==typeof p[0]&&1===p.length&&"/"===p[0])return new ki(!0,0,p);let y=0,E=!1;const _=p.reduce((w,K,pe)=>{if("object"==typeof K&&null!=K){if(K.outlets){const lt={};return Object.entries(K.outlets).forEach(([zt,Mt])=>{lt[zt]="string"==typeof Mt?Mt.split("/"):Mt}),[...w,{outlets:lt}]}if(K.segmentPath)return[...w,K.segmentPath]}return"string"!=typeof K?[...w,K]:0===pe?(K.split("/").forEach((lt,zt)=>{0==zt&&"."===lt||(0==zt&&""===lt?E=!0:".."===lt?y++:""!=lt&&w.push(lt))}),w):[...w,K]},[]);return new ki(E,y,_)}(y);if(K.toRoot())return xi(w,w,new An([],{}),E,_);const pe=function et(p,y,E){if(p.isAbsolute)return new $e(y,!0,0);if(!E)return new $e(y,!1,NaN);if(null===E.parent)return new $e(E,!0,0);const _=pi(p.commands[0])?0:1;return function Je(p,y,E){let _=p,w=y,K=E;for(;K>w;){if(K-=w,_=_.parent,!_)throw new t.wOt(4005,!1);w=_.segments.length}return new $e(_,!1,w-K)}(E,E.segments.length-1+_,p.numberOfDoubleDots)}(K,w,p),lt=pe.processChildren?gt(pe.segmentGroup,pe.index,K.commands):ft(pe.segmentGroup,pe.index,K.commands);return xi(w,pe.segmentGroup,lt,E,_)}function pi(p){return"object"==typeof p&&null!=p&&!p.outlets&&!p.segmentPath}function Mi(p){return"object"==typeof p&&null!=p&&p.outlets}function xi(p,y,E,_,w){let pe,K={};_&&Object.entries(_).forEach(([zt,Mt])=>{K[zt]=Array.isArray(Mt)?Mt.map(ln=>"".concat(ln)):"".concat(Mt)}),pe=p===y?E:Dn(p,y,E);const lt=ri(Vn(pe));return new mn(lt,K,w)}function Dn(p,y,E){const _={};return Object.entries(p.children).forEach(([w,K])=>{_[w]=K===y?E:Dn(K,y,E)}),new An(p.segments,_)}class ki{constructor(y,E,_){if(this.isAbsolute=y,this.numberOfDoubleDots=E,this.commands=_,y&&_.length>0&&pi(_[0]))throw new t.wOt(4003,!1);const w=_.find(Mi);if(w&&w!==tn(_))throw new t.wOt(4004,!1)}toRoot(){return this.isAbsolute&&1===this.commands.length&&"/"==this.commands[0]}}class $e{constructor(y,E,_){this.segmentGroup=y,this.processChildren=E,this.index=_}}function ft(p,y,E){if(p||(p=new An([],{})),0===p.segments.length&&p.hasChildren())return gt(p,y,E);const _=function bt(p,y,E){let _=0,w=y;const K={match:!1,pathIndex:0,commandIndex:0};for(;w<p.segments.length;){if(_>=E.length)return K;const pe=p.segments[w],lt=E[_];if(Mi(lt))break;const zt="".concat(lt),Mt=_<E.length-1?E[_+1]:null;if(w>0&&void 0===zt)break;if(zt&&Mt&&"object"==typeof Mt&&void 0===Mt.outlets){if(!en(zt,Mt,pe))return K;_+=2}else{if(!en(zt,{},pe))return K;_++}w++}return{match:!0,pathIndex:w,commandIndex:_}}(p,y,E),w=E.slice(_.commandIndex);if(_.match&&_.pathIndex<p.segments.length){const K=new An(p.segments.slice(0,_.pathIndex),{});return K.children[Re]=new An(p.segments.slice(_.pathIndex),p.children),gt(K,0,w)}return _.match&&0===w.length?new An(p.segments,{}):_.match&&!p.hasChildren()?yt(p,y,E):_.match?gt(p,0,w):yt(p,y,E)}function gt(p,y,E){if(0===E.length)return new An(p.segments,{});{const _=function qe(p){return Mi(p[0])?p[0].outlets:{[Re]:p}}(E),w={};if(Object.keys(_).some(K=>K!==Re)&&p.children[Re]&&1===p.numberOfChildren&&0===p.children[Re].segments.length){const K=gt(p.children[Re],y,E);return new An(p.segments,K.children)}return Object.entries(_).forEach(([K,pe])=>{"string"==typeof pe&&(pe=[pe]),null!==pe&&(w[K]=ft(p.children[K],y,pe))}),Object.entries(p.children).forEach(([K,pe])=>{void 0===_[K]&&(w[K]=pe)}),new An(p.segments,w)}}function yt(p,y,E){const _=p.segments.slice(0,y);let w=0;for(;w<E.length;){const K=E[w];if(Mi(K)){const zt=It(K.outlets);return new An(_,zt)}if(0===w&&pi(E[0])){_.push(new Qi(p.segments[y].path,Nt(E[0]))),w++;continue}const pe=Mi(K)?K.outlets[Re]:"".concat(K),lt=w<E.length-1?E[w+1]:null;pe&&lt&&pi(lt)?(_.push(new Qi(pe,Nt(lt))),w+=2):(_.push(new Qi(pe,{})),w++)}return new An(_,{})}function It(p){const y={};return Object.entries(p).forEach(([E,_])=>{"string"==typeof _&&(_=[_]),null!==_&&(y[E]=yt(new An([],{}),0,_))}),y}function Nt(p){const y={};return Object.entries(p).forEach(([E,_])=>y[E]="".concat(_)),y}function en(p,y,E){return p==E.path&&an(y,E.parameters)}const Zt="imperative";class gn{constructor(y,E){this.id=y,this.url=E}}class On extends gn{constructor(y,E,_="imperative",w=null){super(y,E),this.type=0,this.navigationTrigger=_,this.restoredState=w}toString(){return"NavigationStart(id: ".concat(this.id,", url: '").concat(this.url,"')")}}class Gn extends gn{constructor(y,E,_){super(y,E),this.urlAfterRedirects=_,this.type=1}toString(){return"NavigationEnd(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"')")}}class $n extends gn{constructor(y,E,_,w){super(y,E),this.reason=_,this.code=w,this.type=2}toString(){return"NavigationCancel(id: ".concat(this.id,", url: '").concat(this.url,"')")}}class Nn extends gn{constructor(y,E,_,w){super(y,E),this.reason=_,this.code=w,this.type=16}}class Yn extends gn{constructor(y,E,_,w){super(y,E),this.error=_,this.target=w,this.type=3}toString(){return"NavigationError(id: ".concat(this.id,", url: '").concat(this.url,"', error: ").concat(this.error,")")}}class Di extends gn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=4}toString(){return"RoutesRecognized(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class Ui extends gn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=7}toString(){return"GuardsCheckStart(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class Ji extends gn{constructor(y,E,_,w,K){super(y,E),this.urlAfterRedirects=_,this.state=w,this.shouldActivate=K,this.type=8}toString(){return"GuardsCheckEnd(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,", shouldActivate: ").concat(this.shouldActivate,")")}}class _o extends gn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=5}toString(){return"ResolveStart(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class Bo extends gn{constructor(y,E,_,w){super(y,E),this.urlAfterRedirects=_,this.state=w,this.type=6}toString(){return"ResolveEnd(id: ".concat(this.id,", url: '").concat(this.url,"', urlAfterRedirects: '").concat(this.urlAfterRedirects,"', state: ").concat(this.state,")")}}class vo{constructor(y){this.route=y,this.type=9}toString(){return"RouteConfigLoadStart(path: ".concat(this.route.path,")")}}class $r{constructor(y){this.route=y,this.type=10}toString(){return"RouteConfigLoadEnd(path: ".concat(this.route.path,")")}}class fo{constructor(y){this.snapshot=y,this.type=11}toString(){return"ChildActivationStart(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class Pr{constructor(y){this.snapshot=y,this.type=12}toString(){return"ChildActivationEnd(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class Rr{constructor(y){this.snapshot=y,this.type=13}toString(){return"ActivationStart(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class yr{constructor(y){this.snapshot=y,this.type=14}toString(){return"ActivationEnd(path: '".concat(this.snapshot.routeConfig&&this.snapshot.routeConfig.path||"","')")}}class pr{constructor(y,E,_){this.routerEvent=y,this.position=E,this.anchor=_,this.type=15}toString(){const y=this.position?"".concat(this.position[0],", ").concat(this.position[1]):null;return"Scroll(anchor: '".concat(this.anchor,"', position: '").concat(y,"')")}}class nr{}class Eo{constructor(y){this.url=y}}class zo{constructor(){this.outlet=null,this.route=null,this.injector=null,this.children=new Mo,this.attachRef=null}}let Mo=(()=>{var p;class y{constructor(){this.contexts=new Map}onChildOutletCreated(_,w){const K=this.getOrCreateContext(_);K.outlet=w,this.contexts.set(_,K)}onChildOutletDestroyed(_){const w=this.getContext(_);w&&(w.outlet=null,w.attachRef=null)}onOutletDeactivated(){const _=this.contexts;return this.contexts=new Map,_}onOutletReAttached(_){this.contexts=_}getOrCreateContext(_){let w=this.getContext(_);return w||(w=new zo,this.contexts.set(_,w)),w}getContext(_){return this.contexts.get(_)||null}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();class or{constructor(y){this._root=y}get root(){return this._root.value}parent(y){const E=this.pathFromRoot(y);return E.length>1?E[E.length-2]:null}children(y){const E=ti(y,this._root);return E?E.children.map(_=>_.value):[]}firstChild(y){const E=ti(y,this._root);return E&&E.children.length>0?E.children[0].value:null}siblings(y){const E=$i(y,this._root);return E.length<2?[]:E[E.length-2].children.map(w=>w.value).filter(w=>w!==y)}pathFromRoot(y){return $i(y,this._root).map(E=>E.value)}}function ti(p,y){if(p===y.value)return y;for(const E of y.children){const _=ti(p,E);if(_)return _}return null}function $i(p,y){if(p===y.value)return[y];for(const E of y.children){const _=$i(p,E);if(_.length)return _.unshift(y),_}return[]}class hi{constructor(y,E){this.value=y,this.children=E}toString(){return"TreeNode(".concat(this.value,")")}}function qi(p){const y={};return p&&p.children.forEach(E=>y[E.value.outlet]=E),y}class Xi extends or{constructor(y,E){super(y),this.snapshot=E,Ie(this,y)}toString(){return this.snapshot.toString()}}function no(p,y){const E=function jo(p,y){const pe=new gi([],{},{},"",{},Re,y,null,{});return new fn("",new hi(pe,[]))}(0,y),_=new W.t([new Qi("",{})]),w=new W.t({}),K=new W.t({}),pe=new W.t({}),lt=new W.t(""),zt=new io(_,w,pe,lt,K,Re,y,E.root);return zt.snapshot=E.root,new Xi(new hi(zt,[]),E)}class io{constructor(y,E,_,w,K,pe,lt,zt){var Mt,ln;this.urlSubject=y,this.paramsSubject=E,this.queryParamsSubject=_,this.fragmentSubject=w,this.dataSubject=K,this.outlet=pe,this.component=lt,this._futureSnapshot=zt,this.title=null!==(Mt=null===(ln=this.dataSubject)||void 0===ln?void 0:ln.pipe((0,Me.T)(Fn=>Fn[Ke])))&&void 0!==Mt?Mt:(0,$.of)(void 0),this.url=y,this.params=E,this.queryParams=_,this.fragment=w,this.data=K}get routeConfig(){return this._futureSnapshot.routeConfig}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=this.params.pipe((0,Me.T)(y=>Pt(y)))),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=this.queryParams.pipe((0,Me.T)(y=>Pt(y)))),this._queryParamMap}toString(){return this.snapshot?this.snapshot.toString():"Future(".concat(this._futureSnapshot,")")}}function Jo(p,y="emptyOnly"){const E=p.pathFromRoot;let _=0;if("always"!==y)for(_=E.length-1;_>=1;){const w=E[_],K=E[_-1];if(w.routeConfig&&""===w.routeConfig.path)_--;else{if(K.component)break;_--}}return function Vo(p){return p.reduce((y,E)=>{var _;return{params:{...y.params,...E.params},data:{...y.data,...E.data},resolve:{...E.data,...y.resolve,...null===(_=E.routeConfig)||void 0===_?void 0:_.data,...E._resolvedData}}},{params:{},data:{},resolve:{}})}(E.slice(_))}class gi{get title(){var y;return null===(y=this.data)||void 0===y?void 0:y[Ke]}constructor(y,E,_,w,K,pe,lt,zt,Mt){this.url=y,this.params=E,this.queryParams=_,this.fragment=w,this.data=K,this.outlet=pe,this.component=lt,this.routeConfig=zt,this._resolve=Mt}get root(){return this._routerState.root}get parent(){return this._routerState.parent(this)}get firstChild(){return this._routerState.firstChild(this)}get children(){return this._routerState.children(this)}get pathFromRoot(){return this._routerState.pathFromRoot(this)}get paramMap(){return this._paramMap||(this._paramMap=Pt(this.params)),this._paramMap}get queryParamMap(){return this._queryParamMap||(this._queryParamMap=Pt(this.queryParams)),this._queryParamMap}toString(){const y=this.url.map(_=>_.toString()).join("/"),E=this.routeConfig?this.routeConfig.path:"";return"Route(url:'".concat(y,"', path:'").concat(E,"')")}}class fn extends or{constructor(y,E){super(E),this.url=y,Ie(this,E)}toString(){return ne(this._root)}}function Ie(p,y){y.value._routerState=p,y.children.forEach(E=>Ie(p,E))}function ne(p){const y=p.children.length>0?" { ".concat(p.children.map(ne).join(", ")," } "):"";return"".concat(p.value).concat(y)}function Be(p){if(p.snapshot){const y=p.snapshot,E=p._futureSnapshot;p.snapshot=E,an(y.queryParams,E.queryParams)||p.queryParamsSubject.next(E.queryParams),y.fragment!==E.fragment&&p.fragmentSubject.next(E.fragment),an(y.params,E.params)||p.paramsSubject.next(E.params),function Gt(p,y){if(p.length!==y.length)return!1;for(let E=0;E<p.length;++E)if(!an(p[E],y[E]))return!1;return!0}(y.url,E.url)||p.urlSubject.next(E.url),an(y.data,E.data)||p.dataSubject.next(E.data)}else p.snapshot=p._futureSnapshot,p.dataSubject.next(p._futureSnapshot.data)}function We(p,y){const E=an(p.params,y.params)&&function Sn(p,y){return Ni(p,y)&&p.every((E,_)=>an(E.parameters,y[_].parameters))}(p.url,y.url);return E&&!(!p.parent!=!y.parent)&&(!p.parent||We(p.parent,y.parent))}let wt=(()=>{var p;class y{constructor(){this.activated=null,this._activatedRoute=null,this.name=Re,this.activateEvents=new t.bkB,this.deactivateEvents=new t.bkB,this.attachEvents=new t.bkB,this.detachEvents=new t.bkB,this.parentContexts=(0,t.WQX)(Mo),this.location=(0,t.WQX)(t.c1b),this.changeDetector=(0,t.WQX)(t.gRc),this.environmentInjector=(0,t.WQX)(t.uvJ),this.inputBinder=(0,t.WQX)(Qt,{optional:!0}),this.supportsBindingToComponentInputs=!0}get activatedComponentRef(){return this.activated}ngOnChanges(_){if(_.name){const{firstChange:w,previousValue:K}=_.name;if(w)return;this.isTrackedInParentContexts(K)&&(this.deactivate(),this.parentContexts.onChildOutletDestroyed(K)),this.initializeOutletWithName()}}ngOnDestroy(){var _;this.isTrackedInParentContexts(this.name)&&this.parentContexts.onChildOutletDestroyed(this.name),null===(_=this.inputBinder)||void 0===_||_.unsubscribeFromRouteData(this)}isTrackedInParentContexts(_){var w;return(null===(w=this.parentContexts.getContext(_))||void 0===w?void 0:w.outlet)===this}ngOnInit(){this.initializeOutletWithName()}initializeOutletWithName(){if(this.parentContexts.onChildOutletCreated(this.name,this),this.activated)return;const _=this.parentContexts.getContext(this.name);null!=_&&_.route&&(_.attachRef?this.attach(_.attachRef,_.route):this.activateWith(_.route,_.injector))}get isActivated(){return!!this.activated}get component(){if(!this.activated)throw new t.wOt(4012,!1);return this.activated.instance}get activatedRoute(){if(!this.activated)throw new t.wOt(4012,!1);return this._activatedRoute}get activatedRouteData(){return this._activatedRoute?this._activatedRoute.snapshot.data:{}}detach(){if(!this.activated)throw new t.wOt(4012,!1);this.location.detach();const _=this.activated;return this.activated=null,this._activatedRoute=null,this.detachEvents.emit(_.instance),_}attach(_,w){var K;this.activated=_,this._activatedRoute=w,this.location.insert(_.hostView),null===(K=this.inputBinder)||void 0===K||K.bindActivatedRouteToOutletComponent(this),this.attachEvents.emit(_.instance)}deactivate(){if(this.activated){const _=this.component;this.activated.destroy(),this.activated=null,this._activatedRoute=null,this.deactivateEvents.emit(_)}}activateWith(_,w){var K;if(this.isActivated)throw new t.wOt(4013,!1);this._activatedRoute=_;const pe=this.location,zt=_.snapshot.component,Mt=this.parentContexts.getOrCreateContext(this.name).children,ln=new $t(_,Mt,pe.injector);this.activated=pe.createComponent(zt,{index:pe.length,injector:ln,environmentInjector:null!=w?w:this.environmentInjector}),this.changeDetector.markForCheck(),null===(K=this.inputBinder)||void 0===K||K.bindActivatedRouteToOutletComponent(this),this.activateEvents.emit(this.activated.instance)}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275dir=t.FsC({type:p,selectors:[["router-outlet"]],inputs:{name:"name"},outputs:{activateEvents:"activate",deactivateEvents:"deactivate",attachEvents:"attach",detachEvents:"detach"},exportAs:["outlet"],standalone:!0,features:[t.OA$]}),y})();class $t{constructor(y,E,_){this.route=y,this.childContexts=E,this.parent=_}get(y,E){return y===io?this.route:y===Mo?this.childContexts:this.parent.get(y,E)}}const Qt=new t.nKC("");function sn(p,y,E){if(E&&p.shouldReuseRoute(y.value,E.value.snapshot)){const _=E.value;_._futureSnapshot=y.value;const w=function Ai(p,y,E){return y.children.map(_=>{for(const w of E.children)if(p.shouldReuseRoute(_.value,w.value.snapshot))return sn(p,_,w);return sn(p,_)})}(p,y,E);return new hi(_,w)}{if(p.shouldAttach(y.value)){const K=p.retrieve(y.value);if(null!==K){const pe=K.route;return pe.value._futureSnapshot=y.value,pe.children=y.children.map(lt=>sn(p,lt)),pe}}const _=function mi(p){return new io(new W.t(p.url),new W.t(p.params),new W.t(p.queryParams),new W.t(p.fragment),new W.t(p.data),p.outlet,p.component,p)}(y.value),w=y.children.map(K=>sn(p,K));return new hi(_,w)}}const Ci="ngNavigationCancelingError";function oi(p,y){const{redirectTo:E,navigationBehaviorOptions:_}=Rn(y)?{redirectTo:y,navigationBehaviorOptions:void 0}:y,w=No(!1,0,y);return w.url=E,w.navigationBehaviorOptions=_,w}function No(p,y,E){const _=new Error("NavigationCancelingError: "+(p||""));return _[Ci]=!0,_.cancellationCode=y,E&&(_.url=E),_}function Zn(p){return p&&p[Ci]}let fi=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275cmp=t.VBU({type:p,selectors:[["ng-component"]],standalone:!0,features:[t.aNF],decls:1,vars:0,template:function(_,w){1&_&&t.nrm(0,"router-outlet")},dependencies:[wt],encapsulation:2}),y})();function to(p){const y=p.children&&p.children.map(to),E=y?{...p,children:y}:{...p};return!E.component&&!E.loadComponent&&(y||E.loadChildren)&&E.outlet&&E.outlet!==Re&&(E.component=fi),E}function Wi(p){return p.outlet||Re}function bo(p){var y;if(!p)return null;if(null!==(y=p.routeConfig)&&void 0!==y&&y._injector)return p.routeConfig._injector;for(let E=p.parent;E;E=E.parent){const _=E.routeConfig;if(null!=_&&_._loadedInjector)return _._loadedInjector;if(null!=_&&_._injector)return _._injector}return null}class ao{constructor(y,E,_,w,K){this.routeReuseStrategy=y,this.futureState=E,this.currState=_,this.forwardEvent=w,this.inputBindingEnabled=K}activate(y){const E=this.futureState._root,_=this.currState?this.currState._root:null;this.deactivateChildRoutes(E,_,y),Be(this.futureState.root),this.activateChildRoutes(E,_,y)}deactivateChildRoutes(y,E,_){const w=qi(E);y.children.forEach(K=>{const pe=K.value.outlet;this.deactivateRoutes(K,w[pe],_),delete w[pe]}),Object.values(w).forEach(K=>{this.deactivateRouteAndItsChildren(K,_)})}deactivateRoutes(y,E,_){const w=y.value,K=E?E.value:null;if(w===K)if(w.component){const pe=_.getContext(w.outlet);pe&&this.deactivateChildRoutes(y,E,pe.children)}else this.deactivateChildRoutes(y,E,_);else K&&this.deactivateRouteAndItsChildren(E,_)}deactivateRouteAndItsChildren(y,E){y.value.component&&this.routeReuseStrategy.shouldDetach(y.value.snapshot)?this.detachAndStoreRouteSubtree(y,E):this.deactivateRouteAndOutlet(y,E)}detachAndStoreRouteSubtree(y,E){const _=E.getContext(y.value.outlet),w=_&&y.value.component?_.children:E,K=qi(y);for(const pe of Object.keys(K))this.deactivateRouteAndItsChildren(K[pe],w);if(_&&_.outlet){const pe=_.outlet.detach(),lt=_.children.onOutletDeactivated();this.routeReuseStrategy.store(y.value.snapshot,{componentRef:pe,route:y,contexts:lt})}}deactivateRouteAndOutlet(y,E){const _=E.getContext(y.value.outlet),w=_&&y.value.component?_.children:E,K=qi(y);for(const pe of Object.keys(K))this.deactivateRouteAndItsChildren(K[pe],w);_&&(_.outlet&&(_.outlet.deactivate(),_.children.onOutletDeactivated()),_.attachRef=null,_.route=null)}activateChildRoutes(y,E,_){const w=qi(E);y.children.forEach(K=>{this.activateRoutes(K,w[K.value.outlet],_),this.forwardEvent(new yr(K.value.snapshot))}),y.children.length&&this.forwardEvent(new Pr(y.value.snapshot))}activateRoutes(y,E,_){const w=y.value,K=E?E.value:null;if(Be(w),w===K)if(w.component){const pe=_.getOrCreateContext(w.outlet);this.activateChildRoutes(y,E,pe.children)}else this.activateChildRoutes(y,E,_);else if(w.component){const pe=_.getOrCreateContext(w.outlet);if(this.routeReuseStrategy.shouldAttach(w.snapshot)){const lt=this.routeReuseStrategy.retrieve(w.snapshot);this.routeReuseStrategy.store(w.snapshot,null),pe.children.onOutletReAttached(lt.contexts),pe.attachRef=lt.componentRef,pe.route=lt.route.value,pe.outlet&&pe.outlet.attach(lt.componentRef,lt.route.value),Be(lt.route.value),this.activateChildRoutes(y,null,pe.children)}else{const lt=bo(w.snapshot);pe.attachRef=null,pe.route=w,pe.injector=lt,pe.outlet&&pe.outlet.activateWith(w,pe.injector),this.activateChildRoutes(y,null,pe.children)}}else this.activateChildRoutes(y,null,_)}}class _e{constructor(y){this.path=y,this.route=this.path[this.path.length-1]}}class v{constructor(y,E){this.component=y,this.route=E}}function T(p,y,E){const _=p._root;return Oe(_,y?y._root:null,E,[_.value])}function re(p,y){const E=Symbol(),_=y.get(p,E);return _===E?"function"!=typeof p||(0,t.LfX)(p)?y.get(p):p:_}function Oe(p,y,E,_,w={canDeactivateChecks:[],canActivateChecks:[]}){const K=qi(y);return p.children.forEach(pe=>{(function ot(p,y,E,_,w={canDeactivateChecks:[],canActivateChecks:[]}){const K=p.value,pe=y?y.value:null,lt=E?E.getContext(p.value.outlet):null;if(pe&&K.routeConfig===pe.routeConfig){const zt=function dt(p,y,E){if("function"==typeof E)return E(p,y);switch(E){case"pathParamsChange":return!Ni(p.url,y.url);case"pathParamsOrQueryParamsChange":return!Ni(p.url,y.url)||!an(p.queryParams,y.queryParams);case"always":return!0;case"paramsOrQueryParamsChange":return!We(p,y)||!an(p.queryParams,y.queryParams);default:return!We(p,y)}}(pe,K,K.routeConfig.runGuardsAndResolvers);zt?w.canActivateChecks.push(new _e(_)):(K.data=pe.data,K._resolvedData=pe._resolvedData),Oe(p,y,K.component?lt?lt.children:null:E,_,w),zt&&lt&&lt.outlet&&lt.outlet.isActivated&&w.canDeactivateChecks.push(new v(lt.outlet.component,pe))}else pe&&Ct(y,lt,w),w.canActivateChecks.push(new _e(_)),Oe(p,null,K.component?lt?lt.children:null:E,_,w)})(pe,K[pe.value.outlet],E,_.concat([pe.value]),w),delete K[pe.value.outlet]}),Object.entries(K).forEach(([pe,lt])=>Ct(lt,E.getContext(pe),w)),w}function Ct(p,y,E){const _=qi(p),w=p.value;Object.entries(_).forEach(([K,pe])=>{Ct(pe,w.component?y?y.children.getContext(K):null:y,E)}),E.canDeactivateChecks.push(new v(w.component&&y&&y.outlet&&y.outlet.isActivated?y.outlet.component:null,w))}function Ft(p){return"function"==typeof p}function I(p){return p instanceof te||"EmptyError"===(null==p?void 0:p.name)}const fe=Symbol("INITIAL_VALUE");function A(){return(0,Xe.n)(p=>(0,Z.z)(p.map(y=>y.pipe((0,Ge.s)(1),(0,at.Z)(fe)))).pipe((0,Me.T)(y=>{for(const E of y)if(!0!==E){if(E===fe)return fe;if(!1===E||E instanceof mn)return E}return!0}),(0,tt.p)(y=>y!==fe),(0,Ge.s)(1)))}function xo(p){return(0,ye.F)((0,le.M)(y=>{if(Rn(y))throw oi(0,y)}),(0,Me.T)(y=>!0===y))}class dn{constructor(y){this.segmentGroup=y||null}}class Pn{constructor(y){this.urlTree=y}}function xn(p){return(0,q.$)(new dn(p))}function qn(p){return(0,q.$)(new Pn(p))}class Yi{constructor(y,E){this.urlSerializer=y,this.urlTree=E}noMatchError(y){return new t.wOt(4002,!1)}lineralizeSegments(y,E){let _=[],w=E.root;for(;;){if(_=_.concat(w.segments),0===w.numberOfChildren)return(0,$.of)(_);if(w.numberOfChildren>1||!w.children[Re])return(0,q.$)(new t.wOt(4e3,!1));w=w.children[Re]}}applyRedirectCommands(y,E,_){return this.applyRedirectCreateUrlTree(E,this.urlSerializer.parse(E),y,_)}applyRedirectCreateUrlTree(y,E,_,w){const K=this.createSegmentGroup(y,E.root,_,w);return new mn(K,this.createQueryParams(E.queryParams,this.urlTree.queryParams),E.fragment)}createQueryParams(y,E){const _={};return Object.entries(y).forEach(([w,K])=>{if("string"==typeof K&&K.startsWith(":")){const lt=K.substring(1);_[w]=E[lt]}else _[w]=K}),_}createSegmentGroup(y,E,_,w){const K=this.createSegments(y,E.segments,_,w);let pe={};return Object.entries(E.children).forEach(([lt,zt])=>{pe[lt]=this.createSegmentGroup(y,zt,_,w)}),new An(K,pe)}createSegments(y,E,_,w){return E.map(K=>K.path.startsWith(":")?this.findPosParam(y,K,w):this.findOrReturn(K,_))}findPosParam(y,E,_){const w=_[E.path.substring(1)];if(!w)throw new t.wOt(4001,!1);return w}findOrReturn(y,E){let _=0;for(const w of E){if(w.path===y.path)return E.splice(_),w;_++}return y}}const Po={matched:!1,consumedSegments:[],remainingSegments:[],parameters:{},positionalParamSegments:{}};function Si(p,y,E,_,w){const K=gr(p,y,E);return K.matched?(_=function ro(p,y){var E;return p.providers&&!p._injector&&(p._injector=(0,t.Ol2)(p.providers,y,"Route: ".concat(p.path))),null!==(E=p._injector)&&void 0!==E?E:y}(y,_),function br(p,y,E,_){const w=y.canMatch;if(!w||0===w.length)return(0,$.of)(!0);const K=w.map(pe=>{const lt=re(pe,p);return it(function jn(p){return p&&Ft(p.canMatch)}(lt)?lt.canMatch(y,E):p.runInContext(()=>lt(y,E)))});return(0,$.of)(K).pipe(A(),xo())}(_,y,E).pipe((0,Me.T)(pe=>!0===pe?K:{...Po}))):(0,$.of)(K)}function gr(p,y,E){var _,w;if(""===y.path)return"full"===y.pathMatch&&(p.hasChildren()||E.length>0)?{...Po}:{matched:!0,consumedSegments:[],remainingSegments:E,parameters:{},positionalParamSegments:{}};const pe=(y.matcher||Kt)(E,p,y);if(!pe)return{...Po};const lt={};Object.entries(null!==(_=pe.posParams)&&void 0!==_?_:{}).forEach(([Mt,ln])=>{lt[Mt]=ln.path});const zt=pe.consumed.length>0?{...lt,...pe.consumed[pe.consumed.length-1].parameters}:lt;return{matched:!0,consumedSegments:pe.consumed,remainingSegments:E.slice(pe.consumed.length),parameters:zt,positionalParamSegments:null!==(w=pe.posParams)&&void 0!==w?w:{}}}function rr(p,y,E,_){return E.length>0&&function Fo(p,y,E){return E.some(_=>Go(p,y,_)&&Wi(_)!==Re)}(p,E,_)?{segmentGroup:new An(y,Ro(_,new An(E,p.children))),slicedSegments:[]}:0===E.length&&function Dr(p,y,E){return E.some(_=>Go(p,y,_))}(p,E,_)?{segmentGroup:new An(p.segments,lo(p,0,E,_,p.children)),slicedSegments:E}:{segmentGroup:new An(p.segments,p.children),slicedSegments:E}}function lo(p,y,E,_,w){const K={};for(const pe of _)if(Go(p,E,pe)&&!w[Wi(pe)]){const lt=new An([],{});K[Wi(pe)]=lt}return{...w,...K}}function Ro(p,y){const E={};E[Re]=y;for(const _ of p)if(""===_.path&&Wi(_)!==Re){const w=new An([],{});E[Wi(_)]=w}return E}function Go(p,y,E){return(!(p.hasChildren()||y.length>0)||"full"!==E.pathMatch)&&""===E.path}class kr{constructor(y,E,_,w,K,pe,lt){this.injector=y,this.configLoader=E,this.rootComponentType=_,this.config=w,this.urlTree=K,this.paramsInheritanceStrategy=pe,this.urlSerializer=lt,this.allowRedirects=!0,this.applyRedirects=new Yi(this.urlSerializer,this.urlTree)}noMatchError(y){return new t.wOt(4002,!1)}recognize(){const y=rr(this.urlTree.root,[],[],this.config).segmentGroup;return this.processSegmentGroup(this.injector,this.config,y,Re).pipe((0,H.W)(E=>{if(E instanceof Pn)return this.allowRedirects=!1,this.urlTree=E.urlTree,this.match(E.urlTree);throw E instanceof dn?this.noMatchError(E):E}),(0,Me.T)(E=>{const _=new gi([],Object.freeze({}),Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,{},Re,this.rootComponentType,null,{}),w=new hi(_,E),K=new fn("",w),pe=function Fi(p,y,E=null,_=null){return si(Oi(p),y,E,_)}(_,[],this.urlTree.queryParams,this.urlTree.fragment);return pe.queryParams=this.urlTree.queryParams,K.url=this.urlSerializer.serialize(pe),this.inheritParamsAndData(K._root),{state:K,tree:pe}}))}match(y){return this.processSegmentGroup(this.injector,this.config,y.root,Re).pipe((0,H.W)(_=>{throw _ instanceof dn?this.noMatchError(_):_}))}inheritParamsAndData(y){const E=y.value,_=Jo(E,this.paramsInheritanceStrategy);E.params=Object.freeze(_.params),E.data=Object.freeze(_.data),y.children.forEach(w=>this.inheritParamsAndData(w))}processSegmentGroup(y,E,_,w){return 0===_.segments.length&&_.hasChildren()?this.processChildren(y,E,_):this.processSegment(y,E,_,_.segments,w,!0)}processChildren(y,E,_){const w=[];for(const K of Object.keys(_.children))"primary"===K?w.unshift(K):w.push(K);return(0,X.H)(w).pipe((0,mt.H)(K=>{const pe=_.children[K],lt=function yo(p,y){const E=p.filter(_=>Wi(_)===y);return E.push(...p.filter(_=>Wi(_)!==y)),E}(E,K);return this.processSegmentGroup(y,lt,pe,K)}),function k(p,y){return(0,oe.N)(function ce(p,y,E,_,w){return(K,pe)=>{let lt=E,zt=y,Mt=0;K.subscribe((0,Le._)(pe,ln=>{const Fn=Mt++;zt=lt?p(zt,ln,Fn):(lt=!0,ln),_&&pe.next(zt)},w&&(()=>{lt&&pe.next(zt),pe.complete()})))}}(p,y,arguments.length>=2,!0))}((K,pe)=>(K.push(...pe),K)),(0,Ht.U)(null),function ie(p,y){const E=arguments.length>=2;return _=>_.pipe(p?(0,tt.p)((w,K)=>p(w,K,_)):Ot.D,J(1),E?(0,Ht.U)(y):Wt(()=>new te))}(),(0,_t.Z)(K=>{if(null===K)return xn(_);const pe=ds(K);return function Lr(p){p.sort((y,E)=>y.value.outlet===Re?-1:E.value.outlet===Re?1:y.value.outlet.localeCompare(E.value.outlet))}(pe),(0,$.of)(pe)}))}processSegment(y,E,_,w,K,pe){return(0,X.H)(E).pipe((0,mt.H)(lt=>{var zt;return this.processSegmentAgainstRoute(null!==(zt=lt._injector)&&void 0!==zt?zt:y,E,lt,_,w,K,pe).pipe((0,H.W)(Mt=>{if(Mt instanceof dn)return(0,$.of)(null);throw Mt}))}),Rt(lt=>!!lt),(0,H.W)(lt=>{if(I(lt))return function Hr(p,y,E){return 0===y.length&&!p.children[E]}(_,w,K)?(0,$.of)([]):xn(_);throw lt}))}processSegmentAgainstRoute(y,E,_,w,K,pe,lt){return function sr(p,y,E,_){return!!(Wi(p)===_||_!==Re&&Go(y,E,p))&&("**"===p.path||gr(y,p,E).matched)}(_,w,K,pe)?void 0===_.redirectTo?this.matchSegmentAgainstRoute(y,w,_,K,pe,lt):lt&&this.allowRedirects?this.expandSegmentAgainstRouteUsingRedirect(y,w,E,_,K,pe):xn(w):xn(w)}expandSegmentAgainstRouteUsingRedirect(y,E,_,w,K,pe){return"**"===w.path?this.expandWildCardWithParamsAgainstRouteUsingRedirect(y,_,w,pe):this.expandRegularSegmentAgainstRouteUsingRedirect(y,E,_,w,K,pe)}expandWildCardWithParamsAgainstRouteUsingRedirect(y,E,_,w){const K=this.applyRedirects.applyRedirectCommands([],_.redirectTo,{});return _.redirectTo.startsWith("/")?qn(K):this.applyRedirects.lineralizeSegments(_,K).pipe((0,_t.Z)(pe=>{const lt=new An(pe,{});return this.processSegment(y,E,lt,pe,w,!1)}))}expandRegularSegmentAgainstRouteUsingRedirect(y,E,_,w,K,pe){const{matched:lt,consumedSegments:zt,remainingSegments:Mt,positionalParamSegments:ln}=gr(E,w,K);if(!lt)return xn(E);const Fn=this.applyRedirects.applyRedirectCommands(zt,w.redirectTo,ln);return w.redirectTo.startsWith("/")?qn(Fn):this.applyRedirects.lineralizeSegments(w,Fn).pipe((0,_t.Z)(Ei=>this.processSegment(y,_,E,Ei.concat(Mt),pe,!1)))}matchSegmentAgainstRoute(y,E,_,w,K,pe){let lt;if("**"===_.path){var zt,Mt;const ln=w.length>0?tn(w).parameters:{},Fn=new gi(w,ln,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,Xo(_),Wi(_),null!==(zt=null!==(Mt=_.component)&&void 0!==Mt?Mt:_._loadedComponent)&&void 0!==zt?zt:null,_,Br(_));lt=(0,$.of)({snapshot:Fn,consumedSegments:[],remainingSegments:[]}),E.children={}}else lt=Si(E,_,w,y).pipe((0,Me.T)(({matched:ln,consumedSegments:Fn,remainingSegments:Ei,parameters:Co})=>{var yi,Ao;return ln?{snapshot:new gi(Fn,Co,Object.freeze({...this.urlTree.queryParams}),this.urlTree.fragment,Xo(_),Wi(_),null!==(yi=null!==(Ao=_.component)&&void 0!==Ao?Ao:_._loadedComponent)&&void 0!==yi?yi:null,_,Br(_)),consumedSegments:Fn,remainingSegments:Ei}:null}));return lt.pipe((0,Xe.n)(ln=>{var Fn;return null===ln?xn(E):(y=null!==(Fn=_._injector)&&void 0!==Fn?Fn:y,this.getChildConfig(y,_,w).pipe((0,Xe.n)(({routes:Ei})=>{var Co;const yi=null!==(Co=_._loadedInjector)&&void 0!==Co?Co:y,{snapshot:Ao,consumedSegments:Cr,remainingSegments:Gi}=ln,{segmentGroup:cr,slicedSegments:zi}=rr(E,Cr,Gi,Ei);if(0===zi.length&&cr.hasChildren())return this.processChildren(yi,Ei,cr).pipe((0,Me.T)(Ls=>null===Ls?null:[new hi(Ao,Ls)]));if(0===Ei.length&&0===zi.length)return(0,$.of)([new hi(Ao,[])]);const ks=Wi(_)===K;return this.processSegment(yi,Ei,cr,zi,ks?Re:K,!0).pipe((0,Me.T)(Ls=>[new hi(Ao,Ls)]))})))}))}getChildConfig(y,E,_){return E.children?(0,$.of)({routes:E.children,injector:y}):E.loadChildren?void 0!==E._loadedRoutes?(0,$.of)({routes:E._loadedRoutes,injector:E._loadedInjector}):function uo(p,y,E,_){const w=y.canLoad;if(void 0===w||0===w.length)return(0,$.of)(!0);const K=w.map(pe=>{const lt=re(pe,p);return it(function wn(p){return p&&Ft(p.canLoad)}(lt)?lt.canLoad(y,E):p.runInContext(()=>lt(y,E)))});return(0,$.of)(K).pipe(A(),xo())}(y,E,_).pipe((0,_t.Z)(w=>w?this.configLoader.loadChildren(y,E).pipe((0,le.M)(K=>{E._loadedRoutes=K.routes,E._loadedInjector=K.injector})):function Io(p){return(0,q.$)(No(!1,3))}())):(0,$.of)({routes:[],injector:y})}}function wo(p){const y=p.value.routeConfig;return y&&""===y.path}function ds(p){const y=[],E=new Set;for(const _ of p){if(!wo(_)){y.push(_);continue}const w=y.find(K=>_.value.routeConfig===K.value.routeConfig);void 0!==w?(w.children.push(..._.children),E.add(w)):y.push(_)}for(const _ of E){const w=ds(_.children);y.push(new hi(_.value,w))}return y.filter(_=>!E.has(_))}function Xo(p){return p.data||{}}function Br(p){return p.resolve||{}}function F(p){return"string"==typeof p.title||null===p.title}function Ne(p){return(0,Xe.n)(y=>{const E=p(y);return E?(0,X.H)(E).pipe((0,Me.T)(()=>y)):(0,$.of)(y)})}const S=new t.nKC("ROUTES");let Ce=(()=>{var p;class y{constructor(){this.componentLoaders=new WeakMap,this.childrenLoaders=new WeakMap,this.compiler=(0,t.WQX)(t.Ql9)}loadComponent(_){if(this.componentLoaders.get(_))return this.componentLoaders.get(_);if(_._loadedComponent)return(0,$.of)(_._loadedComponent);this.onLoadStartListener&&this.onLoadStartListener(_);const w=it(_.loadComponent()).pipe((0,Me.T)(rn),(0,le.M)(pe=>{this.onLoadEndListener&&this.onLoadEndListener(_),_._loadedComponent=pe}),(0,ee.j)(()=>{this.componentLoaders.delete(_)})),K=new Ue(w,()=>new U.B).pipe(nt());return this.componentLoaders.set(_,K),K}loadChildren(_,w){if(this.childrenLoaders.get(w))return this.childrenLoaders.get(w);if(w._loadedRoutes)return(0,$.of)({routes:w._loadedRoutes,injector:w._loadedInjector});this.onLoadStartListener&&this.onLoadStartListener(w);const pe=function Ze(p,y,E,_){return it(p.loadChildren()).pipe((0,Me.T)(rn),(0,_t.Z)(w=>w instanceof t.Co$||Array.isArray(w)?(0,$.of)(w):(0,X.H)(y.compileModuleAsync(w))),(0,Me.T)(w=>{_&&_(p);let K,pe,lt=!1;return Array.isArray(w)?(pe=w,!0):(K=w.create(E).injector,pe=K.get(S,[],{optional:!0,self:!0}).flat()),{routes:pe.map(to),injector:K}}))}(w,this.compiler,_,this.onLoadEndListener).pipe((0,ee.j)(()=>{this.childrenLoaders.delete(w)})),lt=new Ue(pe,()=>new U.B).pipe(nt());return this.childrenLoaders.set(w,lt),lt}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();function rn(p){return function At(p){return p&&"object"==typeof p&&"default"in p}(p)?p.default:p}let Un=(()=>{var p;class y{get hasRequestedNavigation(){return 0!==this.navigationId}constructor(){this.currentNavigation=null,this.currentTransition=null,this.lastSuccessfulNavigation=null,this.events=new U.B,this.transitionAbortSubject=new U.B,this.configLoader=(0,t.WQX)(Ce),this.environmentInjector=(0,t.WQX)(t.uvJ),this.urlSerializer=(0,t.WQX)(bi),this.rootContexts=(0,t.WQX)(Mo),this.inputBindingEnabled=null!==(0,t.WQX)(Qt,{optional:!0}),this.navigationId=0,this.afterPreactivation=()=>(0,$.of)(void 0),this.rootComponentType=null,this.configLoader.onLoadEndListener=K=>this.events.next(new $r(K)),this.configLoader.onLoadStartListener=K=>this.events.next(new vo(K))}complete(){var _;null===(_=this.transitions)||void 0===_||_.complete()}handleNavigationRequest(_){var w;const K=++this.navigationId;null===(w=this.transitions)||void 0===w||w.next({...this.transitions.value,..._,id:K})}setupNavigations(_,w,K){return this.transitions=new W.t({id:0,currentUrlTree:w,currentRawUrl:w,currentBrowserUrl:w,extractedUrl:_.urlHandlingStrategy.extract(w),urlAfterRedirects:_.urlHandlingStrategy.extract(w),rawUrl:w,extras:{},resolve:null,reject:null,promise:Promise.resolve(!0),source:Zt,restoredState:null,currentSnapshot:K.snapshot,targetSnapshot:null,currentRouterState:K,targetRouterState:null,guards:{canActivateChecks:[],canDeactivateChecks:[]},guardsResult:null}),this.transitions.pipe((0,tt.p)(pe=>0!==pe.id),(0,Me.T)(pe=>({...pe,extractedUrl:_.urlHandlingStrategy.extract(pe.rawUrl)})),(0,Xe.n)(pe=>{this.currentTransition=pe;let lt=!1,zt=!1;return(0,$.of)(pe).pipe((0,le.M)(Mt=>{this.currentNavigation={id:Mt.id,initialUrl:Mt.rawUrl,extractedUrl:Mt.extractedUrl,trigger:Mt.source,extras:Mt.extras,previousNavigation:this.lastSuccessfulNavigation?{...this.lastSuccessfulNavigation,previousNavigation:null}:null}}),(0,Xe.n)(Mt=>{var ln;const Fn=Mt.currentBrowserUrl.toString(),Ei=!_.navigated||Mt.extractedUrl.toString()!==Fn||Fn!==Mt.currentUrlTree.toString(),Co=null!==(ln=Mt.extras.onSameUrlNavigation)&&void 0!==ln?ln:_.onSameUrlNavigation;if(!Ei&&"reload"!==Co){const yi="";return this.events.next(new Nn(Mt.id,this.urlSerializer.serialize(Mt.rawUrl),yi,0)),Mt.resolve(null),Ae.w}if(_.urlHandlingStrategy.shouldProcessUrl(Mt.rawUrl))return(0,$.of)(Mt).pipe((0,Xe.n)(yi=>{var Ao,Cr;const Gi=null===(Ao=this.transitions)||void 0===Ao?void 0:Ao.getValue();return this.events.next(new On(yi.id,this.urlSerializer.serialize(yi.extractedUrl),yi.source,yi.restoredState)),Gi!==(null===(Cr=this.transitions)||void 0===Cr?void 0:Cr.getValue())?Ae.w:Promise.resolve(yi)}),function jr(p,y,E,_,w,K){return(0,_t.Z)(pe=>function Fr(p,y,E,_,w,K,pe="emptyOnly"){return new kr(p,y,E,_,w,pe,K).recognize()}(p,y,E,_,pe.extractedUrl,w,K).pipe((0,Me.T)(({state:lt,tree:zt})=>({...pe,targetSnapshot:lt,urlAfterRedirects:zt}))))}(this.environmentInjector,this.configLoader,this.rootComponentType,_.config,this.urlSerializer,_.paramsInheritanceStrategy),(0,le.M)(yi=>{pe.targetSnapshot=yi.targetSnapshot,pe.urlAfterRedirects=yi.urlAfterRedirects,this.currentNavigation={...this.currentNavigation,finalUrl:yi.urlAfterRedirects};const Ao=new Di(yi.id,this.urlSerializer.serialize(yi.extractedUrl),this.urlSerializer.serialize(yi.urlAfterRedirects),yi.targetSnapshot);this.events.next(Ao)}));if(Ei&&_.urlHandlingStrategy.shouldProcessUrl(Mt.currentRawUrl)){const{id:yi,extractedUrl:Ao,source:Cr,restoredState:Gi,extras:cr}=Mt,zi=new On(yi,this.urlSerializer.serialize(Ao),Cr,Gi);this.events.next(zi);const ks=no(0,this.rootComponentType).snapshot;return this.currentTransition=pe={...Mt,targetSnapshot:ks,urlAfterRedirects:Ao,extras:{...cr,skipLocationChange:!1,replaceUrl:!1}},(0,$.of)(pe)}{const yi="";return this.events.next(new Nn(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),yi,1)),Mt.resolve(null),Ae.w}}),(0,le.M)(Mt=>{const ln=new Ui(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),this.urlSerializer.serialize(Mt.urlAfterRedirects),Mt.targetSnapshot);this.events.next(ln)}),(0,Me.T)(Mt=>(this.currentTransition=pe={...Mt,guards:T(Mt.targetSnapshot,Mt.currentSnapshot,this.rootContexts)},pe)),function xe(p,y){return(0,_t.Z)(E=>{const{targetSnapshot:_,currentSnapshot:w,guards:{canActivateChecks:K,canDeactivateChecks:pe}}=E;return 0===pe.length&&0===K.length?(0,$.of)({...E,guardsResult:!0}):function Xt(p,y,E,_){return(0,X.H)(p).pipe((0,_t.Z)(w=>function ho(p,y,E,_,w){const K=y&&y.routeConfig?y.routeConfig.canDeactivate:null;if(!K||0===K.length)return(0,$.of)(!0);const pe=K.map(lt=>{var zt;const Mt=null!==(zt=bo(y))&&void 0!==zt?zt:w,ln=re(lt,Mt);return it(function bn(p){return p&&Ft(p.canDeactivate)}(ln)?ln.canDeactivate(p,y,E,_):Mt.runInContext(()=>ln(p,y,E,_))).pipe(Rt())});return(0,$.of)(pe).pipe(A())}(w.component,w.route,E,y,_)),Rt(w=>!0!==w,!0))}(pe,_,w,p).pipe((0,_t.Z)(lt=>lt&&function En(p){return"boolean"==typeof p}(lt)?function In(p,y,E,_){return(0,X.H)(y).pipe((0,mt.H)(w=>(0,Q.x)(function po(p,y){return null!==p&&y&&y(new fo(p)),(0,$.of)(!0)}(w.route.parent,_),function ai(p,y){return null!==p&&y&&y(new Rr(p)),(0,$.of)(!0)}(w.route,_),function Do(p,y,E){const _=y[y.length-1],K=y.slice(0,y.length-1).reverse().map(pe=>function L(p){const y=p.routeConfig?p.routeConfig.canActivateChild:null;return y&&0!==y.length?{node:p,guards:y}:null}(pe)).filter(pe=>null!==pe).map(pe=>(0,ve.v)(()=>{const lt=pe.guards.map(zt=>{var Mt;const ln=null!==(Mt=bo(pe.node))&&void 0!==Mt?Mt:E,Fn=re(zt,ln);return it(function Jn(p){return p&&Ft(p.canActivateChild)}(Fn)?Fn.canActivateChild(_,p):ln.runInContext(()=>Fn(_,p))).pipe(Rt())});return(0,$.of)(lt).pipe(A())}));return(0,$.of)(K).pipe(A())}(p,w.path,E),function Ki(p,y,E){const _=y.routeConfig?y.routeConfig.canActivate:null;if(!_||0===_.length)return(0,$.of)(!0);const w=_.map(K=>(0,ve.v)(()=>{var pe;const lt=null!==(pe=bo(y))&&void 0!==pe?pe:E,zt=re(K,lt);return it(function ni(p){return p&&Ft(p.canActivate)}(zt)?zt.canActivate(y,p):lt.runInContext(()=>zt(y,p))).pipe(Rt())}));return(0,$.of)(w).pipe(A())}(p,w.route,E))),Rt(w=>!0!==w,!0))}(_,K,p,y):(0,$.of)(lt)),(0,Me.T)(lt=>({...E,guardsResult:lt})))})}(this.environmentInjector,Mt=>this.events.next(Mt)),(0,le.M)(Mt=>{if(pe.guardsResult=Mt.guardsResult,Rn(Mt.guardsResult))throw oi(0,Mt.guardsResult);const ln=new Ji(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),this.urlSerializer.serialize(Mt.urlAfterRedirects),Mt.targetSnapshot,!!Mt.guardsResult);this.events.next(ln)}),(0,tt.p)(Mt=>!!Mt.guardsResult||(this.cancelNavigationTransition(Mt,"",3),!1)),Ne(Mt=>{if(Mt.guards.canActivateChecks.length)return(0,$.of)(Mt).pipe((0,le.M)(ln=>{const Fn=new _o(ln.id,this.urlSerializer.serialize(ln.extractedUrl),this.urlSerializer.serialize(ln.urlAfterRedirects),ln.targetSnapshot);this.events.next(Fn)}),(0,Xe.n)(ln=>{let Fn=!1;return(0,$.of)(ln).pipe(function ts(p,y){return(0,_t.Z)(E=>{const{targetSnapshot:_,guards:{canActivateChecks:w}}=E;if(!w.length)return(0,$.of)(E);let K=0;return(0,X.H)(w).pipe((0,mt.H)(pe=>function ws(p,y,E,_){const w=p.routeConfig,K=p._resolve;return void 0!==(null==w?void 0:w.title)&&!F(w)&&(K[Ke]=w.title),function Wr(p,y,E,_){const w=function fs(p){return[...Object.keys(p),...Object.getOwnPropertySymbols(p)]}(p);if(0===w.length)return(0,$.of)({});const K={};return(0,X.H)(w).pipe((0,_t.Z)(pe=>function b(p,y,E,_){var w;const K=null!==(w=bo(y))&&void 0!==w?w:_,pe=re(p,K);return it(pe.resolve?pe.resolve(y,E):K.runInContext(()=>pe(y,E)))}(p[pe],y,E,_).pipe(Rt(),(0,le.M)(lt=>{K[pe]=lt}))),J(1),(0,de.u)(K),(0,H.W)(pe=>I(pe)?Ae.w:(0,q.$)(pe)))}(K,p,y,_).pipe((0,Me.T)(pe=>(p._resolvedData=pe,p.data=Jo(p,E).resolve,w&&F(w)&&(p.data[Ke]=w.title),null)))}(pe.route,_,p,y)),(0,le.M)(()=>K++),J(1),(0,_t.Z)(pe=>K===w.length?(0,$.of)(E):Ae.w))})}(_.paramsInheritanceStrategy,this.environmentInjector),(0,le.M)({next:()=>Fn=!0,complete:()=>{Fn||this.cancelNavigationTransition(ln,"",2)}}))}),(0,le.M)(ln=>{const Fn=new Bo(ln.id,this.urlSerializer.serialize(ln.extractedUrl),this.urlSerializer.serialize(ln.urlAfterRedirects),ln.targetSnapshot);this.events.next(Fn)}))}),Ne(Mt=>{const ln=Fn=>{var Ei;const Co=[];null!==(Ei=Fn.routeConfig)&&void 0!==Ei&&Ei.loadComponent&&!Fn.routeConfig._loadedComponent&&Co.push(this.configLoader.loadComponent(Fn.routeConfig).pipe((0,le.M)(yi=>{Fn.component=yi}),(0,Me.T)(()=>{})));for(const yi of Fn.children)Co.push(...ln(yi));return Co};return(0,Z.z)(ln(Mt.targetSnapshot.root)).pipe((0,Ht.U)(),(0,Ge.s)(1))}),Ne(()=>this.afterPreactivation()),(0,Me.T)(Mt=>{const ln=function Bn(p,y,E){const _=sn(p,y._root,E?E._root:void 0);return new Xi(_,y)}(_.routeReuseStrategy,Mt.targetSnapshot,Mt.currentRouterState);return this.currentTransition=pe={...Mt,targetRouterState:ln},pe}),(0,le.M)(()=>{this.events.next(new nr)}),((p,y,E,_)=>(0,Me.T)(w=>(new ao(y,w.targetRouterState,w.currentRouterState,E,_).activate(p),w)))(this.rootContexts,_.routeReuseStrategy,Mt=>this.events.next(Mt),this.inputBindingEnabled),(0,Ge.s)(1),(0,le.M)({next:Mt=>{var ln;lt=!0,this.lastSuccessfulNavigation=this.currentNavigation,this.events.next(new Gn(Mt.id,this.urlSerializer.serialize(Mt.extractedUrl),this.urlSerializer.serialize(Mt.urlAfterRedirects))),null===(ln=_.titleStrategy)||void 0===ln||ln.updateTitle(Mt.targetRouterState.snapshot),Mt.resolve(!0)},complete:()=>{lt=!0}}),(0,Se.Q)(this.transitionAbortSubject.pipe((0,le.M)(Mt=>{throw Mt}))),(0,ee.j)(()=>{var Mt;lt||zt||this.cancelNavigationTransition(pe,"",1),(null===(Mt=this.currentNavigation)||void 0===Mt?void 0:Mt.id)===pe.id&&(this.currentNavigation=null)}),(0,H.W)(Mt=>{if(zt=!0,Zn(Mt))this.events.next(new $n(pe.id,this.urlSerializer.serialize(pe.extractedUrl),Mt.message,Mt.cancellationCode)),function oo(p){return Zn(p)&&Rn(p.url)}(Mt)?this.events.next(new Eo(Mt.url)):pe.resolve(!1);else{var ln;this.events.next(new Yn(pe.id,this.urlSerializer.serialize(pe.extractedUrl),Mt,null!==(ln=pe.targetSnapshot)&&void 0!==ln?ln:void 0));try{pe.resolve(_.errorHandler(Mt))}catch(Fn){pe.reject(Fn)}}return Ae.w}))}))}cancelNavigationTransition(_,w,K){const pe=new $n(_.id,this.urlSerializer.serialize(_.extractedUrl),w,K);this.events.next(pe),_.resolve(!1)}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();function ui(p){return p!==Zt}let li=(()=>{var p;class y{buildTitle(_){let w,K=_.root;for(;void 0!==K;){var pe;w=null!==(pe=this.getResolvedTitleForRoute(K))&&void 0!==pe?pe:w,K=K.children.find(lt=>lt.outlet===Re)}return w}getResolvedTitleForRoute(_){return _.data[Ke]}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return(0,t.WQX)(Xn)},providedIn:"root"}),y})(),Xn=(()=>{var p;class y extends li{constructor(_){super(),this.title=_}updateTitle(_){const w=this.buildTitle(_);void 0!==w&&this.title.setTitle(w)}}return(p=y).\u0275fac=function(_){return new(_||p)(t.KVO(ke.hE))},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})(),Ri=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return(0,t.WQX)(Zi)},providedIn:"root"}),y})();class Ti{shouldDetach(y){return!1}store(y,E){}shouldAttach(y){return!1}retrieve(y){return null}shouldReuseRoute(y,E){return y.routeConfig===E.routeConfig}}let Zi=(()=>{var p;class y extends Ti{}return(p=y).\u0275fac=function(){let E;return function(w){return(E||(E=t.xGo(p)))(w||p)}}(),p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();const $o=new t.nKC("",{providedIn:"root",factory:()=>({})});let Ko=(()=>{var p;class y{}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:function(){return(0,t.WQX)(qo)},providedIn:"root"}),y})(),qo=(()=>{var p;class y{shouldProcessUrl(_){return!0}extract(_){return _}merge(_,w){return _}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();var go=function(p){return p[p.COMPLETE=0]="COMPLETE",p[p.FAILED=1]="FAILED",p[p.REDIRECTING=2]="REDIRECTING",p}(go||{});function So(p){throw p}function mr(p,y,E){return y.parse("/")}const ba={paths:"exact",fragment:"ignored",matrixParams:"ignored",queryParams:"exact"},Hi={paths:"subset",fragment:"ignored",matrixParams:"ignored",queryParams:"subset"};let ar=(()=>{var p;class y{get navigationId(){return this.navigationTransitions.navigationId}get browserPageId(){var _,w;return"computed"!==this.canceledNavigationResolution?this.currentPageId:null!==(_=null===(w=this.location.getState())||void 0===w?void 0:w.\u0275routerPageId)&&void 0!==_?_:this.currentPageId}get events(){return this._events}constructor(){var _,w;this.disposed=!1,this.currentPageId=0,this.console=(0,t.WQX)(t.H3F),this.isNgZoneEnabled=!1,this._events=new U.B,this.options=(0,t.WQX)($o,{optional:!0})||{},this.pendingTasks=(0,t.WQX)(t.$K3),this.errorHandler=this.options.errorHandler||So,this.malformedUriErrorHandler=this.options.malformedUriErrorHandler||mr,this.navigated=!1,this.lastSuccessfulId=-1,this.urlHandlingStrategy=(0,t.WQX)(Ko),this.routeReuseStrategy=(0,t.WQX)(Ri),this.titleStrategy=(0,t.WQX)(li),this.onSameUrlNavigation=this.options.onSameUrlNavigation||"ignore",this.paramsInheritanceStrategy=this.options.paramsInheritanceStrategy||"emptyOnly",this.urlUpdateStrategy=this.options.urlUpdateStrategy||"deferred",this.canceledNavigationResolution=this.options.canceledNavigationResolution||"replace",this.config=null!==(_=null===(w=(0,t.WQX)(S,{optional:!0}))||void 0===w?void 0:w.flat())&&void 0!==_?_:[],this.navigationTransitions=(0,t.WQX)(Un),this.urlSerializer=(0,t.WQX)(bi),this.location=(0,t.WQX)(Ee.aZ),this.componentInputBindingEnabled=!!(0,t.WQX)(Qt,{optional:!0}),this.eventsSubscription=new j.yU,this.isNgZoneEnabled=(0,t.WQX)(t.SKi)instanceof t.SKi&&t.SKi.isInAngularZone(),this.resetConfig(this.config),this.currentUrlTree=new mn,this.rawUrlTree=this.currentUrlTree,this.browserUrlTree=this.currentUrlTree,this.routerState=no(0,null),this.navigationTransitions.setupNavigations(this,this.currentUrlTree,this.routerState).subscribe(K=>{this.lastSuccessfulId=K.id,this.currentPageId=this.browserPageId},K=>{this.console.warn("Unhandled Navigation Error: ".concat(K))}),this.subscribeToNavigationEvents()}subscribeToNavigationEvents(){const _=this.navigationTransitions.events.subscribe(w=>{try{const{currentTransition:K}=this.navigationTransitions;if(null===K)return void(Ho(w)&&this._events.next(w));if(w instanceof On)ui(K.source)&&(this.browserUrlTree=K.extractedUrl);else if(w instanceof Nn)this.rawUrlTree=K.rawUrl;else if(w instanceof Di){if("eager"===this.urlUpdateStrategy){if(!K.extras.skipLocationChange){const pe=this.urlHandlingStrategy.merge(K.urlAfterRedirects,K.rawUrl);this.setBrowserUrl(pe,K)}this.browserUrlTree=K.urlAfterRedirects}}else if(w instanceof nr)this.currentUrlTree=K.urlAfterRedirects,this.rawUrlTree=this.urlHandlingStrategy.merge(K.urlAfterRedirects,K.rawUrl),this.routerState=K.targetRouterState,"deferred"===this.urlUpdateStrategy&&(K.extras.skipLocationChange||this.setBrowserUrl(this.rawUrlTree,K),this.browserUrlTree=K.urlAfterRedirects);else if(w instanceof $n)0!==w.code&&1!==w.code&&(this.navigated=!0),(3===w.code||2===w.code)&&this.restoreHistory(K);else if(w instanceof Eo){const pe=this.urlHandlingStrategy.merge(w.url,K.currentRawUrl),lt={skipLocationChange:K.extras.skipLocationChange,replaceUrl:"eager"===this.urlUpdateStrategy||ui(K.source)};this.scheduleNavigation(pe,Zt,null,lt,{resolve:K.resolve,reject:K.reject,promise:K.promise})}w instanceof Yn&&this.restoreHistory(K,!0),w instanceof Gn&&(this.navigated=!0),Ho(w)&&this._events.next(w)}catch(K){this.navigationTransitions.transitionAbortSubject.next(K)}});this.eventsSubscription.add(_)}resetRootComponentType(_){this.routerState.root.component=_,this.navigationTransitions.rootComponentType=_}initialNavigation(){if(this.setUpLocationChangeListener(),!this.navigationTransitions.hasRequestedNavigation){const _=this.location.getState();this.navigateToSyncWithBrowser(this.location.path(!0),Zt,_)}}setUpLocationChangeListener(){this.locationSubscription||(this.locationSubscription=this.location.subscribe(_=>{const w="popstate"===_.type?"popstate":"hashchange";"popstate"===w&&setTimeout(()=>{this.navigateToSyncWithBrowser(_.url,w,_.state)},0)}))}navigateToSyncWithBrowser(_,w,K){const pe={replaceUrl:!0},lt=null!=K&&K.navigationId?K:null;if(K){const Mt={...K};delete Mt.navigationId,delete Mt.\u0275routerPageId,0!==Object.keys(Mt).length&&(pe.state=Mt)}const zt=this.parseUrl(_);this.scheduleNavigation(zt,w,lt,pe)}get url(){return this.serializeUrl(this.currentUrlTree)}getCurrentNavigation(){return this.navigationTransitions.currentNavigation}get lastSuccessfulNavigation(){return this.navigationTransitions.lastSuccessfulNavigation}resetConfig(_){this.config=_.map(to),this.navigated=!1,this.lastSuccessfulId=-1}ngOnDestroy(){this.dispose()}dispose(){this.navigationTransitions.complete(),this.locationSubscription&&(this.locationSubscription.unsubscribe(),this.locationSubscription=void 0),this.disposed=!0,this.eventsSubscription.unsubscribe()}createUrlTree(_,w={}){const{relativeTo:K,queryParams:pe,fragment:lt,queryParamsHandling:zt,preserveFragment:Mt}=w,ln=Mt?this.currentUrlTree.fragment:lt;let Ei,Fn=null;switch(zt){case"merge":Fn={...this.currentUrlTree.queryParams,...pe};break;case"preserve":Fn=this.currentUrlTree.queryParams;break;default:Fn=pe||null}null!==Fn&&(Fn=this.removeEmptyProps(Fn));try{Ei=Oi(K?K.snapshot:this.routerState.snapshot.root)}catch{("string"!=typeof _[0]||!_[0].startsWith("/"))&&(_=[]),Ei=this.currentUrlTree.root}return si(Ei,_,Fn,null!=ln?ln:null)}navigateByUrl(_,w={skipLocationChange:!1}){const K=Rn(_)?_:this.parseUrl(_),pe=this.urlHandlingStrategy.merge(K,this.rawUrlTree);return this.scheduleNavigation(pe,Zt,null,w)}navigate(_,w={skipLocationChange:!1}){return function ps(p){for(let y=0;y<p.length;y++)if(null==p[y])throw new t.wOt(4008,!1)}(_),this.navigateByUrl(this.createUrlTree(_,w),w)}serializeUrl(_){return this.urlSerializer.serialize(_)}parseUrl(_){let w;try{w=this.urlSerializer.parse(_)}catch(K){w=this.malformedUriErrorHandler(K,this.urlSerializer,_)}return w}isActive(_,w){let K;if(K=!0===w?{...ba}:!1===w?{...Hi}:w,Rn(_))return ae(this.currentUrlTree,_,K);const pe=this.parseUrl(_);return ae(this.currentUrlTree,pe,K)}removeEmptyProps(_){return Object.keys(_).reduce((w,K)=>{const pe=_[K];return null!=pe&&(w[K]=pe),w},{})}scheduleNavigation(_,w,K,pe,lt){if(this.disposed)return Promise.resolve(!1);let zt,Mt,ln;lt?(zt=lt.resolve,Mt=lt.reject,ln=lt.promise):ln=new Promise((Ei,Co)=>{zt=Ei,Mt=Co});const Fn=this.pendingTasks.add();return function Ir(p,y){p.events.pipe((0,tt.p)(E=>E instanceof Gn||E instanceof $n||E instanceof Yn||E instanceof Nn),(0,Me.T)(E=>E instanceof Gn||E instanceof Nn?go.COMPLETE:E instanceof $n&&(0===E.code||1===E.code)?go.REDIRECTING:go.FAILED),(0,tt.p)(E=>E!==go.REDIRECTING),(0,Ge.s)(1)).subscribe(()=>{y()})}(this,()=>{queueMicrotask(()=>this.pendingTasks.remove(Fn))}),this.navigationTransitions.handleNavigationRequest({source:w,restoredState:K,currentUrlTree:this.currentUrlTree,currentRawUrl:this.currentUrlTree,currentBrowserUrl:this.browserUrlTree,rawUrl:_,extras:pe,resolve:zt,reject:Mt,promise:ln,currentSnapshot:this.routerState.snapshot,currentRouterState:this.routerState}),ln.catch(Ei=>Promise.reject(Ei))}setBrowserUrl(_,w){const K=this.urlSerializer.serialize(_);if(this.location.isCurrentPathEqualTo(K)||w.extras.replaceUrl){const lt={...w.extras.state,...this.generateNgRouterState(w.id,this.browserPageId)};this.location.replaceState(K,"",lt)}else{const pe={...w.extras.state,...this.generateNgRouterState(w.id,this.browserPageId+1)};this.location.go(K,"",pe)}}restoreHistory(_,w=!1){if("computed"===this.canceledNavigationResolution){var K;const lt=this.currentPageId-this.browserPageId;0!==lt?this.location.historyGo(lt):this.currentUrlTree===(null===(K=this.getCurrentNavigation())||void 0===K?void 0:K.finalUrl)&&0===lt&&(this.resetState(_),this.browserUrlTree=_.currentUrlTree,this.resetUrlToCurrentUrlTree())}else"replace"===this.canceledNavigationResolution&&(w&&this.resetState(_),this.resetUrlToCurrentUrlTree())}resetState(_){this.routerState=_.currentRouterState,this.currentUrlTree=_.currentUrlTree,this.rawUrlTree=this.urlHandlingStrategy.merge(this.currentUrlTree,_.rawUrl)}resetUrlToCurrentUrlTree(){this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree),"",this.generateNgRouterState(this.lastSuccessfulId,this.currentPageId))}generateNgRouterState(_,w){return"computed"===this.canceledNavigationResolution?{navigationId:_,\u0275routerPageId:w}:{navigationId:_}}}return(p=y).\u0275fac=function(_){return new(_||p)},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac,providedIn:"root"}),y})();function Ho(p){return!(p instanceof nr||p instanceof Eo)}let hs=(()=>{var p;class y{constructor(_,w,K,pe,lt,zt){var Mt;this.router=_,this.route=w,this.tabIndexAttribute=K,this.renderer=pe,this.el=lt,this.locationStrategy=zt,this.href=null,this.commands=null,this.onChanges=new U.B,this.preserveFragment=!1,this.skipLocationChange=!1,this.replaceUrl=!1;const ln=null===(Mt=lt.nativeElement.tagName)||void 0===Mt?void 0:Mt.toLowerCase();this.isAnchorElement="a"===ln||"area"===ln,this.isAnchorElement?this.subscription=_.events.subscribe(Fn=>{Fn instanceof Gn&&this.updateHref()}):this.setTabIndexIfNotOnNativeEl("0")}setTabIndexIfNotOnNativeEl(_){null!=this.tabIndexAttribute||this.isAnchorElement||this.applyAttributeValue("tabindex",_)}ngOnChanges(_){this.isAnchorElement&&this.updateHref(),this.onChanges.next(this)}set routerLink(_){null!=_?(this.commands=Array.isArray(_)?_:[_],this.setTabIndexIfNotOnNativeEl("0")):(this.commands=null,this.setTabIndexIfNotOnNativeEl(null))}onClick(_,w,K,pe,lt){return!!(null===this.urlTree||this.isAnchorElement&&(0!==_||w||K||pe||lt||"string"==typeof this.target&&"_self"!=this.target))||(this.router.navigateByUrl(this.urlTree,{skipLocationChange:this.skipLocationChange,replaceUrl:this.replaceUrl,state:this.state}),!this.isAnchorElement)}ngOnDestroy(){var _;null===(_=this.subscription)||void 0===_||_.unsubscribe()}updateHref(){var _;this.href=null!==this.urlTree&&this.locationStrategy?null===(_=this.locationStrategy)||void 0===_?void 0:_.prepareExternalUrl(this.router.serializeUrl(this.urlTree)):null;const w=null===this.href?null:(0,t.n$t)(this.href,this.el.nativeElement.tagName.toLowerCase(),"href");this.applyAttributeValue("href",w)}applyAttributeValue(_,w){const K=this.renderer,pe=this.el.nativeElement;null!==w?K.setAttribute(pe,_,w):K.removeAttribute(pe,_)}get urlTree(){return null===this.commands?null:this.router.createUrlTree(this.commands,{relativeTo:void 0!==this.relativeTo?this.relativeTo:this.route,queryParams:this.queryParams,fragment:this.fragment,queryParamsHandling:this.queryParamsHandling,preserveFragment:this.preserveFragment})}}return(p=y).\u0275fac=function(_){return new(_||p)(t.rXU(ar),t.rXU(io),t.kS0("tabindex"),t.rXU(t.sFG),t.rXU(t.aKT),t.rXU(Ee.hb))},p.\u0275dir=t.FsC({type:p,selectors:[["","routerLink",""]],hostVars:1,hostBindings:function(_,w){1&_&&t.bIt("click",function(pe){return w.onClick(pe.button,pe.ctrlKey,pe.shiftKey,pe.altKey,pe.metaKey)}),2&_&&t.BMQ("target",w.target)},inputs:{target:"target",queryParams:"queryParams",fragment:"fragment",queryParamsHandling:"queryParamsHandling",state:"state",relativeTo:"relativeTo",preserveFragment:["preserveFragment","preserveFragment",t.L39],skipLocationChange:["skipLocationChange","skipLocationChange",t.L39],replaceUrl:["replaceUrl","replaceUrl",t.L39],routerLink:"routerLink"},standalone:!0,features:[t.GFd,t.OA$]}),y})(),ns=(()=>{var p;class y{get isActive(){return this._isActive}constructor(_,w,K,pe,lt){this.router=_,this.element=w,this.renderer=K,this.cdr=pe,this.link=lt,this.classes=[],this._isActive=!1,this.routerLinkActiveOptions={exact:!1},this.isActiveChange=new t.bkB,this.routerEventsSubscription=_.events.subscribe(zt=>{zt instanceof Gn&&this.update()})}ngAfterContentInit(){(0,$.of)(this.links.changes,(0,$.of)(null)).pipe((0,Pe.U)()).subscribe(_=>{this.update(),this.subscribeToEachLinkOnChanges()})}subscribeToEachLinkOnChanges(){var _;null===(_=this.linkInputChangesSubscription)||void 0===_||_.unsubscribe();const w=[...this.links.toArray(),this.link].filter(K=>!!K).map(K=>K.onChanges);this.linkInputChangesSubscription=(0,X.H)(w).pipe((0,Pe.U)()).subscribe(K=>{this._isActive!==this.isLinkActive(this.router)(K)&&this.update()})}set routerLinkActive(_){const w=Array.isArray(_)?_:_.split(" ");this.classes=w.filter(K=>!!K)}ngOnChanges(_){this.update()}ngOnDestroy(){var _;this.routerEventsSubscription.unsubscribe(),null===(_=this.linkInputChangesSubscription)||void 0===_||_.unsubscribe()}update(){!this.links||!this.router.navigated||queueMicrotask(()=>{const _=this.hasActiveLinks();this._isActive!==_&&(this._isActive=_,this.cdr.markForCheck(),this.classes.forEach(w=>{_?this.renderer.addClass(this.element.nativeElement,w):this.renderer.removeClass(this.element.nativeElement,w)}),_&&void 0!==this.ariaCurrentWhenActive?this.renderer.setAttribute(this.element.nativeElement,"aria-current",this.ariaCurrentWhenActive.toString()):this.renderer.removeAttribute(this.element.nativeElement,"aria-current"),this.isActiveChange.emit(_))})}isLinkActive(_){const w=function Vr(p){return!!p.paths}(this.routerLinkActiveOptions)?this.routerLinkActiveOptions:this.routerLinkActiveOptions.exact||!1;return K=>!!K.urlTree&&_.isActive(K.urlTree,w)}hasActiveLinks(){const _=this.isLinkActive(this.router);return this.link&&_(this.link)||this.links.some(_)}}return(p=y).\u0275fac=function(_){return new(_||p)(t.rXU(ar),t.rXU(t.aKT),t.rXU(t.sFG),t.rXU(t.gRc),t.rXU(hs,8))},p.\u0275dir=t.FsC({type:p,selectors:[["","routerLinkActive",""]],contentQueries:function(_,w,K){if(1&_&&t.wni(K,hs,5),2&_){let pe;t.mGM(pe=t.lsd())&&(w.links=pe)}},inputs:{routerLinkActiveOptions:"routerLinkActiveOptions",ariaCurrentWhenActive:"ariaCurrentWhenActive",routerLinkActive:"routerLinkActive"},outputs:{isActiveChange:"isActiveChange"},exportAs:["routerLinkActive"],standalone:!0,features:[t.OA$]}),y})();const lr=new t.nKC("");let gs=(()=>{var p;class y{constructor(_,w,K,pe,lt={}){this.urlSerializer=_,this.transitions=w,this.viewportScroller=K,this.zone=pe,this.options=lt,this.lastId=0,this.lastSource="imperative",this.restoredId=0,this.store={},lt.scrollPositionRestoration=lt.scrollPositionRestoration||"disabled",lt.anchorScrolling=lt.anchorScrolling||"disabled"}init(){"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.setHistoryScrollRestoration("manual"),this.routerEventsSubscription=this.createScrollEvents(),this.scrollEventsSubscription=this.consumeScrollEvents()}createScrollEvents(){return this.transitions.events.subscribe(_=>{_ instanceof On?(this.store[this.lastId]=this.viewportScroller.getScrollPosition(),this.lastSource=_.navigationTrigger,this.restoredId=_.restoredState?_.restoredState.navigationId:0):_ instanceof Gn?(this.lastId=_.id,this.scheduleScrollEvent(_,this.urlSerializer.parse(_.urlAfterRedirects).fragment)):_ instanceof Nn&&0===_.code&&(this.lastSource=void 0,this.restoredId=0,this.scheduleScrollEvent(_,this.urlSerializer.parse(_.url).fragment))})}consumeScrollEvents(){return this.transitions.events.subscribe(_=>{_ instanceof pr&&(_.position?"top"===this.options.scrollPositionRestoration?this.viewportScroller.scrollToPosition([0,0]):"enabled"===this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition(_.position):_.anchor&&"enabled"===this.options.anchorScrolling?this.viewportScroller.scrollToAnchor(_.anchor):"disabled"!==this.options.scrollPositionRestoration&&this.viewportScroller.scrollToPosition([0,0]))})}scheduleScrollEvent(_,w){this.zone.runOutsideAngular(()=>{setTimeout(()=>{this.zone.run(()=>{this.transitions.events.next(new pr(_,"popstate"===this.lastSource?this.store[this.restoredId]:null,w))})},0)})}ngOnDestroy(){var _,w;null===(_=this.routerEventsSubscription)||void 0===_||_.unsubscribe(),null===(w=this.scrollEventsSubscription)||void 0===w||w.unsubscribe()}}return(p=y).\u0275fac=function(_){t.QTQ()},p.\u0275prov=t.jDH({token:p,factory:p.\u0275fac}),y})();function Ss(p,...y){return(0,t.EmA)([{provide:S,multi:!0,useValue:p},[],{provide:io,useFactory:ms,deps:[ar]},{provide:t.iLQ,multi:!0,useFactory:As},y.map(E=>E.\u0275providers)])}function ms(p){return p.routerState.root}function _s(p={}){return function _r(p,y){return{\u0275kind:p,\u0275providers:y}}(4,[{provide:lr,useFactory:()=>{const E=(0,t.WQX)(Ee.Xr),_=(0,t.WQX)(t.SKi),w=(0,t.WQX)(Un),K=(0,t.WQX)(bi);return new gs(K,w,E,_,p)}}])}function As(){const p=(0,t.WQX)(t.zZn);return y=>{var E,_;const w=p.get(t.o8S);if(y!==w.components[0])return;const K=p.get(ar),pe=p.get(qs);1===p.get(Gr)&&K.initialNavigation(),null===(E=p.get(vs,null,t.$GK.Optional))||void 0===E||E.setUpPreloading(),null===(_=p.get(lr,null,t.$GK.Optional))||void 0===_||_.init(),K.resetRootComponentType(w.componentTypes[0]),pe.closed||(pe.next(),pe.complete(),pe.unsubscribe())}}const qs=new t.nKC("",{factory:()=>new U.B}),Gr=new t.nKC("",{providedIn:"root",factory:()=>1}),vs=new t.nKC("")},3241:(St,Fe,u)=>{u.d(Fe,{OX:()=>ve,Qc:()=>Z,Rp:()=>at,Zp:()=>Pe,fc:()=>Ee,zz:()=>Xe});var t=u(2978),c=u(9406),O=u(7782),N=u(8129),X=u(965),$=u(3527),W=u(3793),se=u(6661),te=u(6610);const Z=new t.nKC("[WA_WINDOW]",{factory:()=>{const{defaultView:Re}=(0,t.WQX)(te.qQ);if(!Re)throw new Error("Window is not available");return Re}}),Q=Z,ve=new t.nKC("[WA_ANIMATION_FRAME]",{factory:()=>{const{requestAnimationFrame:Re,cancelAnimationFrame:Ke}=(0,t.WQX)(Q);return new c.c(Pt=>{let Kt=NaN;const Gt=an=>{Pt.next(an),Kt=Re(Gt)};return Kt=Re(Gt),()=>{Ke(Kt)}}).pipe((0,O.u)())}}),Ee=(new t.nKC("[WA_CACHES]",{factory:()=>(0,t.WQX)(Q).caches}),new t.nKC("[WA_CRYPTO]",{factory:()=>(0,t.WQX)(Q).crypto}),new t.nKC("[WA_CSS]",{factory:()=>{var Re;return null!==(Re=(0,t.WQX)(Q).CSS)&&void 0!==Re?Re:{escape:Ke=>Ke,supports:()=>!1}}}),new t.nKC("[WA_HISTORY]",{factory:()=>(0,t.WQX)(Q).history}),new t.nKC("[WA_LOCAL_STORAGE]",{factory:()=>(0,t.WQX)(Q).localStorage})),Xe=new t.nKC("[WA_LOCATION]",{factory:()=>(0,t.WQX)(Q).location}),at=new t.nKC("[WA_NAVIGATOR]",{factory:()=>(0,t.WQX)(Q).navigator}),tt=at,Pe=(new t.nKC("[WA_MEDIA_DEVICES]",{factory:()=>(0,t.WQX)(tt).mediaDevices}),new t.nKC("[WA_NETWORK_INFORMATION]",{factory:()=>(0,t.WQX)(at).connection||null}),new t.nKC("[WA_PAGE_VISIBILITY]",{factory:()=>{const Re=(0,t.WQX)(te.qQ);return(0,N.R)(Re,"visibilitychange").pipe((0,X.Z)(0),(0,$.T)(()=>"hidden"!==Re.visibilityState),(0,W.F)(),(0,se.t)({refCount:!1,bufferSize:1}))}}),new t.nKC("[WA_PERFORMANCE]",{factory:()=>(0,t.WQX)(Q).performance}),new t.nKC("[WA_SCREEN]",{factory:()=>(0,t.WQX)(Q).screen}),new t.nKC("[WA_SESSION_STORAGE]",{factory:()=>(0,t.WQX)(Q).sessionStorage}),new t.nKC("[WA_SPEECH_RECOGNITION]: [SPEECH_RECOGNITION]",{factory:()=>{const Re=(0,t.WQX)(Q);return Re.speechRecognition||Re.webkitSpeechRecognition||null}}),new t.nKC("[WA_SPEECH_SYNTHESIS]",{factory:()=>(0,t.WQX)(Q).speechSynthesis}),new t.nKC("[WA_USER_AGENT]",{factory:()=>(0,t.WQX)(tt).userAgent}))},5851:(St,Fe,u)=>{u.d(Fe,{DQ:()=>Q,ke:()=>Z});var t=u(1423),c=u(2978),O=u(9406),N=u(3241);const X=typeof ResizeObserver<"u"?ResizeObserver:class{observe(){}unobserve(){}disconnect(){}},W="content-box",te=new c.nKC("[WA_RESIZE_OPTION_BOX]",{providedIn:"root",factory:()=>W});let Z=(()=>{var Ae;class j extends O.c{constructor(){const Le=(0,c.WQX)(c.aKT).nativeElement,nt=(0,c.WQX)(te);super(Ue=>{const U=new X(Ee=>Ue.next(Ee));return U.observe(Le,{box:nt}),()=>{U.disconnect()}})}}return Ae=j,(0,t.A)(j,"\u0275fac",function(Le){return new(Le||Ae)}),(0,t.A)(j,"\u0275prov",c.jDH({token:Ae,factory:Ae.\u0275fac})),j})(),Q=(()=>{var Ae;class j{constructor(){(0,t.A)(this,"waResizeObserver",(0,c.WQX)(Z)),(0,t.A)(this,"box",W)}}return Ae=j,(0,t.A)(j,"\u0275fac",function(Le){return new(Le||Ae)}),(0,t.A)(j,"\u0275dir",c.FsC({type:Ae,selectors:[["","waResizeObserver",""]],inputs:{waResizeBox:["box","waResizeBox"]},outputs:{waResizeObserver:"waResizeObserver"},standalone:!0,features:[c.Jv_([Z,{provide:te,useFactory:()=>(0,c.WQX)(c.aKT).nativeElement.getAttribute("waResizeBox")||W}])]})),j})();new c.nKC("[WA_RESIZE_OBSERVER_SUPPORT]",{providedIn:"root",factory:()=>!!(0,c.WQX)(N.Qc).ResizeObserver})},1872:(St,Fe,u)=>{u.d(Fe,{MN:()=>jl,aD:()=>Fu,FC:()=>Kl,df:()=>kd,FS:()=>Va,gf:()=>zd,e3:()=>Uu,ic:()=>Vu,Yh:()=>Ql});var t=u(2978),c=u(2748),O=u(6610),N=u(8832),X=u(4712),$=u(2734),W=u(4822);let se=(()=>{var l;class x{constructor(){return this.nativeElement=(0,W.qW)(),new t.aKT(this.nativeElement)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiElement",""]],exportAs:["elementRef"],standalone:!0}),x})();var te=u(5180),Z=u(8598),Q=u(5173),ve=u(9141),ye=u(7434),q=u(4314),Ae=u(1028);function j(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function oe(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",4,5),t.bIt("click",function(){const ue=t.eBV(g).$implicit,st=t.XpG(2);return t.Njj(st.itemClick.emit(ue))}),t.j41(2,"span",6),t.DNE(3,j,2,1,"ng-container",7),t.k0s()()}if(2&l){const g=x.$implicit,f=t.sdS(1),D=t.XpG(2);t.Y8G("disabled",D.disabledItemHandler(g))("value",g),t.R7$(3),t.Y8G("polymorpheusOutlet",D.itemContent)("polymorpheusOutletContext",D.getContext(g,f))}}function Le(l,x){if(1&l&&(t.j41(0,"tui-data-list",2),t.DNE(1,oe,4,4,"button",3),t.k0s()),2&l){const g=t.XpG();t.Y8G("emptyContent",g.emptyContent)("size",g.size),t.R7$(1),t.Y8G("ngForOf",g.$cast(g.items))}}function nt(l,x){1&l&&t.nrm(0,"tui-loader",8)}const Ue=["labels",""];function U(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Ee(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",6,7),t.bIt("click",function(){const ue=t.eBV(g).$implicit,st=t.XpG(3);return t.Njj(st.itemClick.emit(ue))}),t.DNE(2,U,2,1,"ng-container",8),t.k0s()}if(2&l){const g=x.$implicit,f=t.sdS(1),D=t.XpG(3);t.Y8G("disabled",D.disabledItemHandler(g))("value",g),t.R7$(2),t.Y8G("polymorpheusOutlet",D.itemContent)("polymorpheusOutletContext",D.getContext(g,f))}}function Me(l,x){if(1&l&&(t.j41(0,"tui-opt-group",4),t.DNE(1,Ee,3,4,"button",5),t.k0s()),2&l){const g=x.$implicit,f=x.index,D=t.XpG(2);t.Y8G("label",D.labels[f]),t.R7$(1),t.Y8G("ngForOf",g)}}function Xe(l,x){if(1&l&&(t.j41(0,"tui-data-list",2),t.DNE(1,Me,2,2,"tui-opt-group",3),t.k0s()),2&l){const g=t.XpG();t.Y8G("emptyContent",g.emptyContent)("size",g.size),t.R7$(1),t.Y8G("ngForOf",g.items)}}function Ge(l,x){1&l&&t.nrm(0,"tui-loader",9)}let tt=(()=>{var l;class x{constructor(){this.itemsHandlers=(0,t.WQX)(Ae.E4),this.optionsQuery=ve.xQ,this.items=[],this.disabledItemHandler=this.itemsHandlers.disabledItemHandler,this.size=(0,te.pQ)(),this.itemClick=new t.bkB,this.itemContent=({$implicit:f})=>this.itemsHandlers.stringify(f)}getContext(f,{nativeElement:D}){return{$implicit:f,active:(0,ye.X)(D)}}getOptions(f=!1){return this.optionsQuery.filter(({disabled:D})=>f||!D).map(({value:D})=>D).filter(q.Aj)}$cast(f){return f}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-data-list-wrapper",3,"labels",""]],viewQuery:function(f,D){if(1&f&&t.GBs(te.aO,5),2&f){let ue;t.mGM(ue=t.lsd())&&(D.optionsQuery=ue)}},inputs:{items:"items",disabledItemHandler:"disabledItemHandler",emptyContent:"emptyContent",size:"size",itemContent:"itemContent"},outputs:{itemClick:"itemClick"},standalone:!0,features:[t.Jv_([(0,te.WD)(l)]),t.aNF],decls:3,vars:2,consts:[[3,"emptyContent","size",4,"ngIf","ngIfElse"],["loading",""],[3,"emptyContent","size"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click",4,"ngFor","ngForOf"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click"],["elementRef","elementRef"],[1,"t-content"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["automation-id","tui-data-list-wrapper__loader",1,"t-loader"]],template:function(f,D){if(1&f&&(t.DNE(0,Le,2,3,"tui-data-list",0),t.DNE(1,nt,1,0,"ng-template",null,1,t.C5r)),2&f){const ue=t.sdS(2);t.Y8G("ngIf",D.items)("ngIfElse",ue)}},dependencies:[O.Sq,O.bT,Q.xr,te.uE,te.aO,se,Z.ap],styles:["[_nghost-%COMP%]{display:block}.t-content[_ngcontent-%COMP%]{flex:1}.t-loader[_ngcontent-%COMP%]{margin:.75rem 0}"],changeDetection:0}),x})(),_t=(()=>{var l;class x extends tt{constructor(){super(...arguments),this.labels=[]}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275cmp=t.VBU({type:l,selectors:[["tui-data-list-wrapper","labels",""]],inputs:{labels:"labels"},standalone:!0,features:[t.Jv_([(0,te.WD)(l)]),t.Vt3,t.aNF],attrs:Ue,decls:3,vars:2,consts:[[3,"emptyContent","size",4,"ngIf","ngIfElse"],["loading",""],[3,"emptyContent","size"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click",4,"ngFor","ngForOf"],["automation-id","tui-data-list-wrapper__option","tuiElement","","tuiOption","","type","button",3,"disabled","value","click"],["elementRef","elementRef"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-loader"]],template:function(f,D){if(1&f&&(t.DNE(0,Xe,2,3,"tui-data-list",0),t.DNE(1,Ge,1,0,"ng-template",null,1,t.C5r)),2&f){const ue=t.sdS(2);t.Y8G("ngIf",D.items)("ngIfElse",ue)}},dependencies:[O.Sq,O.bT,Q.xr,te.uE,te.aO,te.Ji,se,Z.ap],styles:["[_nghost-%COMP%]{display:block}.t-content[_ngcontent-%COMP%]{flex:1}.t-loader[_ngcontent-%COMP%]{margin:.75rem 0}"],changeDetection:0}),x})();var Wt=u(958),Tt=u(8395),Ot=u(656);const Rt=["type","checkbox","tuiSwitch",""],mt={showIcons:!0,size:"m",icon:"@tui.check",appearance:l=>l.checked?"primary":"secondary"},le=(0,q.gc)(mt);function H(l){return(0,q.eC)(le,l,mt)}let ce=(()=>{var l;class x{constructor(){this.appearance=(0,t.WQX)(Tt.bC),this.resolver=(0,Ot.XA)(),this.options=(0,t.WQX)(le),this.el=(0,W.qW)(),this.control=(0,t.WQX)(N.vO,{self:!0,optional:!0}),this.size=this.options.size,this.showIcons=this.options.showIcons}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}get icon(){const{options:f,resolver:D,size:ue}=this,st=(0,q.YB)(f.icon)?f.icon:f.icon(ue);return this.showIcons&&st?"url(".concat(D(st),")"):null}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["input","type","checkbox","tuiSwitch",""]],hostAttrs:["role","switch"],hostVars:6,hostBindings:function(f,D){2&f&&(t.Mr5("disabled",!D.control||D.control.disabled),t.BMQ("data-size",D.size),t.xc7("--t-checked-icon",D.icon),t.AVh("_readonly",!D.control))},inputs:{size:"size",showIcons:"showIcons"},standalone:!0,features:[t.aNF,t.nM4([Tt.tF,Wt.W])],attrs:Rt,decls:0,vars:0,template:function(f,D){},styles:['[tuiSwitch]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitch][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem currentColor;outline-width:.167rem;transform:scale(.375)}[tuiSwitch][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitch]:checked:before{transform:none}[tuiSwitch]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitch]:disabled._readonly{opacity:1}[tuiSwitch]:before,[tuiSwitch]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;block-size:100%;inline-size:1.5rem}[tuiSwitch]:before{display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitch]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem currentColor;outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}\n'],encapsulation:2,changeDetection:0}),x})();var k=u(3279);const J=(0,q.gc)("@tui.chevron-down");let ie=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["ng-component"]],hostAttrs:[1,"tui-chevron"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(f,D){},styles:["[tuiChevron][tuiIcons]:after,tui-icon[tuiChevron]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-block;cursor:pointer}[tuiChevron][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevron]._chevron-rotated:after{transform:rotate(180deg)}\n"],encapsulation:2,changeDetection:0}),x})(),de=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.dropdown=(0,t.WQX)(k.pU,{optional:!0}),this.nothing=(0,q.Ty)(ie),this.toggle=(0,t.QZP)(()=>{var f;return this.el.classList.toggle("_chevron-rotated",this.chevron()||""===this.chevron()&&!(null===(f=this.dropdown)||void 0===f||!f.ref()))}),this.chevron=(0,t.vPA)("")}set tuiChevron(f){this.chevron.set(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiChevron",""]],hostAttrs:["tuiChevron",""],inputs:{tuiChevron:"tuiChevron"},standalone:!0,features:[t.Jv_([(0,q.QU)(Ot.TN,J)])]}),x})();var ee=u(7270),Se=u(7212),Pe=u(168),ke=u(4976),Re=u(811),Ke=u(712);var an=u(9702),Ln=u(5014),tn=u(4225),it=u(7492),Ye=u(1623),ct=u(8844),ae=u(4135);function he(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function je(l,x){if(1&l&&(t.j41(0,"div",6),t.DNE(1,he,2,1,"ng-container",7),t.k0s()),2&l){t.XpG();const g=t.sdS(9);t.R7$(1),t.Y8G("polymorpheusOutlet",g)}}function vt(l,x){if(1&l){const g=t.RV6();t.j41(0,"section",8)(1,"button",9),t.bIt("click.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrow(D.step))})("mousedown.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(null==D.nativeFocusableElement?null:D.nativeFocusableElement.focus())}),t.EFF(2," + "),t.k0s(),t.j41(3,"button",9),t.bIt("click.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrow(-D.step))})("mousedown.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(null==D.nativeFocusableElement?null:D.nativeFocusableElement.focus())}),t.EFF(4," - "),t.k0s()()}if(2&l){const g=t.XpG(),f=t.sdS(1);t.R7$(1),t.Y8G("appearance",f.appearance)("disabled",!g.canIncrement)("iconStart",g.icons.up),t.R7$(2),t.Y8G("appearance",f.appearance)("disabled",!g.canDecrement)("iconStart",g.icons.down)}}function Bt(l,x){1&l&&t.eu8(0)}function pn(l,x){1&l&&t.SdG(0,2)}const Tn=["*",[["input"]],[["tuiContent"]]],mn=["*","input","tuiContent"],Qi=(0,q.gc)({icons:{up:"@tui.plus",down:"@tui.minus"},min:Number.MIN_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER,step:0}),zn=new t.nKC("");let bi=(()=>{var l;class x extends an.jc{constructor(){super(...arguments),this.isIOS=(0,t.WQX)(Re.mg),this.textfieldSize=(0,t.WQX)(tn.tI),this.options=(0,t.WQX)(Qi),this.unfinishedValue="",this.polymorpheusValueContent=ve.xQ,this.valueTransformer=(0,t.WQX)(zn,{optional:!0}),this.numberFormat=Ot.RK,this.controller=(0,t.WQX)(tn.xX),this.numberFormat$=(0,t.WQX)(Ot.t9).pipe((0,ke.Eb)(this.cdr),(0,Se.pQ)()).subscribe(f=>{this.numberFormat=f}),this.min=this.options.min,this.max=this.options.max,this.step=this.options.step}get nativeFocusableElement(){return!this.textfield||this.computedDisabled?null:this.textfield.nativeFocusableElement}get focused(){var f;return!(null===(f=this.textfield)||void 0===f||!f.focused)}get inputMode(){return this.isIOS&&this.isNegativeAllowed?"text":this.precision?"decimal":"numeric"}get calculatedMaxLength(){return 18+(this.precision&&this.nativeValue.includes(this.numberFormat.decimalSeparator)?Math.min(this.precision+1,20):0)+this.numberFormat.thousandSeparator.repeat(5).length}get computedValue(){return this.focused?this.nativeValue:this.formattedValue}onValueChange(f){const D=(0,Pe.VM)(f,this.numberFormat.decimalSeparator);if(this.unfinishedValue=null,!Number.isNaN(D))return this.isNativeValueNotFinished?(this.unfinishedValue=f,void this.cdr.markForCheck()):void(D<this.computedMin||D>this.computedMax||(this.value=D));this.value=null}writeValue(f){super.writeValue(f),this.nativeValue=this.formattedValue}get size(){return this.textfieldSize.size}get icons(){return this.options.icons}get computedMin(){return this.computeMin(this.min,this.max)}get computedMax(){return this.computeMax(this.min,this.max)}get isNegativeAllowed(){return this.computedMin<0}get formattedValue(){return null!==this.value?this.getFormattedValue(this.value||0):""}get canDecrement(){return this.interactive&&(this.value||0)>this.computedMin}get canIncrement(){return this.interactive&&(this.value||0)<this.computedMax}get computedPrefix(){return this.controller.prefix}get computedPostfix(){const f=this.controller.postfix;return f&&" ".concat(f)}get mask(){return this.calculateMask(this.precision,this.numberFormat.decimalMode,this.numberFormat.decimalSeparator,this.numberFormat.thousandSeparator,this.computedMin,this.computedMax,this.computedPrefix,this.computedPostfix)}get nativeValue(){var f;return(null===(f=this.nativeFocusableElement)||void 0===f?void 0:f.value)||""}set nativeValue(f){!this.textfield||!this.nativeFocusableElement||(this.textfield.value=f,this.nativeFocusableElement.value=f)}onArrow(f){f&&(this.value=(0,Ke.wN)((this.value||0)+f,this.computedMin,this.computedMax),this.nativeValue=this.formattedValue)}onFocused(f){this.updateFocused(f);const D=this.unfinishedValue?(0,Pe.VM)(this.unfinishedValue,this.numberFormat.decimalSeparator):this.nativeNumberValue;if(this.unfinishedValue=null,Number.isNaN(D))return this.nativeValue=f&&!this.readOnly?this.computedPrefix+this.computedPostfix:"",void(this.value=null);f||(this.value=D,this.nativeValue=this.formattedValue)}getFormattedValue(f){return this.computedPrefix+function Kt(l,x={}){const{precision:g,decimalSeparator:f,thousandSeparator:D,decimalMode:ue,rounding:st}={...Ot.RK,decimalMode:"always",precision:1/0,...x},Mn=Number.isFinite(g)?(0,Ke.Vj)({value:l,precision:g,method:st}):l,ei=String(Math.floor(Math.abs(Mn)));let ji=function Pt(l,x){const[,g=""]=function Dt(l){const x=String(l),[g,f]=x.split("e-");let D=x;if(f){var ue;const[,st=""]=null!==(ue=null==g?void 0:g.split("."))&&void 0!==ue?ue:[],Mn=Number(f)+((null==st?void 0:st.length)||0);D=l.toFixed(Mn)}return D}(l).split(".");return(0,q.sZ)(x)?g.slice(0,Math.max(0,x)):g}(Mn,g);const Qo=Number(ji)>0;if(Number.isFinite(g))if("always"===ue||Qo&&"pad"===ue){const Er=Math.max(g-ji.length,0),za="0".repeat(Er);ji="".concat(ji).concat(za)}else ji=ji.replace(/0*$/,"");const Yr=ei.length%3;let Zr=(l<0?ve.SD:"")+ei.charAt(0);for(let Er=1;Er<ei.length;Er++)Er%3===Yr&&ei.length>3&&(Zr+=D),Zr+=ei.charAt(Er);return ji?Zr+f+ji:Zr}(f,{...this.numberFormat,precision:this.precision}).replace(ve.SD,ve.el)+this.computedPostfix}get isNativeValueNotFinished(){const f=this.nativeNumberValue;return f<0?f>this.computedMax:f<this.computedMin}get nativeNumberValue(){return(0,Pe.VM)(this.nativeValue,this.numberFormat.decimalSeparator)}get precision(){return Number.isNaN(this.numberFormat.precision)?2:this.numberFormat.precision}computeMin(f,D){var ue,st,Mn,ei,ji,Qo;return Math.min(null!==(ue=null!==(st=null===(Mn=this.valueTransformer)||void 0===Mn?void 0:Mn.fromControlValue(f))&&void 0!==st?st:f)&&void 0!==ue?ue:this.options.min,null!==(ei=null!==(ji=null===(Qo=this.valueTransformer)||void 0===Qo?void 0:Qo.fromControlValue(D))&&void 0!==ji?ji:D)&&void 0!==ei?ei:this.options.max)}computeMax(f,D){var ue,st,Mn,ei,ji,Qo;return Math.max(null!==(ue=null!==(st=null===(Mn=this.valueTransformer)||void 0===Mn?void 0:Mn.fromControlValue(f))&&void 0!==st?st:f)&&void 0!==ue?ue:this.options.min,null!==(ei=null!==(ji=null===(Qo=this.valueTransformer)||void 0===Qo?void 0:Qo.fromControlValue(D))&&void 0!==ji?ji:D)&&void 0!==ei?ei:this.options.max)}calculateMask(f,D,ue,st,Mn,ei,ji,Qo){const Yr={decimalSeparator:ue,thousandSeparator:st,min:Mn,max:ei,prefix:ji,postfix:Qo,precision:f,decimalZeroPadding:"always"===D},{plugins:Ha,...Zr}=(0,Pe.TK)(Yr);return{...Zr,plugins:[...Ha,(0,Pe.N_)(Er=>[ji.length,Er.length-Qo.length])]}}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275cmp=t.VBU({type:l,selectors:[["tui-input-number"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,Q.xr,5),2&f){let st;t.mGM(st=t.lsd())&&(D.polymorpheusValueContent=st)}},viewQuery:function(f,D){if(1&f&&t.GBs(Ln.eD,5),2&f){let ue;t.mGM(ue=t.lsd())&&(D.textfield=ue.first)}},hostVars:1,hostBindings:function(f,D){1&f&&t.bIt("keydown.arrowDown",function(){return D.onArrow(-D.step)})("keydown.arrowUp",function(){return D.onArrow(D.step)}),2&f&&t.BMQ("data-size",D.size)},inputs:{min:"min",max:"max",step:"step"},features:[t.Jv_([(0,Ye.Jr)(l),(0,an.SN)(l),tn.ZW]),t.Vt3],ngContentSelectors:mn,decls:10,vars:14,consts:[["tuiTextfieldPostfix","","tuiTextfieldPrefix","","tuiValueAccessor","",1,"t-textfield",3,"disabled","focusable","invalid","maskito","pseudoActive","pseudoFocus","pseudoHover","readOnly","value","focusedChange","valueChange"],["textfield",""],["ngProjectAs","tuiContent","class","t-value-content",5,["tuiContent"],4,"ngIf"],["class","t-buttons",4,"ngIf"],[4,"ngIf"],["valueContent",""],["ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value-content"],[4,"polymorpheusOutlet"],[1,"t-buttons"],["size","s","tabindex","-1","tuiIconButton","","type","button",1,"t-button",3,"appearance","disabled","iconStart","click.prevent","mousedown.prevent"]],template:function(f,D){1&f&&(t.NAR(Tn),t.j41(0,"tui-primitive-textfield",0,1),t.bIt("focusedChange",function(st){return D.onFocused(st)})("valueChange",function(st){return D.onValueChange(st)}),t.SdG(2),t.SdG(3,1,["ngProjectAs","input",5,["input"]]),t.DNE(4,je,2,1,"div",2),t.k0s(),t.DNE(5,vt,5,6,"section",3),t.DNE(6,Bt,1,0,"ng-container",4),t.nI1(7,"async"),t.DNE(8,pn,1,0,"ng-template",null,5,t.C5r)),2&f&&(t.Y8G("disabled",D.computedDisabled)("focusable",D.focusable)("invalid",D.computedInvalid)("maskito",D.mask)("pseudoActive",D.pseudoActive)("pseudoFocus",D.computedFocused)("pseudoHover",D.pseudoHover)("readOnly",D.readOnly)("value",D.computedValue),t.R7$(4),t.Y8G("ngIf",D.polymorpheusValueContent.length),t.R7$(1),t.Y8G("ngIf",D.step),t.R7$(1),t.Y8G("ngIf",t.bMT(7,12,D.polymorpheusValueContent.changes)))},dependencies:[O.bT,ct.u,Ln.eD,Ln.gt,tn.rQ,tn.Om,Q.xr,it.aD,ae.p,O.Jj],styles:["[_nghost-%COMP%]{display:flex;border-radius:var(--tui-radius-m);text-align:start}.t-textfield[_ngcontent-%COMP%]{flex:1;min-inline-size:0;max-inline-size:100%;border-radius:inherit;text-align:inherit}.t-textfield[_ngcontent-%COMP%]:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.t-value-content[_ngcontent-%COMP%]{inline-size:100%}.t-buttons[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:stretch;margin-left:.125rem;border-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]{flex-direction:row-reverse}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:first-child{margin:0 0 0 .125rem;border-start-end-radius:inherit;border-end-end-radius:inherit}[data-size=s][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:last-child{border-radius:0}[data-size=m][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{inline-size:calc(var(--tui-height-m) * .75)}[data-size=l][_ngcontent-%COMP%] + .t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{inline-size:calc(var(--tui-height-l) * .75)}.t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]{display:flex;flex:1;block-size:auto;align-items:center;justify-content:center;border-radius:0}.t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:first-child{margin-bottom:.125rem;border-start-end-radius:inherit}.t-buttons[_ngcontent-%COMP%]   .t-button[_ngcontent-%COMP%]:last-child{border-end-end-radius:inherit}"],changeDetection:0}),(0,ee.Cg)([q.PE],x.prototype,"computeMin",null),(0,ee.Cg)([q.PE],x.prototype,"computeMax",null),(0,ee.Cg)([q.PE],x.prototype,"calculateMask",null),x})(),Bi=(()=>{var l;class x extends an.aX{get value(){return this.host.computedValue}onValueChange(f){this.host.onValueChange(f)}ngDoCheck(){this.host.nativeFocusableElement&&(this.host.nativeFocusableElement.inputMode=this.host.inputMode,this.host.nativeFocusableElement.maxLength=this.host.nativeFocusableElement.maxLength>0?this.host.nativeFocusableElement.maxLength:this.host.calculatedMaxLength)}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["tui-input-number"]],features:[t.Jv_([(0,Ye.Sc)(l)]),t.Vt3]}),x})(),To=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({imports:[O.MD,Ln.Rp,tn.CN,it.r5]}),x})();var ci=u(7300);class co{constructor(x,g){this._document=g;const f=this._textarea=this._document.createElement("textarea"),D=f.style;D.position="fixed",D.top=D.opacity="0",D.left="-999em",f.setAttribute("aria-hidden","true"),f.value=x,f.readOnly=!0,(this._document.fullscreenElement||this._document.body).appendChild(f)}copy(){const x=this._textarea;let g=!1;try{if(x){const f=this._document.activeElement;x.select(),x.setSelectionRange(0,x.value.length),g=this._document.execCommand("copy"),f&&f.focus()}}catch{}return g}destroy(){const x=this._textarea;x&&(x.remove(),this._textarea=void 0)}}let mo=(()=>{var l;class x{constructor(f){this._document=f}copy(f){const D=this.beginCopy(f),ue=D.copy();return D.destroy(),ue}beginCopy(f){return new co(f,this._document)}}return(l=x).\u0275fac=function(f){return new(f||l)(t.KVO(O.qQ))},l.\u0275prov=t.jDH({token:l,factory:l.\u0275fac,providedIn:"root"}),x})();const Vi=new t.nKC("CDK_COPY_TO_CLIPBOARD_CONFIG");let Et=(()=>{var l;class x{constructor(f,D,ue){this._clipboard=f,this._ngZone=D,this.text="",this.attempts=1,this.copied=new t.bkB,this._pending=new Set,ue&&null!=ue.attempts&&(this.attempts=ue.attempts)}copy(f=this.attempts){if(f>1){let D=f;const ue=this._clipboard.beginCopy(this.text);this._pending.add(ue);const st=()=>{const Mn=ue.copy();Mn||! --D||this._destroyed?(this._currentTimeout=null,this._pending.delete(ue),ue.destroy(),this.copied.emit(Mn)):this._currentTimeout=this._ngZone.runOutsideAngular(()=>setTimeout(st,1))};st()}else this.copied.emit(this._clipboard.copy(this.text))}ngOnDestroy(){this._currentTimeout&&clearTimeout(this._currentTimeout),this._pending.forEach(f=>f.destroy()),this._pending.clear(),this._destroyed=!0}}return(l=x).\u0275fac=function(f){return new(f||l)(t.rXU(mo),t.rXU(t.SKi),t.rXU(Vi,8))},l.\u0275dir=t.FsC({type:l,selectors:[["","cdkCopyToClipboard",""]],hostBindings:function(f,D){1&f&&t.bIt("click",function(){return D.copy()})},inputs:{text:["cdkCopyToClipboard","text"],attempts:["cdkCopyToClipboardAttempts","attempts"]},outputs:{copied:"cdkCopyToClipboardCopied"}}),x})(),on=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({}),x})();var cn=u(8191),xt=u(5981),un=u(6104),rt=u(2831),ze=u(3229),we=u(3527),ge=u(965),Y=u(2489),He=u(9090),pt=u(9656),jt=u(8503),_n=u(3422),vn=u(8887),ri=u(199),Vn=u(8486),Wn=u(3793),Rn=u(4768);let Fi=(()=>{var l;class x extends se{}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["","tuiResizable",""]],standalone:!0,features:[t.Vt3]}),x})(),Oi=(()=>{var l;class x{constructor(){this.resizable=(0,t.WQX)(Fi),this.x=NaN,this.y=NaN,this.width=0,this.height=0,this.tuiResizer=[0,0],this.tuiSizeChange=new t.bkB}get cursor(){return this.tuiResizer[0]?this.tuiResizer[1]?this.tuiResizer[0]*this.tuiResizer[1]>0?"nwse-resize":"nesw-resize":"ew-resize":"ns-resize"}onPointerDown(f,D){this.x=f,this.y=D,this.width=this.resizable.nativeElement.clientWidth,this.height=this.resizable.nativeElement.clientHeight}onPointerMove({x:f,y:D,buttons:ue}){ue?this.onMove(f,D):this.onPointerUp()}onPointerUp(){this.x=NaN}onMove(f,D){if(Number.isNaN(this.x))return;const{style:ue}=this.resizable.nativeElement,st=[this.width+this.tuiResizer[0]*(f-this.x),this.height+this.tuiResizer[1]*(D-this.y)];this.tuiResizer[0]&&(ue.width=(0,q.Pp)(st[0])),this.tuiResizer[1]&&(ue.height=(0,q.Pp)(st[1])),this.tuiSizeChange.emit(st)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiResizer",""]],hostVars:4,hostBindings:function(f,D){1&f&&t.bIt("pointerdown.silent.prevent",function(st){return D.onPointerDown(st.x,st.y)})("pointermove.silent",function(st){return D.onPointerMove(st)},!1,t.EBC)("pointerup.silent",function(){return D.onPointerUp()},!1,t.EBC),2&f&&t.xc7("cursor",D.cursor)("touch-action","none")},inputs:{tuiResizer:"tuiResizer"},outputs:{tuiSizeChange:"tuiSizeChange"},standalone:!0}),x})();var si=u(7187);const pi=["wrapper"];function Mi(l,x){if(1&l&&(t.j41(0,"tui-loader",4),t.eu8(1,5),t.k0s()),2&l){const g=t.XpG(2);t.Y8G("overlay",!0)("showLoader",g.loading),t.R7$(1),t.Y8G("ngTemplateOutlet",g.content)}}function xi(l,x){if(1&l&&(t.qex(0),t.SdG(1),t.DNE(2,Mi,2,3,"tui-loader",3),t.bVm()),2&l){const g=t.XpG();t.R7$(2),t.Y8G("ngIf",g.async)("ngIfElse",g.content)}}const Dn=["*"];let ki=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiExpandContent",""]],standalone:!0}),x})();let Je=(()=>{var l;class x{constructor(){this.cdr=(0,t.WQX)(t.gRc),this.destroyRef=(0,t.WQX)(t.abz),this.state=0,this.content=null,this.expanded=null,this.async=!1}set expandedSetter(f){if(null!==this.expanded)return 0!==this.state?(this.expanded=f,void(this.state=3)):(this.expanded=f,void this.retrigger(this.async&&f?1:3));this.expanded=f}get contentVisible(){return this.expanded||0!==this.state}get overflow(){return 0!==this.state}get loading(){return!!this.expanded&&this.async&&1===this.state}get height(){const{expanded:f,state:D,contentWrapper:ue}=this;return f&&2===D||!f&&3===D?0:ue&&(!f&&2===D||f&&3===D)?ue.nativeElement.offsetHeight:ue&&f&&1===D?Math.max(ue.nativeElement.offsetHeight,48):null}onTransitionEnd({propertyName:f,pseudoElement:D}){"opacity"===f&&!D&&3===this.state&&(this.state=0)}onExpandLoaded(f){f.stopPropagation(),1===this.state&&this.retrigger(3)}retrigger(f){this.state=2,(0,ze.O)(0).pipe((0,Se.pQ)(this.destroyRef)).subscribe(()=>{2===this.state&&(this.state=f,this.cdr.markForCheck())})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-expand"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,ki,5,t.C4Q),2&f){let st;t.mGM(st=t.lsd())&&(D.content=st.first)}},viewQuery:function(f,D){if(1&f&&t.GBs(pi,5),2&f){let ue;t.mGM(ue=t.lsd())&&(D.contentWrapper=ue.first)}},hostAttrs:["ngSkipHydration","true"],hostVars:9,hostBindings:function(f,D){1&f&&t.bIt("transitionend.self",function(st){return D.onTransitionEnd(st)})("tui-expand-loaded",function(st){return D.onExpandLoaded(st)}),2&f&&(t.BMQ("aria-expanded",D.expanded),t.xc7("height",D.height,"px"),t.AVh("_loading",D.loading)("_overflow",D.overflow)("_expanded",D.expanded))},inputs:{async:"async",expandedSetter:["expanded","expandedSetter"]},standalone:!0,features:[t.aNF],ngContentSelectors:Dn,decls:3,vars:3,consts:[[1,"t-wrapper"],["wrapper",""],[4,"ngIf"],["size","l",3,"overlay","showLoader",4,"ngIf","ngIfElse"],["size","l",3,"overlay","showLoader"],[3,"ngTemplateOutlet"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"div",0,1),t.DNE(2,xi,3,2,"ng-container",2),t.k0s()),2&f&&(t.Y8G("@tuiParentAnimation",void 0)("@.disabled",D.overflow),t.R7$(2),t.Y8G("ngIf",D.contentVisible))},dependencies:[O.bT,O.T3,Z.ap],styles:['[_nghost-%COMP%]{transition-property:opacity,height,visibility;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;opacity:0;transition-delay:1ms}._overflow[_nghost-%COMP%]{overflow:hidden}._expanded[_nghost-%COMP%]{opacity:1;transform:translateZ(0)}._loading[_nghost-%COMP%]{opacity:.99}.t-wrapper[_ngcontent-%COMP%]:before, .t-wrapper[_ngcontent-%COMP%]:after{content:"";display:table}'],data:{animation:[si.fj]},changeDetection:0}),x})();var ft=u(7442),gt=u(5950);function bt(l,x){1&l&&t.nrm(0,"tui-icon",2),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function yt(l,x){1&l&&t.eu8(0)}const Nt=(0,q.gc)({iconSmall:"@tui.chevron-down",iconLarge:"@tui.chevron-down"});let Zt=(()=>{var l;class x{constructor(){this.control=(0,t.WQX)(an.Er,{optional:!0}),this.textfieldSize=(0,t.WQX)(tn.tI),this.options=(0,t.WQX)(Nt),this.directive=(0,t.WQX)(k.iE,{optional:!0})}get rotated(){var f;return(null===(f=this.directive)||void 0===f?void 0:f.tuiDropdownOpen)||!!this.control.pseudoOpen||!1}get small(){return!(0,gt.Wu)(this.textfieldSize.size)}get arrowIcon(){return this.small?this.options.iconSmall:this.options.iconLarge}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-arrow"]],hostVars:4,hostBindings:function(f,D){2&f&&t.AVh("_rotated",D.rotated)("_small",D.small)},standalone:!0,features:[t.aNF],decls:3,vars:4,consts:[[3,"icon",4,"polymorpheusOutlet"],[4,"ngIf"],[3,"icon"]],template:function(f,D){1&f&&(t.DNE(0,bt,1,1,"tui-icon",0),t.DNE(1,yt,1,0,"ng-container",1),t.nI1(2,"async")),2&f&&(t.Y8G("polymorpheusOutlet",D.arrowIcon),t.R7$(1),t.Y8G("ngIf",t.bMT(2,2,null==D.directive?null:D.directive.tuiDropdownOpenChange)))},dependencies:[O.Jj,O.bT,Q.xr,X.q],styles:["[_nghost-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}._rotated[_nghost-%COMP%]{transform:rotate(180deg)}tui-icon[_ngcontent-%COMP%]{border:.25rem solid transparent}"],changeDetection:0}),x})();const gn=new Q.lS(Zt),Gn=(0,q.gc)({interactive:gn,disabled:gn});var Nn=u(8448),Yn=u(599);function Di(l,x){if(1&l&&t.nrm(0,"tui-icon",3),2&l){const g=t.XpG();t.Y8G("icon",g.icons.check)("tuiScrollIntoView",!0)}}function Ui(l,x){1&l&&t.nrm(0,"span",4)}const _o=new Q.lS((()=>{var l;class x{constructor(){this.host=(0,t.WQX)(te.KN),this.el=(0,W.qW)(),this.changeDetection$=new un.B,this.abstractControl=(0,t.WQX)(an.Er,{optional:!0}),this.control=(0,t.WQX)(N.vO),this.option=(0,t.WQX)(te.aO),this.dataList=(0,t.WQX)(te.uE,{optional:!0}),this.icons=(0,t.WQX)(Ot._Z),this.context=(0,Q.Dm)(),this.selected$=(0,Y.h)(this.changeDetection$,this.control.valueChanges||Nn.w,(0,ke.xM)(this.el,"animationstart")).pipe((0,ge.Z)(null),(0,we.T)(()=>this.selected),(0,Wn.F)())}ngOnInit(){Promise.resolve().then(()=>{var f,D;(0,q.Aj)(this.option.value)&&!this.option.disabled&&(null===(f=(D=this.host).checkOption)||void 0===f||f.call(D,this.option.value))})}ngDoCheck(){this.changeDetection$.next()}get value(){var f,D;return null!==(f=null===(D=this.abstractControl)||void 0===D?void 0:D.value)&&void 0!==f?f:this.control.value}get matcher(){return this.host.identityMatcher||ve.BJ}get selected(){return(0,q.Aj)(this.option.value)&&(0,q.Aj)(this.value)&&this.matcher(this.value,this.option.value)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-select-option"]],decls:5,vars:5,consts:[[3,"ngTemplateOutlet"],["automation-id","tui-select-option__checkmark","class","t-checkmark",3,"icon","tuiScrollIntoView",4,"ngIf","ngIfElse"],["dummy",""],["automation-id","tui-select-option__checkmark",1,"t-checkmark",3,"icon","tuiScrollIntoView"],[1,"t-dummy"]],template:function(f,D){if(1&f&&(t.eu8(0,0),t.DNE(1,Di,1,2,"tui-icon",1),t.nI1(2,"async"),t.DNE(3,Ui,1,0,"ng-template",null,2,t.C5r)),2&f){const ue=t.sdS(4);t.Y8G("ngTemplateOutlet",D.context.$implicit),t.R7$(1),t.Y8G("ngIf",t.bMT(2,3,D.selected$))("ngIfElse",ue)}},dependencies:[O.bT,O.T3,Yn.pF,X.q,O.Jj],styles:['@keyframes _ngcontent-%COMP%_retrigger{0%{left:1px}to{left:2px}}[_nghost-%COMP%]{display:flex;flex:1;align-items:center;max-inline-size:100%;animation:_ngcontent-%COMP%_retrigger 1s}.t-checkmark[_ngcontent-%COMP%]{margin-inline-start:auto;inline-size:1.75rem;border:.25rem solid transparent;border-inline-start-width:.5rem}tui-data-list[data-size="s"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-size="s"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{margin-inline-end:-.375rem}tui-data-list[data-size="m"][_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%], tui-data-list[data-size="m"]   [_nghost-%COMP%]   .t-checkmark[_ngcontent-%COMP%]{margin-inline-end:-.125rem}.t-dummy[_ngcontent-%COMP%]{inline-size:1.75rem}'],changeDetection:0}),x})());let Bo=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({imports:[O.MD,X.q]}),x})();var vo=u(4198);let $r=(()=>{var l;class x{constructor(){var f;this.el=(0,W.qW)(),this.host=(0,t.WQX)(k.iE,{self:!0}),this.external=(0,t.WQX)(k.P0,{optional:!0}),this.host.driver.pipe((0,Wn.F)(),(0,Se.pQ)()).subscribe(D=>{var ue;return null===(ue=this.external)||void 0===ue?void 0:ue.tuiDropdownOpenChange.next(D)}),null===(f=this.external)||void 0===f||f.tuiDropdownOpenChange.pipe((0,Wn.F)(),(0,Se.pQ)()).subscribe(D=>{var ue;D&&(null===(ue=(0,ye.km)({initial:this.el,root:this.el}))||void 0===ue||ue.focus()),this.host.toggle(D)})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiDropdownOpenMonitor",""]],standalone:!0}),x})();var fo=u(453);function hi(l,x){1&l&&t.SdG(0,2,["*ngIf","isMobile"])}function qi(l,x){if(1&l&&t.DNE(0,hi,1,0,"ng-content",6),2&l){const g=t.XpG();t.Y8G("ngIf",g.isMobile)}}function Xi(l,x){1&l&&t.eu8(0,7)}function no(l,x){1&l&&t.nrm(0,"div",10),2&l&&t.Y8G("textContent",x.polymorpheusOutlet)}const jo=function(l,x){return{$implicit:l,active:x}};function io(l,x){if(1&l&&(t.j41(0,"div",8),t.DNE(1,no,1,1,"div",9),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.computedContent)("polymorpheusOutletContext",t.l_i(2,jo,g.value,g.computedFocused))}}function Jo(l,x){1&l&&t.eu8(0)}function Vo(l,x){if(1&l&&(t.j41(0,"div",11),t.DNE(1,Jo,1,0,"ng-container",12),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.arrow)}}const gi=["*",[["input"]],[["select"]]],fn=["*","input","select"],We=(0,q.gc)({valueContent:""});let $t=(()=>{var l;class x extends an.jc{constructor(){super(...arguments),this.itemsHandlers=(0,t.WQX)(Ae.E4),this.textfieldCleaner=(0,t.WQX)(tn.u1),this.textfieldSize=(0,t.WQX)(tn.tI),this.arrowMode=(0,t.WQX)(Gn),this.options=(0,t.WQX)(We),this.isMobile=(0,t.WQX)(Re.Td),this.open=!1,this.stringify=this.itemsHandlers.stringify,this.identityMatcher=this.itemsHandlers.identityMatcher,this.valueContent=this.options.valueContent}get size(){return this.textfieldSize.size}get nativeFocusableElement(){var f,D;return null!==(f=null===(D=this.textfield)||void 0===D?void 0:D.nativeFocusableElement)&&void 0!==f?f:null}get focused(){var f;return(0,ye.X)(this.nativeFocusableElement)||!(null===(f=this.dropdown)||void 0===f||!f.tuiDropdownOpen)}get computedValue(){return null===this.value?"":this.stringify(this.value)||" "}onValueChange(f){this.value=f||null}handleOption(f){this.focusInput(),this.value=f,this.open=!1}get arrow(){return this.interactive?this.arrowMode.interactive:this.arrowMode.disabled}get nativeDropdownMode(){return!!this.nativeSelect&&this.isMobile}get computedContent(){return this.valueContent||this.computedValue}onActiveZone(f){this.updateFocused(f)}onKeyDownDelete(){this.textfieldCleaner.cleaner&&(this.value=null)}focusInput(f=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:f})}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275cmp=t.VBU({type:l,selectors:[["tui-select"]],contentQueries:function(f,D,ue){if(1&f&&(t.wni(ue,an.oB,7),t.wni(ue,te.WX,5,t.C4Q)),2&f){let st;t.mGM(st=t.lsd())&&(D.nativeSelect=st.first),t.mGM(st=t.lsd())&&(D.datalist=st.first)}},viewQuery:function(f,D){if(1&f&&(t.GBs(Ln.eD,5),t.GBs(k.iE,5)),2&f){let ue;t.mGM(ue=t.lsd())&&(D.textfield=ue.first),t.mGM(ue=t.lsd())&&(D.dropdown=ue.first)}},hostVars:1,hostBindings:function(f,D){2&f&&t.BMQ("data-size",D.size)},inputs:{stringify:"stringify",identityMatcher:"identityMatcher",valueContent:"valueContent"},features:[t.Jv_([(0,Ye.Jr)(l),(0,an.SN)(l),(0,te.PU)(l),(0,te.NW)(_o)],[fo.MJ]),t.Vt3],ngContentSelectors:fn,decls:10,vars:16,consts:[["tuiDropdownOpenMonitor","",1,"t-hosted",3,"tuiDropdown","tuiDropdownEnabled","tuiDropdownOpen","tuiDropdownOpenChange","tuiActiveZoneChange"],["automation-id","tui-select__textfield",1,"t-textfield",3,"disabled","editable","focusable","invalid","nativeId","pseudoActive","pseudoFocus","pseudoHover","readOnly","tuiTextfieldIcon","value","keydown.backspace.prevent","keydown.delete.prevent","valueChange"],["select",""],["ngProjectAs","select",5,["select"],4,"ngTemplateOutlet"],["automation-id","tui-select__value","ngProjectAs","tuiContent","class","t-value",5,["tuiContent"],4,"ngIf"],["icon",""],[4,"ngIf"],["ngProjectAs","select",5,["select"]],["automation-id","tui-select__value","ngProjectAs","tuiContent",5,["tuiContent"],1,"t-value"],["class","t-primitive-value",3,"textContent",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive-value",3,"textContent"],["appearance","icon","tuiWrapper","",1,"t-icon"],[4,"polymorpheusOutlet"]],template:function(f,D){if(1&f&&(t.NAR(gi),t.j41(0,"div",0),t.bIt("tuiDropdownOpenChange",function(st){return D.open=st})("tuiActiveZoneChange",function(st){return D.onActiveZone(st)}),t.j41(1,"tui-primitive-textfield",1),t.bIt("keydown.backspace.prevent",function(){return D.onKeyDownDelete()})("keydown.delete.prevent",function(){return D.onKeyDownDelete()})("valueChange",function(st){return D.onValueChange(st)}),t.SdG(2),t.SdG(3,1,["ngProjectAs","input",5,["input"]]),t.DNE(4,qi,1,1,"ng-template",null,2,t.C5r),t.DNE(6,Xi,1,0,"ng-container",3),t.DNE(7,io,2,5,"div",4),t.k0s(),t.DNE(8,Vo,2,1,"ng-template",null,5,t.C5r),t.k0s()),2&f){const ue=t.sdS(5),st=t.sdS(9);t.Y8G("tuiDropdown",D.datalist||"")("tuiDropdownEnabled",D.interactive&&!D.nativeDropdownMode)("tuiDropdownOpen",D.open),t.R7$(1),t.Y8G("disabled",D.computedDisabled)("editable",!1)("focusable",D.computedFocusable)("invalid",D.computedInvalid)("nativeId",D.nativeId)("pseudoActive",D.pseudoActive)("pseudoFocus",D.computedFocused)("pseudoHover",D.pseudoHover)("readOnly",D.readOnly)("tuiTextfieldIcon",D.arrow?st:"")("value",D.computedValue),t.R7$(5),t.Y8G("ngTemplateOutlet",ue),t.R7$(1),t.Y8G("ngIf",null!==D.value)}},dependencies:[O.bT,O.T3,Q.xr,Ln.eD,Ln.gt,vo.l,tn.OC,$r,k.pU,k.iE],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:start}[_nghost-%COMP%]:not(._readonly)     input:not(:disabled){cursor:pointer}._readonly[_nghost-%COMP%]     input{cursor:default}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}.t-value[_ngcontent-%COMP%]{display:flex;inline-size:100%;align-items:center}.t-primitive-value[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),x})(),Qt=(()=>{var l;class x extends an.aX{get readOnly(){return!0}get value(){return this.host.computedValue}get stringify(){return this.host.stringify}onValueChange(f){this.host.onValueChange(f)}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["tui-select"]],features:[t.Jv_([(0,Ye.Sc)(l)]),t.Vt3]}),x})(),hn=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275mod=t.$C({type:l}),l.\u0275inj=t.G2t({imports:[O.MD,Ln.Rp,Bo,Zt,vo.E,tn.CN,k.Vh,te.uE,te.aO,tt,_t]}),x})();var Bn=u(194);let Ci,oi,No,oo,Zn,fi,ro,sn=(()=>{var l;class x{transform(f,D,...ue){return f.filter(st=>D(st,...ue))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiFilter",type:l,pure:!0,standalone:!0}),x})(),Ai=(()=>{var l;class x{transform(f){return Array.from(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiToArray",type:l,pure:!0,standalone:!0}),x})();function Uo(l){const x=l.replace("#","").split("").map((g,f,D)=>3===D.length?g+g:g).join("").match(/.{2}/g);return x?x.map(g=>Number.parseInt(g,16)):[0,0,0]}String.raw(Ci||(Ci=jv||(jv=Zo(["s*,s*"],["\\s*,\\s*"])))),String.raw(oi||(oi=Wv||(Wv=Zo(["(s*(?:d{1,3}s*,s*){2}d{1,3}s*)"],["\\(\\s*(?:\\d{1,3}\\s*,\\s*){2}\\d{1,3}\\s*\\)"])))),String.raw(No||(No=Gv||(Gv=Zo(["(s*(?:d{1,3}s*,s*){2}d{1,3}s*,s*d*.?d+)"],["\\(\\s*(?:\\d{1,3}\\s*,\\s*){2}\\d{1,3}\\s*,\\s*\\d*\\.?\\d+\\)"])))),String.raw(oo||(oo=Xv||(Xv=Zo(["(?:[+-]?d*.?d+)(?:%|[a-z]+)?"],["(?:[+-]?\\d*\\.?\\d+)(?:%|[a-z]+)?"]))));String.raw(Zn||(Zn=Kv||(Kv=Zo(["s*("],["\\s*("])))),String.raw(fi||(fi=Qv||(Qv=Zo(["(?:s+"],["(?:\\s+"])))),String.raw(ro||(ro=Yv||(Yv=Zo(["s*)?"],["\\s*)?"]))));var bn=u(9738),jn=u(4996),Li=u(109),P=u(756),I=u(6340),fe=u(8129),A=u(9922),xe=u(7002);let Xt=(()=>{var l;class x{transform(f,D,...ue){return D(f,...ue)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiMapper",type:l,pure:!0,standalone:!0}),x})();function In(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function ai(l,x){1&l&&t.nrm(0,"span",6),2&l&&t.Y8G("innerHTML",x.polymorpheusOutlet,t.npT)}function po(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",7),t.bIt("click",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.item.$implicit.complete())}),t.EFF(1),t.k0s()}if(2&l){const g=t.XpG();t.Y8G("iconStart",g.icons.close),t.R7$(1),t.SpI(" ",g.close()," ")}}function Ki(l,x){if(1&l&&(t.eu8(0,3),t.nI1(1,"tuiMapper")),2&l){const g=x.$implicit,f=t.XpG(2);t.Y8G("ngComponentOutlet",g.component.component)("ngComponentOutletInjector",t.i5U(1,2,g,f.mapper))}}function Do(l,x){if(1&l&&(t.j41(0,"div",1),t.DNE(1,Ki,2,5,"ng-container",2),t.k0s()),2&l){const g=x.$implicit;t.Y8G("@tuiParentAnimation",void 0),t.R7$(1),t.Y8G("ngForOf",g)}}const ho={autoClose:3e3,label:"",closeable:!0,data:void 0},uo=(0,q.ET)(()=>({...ho,...(0,t.WQX)(bn.Ub)})),xo=(0,q.ET)(()=>(0,t.WQX)(Re.Td)?"1rem 1rem 0 auto":"2rem 3rem 0 auto"),br=(0,q.gc)(new xt.t([])),dn=(0,q.ET)(()=>(0,ri.z)([(0,P.of)(new Map),(0,t.WQX)(br)]).pipe((0,we.T)(([l,x])=>(l.forEach((g,f)=>l.set(f,[])),x.forEach(g=>{const f=g.component.component,D=l.get(f)||[];l.set(f,[...D,g])}),Array.from(l.values())))));let Pn=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.icons=(0,t.WQX)(Ot._Z),this.options=(0,gt.mo)((0,t.WQX)(Ot.nV)),this.close=(0,Se.ot)((0,t.WQX)(Ot.R3)),this.position=(0,t.WQX)(xo),this.item=(0,Q.Dm)(),this.animation=this.position.endsWith("auto")?{...this.options,value:"right"}:{...this.options,value:"left"},this.sub=(0,P.of)("function"==typeof this.item.autoClose?this.item.autoClose(this.item.appearance):this.item.autoClose).pipe((0,rt.n)(f=>f?(0,ze.O)(f):Nn.w),(0,I.Q)((0,fe.R)(this.el,"mouseenter")),(0,A.u)({delay:()=>(0,fe.R)(this.el,"mouseleave")}),(0,Se.pQ)()).subscribe(()=>this.item.$implicit.complete())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-alert"]],hostAttrs:["role","alert"],hostVars:5,hostBindings:function(f,D){2&f&&(t.zvX("@tuiFadeIn",D.options)("@tuiSlideIn",D.animation)("@tuiHeightCollapse",D.animation),t.xc7("margin",D.position))},standalone:!0,features:[t.aNF],decls:6,vars:7,consts:[["size","m",3,"appearance","icon"],["tuiTitle",""],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["tuiSubtitle",""],[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],["tuiIconButton","","type","button",3,"iconStart","click",4,"ngIf"],[3,"innerHTML"],["tuiIconButton","","type","button",3,"iconStart","click"]],template:function(f,D){1&f&&(t.j41(0,"tui-notification",0)(1,"span",1),t.DNE(2,In,2,1,"ng-container",2),t.j41(3,"span",3),t.DNE(4,ai,1,1,"span",4),t.k0s()(),t.DNE(5,po,2,2,"button",5),t.k0s()),2&f&&(t.Y8G("appearance",D.item.appearance)("icon",D.item.icon),t.R7$(2),t.Y8G("polymorpheusOutlet",D.item.label)("polymorpheusOutletContext",D.item),t.R7$(2),t.Y8G("polymorpheusOutlet",D.item.content)("polymorpheusOutletContext",D.item),t.R7$(1),t.Y8G("ngIf",D.item.closeable))},dependencies:[O.bT,Q.xr,ae.p,bn.wS,Li.R],styles:["[_nghost-%COMP%]{display:block;inline-size:18rem;flex-shrink:0;word-break:break-word;background:var(--tui-background-elevation-1);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}[_nghost-%COMP%]:not(:first-child){margin-top:.75rem!important}[_nghost-%COMP%]:not(:last-child){margin-bottom:0!important}"],data:{animation:[si.uy,si.ZM,si.hM]},changeDetection:0}),x})(),xn=(()=>{var l;class x extends xe.bL{}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275prov=t.jDH({token:l,factory:function(){return new l(br,Pn,(0,t.WQX)(uo))},providedIn:"root"}),x})(),wi=(()=>{var l;class x{constructor(){this.injector=(0,t.WQX)(t.duS),this.alerts$=(0,t.WQX)(dn),this.trackBy=pt.D,this.mapper=f=>t.zZn.create({providers:[{provide:Q.su,useValue:f}],parent:this.injector})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-alerts"]],standalone:!0,features:[t.aNF],decls:2,vars:4,consts:[["class","t-wrapper",4,"ngFor","ngForOf","ngForTrackBy"],[1,"t-wrapper"],[3,"ngComponentOutlet","ngComponentOutletInjector",4,"ngFor","ngForOf"],[3,"ngComponentOutlet","ngComponentOutletInjector"]],template:function(f,D){1&f&&(t.DNE(0,Do,2,2,"div",0),t.nI1(1,"async")),2&f&&t.Y8G("ngForOf",t.bMT(1,2,D.alerts$))("ngForTrackBy",D.trackBy)},dependencies:[O.MD,O.OI,O.Sq,O.Jj,Xt],styles:["tui-alerts>.t-wrapper{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:flex;flex-direction:column;pointer-events:none}tui-alerts>.t-wrapper>*{pointer-events:auto}\n"],encapsulation:2,data:{animation:[si.fj]}}),x})();var Io=u(3241),Yi=u(7355),Po=u(1423),Si=u(9406);const gr=typeof MutationObserver<"u"?MutationObserver:class{observe(){}disconnect(){}takeRecords(){return[]}},rr=new t.nKC("[WA_MUTATION_OBSERVER_INIT]"),lo=rr;let sr=(()=>{var l;class x extends Si.c{constructor(){const f=(0,t.WQX)(t.aKT).nativeElement,D=(0,t.WQX)(lo);super(ue=>{const st=new gr(Mn=>{ue.next(Mn)});return st.observe(f,D),()=>{st.disconnect()}})}}return l=x,(0,Po.A)(x,"\u0275fac",function(f){return new(f||l)}),(0,Po.A)(x,"\u0275prov",t.jDH({token:l,factory:l.\u0275fac})),x})();var Hr=u(5037),Fr=u(7236);let kr=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiItem",""]],standalone:!0}),x})();var Lr=u(5851);function wo(l,x){1&l&&t.eu8(0)}function ds(l,x){if(1&l&&t.eu8(0,8),2&l){const g=t.XpG().$implicit;t.Y8G("ngTemplateOutlet",g)}}function zr(l,x){if(1&l&&(t.j41(0,"div",9),t.eu8(1,8),t.k0s()),2&l){const g=t.XpG(),f=g.index,D=g.$implicit,ue=t.XpG();t.AVh("t-overflown",ue.isOverflown(f)),t.R7$(1),t.Y8G("ngTemplateOutlet",D)}}function Xo(l,x){if(1&l&&(t.qex(0),t.DNE(1,ds,1,1,"ng-container",6),t.DNE(2,zr,2,3,"ng-template",null,7,t.C5r),t.bVm()),2&l){const g=x.index,f=t.sdS(3),D=t.XpG();t.R7$(1),t.Y8G("ngIf",g<=D.lastVisibleIndex)("ngIfElse",f)}}function Br(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function jr(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",10),t.bIt("tuiDropdownOpenChange",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.open=D)})("keydown.arrowLeft.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrowLeft())}),t.DNE(1,Br,2,1,"ng-container",11),t.k0s()}if(2&l){const g=t.XpG(),f=t.sdS(8);t.AVh("_active",g.isMoreActive)("t-no-margin",g.isMoreAlone)("t-overflown",!g.isMoreVisible),t.Y8G("tabIndex",g.isMoreFocusable?0:-1)("tuiDropdown",g.dropdownContent||f)("tuiDropdownOpen",g.open),t.R7$(1),t.Y8G("polymorpheusOutlet",g.moreContent)}}function ts(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",12),t.bIt("tuiDropdownOpenChange",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.open=D)})("keydown.arrowLeft.prevent",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.onArrowLeft())}),t.EFF(1),t.nI1(2,"async"),t.k0s()}if(2&l){const g=t.XpG(),f=t.sdS(8);t.AVh("_active",g.isMoreActive)("t-no-margin",g.isMoreAlone)("t-overflown",!g.isMoreVisible),t.Y8G("tabIndex",g.isMoreFocusable?0:-1)("tuiDropdown",g.dropdownContent||f)("tuiDropdownOpen",g.open),t.R7$(1),t.SpI(" ",t.bMT(2,10,g.moreWord$)," ")}}function ws(l,x){if(1&l&&t.eu8(0,8),2&l){const g=t.XpG().$implicit;t.Y8G("ngTemplateOutlet",g)}}function Wr(l,x){if(1&l){const g=t.RV6();t.j41(0,"div",16),t.bIt("tui-tab-activate",function(){const ue=t.eBV(g).index,st=t.XpG(2);return t.Njj(st.onClick(ue))}),t.DNE(1,ws,1,1,"ng-container",17),t.k0s()}if(2&l){const g=x.index,f=t.XpG(2);t.R7$(1),t.Y8G("ngIf",f.shouldShow(g))}}function fs(l,x){if(1&l){const g=t.RV6();t.j41(0,"div",13,14),t.bIt("keydown.arrowDown.prevent",function(D){t.eBV(g);const ue=t.sdS(1),st=t.XpG();return t.Njj(st.onWrapperArrow(D,ue,!1))})("keydown.arrowUp.prevent",function(D){t.eBV(g);const ue=t.sdS(1),st=t.XpG();return t.Njj(st.onWrapperArrow(D,ue,!0))}),t.DNE(2,Wr,2,1,"div",15),t.k0s()}if(2&l){const g=t.XpG();t.BMQ("data-size",g.size),t.R7$(2),t.Y8G("ngForOf",g.items)}}let F=(()=>{var l;class x{constructor(){var f,D;this.el=(0,W.qW)(),this.rla=(0,t.WQX)(Rn.wQ,{optional:!0}),this.observer=this.rla&&(null===(f=(0,t.WQX)(sr,{optional:!0}))||void 0===f?void 0:f.pipe((0,jt.p)(()=>{var ue;return!(null===(ue=this.rla)||void 0===ue||!ue.isActive)}))),this.sub=(0,Y.h)(this.observer||Nn.w,(null===(D=this.rla)||void 0===D?void 0:D.isActiveChange.pipe((0,jt.p)(Boolean)))||Nn.w,this.el.matches("button")?(0,ke.xM)(this.el,"click"):Nn.w).pipe((0,Se.pQ)()).subscribe(()=>this.el.dispatchEvent(new CustomEvent("tui-tab-activate",{bubbles:!0})))}ngOnDestroy(){(0,ye.X)(this.el)&&this.el.blur()}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["a","tuiTab","",3,"routerLink",""],["a","tuiTab","","routerLink","","routerLinkActive",""],["button","tuiTab",""]],hostAttrs:["type","button"],standalone:!0,features:[t.nM4([Hr.Z])]}),x})();const S=(0,q.gc)({underline:!0,exposeActive:!0,itemsLimit:1/0,minMoreWidth:0,size:"l"});let Ze=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["ng-component"]],hostAttrs:[1,"tui-tabs"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(f,D){},styles:['[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}\n'],encapsulation:2,changeDetection:0}),x})(),At=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.injector=(0,t.WQX)(t.duS),this.nothing=(0,q.Ty)(Ze),this.size=(0,t.WQX)(S).size,this.activeItemIndex=0,this.activeItemIndexChange=new t.bkB}get tabs(){return Array.from(this.el.querySelectorAll("[tuiTab]"))}get activeElement(){return this.tabs[this.activeItemIndex]||null}moveFocus(f,D){const{tabs:ue}=this;(0,ye.yO)(ue.indexOf(f),ue,D)}ngAfterViewChecked(){(0,t.mal)(()=>{this.markTabAsActive()},{injector:this.injector})}onActivate(f,D){const ue=this.tabs.findIndex(st=>st===D);f.stopPropagation(),ue!==this.activeItemIndex&&(this.activeItemIndexChange.emit(ue),this.activeItemIndex=ue)}markTabAsActive(){const{tabs:f,activeElement:D}=this;f.forEach(ue=>{const st=ue===D;ue.classList.toggle("_active",st),ue.setAttribute("tabIndex",st?"0":"-1")})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,hostVars:1,hostBindings:function(f,D){1&f&&t.bIt("tui-tab-activate",function(st){return D.onActivate(st,st.target)}),2&f&&t.BMQ("data-size",D.size)},inputs:{size:"size",activeItemIndex:"activeItemIndex"},outputs:{activeItemIndexChange:"activeItemIndexChange"},standalone:!0}),x})(),rn=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.options=(0,t.WQX)(S),this.tabs=(0,t.WQX)(At),this.children=ve.xQ,this.sub=(0,t.WQX)(sr,{self:!0}).pipe((0,ke.rB)(),(0,Se.pQ)()).subscribe(()=>this.refresh()),this.underline=this.options.underline}ngAfterViewChecked(){this.scrollTo(this.tabs.activeItemIndex),this.refresh()}onKeyDownArrow(f,D){this.tabs.moveFocus(f,D)}refresh(){const{activeElement:f}=this.tabs;if(f&&!f.isConnected)return;const{offsetLeft:D=0,offsetWidth:ue=0}=f||{};this.el.style.setProperty("--t-left",(0,q.Pp)(D)),this.el.style.setProperty("--t-width",(0,q.Pp)(ue))}scrollTo(f){const D=this.tabs.tabs[f];if(!D)return;const{offsetLeft:ue,offsetWidth:st}=D;ue<this.el.scrollLeft&&(this.el.scrollLeft=ue),ue+st>this.el.scrollLeft+this.el.offsetWidth&&(this.el.scrollLeft=ue+st-this.el.offsetWidth)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["tui-tabs",3,"vertical",""],["nav","tuiTabs","",3,"vertical",""]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,F,4),2&f){let st;t.mGM(st=t.lsd())&&(D.children=st)}},hostVars:4,hostBindings:function(f,D){1&f&&t.bIt("animationend",function(){return D.refresh()})("keydown.arrowRight.prevent",function(st){return D.onKeyDownArrow(st.target,1)})("keydown.arrowLeft.prevent",function(st){return D.onKeyDownArrow(st.target,-1)}),2&f&&(t.xc7("--t-color",!0===D.underline?"var(--tui-background-accent-1)":D.underline),t.AVh("_underline",D.underline))},inputs:{underline:"underline"},standalone:!0,features:[t.Jv_([sr,{provide:rr,useValue:{childList:!0,characterData:!0,subtree:!0}}]),t.nM4([{directive:At,inputs:["activeItemIndex","activeItemIndex","size","size"],outputs:["activeItemIndexChange","activeItemIndexChange"]}])]}),(0,ee.Cg)([q.PE],x.prototype,"scrollTo",null),x})();const ui=new t.nKC("[TUI_TABS_REFRESH]"),li=[Lr.ke,sr,(0,k.Lq)({align:"right"}),{provide:rr,useValue:{childList:!0,subtree:!0,characterData:!0}},{provide:ui,deps:[Lr.ke,sr,O.qQ,t.aKT,t.gRc],useFactory:(l,x,{body:g},{nativeElement:f},D)=>(0,Y.h)(l,x.pipe((0,Fr.M)(()=>D.detectChanges()))).pipe((0,jt.p)(()=>g.contains(f)),(0,vn.B)(0),(0,ge.Z)(null),(0,Se.pQ)())}];let Xn=(()=>{var l;class x{constructor(){this.options=(0,t.WQX)(S),this.refresh$=(0,t.WQX)(ui),this.el=(0,W.qW)(),this.cdr=(0,t.WQX)(t.gRc),this.maxIndex=1/0,this.items=ve.xQ,this.moreWord$=(0,t.WQX)(Ae.sd),this.open=!1,this.size=this.options.size,this.underline=this.options.underline,this.itemsLimit=this.options.itemsLimit,this.activeItemIndexChange=new t.bkB,this.activeItemIndex=0}set itemIndex(f){this.activeItemIndex=f,this.maxIndex=this.getMaxIndex()}get lastVisibleIndex(){return this.itemsLimit+1>=this.items.length?this.maxIndex:Math.min(this.itemsLimit-(this.itemsLimit-1>this.activeItemIndex||!this.options.exposeActive?1:2),this.maxIndex)}ngAfterViewInit(){this.refresh$.pipe((0,we.T)(()=>this.getMaxIndex()),(0,Fr.M)(()=>this.refresh()),(0,jt.p)(f=>this.maxIndex!==f)).subscribe(f=>{this.maxIndex=f,this.cdr.detectChanges()})}ngAfterViewChecked(){this.refresh()}get tabs(){return Array.from(this.el.querySelectorAll("[tuiTab]"))}get activeElement(){var f;const{tabs:D}=this,ue=(0,Ke.wN)(this.activeItemIndex||0,0,D.length-2);return this.options.exposeActive||this.lastVisibleIndex>=ue?D[ue]||null:(null===(f=this.moreButton)||void 0===f?void 0:f.nativeElement)||null}get isMoreAlone(){return this.lastVisibleIndex<0&&!this.options.exposeActive}get isMoreVisible(){return this.lastVisibleIndex<this.items.length-1}get isMoreFocusable(){return!!this.moreButton&&(0,ye.X)(this.moreButton.nativeElement)}get isMoreActive(){return this.open||!this.options.exposeActive&&this.lastVisibleIndex<this.activeItemIndex}onActiveItemIndexChange(f){this.updateActiveItemIndex(f)}onClick(f){this.open=!1,this.focusMore(),this.updateActiveItemIndex(f)}onArrowRight(f){(0,W.ru)(f.target)&&(0,ye.X)(f.target)&&this.focusMore()}onArrowLeft(){const{tabs:f}=this;let D=f.length-2;for(;D>=0;){var ue;if(null===(ue=f[D])||void 0===ue||ue.focus(),(0,ye.X)(f[D]))return;D--}}onWrapperArrow(f,D,ue){const Mn=(0,ye.km)({initial:f.target,root:D,previous:ue});Mn&&Mn.focus()}isOverflown(f){return f!==this.activeItemIndex||!this.options.exposeActive}shouldShow(f){return f>this.lastVisibleIndex&&this.isOverflown(f)}get margin(){return"l"===this.size?24:16}focusMore(){this.moreButton&&this.moreButton.nativeElement.focus()}getMaxIndex(){var f,D,ue,st,Mn;const{tabs:ei,activeItemIndex:ji,margin:Qo}=this;if(ei.length<2)return 0;const{exposeActive:Yr,minMoreWidth:Ha}=this.options,{clientWidth:Zr}=this.el,Er=ei[ji],za=null!==(f=null==Er?void 0:Er.scrollWidth)&&void 0!==f?f:0,ec=Math.max(null!==(D=null===(ue=ei[ei.length-1])||void 0===ue?void 0:ue.scrollWidth)&&void 0!==D?D:0,Ha);let Sr=ei.length-2,Ts=ei.reduce((ca,{scrollWidth:$u})=>ca+$u,0)+Sr*Qo-(null!==(st=null===(Mn=ei[ei.length-1])||void 0===Mn?void 0:Mn.scrollWidth)&&void 0!==st?st:0);if(Number.isNaN(Ts)||Ts<=Zr)return 1/0;for(;Sr;){var ja,la;if(Ts-=(null!==(ja=null===(la=ei[Sr])||void 0===la?void 0:la.scrollWidth)&&void 0!==ja?ja:0)+Qo,Sr--,Ts+(Yr&&ji>Sr?za+Qo:0)+ec+Qo+(0,Ke.Zi)(this.maxIndex===Sr-1)<Zr)return Sr}return-1}updateActiveItemIndex(f){this.itemIndex=f,this.activeItemIndexChange.emit(f)}refresh(){var f,D;const{offsetLeft:ue=0,offsetWidth:st=0}=this.activeElement||{};null===(f=this.dir)||void 0===f||f.nativeElement.style.setProperty("--t-left",(0,q.Pp)(ue)),null===(D=this.dir)||void 0===D||D.nativeElement.style.setProperty("--t-width",(0,q.Pp)(st))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-tabs-with-more"],["nav","tuiTabsWithMore",""]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,kr,4,t.C4Q),2&f){let st;t.mGM(st=t.lsd())&&(D.items=st)}},viewQuery:function(f,D){if(1&f&&(t.GBs(F,5,t.aKT),t.GBs(rn,5,t.aKT)),2&f){let ue;t.mGM(ue=t.lsd())&&(D.moreButton=ue.first),t.mGM(ue=t.lsd())&&(D.dir=ue.first)}},inputs:{size:"size",moreContent:"moreContent",dropdownContent:"dropdownContent",underline:"underline",itemsLimit:"itemsLimit",itemIndex:["activeItemIndex","itemIndex"]},outputs:{activeItemIndexChange:"activeItemIndexChange"},standalone:!0,features:[t.Jv_(li),t.aNF],decls:9,vars:9,consts:[[4,"ngIf"],[1,"t-tabs",3,"activeItemIndex","size","underline","activeItemIndexChange","keydown.arrowRight"],[4,"ngFor","ngForOf"],["tuiTab","","type","button","class","t-more",3,"_active","t-no-margin","t-overflown","tabIndex","tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","keydown.arrowLeft.prevent",4,"ngIf","ngIfElse"],["chevron",""],["dropdown",""],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["hidden",""],[3,"ngTemplateOutlet"],[1,"t-flex"],["tuiTab","","type","button",1,"t-more",3,"tabIndex","tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","keydown.arrowLeft.prevent"],[4,"polymorpheusOutlet"],["tuiChevron","","tuiTab","","type","button",1,"t-more",3,"tabIndex","tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","keydown.arrowLeft.prevent"],[1,"t-dropdown",3,"keydown.arrowDown.prevent","keydown.arrowUp.prevent"],["element",""],["class","t-dropdown-item",3,"tui-tab-activate",4,"ngFor","ngForOf"],[1,"t-dropdown-item",3,"tui-tab-activate"],[3,"ngTemplateOutlet",4,"ngIf"]],template:function(f,D){if(1&f&&(t.DNE(0,wo,1,0,"ng-container",0),t.nI1(1,"async"),t.j41(2,"tui-tabs",1),t.bIt("activeItemIndexChange",function(st){return D.onActiveItemIndexChange(st)})("keydown.arrowRight",function(st){return D.onArrowRight(st)}),t.DNE(3,Xo,4,2,"ng-container",2),t.k0s(),t.DNE(4,jr,2,10,"button",3),t.DNE(5,ts,3,12,"ng-template",null,4,t.C5r),t.DNE(7,fs,3,2,"ng-template",null,5,t.C5r)),2&f){const ue=t.sdS(6);t.Y8G("ngIf",t.bMT(1,7,D.items.changes)),t.R7$(2),t.Y8G("activeItemIndex",D.activeItemIndex)("size",D.size)("underline",D.underline),t.R7$(1),t.Y8G("ngForOf",D.items),t.R7$(1),t.Y8G("ngIf",D.moreContent)("ngIfElse",ue)}},dependencies:[O.MD,O.Sq,O.bT,O.T3,O.Jj,Q.xr,de,k.pU,k.iE,F,rn],styles:["[_nghost-%COMP%]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-%COMP%]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-%COMP%]{display:flex}.t-overflown[_ngcontent-%COMP%]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-%COMP%]{transform:rotate(180deg)}.t-dropdown[_ngcontent-%COMP%]{padding:.25rem 0}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:hover, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]:focus, .t-dropdown[_ngcontent-%COMP%]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-%COMP%]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-%COMP%]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-%COMP%]{margin-left:0}"],changeDetection:0}),x})();var Zi=u(6242);const $o=["tuiSidebar",""];function Ko(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}let qo=(()=>{var l;class x extends Q.A7{constructor(){super(...arguments),this.injector=(0,t.WQX)(t.duS),this.portalService=(0,t.WQX)(k.Hg),this.component=new Q.lS(go,this.injector),this.sidebarRef=null,this.direction="left",this.autoWidth=!1,this.content=(0,t.WQX)(t.C4Q)}set tuiSidebar(f){f?this.show():this.hide()}ngOnDestroy(){this.hide()}show(){null===this.sidebarRef&&(this.sidebarRef=this.portalService.add(this.component),this.sidebarRef.changeDetectorRef.detectChanges())}hide(){null!==this.sidebarRef&&(this.portalService.remove(this.sidebarRef),this.sidebarRef=null)}}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["","tuiSidebar",""]],inputs:{direction:["tuiSidebarDirection","direction"],autoWidth:["tuiSidebarAutoWidth","autoWidth"],tuiSidebar:"tuiSidebar"},standalone:!0,features:[t.Vt3]}),x})(),go=(()=>{var l;class x{constructor(){this.directive=(0,t.WQX)(qo),this.options=(0,gt.mo)((0,t.WQX)(Ot.nV)),this.left={...this.options,value:"left"},this.right={...this.options,value:"right"}}ngDoCheck(){this.directive.check()}get animation(){return"left"===this.direction?this.left:this.right}get direction(){return this.directive.direction}get content(){return this.directive.content}get autoWidth(){return this.directive.autoWidth}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["aside","tuiSidebar",""]],hostVars:3,hostBindings:function(f,D){2&f&&(t.zvX("@tuiSlideIn",D.animation),t.HbH("t-"+D.direction))},standalone:!0,features:[t.aNF],attrs:$o,decls:2,vars:3,consts:[["tuiActiveZone","",1,"t-wrapper"],[4,"polymorpheusOutlet"]],template:function(f,D){1&f&&(t.j41(0,"div",0),t.DNE(1,Ko,2,1,"ng-container",1),t.k0s()),2&f&&(t.AVh("t-wrapper_auto-width",D.autoWidth),t.R7$(1),t.Y8G("polymorpheusOutlet",D.content))},dependencies:[Q.xr,Zi.N],styles:['[_nghost-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:flex}[_nghost-%COMP%]:before, [_nghost-%COMP%]:after{position:absolute;top:0;left:0;inline-size:100%;content:"";block-size:100%;background:#00000061;animation:tuiFadeIn var(--tui-duration)}[_nghost-%COMP%]:before{left:-100%;inline-size:200%}[_nghost-%COMP%]:after{left:100%}.ng-animating[_nghost-%COMP%]:before, .ng-animating[_nghost-%COMP%]:after{opacity:0;transition:opacity var(--tui-duration)}.t-right[_nghost-%COMP%]{justify-content:flex-end}.t-left[_nghost-%COMP%]{justify-content:flex-start}.t-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;background:var(--tui-background-base);box-shadow:0 10rem var(--tui-background-base);inline-size:17.25rem}.t-wrapper_auto-width[_ngcontent-%COMP%]{inline-size:auto}'],data:{animation:[si.ZM]},changeDetection:0}),x})();var So=u(6098);function mr(l){return null!=l&&"false"!=="".concat(l)}var ns=u(8621),Vr=u(8751),ko=u(6111);var Js=u(1472),lr=u(9867);class Ss{constructor(x){this.el=x}get element(){return(this.el.nativeElement.tagName.includes("-")?this.el.nativeElement.querySelector("input,textarea"):this.el.nativeElement)||this.el.nativeElement}get isTextFieldElement(){return this.element.matches("input, textarea, [contenteditable]")}}class Os extends Ss{constructor(x,g,f){super(x),this.animationFrame$=g,this.zone=f}setFocus(){this.isTextFieldElement?function Da(...l){return 1===(l=(0,Vr.K)(l)).length?(0,ns.Tg)(l[0]):new Si.c(function ur(l){return x=>{let g=[];for(let f=0;g&&!x.closed&&f<l.length;f++)g.push((0,ns.Tg)(l[f]).subscribe((0,ko._)(x,D=>{if(g){for(let ue=0;ue<g.length;ue++)ue!==f&&g[ue].unsubscribe();g=null}x.next(D)})))}}(l))}((0,ze.O)(1e3),this.animationFrame$.pipe((0,Js.c)(100,(0,ke.Ew)(this.zone)),(0,we.T)(()=>this.element.closest(".ng-animating")),function gs(l){return(0,lr.N)((x,g)=>{let f=!1,D=0;x.subscribe((0,ko._)(g,ue=>(f||(f=!l(ue,D++)))&&g.next(ue)))})}(Boolean),(0,Vn.s)(1))).subscribe(()=>this.element.focus({preventScroll:!0})):this.element.focus({preventScroll:!0})}}const Ca=["type","inputMode","autocomplete","accept","min","max","step","pattern","size","maxlength"];class Qn extends Ss{constructor(x,g,f,D){super(x),this.renderer=g,this.zone=f,this.win=D,this.patchCssStyles()}setFocus(){this.isTextFieldElement?this.zone.runOutsideAngular(()=>this.iosWebkitAutofocus()):this.element.focus({preventScroll:!0})}iosWebkitAutofocus(){const x=this.makeFakeInput(),g=this.getDurationTimeBeforeFocus();let f=0,D=0;const ue=()=>x.focus({preventScroll:!0}),st=()=>{clearTimeout(f),f=this.win.setTimeout(()=>{clearTimeout(D),x.removeEventListener("blur",ue),x.removeEventListener("focus",st),D=this.win.setTimeout(()=>{this.element.focus({preventScroll:!1}),x.remove()},g)})};var Mn;x.addEventListener("blur",ue,{once:!0}),x.addEventListener("focus",st),this.insideDialog()?this.win.document.body.appendChild(x):null===(Mn=this.element.parentElement)||void 0===Mn||Mn.appendChild(x),x.focus({preventScroll:!0})}makeFakeInput(){const x=this.renderer.createElement("input"),g=this.element.getBoundingClientRect();return this.patchFakeInputFromFocusableElement(x),x.style.height=(0,q.Pp)(g.height),x.style.width=(0,q.Pp)(g.width/2),x.style.position="fixed",x.style.zIndex="-99999999",x.style.caretColor="transparent",x.style.border="none",x.style.outline="none",x.style.color="transparent",x.style.background="transparent",x.style.cursor="none",x.style.fontSize=(0,q.Pp)(16),x.style.top=(0,q.Pp)(g.top),x.style.left=(0,q.Pp)(g.left),x}getDurationTimeBeforeFocus(){return parseFloat(this.win.getComputedStyle(this.element).getPropertyValue("--tui-duration"))||0}insideDialog(){return!!this.element.closest("tui-dialog")}patchCssStyles(){[this.win.document.documentElement,this.win.document.body].forEach(x=>{x.style.setProperty("overflow","auto"),x.style.setProperty("height","100%")})}patchFakeInputFromFocusableElement(x){Ca.forEach(g=>{const f=this.element.getAttribute(g);(0,q.Aj)(f)&&x.setAttribute(g,f)})}}const As=(0,q.gc)({delay:NaN}),Gr=new t.nKC("[TUI_AUTOFOCUS_HANDLER]"),ea=[{provide:Gr,useFactory:(l,x,g,f,D,ue)=>ue?new Qn(l,g,f,D):new Os(l,x,f),deps:[t.aKT,Io.OX,t.sFG,t.SKi,Io.Qc,Re.mg]}];let Ps=(()=>{var l;class x{constructor(){this.handler=(0,t.WQX)(Gr),this.options=(0,t.WQX)(As),this.destroyRef=(0,t.WQX)(t.abz)}ngAfterViewInit(){this.autoFocus&&this.focus()}focus(){Number.isNaN(this.options.delay)?Promise.resolve().then(()=>this.handler.setFocus()):(0,ze.O)(this.options.delay).pipe((0,Se.pQ)(this.destroyRef)).subscribe(()=>this.handler.setFocus())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiAutoFocus",""]],inputs:{autoFocus:["tuiAutoFocus","autoFocus",mr]},standalone:!0,features:[t.Jv_(ea),t.GFd]}),x})();function Rs(l,x){if(1&l&&(t.qex(0),t.nrm(1,"tui-icon",7),t.bVm()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("tuiChevron",g.open)}}function Ta(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Ns(l,x){if(1&l&&(t.j41(0,"div",9),t.DNE(1,Ta,2,1,"ng-container",10),t.k0s()),2&l){const g=t.XpG(2);t.R7$(1),t.Y8G("polymorpheusOutlet",g.lazyContent)}}function Ea(l,x){if(1&l&&t.DNE(0,Ns,2,1,"div",8),2&l){const g=t.XpG();t.Y8G("ngIf",g.lazyContent)}}function Jt(l,x){1&l&&(t.j41(0,"div",11),t.SdG(1,1),t.k0s())}const _i=["*",[["","tuiAccordionItemContent",""]]],Fs=["*","[tuiAccordionItemContent]"];let ys=(()=>{var l;class x extends Q.A7{}return(l=x).\u0275fac=function(){let g;return function(D){return(g||(g=t.xGo(l)))(D||l)}}(),l.\u0275dir=t.FsC({type:l,selectors:[["ng-template","tuiAccordionItemContent",""]],standalone:!0,features:[t.Vt3]}),x})(),Oo=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiAccordionItemContent","",5,"ng-template"]],standalone:!0}),x})(),s=(()=>{var l;class x{constructor(){this.cdr=(0,t.WQX)(t.gRc),this.noPadding=!1,this.showArrow=!0,this.borders="all",this.size="m",this.disabled=!1,this.disableHover=!1,this.open=!1,this.async=!1,this.openChange=new t.bkB}close(){this.updateOpen(!1),this.cdr.markForCheck()}onRowToggle(){this.disabled||this.updateOpen(!this.open)}onItemKeyDownEsc(f){this.open&&(f.stopPropagation(),this.updateOpen(!1))}updateOpen(f){this.open!==f&&(this.open=f,this.openChange.emit(f))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-accordion-item"]],contentQueries:function(f,D,ue){if(1&f&&(t.wni(ue,Oo,5),t.wni(ue,ys,5)),2&f){let st;t.mGM(st=t.lsd())&&(D.eagerContent=st.first),t.mGM(st=t.lsd())&&(D.lazyContent=st.first)}},hostVars:8,hostBindings:function(f,D){2&f&&(t.BMQ("data-borders",D.borders)("data-size",D.size),t.AVh("_no-padding",D.noPadding)("_has-arrow",D.showArrow)("_disabled",D.disabled))},inputs:{noPadding:"noPadding",showArrow:"showArrow",borders:"borders",size:"size",disabled:"disabled",disableHover:"disableHover",open:"open",async:"async"},outputs:{openChange:"openChange"},standalone:!0,features:[t.aNF],ngContentSelectors:Fs,decls:8,vars:9,consts:[["automation-id","tui-accordion__item-wrapper",1,"t-wrapper"],["automation-id","tui-accordion__item-header","type","button",1,"t-header",3,"disabled","click","keydown.esc"],["automation-id","tui-accordion__item-title",1,"t-title"],[4,"ngIf"],[3,"async","expanded"],["tuiExpandContent",""],["class","t-content",4,"ngIf"],[1,"t-icon",3,"tuiChevron"],["automation-id","tui-accordion__item-content","class","t-content",4,"ngIf"],["automation-id","tui-accordion__item-content",1,"t-content"],[4,"polymorpheusOutlet"],[1,"t-content"]],template:function(f,D){1&f&&(t.NAR(_i),t.j41(0,"div",0)(1,"button",1),t.bIt("click",function(){return D.onRowToggle()})("keydown.esc",function(st){return D.onItemKeyDownEsc(st)}),t.j41(2,"span",2),t.SdG(3),t.k0s(),t.DNE(4,Rs,2,1,"ng-container",3),t.k0s(),t.j41(5,"tui-expand",4),t.DNE(6,Ea,1,1,"ng-template",5),t.DNE(7,Jt,2,0,"div",6),t.k0s()()),2&f&&(t.R7$(1),t.AVh("t-header_hoverable",!D.disableHover)("t-header_open",D.open),t.Y8G("disabled",D.disabled),t.R7$(3),t.Y8G("ngIf",D.showArrow),t.R7$(1),t.Y8G("async",D.async)("expanded",D.open),t.R7$(2),t.Y8G("ngIf",D.eagerContent))},dependencies:[O.bT,Q.xr,de,Je,ki,X.q],styles:['[_nghost-%COMP%]{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}[data-borders=top-bottom][_nghost-%COMP%]{border-radius:0!important}  tui-accordion{inline-size:100%}.t-wrapper[_ngcontent-%COMP%]{position:relative;border-radius:inherit}.t-wrapper[_ngcontent-%COMP%]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}[_nghost-%COMP%]:not([data-borders])   .t-wrapper[_ngcontent-%COMP%]:after{border-width:0}[data-borders=all][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-width:1px}[data-borders=top-bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-inline-start-width:0;border-inline-end-width:0}[data-borders=top][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}[data-borders=bottom][_nghost-%COMP%]   .t-wrapper[_ngcontent-%COMP%]:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header[_ngcontent-%COMP%]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header[_ngcontent-%COMP%]:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}[_nghost-%COMP%]:not([data-borders])   .t-header[_ngcontent-%COMP%]{border-block-end-width:0}._has-arrow[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-right:.75rem}[tuiTheme="dark"][_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%], [tuiTheme="dark"]   [_nghost-%COMP%]   .t-header_open[_ngcontent-%COMP%]{background:var(--tui-background-neutral-1)}[data-size=s][_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}._no-padding[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{padding-left:0;padding-right:0}._disabled[_nghost-%COMP%]   .t-header[_ngcontent-%COMP%]{cursor:default}.t-wrapper[_ngcontent-%COMP%]:hover > .t-header_hoverable[_ngcontent-%COMP%]{background:var(--tui-background-base-alt)}.t-title[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}._has-arrow[_nghost-%COMP%]   .t-title[_ngcontent-%COMP%]{margin-right:.5rem}.t-icon[_ngcontent-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;border:.25rem solid transparent;color:var(--tui-text-tertiary)}[_nghost-%COMP%]:hover   .t-icon[_ngcontent-%COMP%]{color:var(--tui-text-secondary)}.t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{font:var(--tui-font-text-s);padding:1rem}'],changeDetection:0}),x})(),h=(()=>{var l;class x{constructor(){this.destroyRef=(0,t.WQX)(t.abz),this.accordionItems=ve.xQ,this.closeOthers=!0;const f=(0,t.WQX)(ft.w7);f.orientation="vertical",f.collapsed=!0}ngAfterContentInit(){const{accordionItems:f}=this,D=(0,ke.MJ)(f),ue=D.pipe(function vs(){return(0,lr.N)((l,x)=>{let g,f=!1;l.subscribe((0,ko._)(x,D=>{const ue=g;g=D,f&&x.next([ue,D]),f=!0}))})}(),(0,we.T)(([Mn,ei])=>ei.find(ji=>!Mn.includes(ji)&&ji.open)),(0,jt.p)(q.Aj));(0,Y.h)(D.pipe((0,rt.n)(Mn=>(0,Y.h)(...Mn.map(ei=>ei.openChange.pipe((0,jt.p)(pt.D),(0,we.T)(()=>ei)))))),ue).pipe((0,jt.p)(()=>this.closeOthers),(0,Se.pQ)(this.destroyRef)).subscribe(Mn=>{f.forEach(ei=>{Mn!==ei&&ei.close()})})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["tui-accordion"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,s,4),2&f){let st;t.mGM(st=t.lsd())&&(D.accordionItems=st)}},inputs:{closeOthers:"closeOthers"},standalone:!0,features:[t.nM4([{directive:ft.w7,inputs:["rounded","rounded"]}])]}),x})();var B=u(6801);let V=(()=>{var l;class x{constructor(){this.tuiPlatform=(0,t.WQX)(Re.pg,{skipSelf:!0})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiPlatform",""]],hostVars:1,hostBindings:function(f,D){2&f&&t.BMQ("data-platform",D.tuiPlatform)},inputs:{tuiPlatform:"tuiPlatform"},standalone:!0,features:[t.Jv_([{provide:Re.pg,useFactory:()=>(0,t.WQX)(l).tuiPlatform}])]}),x})(),z=(()=>{var l;class x{constructor(){this.doc=(0,t.WQX)(O.qQ),this.el=(0,W.qW)(),this.activeElement=(0,ye.x_)(this.doc),Promise.resolve().then(()=>this.el.focus())}ngOnDestroy(){(0,ye.SI)(this.doc),Promise.resolve().then(()=>{(0,W.Ki)(this.activeElement)&&this.activeElement.focus()})}onFocusIn(f){var D;(0,W.P9)(this.el,f)||null===(D=(0,ye.km)({initial:this.el,root:this.el}))||void 0===D||D.focus()}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiFocusTrap",""]],hostAttrs:["tabIndex","0"],hostBindings:function(f,D){1&f&&t.bIt("focusin.silent",function(st){return D.onFocusIn(st.target)},!1,t.tSv)},standalone:!0}),x})();function Lt(l,x){1&l&&t.eu8(0)}function Vt(l,x){if(1&l&&(t.j41(0,"section",2),t.DNE(1,Lt,1,0,"ng-container",3),t.nrm(2,"tui-scroll-controls",4),t.k0s()),2&l){const g=x.$implicit;t.Y8G("@tuiHost",void 0),t.BMQ("aria-labelledby",g.id),t.R7$(1),t.Y8G("polymorpheusOutlet",g.component)("polymorpheusOutletContext",g)}}const yn=(0,q.gc)(new xt.t([]));(0,q.gc)(Nn.w),(0,q.gc)({appearance:"",size:"m",required:!1,closeable:!0,dismissible:!0,label:"",header:"",data:void 0}),new Error("Required dialog was dismissed");let ln=(()=>{var l;class x{constructor(){this.el=(0,W.qW)(),this.dialogs=(0,Se.ot)((0,t.WQX)(yn),{initialValue:[]})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-dialogs"]],hostBindings:function(f,D){1&f&&t.bIt("keydown.silent",function(){return D.el.scrollTop=D.el.scrollHeight/2})},standalone:!0,features:[t.aNF],decls:2,vars:3,consts:[[1,"t-overlay"],["aria-modal","true","role","dialog","tuiFocusTrap","","tuiScrollRef","","class","t-dialog",4,"ngFor","ngForOf"],["aria-modal","true","role","dialog","tuiFocusTrap","","tuiScrollRef","",1,"t-dialog"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-scrollbars"]],template:function(f,D){1&f&&(t.nrm(0,"div",0),t.DNE(1,Vt,3,4,"section",1)),2&f&&(t.xc7("opacity",D.dialogs().length),t.R7$(1),t.Y8G("ngForOf",D.dialogs()))},dependencies:[O.Sq,Q.xr,z,Yn.I_,Yn.Vm],styles:['[_nghost-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;scrollbar-width:none;-ms-overflow-style:none;pointer-events:none;overflow:hidden;overscroll-behavior:none}[_nghost-%COMP%]::-webkit-scrollbar, [_nghost-%COMP%]::-webkit-scrollbar-thumb{display:none}[_nghost-%COMP%]:has(section){pointer-events:auto;overflow:auto}[_nghost-%COMP%]:before{content:"";display:block;block-size:1000%}.t-overlay[_ngcontent-%COMP%], .t-dialog[_ngcontent-%COMP%]{transition-property:filter;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;scrollbar-width:none;-ms-overflow-style:none;position:fixed;top:0;left:0;bottom:0;right:0;display:flex;block-size:100%;align-items:flex-start;outline:none;overflow:auto}.t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar, .t-overlay[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, .t-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}.t-overlay.ng-animating[_ngcontent-%COMP%], .t-dialog.ng-animating[_ngcontent-%COMP%]{overflow:clip}.t-dialog[_ngcontent-%COMP%]{position:sticky;overscroll-behavior:none;filter:brightness(.25)}.t-overlay[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-service-backdrop);-webkit-backdrop-filter:var(--tui-backdrop, none);backdrop-filter:var(--tui-backdrop, none);opacity:0}.t-dialog[_ngcontent-%COMP%]:last-child{pointer-events:auto;filter:none}.t-scrollbars[_ngcontent-%COMP%]{position:fixed;top:0;left:0;bottom:0;right:0;margin:0;color:#747474}'],data:{animation:[si.D2]}}),x})();var Fn=u(9131),Ei=u(1342);function yi(l,x){1&l&&t.nrm(0,"tui-scroll-controls",2)}u(6701);const Ao=["*",[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverDropdowns"]],[["tuiOverHints"]]],Cr=["*","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverDropdowns","tuiOverHints"];let Gi=(()=>{var l;class x{constructor(){var f;this.reducedMotion=(0,t.WQX)(Ot.vo),this.duration=(0,gt.T0)((0,t.WQX)(Ot.nV)),this.isMobileRes=(0,Se.ot)((0,t.WQX)(Ei.$n).pipe((0,we.T)(D=>"mobile"===D),(0,ke.Eb)((0,t.WQX)(t.gRc)))),this.scrollbars$=(0,t.WQX)(Re.Td)?(0,P.of)(!1):(0,t.WQX)(yn).pipe((0,we.T)(({length:D})=>!D),(0,vn.B)(0,(0,ke.Ew)())),null===(f=(0,t.WQX)(O.qQ).defaultView)||void 0===f||f.document.documentElement.setAttribute("data-tui-theme",(0,t.WQX)(Ot.HG).toLowerCase())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-root"]],hostAttrs:["data-tui-version","4.7.0"],hostVars:6,hostBindings:function(f,D){1&f&&t.bIt("touchstart.passive.silent",function(){return 0}),2&f&&(t.xc7("--tui-duration",D.duration,"ms")("--tui-scroll-behavior",D.reducedMotion?"auto":"smooth"),t.AVh("_mobile",D.isMobileRes()))},standalone:!0,features:[t.aNF,t.nM4([V])],ngContentSelectors:Cr,decls:13,vars:3,consts:[["class","t-root-scrollbar",4,"ngIf"],[1,"t-root-content"],[1,"t-root-scrollbar"]],template:function(f,D){1&f&&(t.NAR(Ao),t.DNE(0,yi,1,0,"tui-scroll-controls",0),t.nI1(1,"async"),t.j41(2,"tui-dropdowns")(3,"div",1),t.SdG(4),t.k0s(),t.SdG(5,1),t.nrm(6,"tui-dialogs"),t.SdG(7,2),t.nrm(8,"tui-alerts"),t.SdG(9,3),t.k0s(),t.SdG(10,4),t.nrm(11,"tui-hints"),t.SdG(12,5)),2&f&&t.Y8G("ngIf",t.bMT(1,1,D.scrollbars$))},dependencies:[O.Jj,O.bT,wi,ln,k.fx,Fn.dY,Yn.I_],styles:['@keyframes tuiPresent{to{content:""}}@keyframes tuiSkeletonVibe{to{opacity:.5}}html[data-tui-theme],.tui-zero-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html[data-tui-theme]::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar,html[data-tui-theme]::-webkit-scrollbar-thumb,.tui-zero-scrollbar::-webkit-scrollbar-thumb{display:none}body,input{margin:0}tui-root{position:relative;display:block;font:var(--tui-font-text-s);color:var(--tui-text-primary);flex:1;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 0 100vh 0;-webkit-tap-highlight-color:transparent}tui-root>.t-root-scrollbar{position:fixed;top:0;left:0;bottom:0;right:0;display:none;margin:0}[data-tui-theme] tui-root>.t-root-scrollbar{display:block}.t-root-content{position:relative;top:var(--t-root-top);block-size:100%;isolation:isolate}.t-root-content>*{--t-root-top: 0}[tuiDropdownButton][tuiDropdownButton]{display:none}\n'],encapsulation:2}),x})(),cr=(()=>{var l;class x{transform(f,D,ue){var st;return null!==(st=null==f?void 0:f.replace(D,ue))&&void 0!==st?st:""}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiReplace",type:l,pure:!0,standalone:!0}),x})(),zi=(()=>{var l;class x{transform(f){return function Gt(l){if(""===l)return"";let x=0;for(let ue=0;ue<l.length;ue++)x=l.charCodeAt(ue)+((x<<5)-x),x&=x;const f=60+x%5,D=80+x%5;return"hsl(".concat(x%360,",").concat(f,"%,").concat(D,"%)")}(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiAutoColor",type:l,pure:!0,standalone:!0}),x})();var ks=u(5340),Ls=u(6836);const Cu=(0,q.gc)({appearance:"neutral",size:"s"});let bl=(()=>{var l;class x{}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["ng-component"]],hostAttrs:[1,"tui-chip"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(f,D){},styles:["tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: 0 .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);block-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;isolation:isolate}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiSwitch],[tuiChip]>[tuiSwitch],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip>[tuiIconButton],[tuiChip]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: var(--t-0, 0rem);--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img,tui-chip tui-avatar,[tuiChip] tui-avatar{inline-size:1.5rem;margin-inline-start:-.375rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;margin:0}tui-chip[tuiAppearance][data-appearance=error],[tuiChip][tuiAppearance][data-appearance=error],tui-chip[tuiAppearance][data-appearance=success],[tuiChip][tuiAppearance][data-appearance=success],tui-chip[tuiAppearance][data-appearance=warning],[tuiChip][tuiAppearance][data-appearance=warning],tui-chip[tuiAppearance][data-appearance=info],[tuiChip][tuiAppearance][data-appearance=info],tui-chip[tuiAppearance][data-appearance=neutral],[tuiChip][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}\n"],encapsulation:2,changeDetection:0}),x})(),Ma=(()=>{var l;class x{constructor(){this.options=(0,t.WQX)(Cu),this.nothing=(0,q.Ty)(bl),this.size=this.options.size}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["tui-chip"],["","tuiChip",""]],hostVars:1,hostBindings:function(f,D){2&f&&t.BMQ("data-size",D.size)},inputs:{size:"size"},standalone:!0,features:[t.Jv_([(0,Tt.mr)(Cu),H({size:"s"}),(0,Ls.Ly)({size:"s"}),(0,ks.vQ)({size:"xs"}),(0,ae.e)({size:"xs",appearance:"icon"})]),t.nM4([Tt.tF,Hr.Z])]}),x})();const Ds=["*"];function Jp(l,x){if(1&l&&(t.j41(0,"p",2),t.EFF(1),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.SpI(" ",g.filename,"\n")}}function nd(l,x){if(1&l){const g=t.RV6();t.j41(0,"pre",3),t.EFF(1,"    "),t.nrm(2,"code",4),t.EFF(3,"\n    "),t.j41(4,"div",5),t.EFF(5,"\n        "),t.j41(6,"button",6),t.bIt("click",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.copy$.next())}),t.EFF(7,"\n        "),t.k0s(),t.EFF(8,"\n        "),t.SdG(9),t.EFF(10,"\n    "),t.k0s(),t.EFF(11,"\n"),t.k0s()}if(2&l){const g=x.$implicit,f=t.XpG();t.R7$(2),t.Y8G("lineNumbers",!0)("highlight",g),t.R7$(4),t.Y8G("iconStart",f.icon())("cdkCopyToClipboard",g)}}const Mu=["content"],ia=["resizer"];function od(l,x){if(1&l&&t.nrm(0,"tui-data-list-wrapper",22),2&l){const g=t.XpG(3);t.Y8G("items",g.updateOnVariants)}}const oa=function(){return{standalone:!0}};function xu(l,x){if(1&l){const g=t.RV6();t.j41(0,"pre",16),t.EFF(1),t.nI1(2,"json"),t.k0s(),t.j41(3,"div",17)(4,"tui-select",18),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(2);return t.Njj(ue.updateOnChange(D))}),t.EFF(5," updateOn "),t.DNE(6,od,1,1,"tui-data-list-wrapper",19),t.k0s(),t.j41(7,"button",20),t.EFF(8," Reset "),t.k0s(),t.j41(9,"button",21),t.EFF(10," Submit "),t.k0s()()}if(2&l){const g=t.XpG(2);t.R7$(1),t.SpI("Form data: ",t.bMT(2,7,g.testForm.value),""),t.R7$(3),t.Y8G("ngModel",g.updateOn)("ngModelOptions",t.lJ4(9,oa)),t.R7$(3),t.xc7("flex","0 0 auto"),t.R7$(2),t.xc7("flex","0 0 auto")}}function wa(l,x){if(1&l){const g=t.RV6();t.j41(0,"form",10)(1,"div",11),t.eu8(2,12),t.k0s(),t.j41(3,"button",13),t.bIt("click",function(){t.eBV(g);const D=t.XpG();return t.Njj(D.toggleDetails())}),t.EFF(4),t.k0s(),t.j41(5,"tui-expand",14),t.DNE(6,xu,11,10,"ng-template",15),t.k0s()()}if(2&l){const g=t.XpG();t.Y8G("formGroup",g.testForm),t.R7$(2),t.Y8G("ngTemplateOutlet",g.template),t.R7$(1),t.Y8G("tuiChevron",g.expanded),t.R7$(1),t.SpI(" ",g.texts[2]," "),t.R7$(1),t.Y8G("expanded",g.expanded)}}const eh=function(){return[1,0]};function Tl(l,x){if(1&l&&(t.j41(0,"h1",2),t.EFF(1),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.SpI(" ",g.heading,"\n")}}function El(l,x){if(1&l&&(t.j41(0,"th",10),t.EFF(1),t.k0s()),2&l){const g=t.XpG(3);t.R7$(1),t.SpI(" ",g.texts[3]," ")}}function rd(l,x){if(1&l&&(t.j41(0,"code",22),t.EFF(1),t.nI1(2,"tuiStripOptionalPipe"),t.k0s()),2&l){const g=t.XpG().$implicit;t.xc7("color","var(--tui-background-accent-2-pressed)"),t.R7$(1),t.SpI(" ",t.bMT(2,3,g.attrName)," ")}}function Xr(l,x){1&l&&(t.j41(0,"tui-badge",23),t.EFF(1," Optional "),t.k0s())}function sd(l,x){1&l&&(t.j41(0,"tui-badge",24),t.EFF(1," Deprecated "),t.k0s())}function Sa(l,x){if(1&l&&(t.j41(0,"a",27),t.EFF(1),t.k0s()),2&l){const g=t.XpG().$implicit;t.BMQ("href",g.reference,t.B4B),t.R7$(1),t.SpI(" ",g.type," ")}}function Iu(l,x){if(1&l&&t.EFF(0),2&l){const g=t.XpG().$implicit;t.SpI(" ",g.type," ")}}function Ml(l,x){1&l&&(t.j41(0,"span"),t.EFF(1,"\xa0|\xa0"),t.k0s())}function Oa(l,x){if(1&l&&(t.qex(0),t.DNE(1,Sa,2,2,"a",25),t.DNE(2,Iu,1,1,"ng-template",null,26,t.C5r),t.DNE(4,Ml,2,0,"span",1),t.bVm()),2&l){const g=x.$implicit,f=x.last,D=t.sdS(3);t.R7$(1),t.Y8G("ngIf",g.reference)("ngIfElse",D),t.R7$(3),t.Y8G("ngIf",!f)}}function wu(l,x){if(1&l&&t.nrm(0,"tui-data-list-wrapper",37),2&l){t.XpG(2);const g=t.sdS(3),f=t.XpG(2).$implicit;t.Y8G("itemContent",g)("items",f.documentationPropertyValues)}}function ad(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-select",34),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(3).$implicit;return t.Njj(ue.onValueChange(D))}),t.nI1(1,"tuiShowCleanerPipe"),t.j41(2,"code",35),t.EFF(3,"null"),t.k0s(),t.DNE(4,wu,1,2,"tui-data-list-wrapper",36),t.k0s()}if(2&l){t.XpG();const g=t.sdS(3),f=t.XpG(2).$implicit;t.Y8G("nativeId",f.attrName)("ngModel",f.documentationPropertyValue)("tuiTextfieldCleaner",t.bMT(1,5,f.documentationPropertyType))("tuiTextfieldLabelOutside",!0)("valueContent",g)}}function xl(l,x){if(1&l&&(t.j41(0,"code"),t.EFF(1),t.nI1(2,"tuiInspectAny"),t.k0s()),2&l){const g=x.$implicit;t.R7$(1),t.JRh(t.bMT(2,1,g))}}function Il(l,x){if(1&l){const g=t.RV6();t.j41(0,"input",42),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(4).$implicit;return t.Njj(ue.onValueChange(D))}),t.k0s()}if(2&l){const g=t.XpG(4).$implicit;t.Y8G("id",g.attrName)("ngModel",g.documentationPropertyValue)("showIcons",!0)}}function wl(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-textfield",43)(1,"input",44),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(4).$implicit;return t.Njj(ue.onValueChange(D))}),t.k0s()()}if(2&l){const g=t.XpG(4).$implicit;t.R7$(1),t.Y8G("id",g.attrName)("ngModel",g.documentationPropertyValue||"")}}function Sl(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-input-number",45),t.bIt("ngModelChange",function(D){t.eBV(g);const ue=t.XpG(4).$implicit;return t.Njj(ue.onValueChange(D||0))}),t.k0s()}if(2&l){const g=t.XpG(4).$implicit;t.Y8G("nativeId",g.attrName)("ngModel",g.documentationPropertyValue)("step",1)("tuiTextfieldLabelOutside",!0)}}function ud(l,x){if(1&l&&(t.qex(0,38),t.DNE(1,Il,1,3,"input",39),t.DNE(2,wl,2,2,"tui-textfield",40),t.DNE(3,Sl,1,4,"tui-input-number",41),t.bVm()),2&l){const g=t.XpG(3).$implicit;t.Y8G("ngSwitch",g.documentationPropertyType),t.R7$(1),t.Y8G("ngSwitchCase","boolean"),t.R7$(1),t.Y8G("ngSwitchCase","string"),t.R7$(1),t.Y8G("ngSwitchCase","number")}}function Aa(l,x){if(1&l&&(t.qex(0),t.DNE(1,ad,5,7,"tui-select",31),t.DNE(2,xl,3,3,"ng-template",null,32,t.C5r),t.DNE(4,ud,4,4,"ng-template",null,33,t.C5r),t.bVm()),2&l){const g=t.sdS(5),f=t.XpG(2).$implicit;t.R7$(1),t.Y8G("ngIf",f.hasItems)("ngIfElse",g)}}function Cs(l,x){if(1&l&&(t.j41(0,"tui-notification",46),t.nI1(1,"async"),t.EFF(2," Emit! "),t.k0s()),2&l){const g=t.XpG(2).$implicit;t.Y8G("@emitEvent",t.bMT(1,1,g.emits$))}}function ld(l,x){if(1&l&&(t.j41(0,"td",28),t.DNE(1,Aa,6,2,"ng-container",29),t.DNE(2,Cs,3,3,"ng-template",null,30,t.C5r),t.k0s()),2&l){const g=t.sdS(3),f=t.XpG().$implicit;t.R7$(1),t.Y8G("ngIf",f.shouldShowValues)("ngIfElse",g)}}function Ol(l,x){if(1&l&&(t.j41(0,"tr",11)(1,"td",12)(2,"div",13),t.DNE(3,rd,3,5,"code",14),t.DNE(4,Xr,2,0,"tui-badge",15),t.nI1(5,"tuiIsOptionalPipe"),t.DNE(6,sd,2,0,"tui-badge",16),t.k0s(),t.eu8(7,17),t.k0s(),t.j41(8,"td",12)(9,"span",18)(10,"code",19),t.DNE(11,Oa,5,3,"ng-container",20),t.nI1(12,"tuiDocTypeReference"),t.k0s()()(),t.DNE(13,ld,4,2,"td",21),t.k0s()),2&l){const g=x.$implicit,f=t.XpG(3);t.AVh("t-deprecated",g.documentationPropertyDeprecated),t.R7$(3),t.Y8G("ngIf",g.attrName),t.R7$(1),t.Y8G("ngIf",t.bMT(5,8,g.attrName)),t.R7$(2),t.Y8G("ngIf",g.documentationPropertyDeprecated),t.R7$(1),t.Y8G("ngTemplateOutlet",g.template),t.R7$(4),t.Y8G("ngForOf",t.bMT(12,10,g.documentationPropertyType)),t.R7$(2),t.Y8G("ngIf",f.showValues)}}function Al(l,x){if(1&l&&(t.j41(0,"table",4)(1,"tr",5)(2,"th",6),t.EFF(3),t.k0s(),t.j41(4,"th",7),t.EFF(5),t.k0s(),t.DNE(6,El,2,1,"th",8),t.k0s(),t.DNE(7,Ol,14,12,"tr",9),t.k0s()),2&l){const g=t.XpG().ngIf,f=t.XpG();t.R7$(3),t.JRh(f.texts[2]),t.R7$(2),t.JRh(f.type),t.R7$(1),t.Y8G("ngIf",f.showValues&&!f.isAPI),t.R7$(1),t.Y8G("ngForOf",g)}}function ra(l,x){if(1&l&&(t.qex(0),t.DNE(1,Al,8,4,"table",3),t.bVm()),2&l){const g=x.ngIf;t.R7$(1),t.Y8G("ngIf",g.length)}}function cd(l,x){1&l&&t.nrm(0,"span",9),2&l&&t.Y8G("textContent",x.polymorpheusOutlet)}function dr(l,x){if(1&l&&(t.j41(0,"h3",7),t.DNE(1,cd,1,1,"span",8),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.heading)}}const dd=function(){return{matrixParams:"exact",queryParams:"exact",paths:"exact",fragment:"exact"}};function Pl(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",10),t.bIt("click",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.copyExampleLink(D.currentTarget))}),t.nI1(1,"async"),t.EFF(2," # "),t.k0s()}if(2&l){const g=t.XpG();t.Y8G("fragment",g.id)("routerLinkActiveOptions",t.lJ4(5,dd)),t.BMQ("title",t.bMT(1,3,g.copy$))}}function Su(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function fd(l,x){if(1&l&&(t.j41(0,"h4",11),t.DNE(1,Su,2,1,"ng-container",12),t.k0s()),2&l){const g=t.XpG();t.R7$(1),t.Y8G("polymorpheusOutlet",g.description)}}function Rl(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Ou(l,x){if(1&l&&(t.j41(0,"button",22),t.DNE(1,Rl,2,1,"ng-container",12),t.k0s()),2&l){const g=t.XpG().$implicit,f=t.XpG(4);t.R7$(1),t.Y8G("polymorpheusOutlet",f.getTabTitle(g))}}function Bs(l,x){1&l&&(t.qex(0),t.DNE(1,Ou,2,1,"button",21),t.bVm())}function Vs(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function Us(l,x){if(1&l&&(t.qex(0),t.DNE(1,Vs,2,1,"ng-container",12),t.bVm()),2&l){const g=x.ngIf;t.R7$(1),t.Y8G("polymorpheusOutlet",g)}}function Nl(l,x){if(1&l&&(t.j41(0,"button",26),t.EFF(1),t.k0s()),2&l){const g=t.XpG(5);t.R7$(1),t.SpI(" Edit on ",g.codeEditor.name," ")}}function Au(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-loader",23),t.bIt("click",function(){t.eBV(g);const D=t.XpG(3).ngIf,ue=t.XpG();return t.Njj(ue.edit(D))}),t.nI1(1,"async"),t.DNE(2,Us,2,1,"ng-container",24),t.DNE(3,Nl,2,1,"ng-template",null,25,t.C5r),t.k0s()}if(2&l){const g=t.sdS(4),f=t.XpG(4);t.Y8G("overlay",!0)("showLoader",!!t.bMT(1,4,f.loading$)),t.R7$(2),t.Y8G("ngIf",null==f.codeEditor?null:f.codeEditor.content)("ngIfElse",g)}}function $s(l,x){if(1&l){const g=t.RV6();t.j41(0,"div",17)(1,"tui-tabs-with-more",18),t.bIt("activeItemIndexChange",function(D){t.eBV(g);const ue=t.XpG(3);return t.Njj(ue.activeItemIndex=D)}),t.DNE(2,Bs,2,0,"ng-container",19),t.k0s(),t.DNE(3,Au,5,6,"tui-loader",20),t.nI1(4,"tuiMapper"),t.k0s()}if(2&l){const g=t.XpG().ngIf,f=t.XpG().ngIf,D=t.XpG();t.R7$(1),t.Y8G("activeItemIndex",D.activeItemIndex),t.R7$(1),t.Y8G("ngForOf",g),t.R7$(1),t.Y8G("ngIf",t.i5U(4,3,f,D.visible))}}function th(l,x){if(1&l&&t.eu8(0,30),2&l){t.XpG(4);const g=t.sdS(7);t.Y8G("ngTemplateOutlet",g)}}const Fl=function(l){return{$implicit:l}};function nh(l,x){if(1&l&&t.eu8(0,31),2&l){const g=t.XpG(2).ngIf,f=t.XpG().ngIf,D=t.XpG(),ue=t.sdS(9);t.Y8G("ngTemplateOutlet",ue)("ngTemplateOutletContext",t.eq3(2,Fl,(null==f?null:f[(null==g?null:g[D.activeItemIndex])||0])||""))}}function ih(l,x){if(1&l&&(t.j41(0,"div",27),t.DNE(1,th,1,1,"ng-container",28),t.DNE(2,nh,1,4,"ng-template",null,29,t.C5r),t.k0s()),2&l){const g=x.index,f=t.sdS(3),D=t.XpG(3);t.AVh("t-content_animated",!D.isE2E)("t-content_visible",D.activeItemIndex===g),t.R7$(1),t.Y8G("ngIf",g===D.defaultTabIndex)("ngIfElse",f)}}function oh(l,x){if(1&l&&(t.qex(0),t.DNE(1,$s,5,6,"div",15),t.DNE(2,ih,4,6,"div",16),t.bVm()),2&l){const g=x.ngIf;t.R7$(1),t.Y8G("ngIf",g.length>1),t.R7$(1),t.Y8G("ngForOf",g)}}function rh(l,x){if(1&l&&(t.j41(0,"div",13),t.DNE(1,oh,3,2,"ng-container",14),t.nI1(2,"tuiDocExampleGetTabs"),t.k0s()),2&l){const g=x.ngIf,f=t.XpG();t.R7$(1),t.Y8G("ngIf",t.i5U(2,1,g,f.defaultTab))}}function sh(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function ah(l,x){if(1&l&&(t.j41(0,"div",32),t.SdG(1),t.DNE(2,sh,2,1,"ng-container",12),t.nI1(3,"async"),t.k0s()),2&l){const g=t.XpG();t.R7$(2),t.Y8G("polymorpheusOutlet",t.bMT(3,1,g.lazyComponent$))}}function Hs(l,x){if(1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l){const g=x.polymorpheusOutlet;t.R7$(1),t.SpI(" ",g," ")}}function pd(l,x){if(1&l&&(t.qex(0),t.DNE(1,Hs,2,1,"ng-container",34),t.bVm()),2&l){const g=x.$implicit,f=t.XpG().$implicit;t.R7$(1),t.Y8G("polymorpheusOutlet",g)("polymorpheusOutletContext",t.eq3(2,Fl,f))}}function hd(l,x){if(1&l&&(t.j41(0,"tui-doc-code",33),t.DNE(1,pd,2,4,"ng-container",19),t.k0s()),2&l){const g=x.$implicit,f=t.XpG();t.Y8G("code",g),t.R7$(1),t.Y8G("ngForOf",f.codeActions)}}function Lo(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function gd(l,x){if(1&l&&(t.j41(0,"a",18),t.EFF(1),t.DNE(2,Lo,1,1,"tui-icon",19),t.k0s()),2&l){const g=t.XpG().$implicit;t.Y8G("href",g.route,t.B4B)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function sa(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function md(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",21),t.bIt("click",function(){t.eBV(g);const D=t.XpG(5),ue=t.sdS(1);return t.Njj(D.onClick(ue))}),t.EFF(1),t.DNE(2,sa,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG().$implicit;t.Y8G("fragment",g.fragment)("routerLink",g.route)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function wr(l,x){if(1&l&&(t.qex(0),t.DNE(1,gd,3,5,"a",16),t.DNE(2,md,3,6,"ng-template",null,17,t.C5r),t.bVm()),2&l){const g=x.$implicit,f=t.sdS(3);t.R7$(1),t.Y8G("ngIf",g.route.includes("://"))("ngIfElse",f)}}function zs(l,x){if(1&l&&(t.j41(0,"tui-opt-group",14),t.DNE(1,wr,4,2,"ng-container",15),t.k0s()),2&l){const g=x.$implicit,f=x.index,D=t.XpG(3);t.Y8G("label",D.labels[f]||""),t.R7$(1),t.Y8G("ngForOf",g)}}function kl(l,x){if(1&l&&(t.j41(0,"tui-data-list"),t.DNE(1,zs,2,2,"tui-opt-group",13),t.nI1(2,"async"),t.k0s()),2&l){const g=t.XpG(2);t.R7$(1),t.Y8G("ngForOf",t.bMT(2,1,g.filtered$))}}function Pa(l,x){1&l&&(t.qex(0),t.DNE(1,kl,3,3,"tui-data-list",12),t.bVm())}const js=function(l,x){return{item:l,index:x}};function _d(l,x){if(1&l&&t.eu8(0,26),2&l){const g=x.$implicit,f=x.index,D=t.XpG(2).index;t.XpG();const ue=t.sdS(14);t.Y8G("ngTemplateOutlet",ue)("ngTemplateOutletContext",t.l_i(2,js,g,100*D+f))}}function uh(l,x){if(1&l&&(t.j41(0,"div",25),t.DNE(1,_d,1,5,"ng-container",10),t.k0s()),2&l){const g=t.XpG().index,f=t.XpG();t.R7$(1),t.Y8G("ngForOf",f.items[g])}}function vd(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-accordion-item",22),t.bIt("openChange",function(D){const st=t.eBV(g).index,Mn=t.XpG();return t.Njj(Mn.openPagesArr[st]=D)}),t.j41(1,"span",23)(2,"strong"),t.EFF(3),t.k0s()(),t.DNE(4,uh,2,1,"ng-template",24),t.k0s()}if(2&l){const g=x.$implicit,f=x.index,D=t.XpG();t.Y8G("borders",null)("open",!!D.openPagesArr[f]),t.R7$(3),t.JRh(g)}}function lh(l,x){if(1&l&&t.eu8(0,26),2&l){const g=x.$implicit,f=x.index,D=t.XpG(),ue=t.sdS(14);t.Y8G("ngTemplateOutlet",ue)("ngTemplateOutletContext",t.l_i(2,js,g,D.items.length-1+f))}}function Tr(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function Pu(l,x){if(1&l&&(t.j41(0,"a",30),t.EFF(1),t.DNE(2,Tr,1,1,"tui-icon",19),t.k0s()),2&l){const g=t.XpG(2).item;t.Y8G("href",g.route,t.B4B)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Ws(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function ch(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",31),t.bIt("click",function(){t.eBV(g);const D=t.XpG(3);return t.Njj(D.closeMenu())}),t.EFF(1),t.DNE(2,Ws,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG(2).item,f=t.XpG();t.Y8G("routerLink",g.route)("target",g.target||"_self")("tuiDocScrollIntoViewLink",f.isActive(g.route)),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Ll(l,x){if(1&l&&(t.qex(0),t.DNE(1,Pu,3,5,"a",29),t.DNE(2,ch,3,6,"ng-template",null,17,t.C5r),t.bVm()),2&l){const g=t.sdS(3),f=t.XpG().item;t.R7$(1),t.Y8G("ngIf",f.route.includes("://"))("ngIfElse",g)}}function yd(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function bd(l,x){if(1&l){const g=t.RV6();t.j41(0,"button",36),t.bIt("click",function(){t.eBV(g);const D=t.XpG(2).index,ue=t.XpG();return t.Njj(ue.onGroupClick(D))}),t.nrm(1,"tui-icon",37),t.EFF(2),t.DNE(3,yd,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG(2),f=g.index,D=g.item,ue=t.XpG();t.R7$(1),t.AVh("t-chevron_active",!!ue.openPagesGroupsArr[f]),t.Y8G("icon",ue.icons.more),t.R7$(1),t.SpI(" ",D.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",D.icon)}}function Dd(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function Cd(l,x){if(1&l&&(t.j41(0,"a",39),t.EFF(1),t.DNE(2,Dd,1,1,"tui-icon",19),t.k0s()),2&l){const g=t.XpG().$implicit;t.Y8G("href",g.route,t.B4B)("target",g.target||"_self"),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Td(l,x){1&l&&t.nrm(0,"tui-icon",20),2&l&&t.Y8G("icon",x.polymorpheusOutlet)}function Ed(l,x){if(1&l){const g=t.RV6();t.j41(0,"a",40),t.bIt("click",function(){t.eBV(g);const D=t.XpG(4);return t.Njj(D.closeMenu())}),t.EFF(1),t.DNE(2,Td,1,1,"tui-icon",19),t.k0s()}if(2&l){const g=t.XpG().$implicit,f=t.XpG(3);t.Y8G("fragment",g.fragment)("routerLink",g.route)("target",g.target||"_self")("tuiDocScrollIntoViewLink",f.isActive(g.route)),t.BMQ("rel",g.rel),t.R7$(1),t.SpI(" ",g.title," "),t.R7$(1),t.Y8G("polymorpheusOutlet",g.icon)}}function Ru(l,x){if(1&l&&(t.qex(0),t.DNE(1,Cd,3,5,"a",38),t.DNE(2,Ed,3,7,"ng-template",null,17,t.C5r),t.bVm()),2&l){const g=x.$implicit,f=t.sdS(3);t.R7$(1),t.Y8G("ngIf",g.route.includes("://"))("ngIfElse",f)}}const Ra=function(){return{exact:!1}};function Md(l,x){if(1&l&&(t.j41(0,"div",32),t.DNE(1,bd,4,5,"button",33),t.j41(2,"tui-expand",34)(3,"div",35),t.DNE(4,Ru,4,2,"ng-container",15),t.k0s()()()),2&l){const g=t.XpG(),f=g.item,D=g.index,ue=t.XpG();t.Y8G("routerLinkActiveOptions",t.lJ4(4,Ra)),t.R7$(1),t.Y8G("ngIf",f.subPages),t.R7$(1),t.Y8G("expanded",!!ue.openPagesGroupsArr[D]),t.R7$(2),t.Y8G("ngForOf",ue.$pages(f.subPages))}}function Na(l,x){if(1&l&&(t.DNE(0,Ll,4,2,"ng-container",27),t.DNE(1,Md,5,5,"ng-template",null,28,t.C5r)),2&l){const g=x.item,f=t.sdS(2);t.Y8G("ngIf",!g.subPages)("ngIfElse",f)}}const Bl=["tuiDocHeader",""];function Fa(l,x){1&l&&t.nrm(0,"tui-doc-navigation",4)}function xd(l,x){1&l&&t.nrm(0,"img",5),2&l&&t.Y8G("src",x.polymorpheusOutlet,t.B4B)}function Vl(l,x){1&l&&(t.qex(0),t.EFF(1),t.bVm()),2&l&&(t.R7$(1),t.JRh(", "))}function Nu(l,x){if(1&l&&(t.qex(0),t.nrm(1,"a",2),t.DNE(2,Vl,2,1,"ng-container",3),t.bVm()),2&l){const g=x.$implicit,f=x.last,D=t.XpG();t.R7$(1),t.Y8G("innerText",g)("routerLink",D.getRouterLink(g)),t.R7$(1),t.Y8G("ngIf",!f)}}function ka(l,x){if(1&l&&(t.j41(0,"a",1),t.EFF(1),t.k0s()),2&l){const g=x.polymorpheusOutlet,f=t.XpG();t.xc7("height","var(--tui-height-l)"),t.Y8G("href",g,t.B4B)("iconStart",f.icons.code),t.R7$(1),t.SpI(" ",f.text,"\n")}}const Id=[[["tuiDocNavigation"]],[["tuiDocHeader"]],[["tuiOverContent"]],[["tuiOverDialogs"]],[["tuiOverAlerts"]],[["tuiOverDropdowns"]],[["tuiOverHints"]]],Gs=["tuiDocNavigation","tuiDocHeader","tuiOverContent","tuiOverDialogs","tuiOverAlerts","tuiOverDropdowns","tuiOverHints"];function aa(l,x){1&l&&(t.j41(0,"tui-chip",10),t.EFF(1," deprecated "),t.k0s())}function wd(l,x){if(1&l&&(t.j41(0,"tui-chip",11),t.nI1(1,"tuiAutoColor"),t.EFF(2),t.k0s()),2&l){const g=t.XpG();t.xc7("background",t.bMT(1,3,g.package)),t.R7$(2),t.SpI(" ",g.package," ")}}function fh(l,x){if(1&l&&(t.j41(0,"tui-chip",11),t.nI1(1,"tuiAutoColor"),t.EFF(2),t.k0s()),2&l){const g=x.$implicit;t.xc7("background",t.bMT(1,3,g)),t.R7$(2),t.SpI(" ",g," ")}}const $l=function(l){return{exact:l}};function Sd(l,x){if(1&l&&(t.j41(0,"a",15),t.nI1(1,"tuiReplace"),t.EFF(2),t.k0s()),2&l){const g=t.XpG().ngIf,f=t.XpG().first,D=t.XpG(2);t.Y8G("routerLink",f?"./":t.brH(1,3,g,D.from,D.to))("routerLinkActiveOptions",t.eq3(7,$l,f)),t.R7$(2),t.SpI(" ",g," ")}}function ph(l,x){1&l&&(t.qex(0),t.DNE(1,Sd,3,9,"a",14),t.bVm())}function Od(l,x){if(1&l&&(t.qex(0),t.DNE(1,ph,2,0,"ng-container",13),t.bVm()),2&l){const g=x.$implicit,f=x.index,D=t.XpG(2);t.R7$(1),t.Y8G("ngIf",g.pageTab||D.defaultTabs[f])}}function Ad(l,x){if(1&l){const g=t.RV6();t.j41(0,"tui-tabs-with-more",12),t.bIt("activeItemIndexChange",function(D){t.eBV(g);const ue=t.XpG();return t.Njj(ue.activeItemIndex=D)}),t.DNE(1,Od,2,1,"ng-container",9),t.k0s()}if(2&l){const g=t.XpG();t.Y8G("activeItemIndex",g.activeItemIndex),t.R7$(1),t.Y8G("ngForOf",g.tabConnectors)}}function Pd(l,x){if(1&l&&t.nrm(0,"tui-doc-see-also",16),2&l){const g=t.XpG();t.Y8G("seeAlso",g.seeAlso)}}function La(l,x){if(1&l&&t.eu8(0,18),2&l){const g=t.XpG().$implicit;t.Y8G("ngTemplateOutlet",g.template)}}function Hl(l,x){if(1&l&&(t.qex(0),t.DNE(1,La,1,1,"ng-container",17),t.bVm()),2&l){const g=x.index,f=t.XpG();t.R7$(1),t.Y8G("ngIf",g===f.activeItemIndex)}}let zl=(()=>{var l;class x{constructor(){this.isE2E=(0,t.WQX)(Re.Hs)}transform(f,D=2){return this.isE2E&&"function"==typeof f?"\u03bb(x) => y":(0,ci.NZ)(f,D)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiInspectAny",type:l,pure:!0,standalone:!0}),x})(),hh=(()=>{var l;class x{constructor(){this.parser=(0,t.WQX)(c.xH),this.linkHandler=(0,t.WQX)(c.Y$)}transform(f){return this.parser(f).map(({type:D,extracted:ue})=>{var st,Mn;return{type:D,extracted:ue,reference:null!==(st=null===(Mn=this.linkHandler)||void 0===Mn?void 0:Mn.call(this,ue))&&void 0!==st?st:null}}).sort((D,ue)=>{var st,Mn,ei;return null!==(st=null===(Mn=ue.reference)||void 0===Mn?void 0:Mn.localeCompare(null!==(ei=D.reference)&&void 0!==ei?ei:""))&&void 0!==st?st:-1})}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiDocTypeReference",type:l,pure:!0,standalone:!0}),x})(),jl=(()=>{var l;class x{constructor(){this.icons=(0,t.WQX)(c.T$),this.rawLoader$$=new xt.t(""),this.isServer=(0,O.Vy)((0,t.WQX)(t.Agw)),this.markdownCodeProcessor=(0,t.WQX)(c.Wl),this.copy$=new un.B,this.icon=(0,Se.ot)(this.copy$.pipe((0,rt.n)(()=>(0,ze.O)(2e3).pipe((0,we.T)(()=>this.icons.copy),(0,ge.Z)(this.icons.check)))),{initialValue:this.icons.copy}),this.processor$=this.rawLoader$$.pipe((0,rt.n)(ci.XZ),(0,we.T)(f=>this.markdownCodeProcessor(f))),this.filename=""}set code(f){this.rawLoader$$.next(f)}get hasFilename(){return!!this.filename}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-code"]],hostVars:4,hostBindings:function(f,D){2&f&&(t.xc7("visibility",D.isServer?"hidden":"visible"),t.AVh("_has-filename",D.hasFilename))},inputs:{filename:"filename",code:"code"},standalone:!0,features:[t.aNF],ngContentSelectors:Ds,decls:3,vars:4,consts:[["class","t-header",4,"ngIf"],["class","t-code",4,"ngFor","ngForOf"],[1,"t-header"],[1,"t-code"],[3,"lineNumbers","highlight"],[1,"t-code-actions"],["type","button","tuiIconButton","","appearance","icon","size","xs",1,"t-copy-button",3,"iconStart","cdkCopyToClipboard","click"]],template:function(f,D){1&f&&(t.NAR(),t.DNE(0,Jp,2,1,"p",0),t.DNE(1,nd,12,4,"pre",1),t.nI1(2,"async")),2&f&&(t.Y8G("ngIf",D.filename),t.R7$(1),t.Y8G("ngForOf",t.bMT(2,2,D.processor$)))},dependencies:[O.Jj,on,Et,cn.f4,O.Sq,O.bT,ae.p],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{border-radius:.25rem}.t-code[_ngcontent-%COMP%]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-%COMP%]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-%COMP%]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-%COMP%]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-%COMP%]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-%COMP%] + .t-code[_ngcontent-%COMP%]{margin-top:1rem}.t-code-actions[_ngcontent-%COMP%]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-%COMP%]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-%COMP%] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-%COMP%]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-%COMP%]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-%COMP%]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-%COMP%], .hljs[_ngcontent-%COMP%]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}"],changeDetection:0}),x})(),Fu=(()=>{var l;class x{constructor(){var f,D,ue;this.el=(0,W.qW)(),this.locationRef=(0,t.WQX)(O.aZ),this.urlSerializer=(0,t.WQX)(Rn.Sd),this.urlStateHandler=(0,t.WQX)(c.TA),this.template=null,this.dark=(0,ci.Ne)(null!==(f=this.params.darkMode)&&void 0!==f?f:(0,t.WQX)(Ot.I$)()),this.updateOnVariants=["change","blur","submit"],this.updateOn=this.params.updateOn||this.updateOnVariants[0],this.opaque=(0,ci.Ne)(null===(D=this.params.sandboxOpaque)||void 0===D||D),this.expanded=(0,ci.Ne)(null!==(ue=this.params.sandboxExpanded)&&void 0!==ue&&ue),this.sandboxWidth=(0,Ke.Wn)(this.params.sandboxWidth),this.texts=(0,t.WQX)(c.tK),this.control=null,this.sticky=!0}ngOnInit(){this.createForm(),this.updateWidth(this.sandboxWidth+this.delta)}onResize(){this.updateWidth(),this.onMouseUp()}onMouseUp(){this.updateUrl({sandboxWidth:this.sandboxWidth})}onModeChange(f){this.dark=f,this.updateUrl({sandboxWidth:this.sandboxWidth,darkMode:this.dark})}toggleDetails(){this.expanded=!this.expanded,this.updateUrl({sandboxExpanded:this.expanded})}changeOpaque(f){this.opaque=f,this.updateUrl({sandboxOpaque:this.opaque})}updateOnChange(f){this.updateOn=f,this.updateUrl({updateOn:f}),this.createForm()}updateWidth(f=NaN){if(!this.resizer||!this.resizable||!this.content)return;const D=f||this.resizable.nativeElement.clientWidth,ue=this.el.clientWidth,st=Math.round((0,Ke.wN)(D,160,ue))-this.delta,Mn=D<ue?st:NaN;this.resizer.nativeElement.textContent=String(st||"-"),this.resizable.nativeElement.style.width=Mn?(0,q.Pp)(D):"",this.sandboxWidth=Mn}get delta(){return this.resizable&&this.content?this.resizable.nativeElement.clientWidth-this.content.nativeElement.clientWidth:0}get params(){return this.getUrlTree().queryParams}updateUrl(f){const D=this.getUrlTree(),{queryParams:ue}=D;delete ue.sandboxWidth,D.queryParams={...ue,...(0,ci.rZ)({...f})},this.locationRef.go(this.urlStateHandler(D))}createForm(){const{control:f,updateOn:D}=this;f&&(this.testForm=new N.gE({testValue:f},{updateOn:D}))}getUrlTree(){return this.urlSerializer.parse(this.locationRef.path())}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-demo"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,t.C4Q,5),2&f){let st;t.mGM(st=t.lsd())&&(D.template=st.first)}},viewQuery:function(f,D){if(1&f&&(t.GBs(Fi,7),t.GBs(Mu,7),t.GBs(ia,7)),2&f){let ue;t.mGM(ue=t.lsd())&&(D.resizable=ue.first),t.mGM(ue=t.lsd())&&(D.content=ue.first),t.mGM(ue=t.lsd())&&(D.resizer=ue.first)}},hostVars:2,hostBindings:function(f,D){1&f&&t.bIt("resize",function(){return D.onResize()},!1,t.tSv)("mouseup.silent",function(){return D.onMouseUp()},!1,t.EBC),2&f&&t.AVh("_sticky",D.sticky)},inputs:{control:"control",sticky:"sticky"},standalone:!0,features:[t.aNF],ngContentSelectors:Ds,decls:15,vars:10,consts:[[1,"t-settings"],[1,"t-label"],["size","s","tuiSwitch","","type","checkbox",3,"ngModel","ngModelChange"],["tuiResizable","",1,"t-wrapper"],[1,"t-content"],["id","demo-content"],["content",""],["class","t-form",3,"formGroup",4,"ngIf"],[1,"t-resizer",3,"tuiResizer","tuiSizeChange"],["resizer",""],[1,"t-form",3,"formGroup"],[1,"t-input-wrapper"],[3,"ngTemplateOutlet"],["automation-id","tui-demo-button__toggle-details","size","s","tuiButton","","type","button",1,"t-button",3,"tuiChevron","click"],[1,"t-expand",3,"expanded"],["tuiExpandContent",""],[1,"t-value"],["tuiGroup","",1,"t-form-controls"],["automation-id","tui-demo-select__expand-update-on","tuiTextfieldSize","s",1,"t-select",3,"ngModel","ngModelOptions","ngModelChange"],[3,"items",4,"tuiDataList"],["automation-id","tui-demo-button__reset-state","size","s","tuiButton","","type","reset"],["automation-id","tui-demo-button__submit-state","size","s","tuiButton","","type","submit"],[3,"items"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"div",0)(1,"label",1)(2,"input",2),t.bIt("ngModelChange",function(st){return D.onModeChange(st)}),t.k0s(),t.EFF(3),t.k0s(),t.j41(4,"label",1)(5,"input",2),t.bIt("ngModelChange",function(st){return D.changeOpaque(st)}),t.k0s(),t.EFF(6),t.k0s()(),t.j41(7,"div",3)(8,"div",4)(9,"div",5,6),t.DNE(11,wa,7,5,"form",7),t.SdG(12),t.k0s()(),t.j41(13,"div",8,9),t.bIt("tuiSizeChange",function(st){return D.updateWidth(st[0])}),t.k0s()()),2&f&&(t.R7$(2),t.Y8G("ngModel",D.dark),t.R7$(1),t.SpI(" ",D.texts[0]," "),t.R7$(2),t.Y8G("ngModel",D.opaque),t.R7$(1),t.SpI(" ",D.texts[1]," "),t.R7$(1),t.AVh("t-wrapper_transparent",!D.opaque),t.BMQ("tuiTheme",D.dark?"dark":"light"),t.R7$(4),t.Y8G("ngIf",D.testForm),t.R7$(2),t.Y8G("tuiResizer",t.lJ4(9,eh)))},dependencies:[N.YN,N.qT,N.Zm,N.BC,N.cb,N.vS,O.TG,O.bT,O.T3,N.X1,N.j4,ae.p,de,tt,te.WX,Je,ki,ft.w7,Fi,Oi,hn,$t,Qt,ce,tn.CN,tn.G6],styles:['[_nghost-%COMP%]{position:relative;display:block;min-inline-size:100%;margin:1.5rem 0;pointer-events:none}.t-settings[_ngcontent-%COMP%]{position:absolute;bottom:calc(100% + .75rem);display:flex;gap:1rem;align-items:center;justify-content:flex-end;pointer-events:none;inline-size:100%}.t-settings[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:auto}.t-label[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}.t-wrapper[_ngcontent-%COMP%]{display:flex;box-shadow:var(--tui-shadow-medium);border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);max-inline-size:100%;min-block-size:6rem;inline-size:100%;min-inline-size:10rem;color:var(--tui-text-primary);background-color:var(--tui-background-base);overflow:hidden;pointer-events:auto}.t-wrapper.t-wrapper_transparent[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(-45deg,var(--tui-background-base-alt) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tui-background-base-alt) 75%),linear-gradient(-45deg,transparent 75%,var(--tui-background-base-alt) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}@media screen and (max-width: 47.9625em){.t-wrapper[_ngcontent-%COMP%]{min-block-size:auto}}.t-content[_ngcontent-%COMP%]{flex:1 1 0;min-inline-size:0;padding:1.5rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-%COMP%]{padding:1rem}}.t-form[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:flex-start}.t-input-wrapper[_ngcontent-%COMP%]{inline-size:100%;margin-bottom:.5rem}.t-expand[_ngcontent-%COMP%]{inline-size:100%}.t-value[_ngcontent-%COMP%]{flex:1;background:var(--tui-background-neutral-1);padding:.75rem;border-radius:.25rem}.t-mode[_ngcontent-%COMP%]{inline-size:12.5rem}.t-select[_ngcontent-%COMP%]{max-inline-size:15rem}.t-resizer[_ngcontent-%COMP%]{position:relative;display:flex;box-shadow:var(--tui-shadow-medium);inline-size:3.5rem;min-block-size:inherit;align-items:center;justify-content:center;flex-shrink:0;border-left:1px solid var(--tui-border-normal);outline:none;background:var(--tui-background-base);color:var(--tui-text-primary)}.t-resizer[_ngcontent-%COMP%]:before, .t-resizer[_ngcontent-%COMP%]:after{content:"";position:absolute;top:.75rem;left:50%;bottom:calc(50% + 1rem);inline-size:1px;background:var(--tui-border-normal);box-shadow:-.25rem 0 var(--tui-border-normal);transform:translateZ(0)}.t-resizer[_ngcontent-%COMP%]:after{bottom:.75rem;top:calc(50% + 1rem)}@media screen and (max-width: 47.9625em){.t-resizer[_ngcontent-%COMP%]{display:none}}.t-resizer-text[_ngcontent-%COMP%]{position:relative;z-index:1;font:var(--tui-font-text-s);padding:.75rem;background:var(--tui-background-base)}.wrapper_light[_ngcontent-%COMP%]   .t-resizer-text[_ngcontent-%COMP%]{background:#3e464e}.t-group[_ngcontent-%COMP%], .t-checkbox[_ngcontent-%COMP%]{display:flex;align-items:center;margin-left:.75rem}.t-button[_ngcontent-%COMP%], .t-form-controls[_ngcontent-%COMP%]{margin-top:.75rem}@supports (position: sticky){@media screen and (min-height: 37.5rem){._sticky[_nghost-%COMP%]{position:sticky;top:4.625rem;z-index:2}}}'],changeDetection:0}),(0,ee.Cg)([q.PE],x.prototype,"updateUrl",null),x})(),kd=(()=>{var l;class x{constructor(){this.locationRef=(0,t.WQX)(O.aZ),this.activatedRoute=(0,t.WQX)(Rn.nX),this.urlSerializer=(0,t.WQX)(Rn.Sd),this.urlStateHandler=(0,t.WQX)(c.TA),this.alerts=(0,t.WQX)(xn),this.documentationPropertyName="",this.documentationPropertyMode=null,this.documentationPropertyType="",this.documentationPropertyDeprecated=!1,this.documentationPropertyValues=null,this.documentationPropertyValueChange=new t.bkB,this.changed$=new un.B,this.emits$=new xt.t(1),this.template=(0,t.WQX)(t.C4Q)}get attrName(){switch(this.documentationPropertyMode){case"input":return"[".concat(this.documentationPropertyName,"]");case"output":return"(".concat(this.documentationPropertyName,")");case"input-output":return"[(".concat(this.documentationPropertyName,")]");default:return this.documentationPropertyName}}get shouldShowValues(){return"output"!==this.documentationPropertyMode}get hasItems(){return!!this.documentationPropertyValues}ngOnInit(){this.parseParams(this.activatedRoute.snapshot.queryParams)}ngOnChanges(){this.changed$.next()}onValueChange(f){this.documentationPropertyValue=f,this.documentationPropertyValueChange.emit(f),this.setQueryParam(f)}emitEvent(f){let D;console.info(this.attrName,f),this.emits$.next(this.emits$.value+1),void 0!==f&&(D=(0,ci.NZ)(f,2)),this.alerts.open(D,{label:this.attrName}).subscribe()}parseParams(f){const D=f[this.documentationPropertyName],ue=f["".concat(this.documentationPropertyName).concat("$")];if(!D&&!ue)return;let st=ue&&this.documentationPropertyValues?this.documentationPropertyValues[ue]:(0,ci.TZ)(D);"string"===this.documentationPropertyType&&(0,q.sZ)(st)&&(st=st.toString()),this.onValueChange(st)}setQueryParam(f){const D=this.urlSerializer.parse(this.locationRef.path()),ue=f instanceof Object,st=ue&&this.documentationPropertyValues?this.documentationPropertyValues.indexOf(f):f;D.queryParams={...D.queryParams,[this.documentationPropertyName+(ue?"$":"")]:st},this.locationRef.go(this.urlStateHandler(D))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["ng-template","documentationPropertyName",""]],inputs:{documentationPropertyName:"documentationPropertyName",documentationPropertyMode:"documentationPropertyMode",documentationPropertyType:"documentationPropertyType",documentationPropertyValue:"documentationPropertyValue",documentationPropertyDeprecated:"documentationPropertyDeprecated",documentationPropertyValues:"documentationPropertyValues"},outputs:{documentationPropertyValueChange:"documentationPropertyValueChange"},exportAs:["documentationProperty"],standalone:!0,features:[t.OA$]}),x})(),_h=(()=>{var l;class x{transform(f){return f.includes("null")}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiShowCleanerPipe",type:l,pure:!0,standalone:!0}),x})(),Ld=(()=>{var l;class x{transform(f){return 4===f.length?f.split("").reduce((ue,st)=>[...ue,st,st],[]).join("").replace("#",""):f.startsWith("#")?f:"transparent"===f?"#000000":function En(l,x,g){return"#".concat([l,x,g].map(f=>f.toString(16).padStart(2,"0")).join(""))}(...f.replace("rgb(","").replace("rgba(","").replace(")","").replace(" ","").split(",").map(ue=>Number.parseInt(ue,10)))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiGetColorPipe",type:l,pure:!0,standalone:!0}),x})(),Gl=(()=>{var l;class x{transform(f){if(f.startsWith("#")||f.startsWith("rgb("))return 100;if("transparent"===f)return 0;const D=f.lastIndexOf(","),ue=f.slice(D).replace(")","").replace(" ","").replace(",","");return Math.round(100*Number.parseFloat(ue))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiGetOpacity",type:l,pure:!0,standalone:!0}),x})(),Ba=(()=>{var l;class x{transform(f){return f.includes("?")}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiIsOptionalPipe",type:l,pure:!0,standalone:!0}),x})(),Xl=(()=>{var l;class x{transform(f){return f.replace("?","")}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiStripOptionalPipe",type:l,pure:!0,standalone:!0}),x})(),Kl=(()=>{var l;class x{constructor(){this.cdr=(0,t.WQX)(t.gRc),this.destroyRef=(0,t.WQX)(t.abz),this.getColor=(0,t.WQX)(Ld),this.getOpacity=(0,t.WQX)(Gl),this.propertiesConnectors=ve.xQ,this.texts=(0,t.WQX)(c.q9),this.excludedProperties=(0,t.WQX)(c.vr),this.activeItemIndex=0,this.heading="",this.showValues=!0,this.isAPI=!1,this.matcher=(f,D)=>!D.has(f.documentationPropertyName)}ngAfterContentInit(){(0,ke.MJ)(this.propertiesConnectors).pipe((0,rt.n)(f=>(0,Y.h)(...f.map(({changed$:D})=>D))),(0,ke.Eb)(this.cdr),(0,Se.pQ)(this.destroyRef)).subscribe()}get type(){return this.isAPI?this.texts[0]:this.texts[1]}onColorChange(f,D){const ue=this.getOpacity.transform(f.documentationPropertyValue||"");if(100===ue)return void f.onValueChange(D);const st=Uo(D).join(", "),Mn="rgba(".concat(st,", ").concat(ue/100,")");f.onValueChange(Mn)}onOpacityChange(f,D){const st=Uo(this.getColor.transform(f.documentationPropertyValue||"")),Mn="rgba(".concat(st,", ").concat((D||0)/100,")");f.onValueChange(Mn)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-documentation"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,kd,4),2&f){let st;t.mGM(st=t.lsd())&&(D.propertiesConnectors=st)}},inputs:{heading:"heading",showValues:"showValues",isAPI:"isAPI"},standalone:!0,features:[t.Jv_([Ld,Gl]),t.aNF],ngContentSelectors:Ds,decls:5,vars:8,consts:[["class","t-heading",4,"ngIf"],[4,"ngIf"],[1,"t-heading"],["class","t-table",4,"ngIf"],[1,"t-table"],[1,"t-row","t-row_header"],[1,"t-th","t-cell","t-cell_prop"],[1,"t-th"],["class","t-th t-cell t-th_value",4,"ngIf"],["class","t-row",3,"t-deprecated",4,"ngFor","ngForOf"],[1,"t-th","t-cell","t-th_value"],[1,"t-row"],[1,"t-cell"],["automation-id","tui-documentation__property-name",1,"t-property","t-additional-info"],["class","t-property-code",3,"color",4,"ngIf"],["appearance","neutral","size","s",4,"ngIf"],["appearance","error","size","s",4,"ngIf"],[3,"ngTemplateOutlet"],[1,"type"],[1,"t-code-type"],[4,"ngFor","ngForOf"],["class","t-cell t-cell_value",4,"ngIf"],[1,"t-property-code"],["appearance","neutral","size","s"],["appearance","error","size","s"],["target","_blank","class","t-code-reference",4,"ngIf","ngIfElse"],["default",""],["target","_blank",1,"t-code-reference"],[1,"t-cell","t-cell_value"],[4,"ngIf","ngIfElse"],["elseEmitter",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange",4,"ngIf","ngIfElse"],["selectContent",""],["noItems",""],["tuiDropdownLimitWidth","min","tuiTextfieldSize","m",3,"nativeId","ngModel","tuiTextfieldCleaner","tuiTextfieldLabelOutside","valueContent","ngModelChange"],[1,"t-exception"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"],[3,"ngSwitch"],["tuiSwitch","","type","checkbox","class","t-switch",3,"id","ngModel","showIcons","ngModelChange",4,"ngSwitchCase"],["tuiTextfieldSize","m",4,"ngSwitchCase"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange",4,"ngSwitchCase"],["tuiSwitch","","type","checkbox",1,"t-switch",3,"id","ngModel","showIcons","ngModelChange"],["tuiTextfieldSize","m"],["tuiTextfield","",3,"id","ngModel","ngModelChange"],["tuiTextfieldSize","m",3,"nativeId","ngModel","step","tuiTextfieldLabelOutside","ngModelChange"],[1,"t-output"]],template:function(f,D){1&f&&(t.NAR(),t.DNE(0,Tl,2,1,"h1",0),t.SdG(1),t.DNE(2,ra,2,1,"ng-container",1),t.nI1(3,"tuiFilter"),t.nI1(4,"tuiToArray")),2&f&&(t.Y8G("ngIf",D.heading),t.R7$(2),t.Y8G("ngIf",t.brH(3,2,t.bMT(4,6,D.propertiesConnectors),D.matcher,D.excludedProperties)))},dependencies:[O.Jj,N.YN,N.me,N.Zm,N.BC,N.vS,O.Sq,O.bT,O.ux,O.e1,O.T3,jn.aQ,tt,te.WX,hh,k.HY,sn,To,bi,Bi,zl,Ba,bn.wS,hn,$t,Qt,_h,Xl,ce,$.Bw,$.j8,$.TB,tn.CN,tn.np,tn.kf,tn.G6,Ai],styles:['[_nghost-%COMP%]{display:block;min-inline-size:100%}.t-table[_ngcontent-%COMP%]{inline-size:100%;table-layout:fixed}.t-row[_ngcontent-%COMP%]:not(:last-child){border-block-end:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){.t-row[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}.t-row_header[_ngcontent-%COMP%]{display:none}}.t-cell[_ngcontent-%COMP%]{padding:1rem 1rem .875rem}.t-cell[_ngcontent-%COMP%]:first-child{padding-left:0}.t-cell[_ngcontent-%COMP%]:last-child{padding-right:0}.t-cell_prop[_ngcontent-%COMP%]{inline-size:40%}.t-cell_value[_ngcontent-%COMP%]{text-align:end}@media screen and (max-width: 47.9625em){.t-cell[_ngcontent-%COMP%]{inline-size:100%;block-size:auto;padding:.5rem 0;text-align:start}}.t-th[_ngcontent-%COMP%]{padding:.5rem 1rem;color:var(--tui-text-secondary);font-weight:400;text-align:start}.t-th_value[_ngcontent-%COMP%]{max-inline-size:20rem;text-align:end}@media screen and (max-width: 47.9625em){.t-th_value[_ngcontent-%COMP%]{inline-size:9.375rem}}.t-property[_ngcontent-%COMP%]{font:var(--tui-font-text-m);margin-bottom:.25rem;font-family:monospace;color:#8f75d1}@media screen and (max-width: 47.9625em){.t-property[_ngcontent-%COMP%]{padding:.5rem 0}}.t-type[_ngcontent-%COMP%]{font-family:monospace}.t-deprecated[_ngcontent-%COMP%]   .t-property-code[_ngcontent-%COMP%]{text-decoration:line-through}.t-deprecated-label[_ngcontent-%COMP%]{margin-right:.125rem;color:var(--tui-text-negative);font-size:.75rem}.t-additional-info[_ngcontent-%COMP%]{display:flex;gap:.3125rem;align-items:center}.t-exception[_ngcontent-%COMP%]{display:block;inline-size:-webkit-max-content;inline-size:max-content}.t-output[_ngcontent-%COMP%]{text-align:start;opacity:0}.t-heading[_ngcontent-%COMP%]{font:var(--tui-font-heading-4)}.t-code-type[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.t-code-reference[_ngcontent-%COMP%]{display:inline-flex;color:var(--tui-text-action);text-decoration:none;align-items:center;justify-content:center;gap:3px}.t-code-reference[_ngcontent-%COMP%]:after{content:"";font-size:1rem;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%;mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>\') center / 100%}.t-switch[_ngcontent-%COMP%]{display:block}@media not screen and (max-width: 47.9625em){.t-switch[_ngcontent-%COMP%]{margin-left:auto}}'],data:{animation:[(0,Bn.hZ)("emitEvent",[(0,Bn.kY)(":increment",[(0,Bn.iF)({opacity:1}),(0,Bn.i0)("500ms ease-in")])])]},changeDetection:0}),x})();const Lu={codeEditorVisibilityHandler:l=>!(!l.TypeScript||!l.HTML),tabTitles:new Map,fullsize:!0},os=(0,q.gc)(Lu);function Ql(l){return(0,q.eC)(os,l,Lu)}let Yl=(()=>{var l;class x{transform(f,D){return[D,...Object.keys(f).filter(ue=>f[ue])]}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275pipe=t.EJ8({name:"tuiDocExampleGetTabs",type:l,pure:!0,standalone:!0}),x})(),Va=(()=>{var l;class x{constructor(){this.clipboard=(0,t.WQX)(mo),this.alerts=(0,t.WQX)(xn),this.location=(0,t.WQX)(Io.zz),this.copyTexts$=(0,t.WQX)(Ae.io),this.processContent=(0,t.WQX)(c.iQ),this.rawLoader$$=new xt.t({}),this.lazyLoader$$=new He.m(1),this.icons=(0,t.WQX)(c.T$),this.options=(0,t.WQX)(os),this.texts=(0,t.WQX)(c.o4),this.codeEditor=(0,t.WQX)(c.ii,{optional:!0}),this.isE2E=(0,t.WQX)(Re.Hs),this.codeActions=(0,t.WQX)(c.S4),this.defaultTabIndex=0,this.defaultTab=this.texts[this.defaultTabIndex],this.activeItemIndex=this.defaultTabIndex,this.copy$=this.copyTexts$.pipe((0,we.T)(([f])=>f)),this.loading$=new un.B,this.processor$=this.rawLoader$$.pipe((0,rt.n)(ci.sv),(0,we.T)(f=>this.processContent(f))),this.lazyComponent$=this.lazyLoader$$.pipe(function Ut(){return(0,rt.n)(pt.D)}(),(0,we.T)(f=>new Q.lS(f.default))),this.id=null,this.fullsize=(0,t.WQX)(os).fullsize,this.componentName=this.location.pathname.slice(1),this.visible=f=>!(!this.codeEditor||!this.options.codeEditorVisibilityHandler(f))}set content(f){this.rawLoader$$.next(f)}set component(f){this.lazyLoader$$.next(f)}getTabTitle(f){return this.options.tabTitles.get(f)||f}copyExampleLink(f){var D;this.clipboard.copy(null!==(D=null==f?void 0:f.href)&&void 0!==D?D:""),this.alerts.open(this.texts[1],{label:this.texts[2],appearance:"success"}).subscribe()}edit(f){var D;this.loading$.next(!0),null===(D=this.codeEditor)||void 0===D||D.edit(this.componentName,this.id||"",f).finally(()=>this.loading$.next(!1))}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-example"]],hostVars:3,hostBindings:function(f,D){2&f&&(t.BMQ("id",D.id),t.AVh("_fullsize",D.fullsize))},inputs:{id:"id",heading:"heading",description:"description",fullsize:"fullsize",componentName:"componentName",content:"content",component:"component"},standalone:!0,features:[t.aNF],ngContentSelectors:Ds,decls:10,vars:6,consts:[[1,"t-title-block"],["class","t-title",4,"ngIf"],["routerLink",".","routerLinkActive","t-link-active","tuiLink","","type","button","class","t-link",3,"fragment","routerLinkActiveOptions","click",4,"ngIf"],["class","t-description",4,"ngIf"],["class","t-example",4,"ngIf"],["preview",""],["codeSection",""],[1,"t-title"],[3,"textContent",4,"polymorpheusOutlet"],[3,"textContent"],["routerLink",".","routerLinkActive","t-link-active","tuiLink","","type","button",1,"t-link",3,"fragment","routerLinkActiveOptions","click"],[1,"t-description"],[4,"polymorpheusOutlet"],[1,"t-example"],[4,"ngIf"],["class","t-tabs-wrapper",4,"ngIf"],["class","t-content",3,"t-content_animated","t-content_visible",4,"ngFor","ngForOf"],[1,"t-tabs-wrapper"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngFor","ngForOf"],["size","xs","class","t-code-editor",3,"overlay","showLoader","click",4,"ngIf"],["tuiTab","","type","button",4,"tuiItem"],["tuiTab","","type","button"],["size","xs",1,"t-code-editor",3,"overlay","showLoader","click"],[4,"ngIf","ngIfElse"],["defaultEditContent",""],["appearance","flat","size","s","tuiButton","","type","button"],[1,"t-content"],[3,"ngTemplateOutlet",4,"ngIf","ngIfElse"],["anotherTab",""],[3,"ngTemplateOutlet"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],["automation-id","tui-doc-example",1,"t-demo"],[3,"code"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"div",0),t.DNE(1,dr,2,1,"h3",1),t.DNE(2,Pl,3,6,"a",2),t.k0s(),t.DNE(3,fd,2,1,"h4",3),t.DNE(4,rh,3,4,"div",4),t.nI1(5,"async"),t.DNE(6,ah,4,3,"ng-template",null,5,t.C5r),t.DNE(8,hd,2,2,"ng-template",null,6,t.C5r)),2&f&&(t.R7$(1),t.Y8G("ngIf",D.heading),t.R7$(1),t.Y8G("ngIf",D.id),t.R7$(1),t.Y8G("ngIf",D.description),t.R7$(1),t.Y8G("ngIf",t.bMT(5,4,D.processor$)))},dependencies:[O.Jj,O.Sq,O.bT,O.T3,Q.xr,Rn.Wk,Rn.wQ,ae.p,jl,Yl,Yi.Jc,Z.ap,Xt,kr,F,Xn],styles:["[_nghost-%COMP%]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-%COMP%]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{padding-top:2rem}}.t-title-block[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-%COMP%]:hover + .t-link[_ngcontent-%COMP%]{opacity:1}.t-link[_ngcontent-%COMP%]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-%COMP%]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-%COMP%]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-%COMP%]:first-letter, .t-description[_ngcontent-%COMP%]:first-letter{text-transform:capitalize}.t-example[_ngcontent-%COMP%]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-%COMP%]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-%COMP%]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-%COMP%]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-%COMP%]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-%COMP%]{flex-shrink:0}.t-demo[_ngcontent-%COMP%]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar, .t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-%COMP%]{padding:1rem}}[_nghost-%COMP%]:not(._fullsize)   .t-demo[_ngcontent-%COMP%]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-%COMP%]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-%COMP%]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-%COMP%]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-%COMP%]{overflow:hidden}"],changeDetection:0}),x})();function ua(l){return l.map(({section:x})=>x).filter(q.Aj).filter((x,g,f)=>f.indexOf(x)===g)}const Xs=new t.nKC("[NAVIGATION_TITLE]"),Zl=new t.nKC("[NAVIGATION_LABELS]"),Jl=new t.nKC("[NAVIGATION_ITEMS]"),Bd=[(0,Yi.m0)({appearance:"icon"}),{provide:Xs,deps:[Rn.Ix,Rn.nX,c.xq],useFactory:(l,x,g)=>l.events.pipe((0,jt.p)(f=>f instanceof Rn.wF||f instanceof Rn.OY&&f.routerEvent instanceof Rn.wF),(0,we.T)(()=>x.firstChild),(0,jt.p)(q.Aj),(0,_n.Z)(({data:f})=>f),(0,we.T)(({title:f})=>"".concat(g).concat(f)),(0,Se.pQ)())},{provide:Zl,deps:[c.rm],useFactory:ua},{provide:Jl,deps:[c.rm],useFactory:l=>[...ua(l).map(g=>l.filter(({section:f})=>f===g)),l.filter(g=>!g.section)]},(0,Yn.ey)({mode:"hover"})];let ql=(()=>{var l;class x{constructor(){this.scroll$=new He.m(1),this.el=(0,W.qW)(),this.sub=(0,t.WQX)(c.Aq).pipe((0,jt.p)(Boolean),(0,rt.n)(()=>this.scroll$),(0,vn.B)(750,(0,ke.Ew)()),(0,jt.p)(f=>f&&!!(0,W.J0)(this.el)),(0,Se.pQ)()).subscribe(()=>this.el.scrollIntoView())}set tuiDocScrollIntoViewLink(f){this.scroll$.next(f)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["","tuiDocScrollIntoViewLink",""]],inputs:{tuiDocScrollIntoViewLink:"tuiDocScrollIntoViewLink"},standalone:!0}),x})(),Ua=(()=>{var l;class x{constructor(){this.router=(0,t.WQX)(Rn.Ix),this.doc=(0,t.WQX)(O.qQ),this.menuOpen=!1,this.sidebar=(0,t.WQX)(qo,{optional:!0}),this.labels=(0,t.WQX)(Zl),this.items=(0,t.WQX)(Jl),this.searchText=(0,t.WQX)(c.NC),this.activatedRoute=(0,t.WQX)(Rn.nX),this.docIcons=(0,t.WQX)(c.T$),this.icons=(0,t.WQX)(Ot._Z),this.openPagesArr=[],this.openPagesGroupsArr=[],this.active="",this.search=new N.MJ(""),this.filtered$=(0,ke.lD)(this.search).pipe((0,jt.p)(ue=>ue.trim().length>2),(0,we.T)(ue=>this.filterItems(this.flattenSubPages(this.items),ue)));const f=(0,t.WQX)(So.hE),D=(0,t.WQX)(c.Aq);(0,t.WQX)(Xs).pipe((0,ke.Eb)((0,t.WQX)(t.gRc)),(0,Se.pQ)()).subscribe(ue=>{f.setTitle(ue),this.openActivePageGroup()}),(0,ri.z)([this.router.events.pipe((0,jt.p)(ue=>ue instanceof Rn.OY)),(0,t.WQX)(Xs).pipe((0,rt.n)(()=>D.pipe((0,jt.p)(Boolean))))]).pipe((0,Vn.s)(1),(0,we.T)(([ue])=>ue.anchor||""),(0,jt.p)(Boolean),(0,Se.pQ)()).subscribe(ue=>this.navigateToAnchorLink(ue))}get canOpen(){var f,D;return(null!==(f=null===(D=this.search.value)||void 0===D?void 0:D.length)&&void 0!==f?f:0)>2}get itemsWithoutSections(){var f;return null!==(f=this.items[this.items.length-1])&&void 0!==f?f:[]}$pages(f){return f}isActive(f){return f===this.active}onGroupClick(f){this.openPagesGroupsArr[f]=!this.openPagesGroupsArr[f]}closeMenu(){this.menuOpen=!1}onClick(f){f.open=!1,this.menuOpen=!1,this.search.setValue(""),this.openActivePageGroup()}onFocusSearch(f){var D;"Slash"!==f.code||this.doc.activeElement instanceof HTMLInputElement||(null===(D=this.searchInput)||void 0===D||null===(D=D.nativeFocusableElement)||void 0===D||D.focus(),f.preventDefault())}filterItems(f,D){return f.map(ue=>(0,q.FU)(ue.filter(({title:st,keywords:Mn=""})=>(D=D.toLowerCase().trim(),Mn=Mn.toLowerCase(),(st=st.toLowerCase()).includes(D)||Mn.includes(D)||st.includes((0,ci.IB)(D))||Mn.includes((0,ci.IB)(D))||D.replaceAll("-","").includes(st)||st.includes(D.replaceAll(/\s|tui/g,""))||Mn.includes(D.replaceAll(/\s|tui/g,""))||D.split(/\s/).find(ei=>st.includes(ei)))),"title"))}flattenSubPages(f){return f.reduce((D,ue)=>[...D,ue.reduce((st,Mn)=>"subPages"in Mn?[...st,...Mn.subPages]:[...st,Mn],[])],[])}isActiveRoute(f){return this.router.isActive(f,{paths:"subset",queryParams:"subset",fragment:"ignored",matrixParams:"ignored"})}openActivePageGroup(){this.items.forEach((f,D)=>{f.forEach((ue,st)=>{"route"in ue&&this.isActiveRoute(ue.route)&&(this.openPagesArr[D]=!0,this.active=ue.route),"subPages"in ue&&ue.subPages.forEach(Mn=>{this.isActiveRoute(Mn.route)&&(this.openPagesArr[D]=!0,this.openPagesGroupsArr[100*D+st]=!0,this.active=Mn.route)})})})}navigateToAnchorLink(f){const D=f?this.doc.querySelectorAll("#".concat(f)):[];if(!D.length||!D[D.length-1])return;const st=this.doc.createElement("a");st.href="".concat(this.doc.location.pathname,"#").concat(f),st.style.display="none",st.style.position="absolute",this.doc.body.appendChild(st),st.click(),st.remove()}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-navigation"]],viewQuery:function(f,D){if(1&f&&t.GBs(B.mp,7),2&f){let ue;t.mGM(ue=t.lsd())&&(D.searchInput=ue.first)}},hostVars:2,hostBindings:function(f,D){1&f&&t.bIt("keydown",function(st){return D.onFocusSearch(st)},!1,t.tSv),2&f&&t.AVh("_open",D.menuOpen)},standalone:!0,features:[t.Jv_(Bd),t.aNF],ngContentSelectors:Ds,decls:16,vars:11,consts:[["tuiTextfieldSize","m",1,"t-input",3,"formControl","tuiAutoFocus","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside"],["input",""],[1,"t-search-text"],[1,"t-slash"],[4,"ngIf"],[1,"t-navigation"],[1,"t-scrollbar"],[3,"closeOthers","rounded"],["size","s",3,"borders","open","openChange",4,"ngFor","ngForOf"],[1,"t-items-container"],[3,"ngTemplateOutlet","ngTemplateOutletContext",4,"ngFor","ngForOf"],["pages",""],[4,"tuiDataList"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],[4,"ngFor","ngForOf"],["tuiOption","",3,"href","target",4,"ngIf","ngIfElse"],["internal",""],["tuiOption","",3,"href","target"],["class","t-icon",3,"icon",4,"polymorpheusOutlet"],[1,"t-icon",3,"icon"],["tuiOption","",3,"fragment","routerLink","target","click"],["size","s",3,"borders","open","openChange"],[1,"t-label"],["tuiAccordionItemContent",""],[1,"t-section"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf","ngIfElse"],["subPagesTemplate",""],["tuiLink","","class","t-sublink",3,"href","target",4,"ngIf","ngIfElse"],["tuiLink","",1,"t-sublink",3,"href","target"],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink",3,"routerLink","target","tuiDocScrollIntoViewLink","click"],["routerLinkActive","",1,"t-subsection",3,"routerLinkActiveOptions"],["tuiLink","","type","button","class","t-sublink t-sublink_subsection",3,"click",4,"ngIf"],[1,"t-expand",3,"expanded"],[1,"t-section","t-section_bordered"],["tuiLink","","type","button",1,"t-sublink","t-sublink_subsection",3,"click"],[1,"t-chevron",3,"icon"],["tuiLink","","class","t-sublink t-sublink_small",3,"href","target",4,"ngIf","ngIfElse"],["tuiLink","",1,"t-sublink","t-sublink_small",3,"href","target"],["routerLinkActive","t-sublink_active","tuiLink","",1,"t-sublink","t-sublink_small",3,"fragment","routerLink","target","tuiDocScrollIntoViewLink","click"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"tui-input",0,1)(2,"div",2),t.EFF(3),t.j41(4,"code",3),t.EFF(5,"/"),t.k0s()(),t.DNE(6,Pa,2,0,"ng-container",4),t.k0s(),t.j41(7,"nav",5)(8,"tui-scrollbar",6)(9,"tui-accordion",7),t.DNE(10,vd,5,3,"tui-accordion-item",8),t.k0s(),t.j41(11,"div",9),t.DNE(12,lh,1,5,"ng-container",10),t.k0s(),t.DNE(13,Na,3,2,"ng-template",null,11,t.C5r),t.k0s()(),t.SdG(15)),2&f&&(t.Y8G("formControl",D.search)("tuiAutoFocus",!!D.sidebar)("tuiTextfieldCleaner",!0)("tuiTextfieldIconLeft",D.docIcons.search)("tuiTextfieldLabelOutside",!0),t.R7$(3),t.SpI(" ",D.searchText," "),t.R7$(3),t.Y8G("ngIf",D.canOpen),t.R7$(3),t.Y8G("closeOthers",!1)("rounded",!1),t.R7$(1),t.Y8G("ngForOf",D.labels),t.R7$(2),t.Y8G("ngForOf",D.itemsWithoutSections))},dependencies:[O.Jj,O.Sq,O.bT,O.T3,Q.xr,N.X1,N.BC,N.l_,Rn.Wk,Rn.wQ,s,h,ys,Ps,te.uE,te.WX,te.aO,te.Ji,ql,Je,X.q,B.zi,B.mp,B.Ws,Yi.Jc,Yn.N0,$.TB,tn.CN,tn.np,tn.kf,tn.G6,tn.dx],styles:["[_nghost-%COMP%]{z-index:1;display:flex;flex-direction:column;text-align:center;background:var(--tui-background-base)}.t-input[_ngcontent-%COMP%]{margin:1.25rem}.t-input[_ngcontent-%COMP%]     tui-icon{border:.25rem solid transparent}.t-input[_ngcontent-%COMP%]   .t-search-text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between}.t-input[_ngcontent-%COMP%]   .t-search-text[_ngcontent-%COMP%]   .t-slash[_ngcontent-%COMP%]{block-size:1rem;font-size:.5rem}.t-navigation[_ngcontent-%COMP%]{display:flex;max-block-size:100%;min-block-size:0;flex:1 1 0;text-align:start}.t-navigation[_ngcontent-%COMP%]   tui-scrollbar[_ngcontent-%COMP%]{overscroll-behavior:none}.t-scrollbar[_ngcontent-%COMP%]{scroll-behavior:var(--tui-scroll-behavior);inline-size:100%}.t-items-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding:0 1rem}.t-label[_ngcontent-%COMP%]{margin-left:.5rem}.t-expand[_ngcontent-%COMP%]{margin-left:.25rem}.t-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;margin:-.5rem 0 -1rem}.t-section_bordered[_ngcontent-%COMP%]{margin:.5rem 0;border-inline-start:1px solid var(--tui-border-normal)}.t-subsection[_ngcontent-%COMP%]{margin-left:.5rem}.t-sublink[_ngcontent-%COMP%]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;font:var(--tui-font-text-m);margin-left:.5rem;padding:.5rem 0}.t-sublink_small[_ngcontent-%COMP%]{margin-left:1rem;line-height:1.5rem;padding-top:.5rem}.t-sublink_subsection[_ngcontent-%COMP%]{margin-left:0;line-height:1.6rem}.t-sublink.t-sublink.t-sublink_active[_ngcontent-%COMP%]{color:var(--tui-text-primary)}.t-icon[_ngcontent-%COMP%]{margin-left:.5rem}.t-chevron[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:1rem;block-size:1rem;margin:-.25rem .25rem 0 -.1875rem}.t-chevron_active[_ngcontent-%COMP%]{transform:rotate(90deg)}"],changeDetection:0}),(0,ee.Cg)([q.PE],x.prototype,"filterItems",null),(0,ee.Cg)([q.PE],x.prototype,"flattenSubPages",null),x})(),Vd=(()=>{var l;class x{constructor(){this.stream$=new un.B,this.router=(0,t.WQX)(Rn.Ix),this.icons=(0,t.WQX)(c.T$),this.logo=(0,t.WQX)(c.sy),this.menu=(0,t.WQX)(c.kV),this.open$=(0,Y.h)(this.router.events.pipe((0,we.T)(ve.s_)),this.stream$).pipe((0,ge.Z)(!1),(0,Wn.F)())}onClick(){this.stream$.next(!0)}onActiveZone(f){f||this.stream$.next(!1)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["header","tuiDocHeader",""]],standalone:!0,features:[t.aNF],attrs:Bl,ngContentSelectors:Ds,decls:6,vars:6,consts:[["appearance","icon","tuiIconButton","","type","button",1,"t-menu",3,"iconStart","title","click","tuiActiveZoneChange"],["class","t-navigation",4,"tuiSidebar"],[1,"t-logo"],["alt","Logo","class","t-img",3,"src",4,"polymorpheusOutlet"],[1,"t-navigation"],["alt","Logo",1,"t-img",3,"src"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"button",0),t.bIt("click",function(){return D.onClick()})("tuiActiveZoneChange",function(st){return D.onActiveZone(st)}),t.DNE(1,Fa,1,0,"tui-doc-navigation",1),t.nI1(2,"async"),t.k0s(),t.j41(3,"div",2),t.DNE(4,xd,1,1,"img",3),t.k0s(),t.SdG(5)),2&f&&(t.Y8G("iconStart",D.icons.menu)("title",D.menu),t.R7$(1),t.Y8G("tuiSidebar",!!t.bMT(2,4,D.open$)),t.R7$(3),t.Y8G("polymorpheusOutlet",D.logo))},dependencies:[O.Jj,Q.xr,Zi.N,ae.p,Ua,qo],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;box-shadow:var(--tui-shadow-small);block-size:3.9375rem;align-items:center;padding:0 1.25rem;background:var(--tui-background-base);border-block-end:1px solid var(--tui-border-normal)}@supports (background: color-mix(in srgb,var(--tui-background-base),transparent 50%)){[_nghost-%COMP%]{background:color-mix(in srgb,var(--tui-background-base),transparent 50%);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}}.t-logo[_ngcontent-%COMP%]{margin-right:auto;font:var(--tui-font-heading-5)}.t-img[_ngcontent-%COMP%]{display:block}.t-menu[_ngcontent-%COMP%]{margin-left:-1.25rem}@media screen and (min-width: 48em){.t-menu[_ngcontent-%COMP%]{display:none}}.t-navigation[_ngcontent-%COMP%]{min-block-size:100%}"],changeDetection:0}),x})(),Ud=(()=>{var l;class x{constructor(){this.pages=(0,t.WQX)(c.u3),this.text=(0,t.WQX)(c.kt),this.seeAlso=[]}getRouterLink(f){var D,ue;return null!==(D=null===(ue=this.pages.get(f))||void 0===ue?void 0:ue.route)&&void 0!==D?D:""}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-see-also"]],inputs:{seeAlso:"seeAlso"},standalone:!0,features:[t.aNF],decls:3,vars:2,consts:[[1,"t-header"],[4,"ngFor","ngForOf"],["tuiLink","",3,"innerText","routerLink"],[4,"ngIf"]],template:function(f,D){1&f&&(t.j41(0,"h5",0),t.EFF(1),t.k0s(),t.DNE(2,Nu,3,3,"ng-container",1)),2&f&&(t.R7$(1),t.JRh(D.text),t.R7$(1),t.Y8G("ngForOf",D.seeAlso))},dependencies:[O.Sq,O.bT,Rn.Wk,Yi.Jc],styles:["[_nghost-%COMP%]{display:block}.t-header[_ngcontent-%COMP%]{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;color:var(--tui-text-secondary);margin:0 0 .5rem;white-space:nowrap}"],changeDetection:0}),x})(),$d=(()=>{var l;class x{constructor(){this.icons=(0,t.WQX)(c.T$),this.sourceCode=(0,t.WQX)(c.QP),this.text=(0,t.WQX)(c.iF),this.header="",this.package="",this.type="",this.path=""}get pathOptions(){return this.getPathOptions(this.header,this.package,this.type,this.path)}pathIsUrl(f){return f.startsWith("http")}getPathOptions(f,D,ue,st){return{header:f,package:D,type:ue,path:st}}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-source-code"]],inputs:{header:"header",package:"package",type:"type",path:"path"},standalone:!0,features:[t.aNF],decls:1,vars:2,consts:[["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","iconStart","height",4,"polymorpheusOutlet","polymorpheusOutletContext"],["appearance","icon","size","s","target","_blank","tuiIconButton","","type","button",3,"href","iconStart"]],template:function(f,D){1&f&&t.DNE(0,ka,2,5,"a",0),2&f&&t.Y8G("polymorpheusOutlet",D.pathIsUrl(D.path)?D.path:D.sourceCode)("polymorpheusOutletContext",D.pathOptions)},dependencies:[Q.xr,ae.p],encapsulation:2,changeDetection:0}),(0,ee.Cg)([q.PE],x.prototype,"pathIsUrl",null),(0,ee.Cg)([q.PE],x.prototype,"getPathOptions",null),x})(),zd=(()=>{var l;class x{constructor(){this.icons=(0,t.WQX)(c.T$),this.darkMode=(0,t.WQX)(Ot.I$)}get icon(){return this.darkMode()?this.icons.light:this.icons.dark}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-main"]],standalone:!0,features:[t.aNF],ngContentSelectors:Gs,decls:19,vars:4,consts:[[1,"tui-doc-page"],[1,"tui-doc-navigation"],[1,"tui-doc-content"],[1,"tui-doc-outlet"],["tuiDocHeader",""],["appearance","secondary","size","s","tuiIconButton","","type","button",1,"tui-doc-dark-mode-switch",3,"iconStart","click"],["ngProjectAs","tuiOverContent",5,["tuiOverContent"]],["ngProjectAs","tuiOverDialogs",5,["tuiOverDialogs"]],["ngProjectAs","tuiOverAlerts",5,["tuiOverAlerts"]],["ngProjectAs","tuiOverDropdowns",5,["tuiOverDropdowns"]],["ngProjectAs","tuiOverHints",5,["tuiOverHints"]]],template:function(f,D){1&f&&(t.NAR(Id),t.j41(0,"tui-root")(1,"div",0)(2,"tui-doc-navigation",1),t.SdG(3),t.k0s(),t.j41(4,"div",2),t.nrm(5,"router-outlet",3),t.k0s()(),t.j41(6,"header",4),t.SdG(7,1),t.j41(8,"button",5),t.bIt("click",function(){return D.darkMode.set(!D.darkMode())}),t.k0s()(),t.qex(9,6),t.SdG(10,2),t.bVm(),t.qex(11,7),t.SdG(12,3),t.bVm(),t.qex(13,8),t.SdG(14,4),t.bVm(),t.qex(15,9),t.SdG(16,5),t.bVm(),t.qex(17,10),t.SdG(18,6),t.bVm(),t.k0s()),2&f&&(t.BMQ("tuiTheme",D.darkMode()?"dark":null),t.R7$(8),t.xc7("border-radius",100,"%"),t.Y8G("iconStart",D.icon))},dependencies:[Rn.n3,ae.p,Vd,Ua,Gi],styles:["@keyframes tuiShaking{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-.3125rem,0,0)}20%,40%,60%,80%{transform:translate3d(.3125rem,0,0)}}html,body{scroll-padding-top:4rem;background:var(--tui-background-base)}tui-root>tui-scroll-controls>.t-bar_vertical{top:4rem!important}tui-doc-main{display:block}code:not(pre code):not(.hljs):not([class*=language-]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-flex;background:var(--tui-background-base-alt);color:var(--tui-text-secondary);vertical-align:middle;align-items:center;border-radius:.25rem;font-weight:500;outline:1px solid var(--tui-border-hover);font-size:.75rem;padding:0 .3125rem;margin:.125rem .1875rem;text-wrap:wrap}tui-notification code:not(pre code):not(.hljs):not([class*=language-]){mix-blend-mode:color-burn}[tuiTheme=dark] tui-notification code:not(pre code):not(.hljs):not([class*=language-]){mix-blend-mode:luminosity}a code:not(pre code):not(.hljs):not([class*=language-]){color:var(--tui-text-action)}button:focus code,a:focus code{background:var(--tui-background-base)}.tui-doc-page{isolation:isolate;padding-top:4rem}tui-doc-navigation.tui-doc-navigation{position:fixed;top:4rem;bottom:0;inline-size:16.25rem;border-right:1px solid var(--tui-border-normal)}@media screen and (max-width: 47.9625em){tui-doc-navigation.tui-doc-navigation{display:none}}.tui-doc-content{margin-left:16.25rem}@media screen and (max-width: 47.9625em){.tui-doc-content{margin-left:0}}.tui-doc-outlet+*{display:block}.tui-doc-dark-mode-switch{margin-left:1rem}tui-doc-code .hljs-tag{background:none}tui-doc-code .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--tui-text-primary);background-color:var(--tui-background-neutral-1)}tui-doc-code .hljs.hljs-line-numbers{background:transparent}tui-doc-code .hljs-subst,tui-doc-code .hljs-title{font-weight:400;color:var(--tui-text-primary)}tui-doc-code .hljs-property{color:#bd65a4}tui-doc-code .hljs-comment,tui-doc-code .hljs-quote{color:var(--tui-text-secondary);font-style:italic}tui-doc-code .hljs-meta{color:#e38162}tui-doc-code .hljs-section,tui-doc-code .hljs-name,tui-doc-code .hljs-literal,tui-doc-code .hljs-keyword,tui-doc-code .hljs-selector-tag,tui-doc-code .hljs-type,tui-doc-code .hljs-selector-id,tui-doc-code .hljs-selector-class{font-weight:700;color:var(--tui-text-action)}tui-doc-code .hljs-attr{color:var(--tui-text-action)}tui-doc-code .hljs-attribute,tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link,tui-doc-code .hljs-built_in{font-weight:700;color:#b8474e}tui-doc-code .hljs-number,tui-doc-code .hljs-regexp,tui-doc-code .hljs-link{font-weight:400}tui-doc-code .hljs-string{color:var(--tui-status-positive);font-weight:700}tui-doc-code .hljs-symbol,tui-doc-code .hljs-bullet,tui-doc-code .hljs-formula{color:var(--tui-text-primary);background:var(--tui-background-base-alt);font-style:italic}tui-doc-code .hljs-doctag{text-decoration:underline}tui-doc-code .hljs-variable,tui-doc-code .hljs-template-variable{color:var(--tui-text-action-hover)}tui-doc-code .hljs-addition{background:var(--tui-status-positive-pale)}tui-doc-code .hljs-deletion{background:var(--tui-status-negative-pale)}tui-doc-code .hljs-emphasis{font-style:italic}tui-doc-code .hljs-strong{font-weight:700}tui-doc-code .hljs .hljs-line-numbers{padding:0}tui-doc-code .hljs-ln-numbers{vertical-align:top;opacity:.3;text-align:end;padding-right:1em!important}[tuiTheme=dark] tui-doc-code .hljs-variable,tui-doc-code[tuiTheme=dark] .hljs-variable,[tuiTheme=dark] tui-doc-code .hljs-template-variable,tui-doc-code[tuiTheme=dark] .hljs-template-variable{color:var(--tui-status-warning)}\n"],encapsulation:2}),x})();const fr=new t.nKC("[PAGE_SEE_ALSO]"),Bu=[{provide:fr,deps:[t.aKT,c.wo],useFactory:({nativeElement:l},x)=>{const g=l.getAttribute("header"),f=x.filter(ue=>ue.includes(g))||[],D=new Set(f.join().split(",").filter(ue=>ue&&ue!==g));return Array.from(D)}}];let Vu=(()=>{var l;class x{constructor(){this.template=(0,t.WQX)(t.C4Q)}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275dir=t.FsC({type:l,selectors:[["ng-template","pageTab",""]],inputs:{pageTab:"pageTab"},standalone:!0}),x})(),Uu=(()=>{var l;class x{constructor(){this.defaultTabs=(0,t.WQX)(c.Xw),this.from=/ /g,this.to="_",this.header="",this.package="",this.type="",this.tags=[],this.path="",this.deprecated=!1,this.tabConnectors=ve.xQ,this.activeItemIndex=0,this.seeAlso=(0,t.WQX)(fr)}get showSeeAlso(){return!!this.seeAlso.length&&0===this.activeItemIndex}}return(l=x).\u0275fac=function(f){return new(f||l)},l.\u0275cmp=t.VBU({type:l,selectors:[["tui-doc-page"]],contentQueries:function(f,D,ue){if(1&f&&t.wni(ue,Vu,4),2&f){let st;t.mGM(st=t.lsd())&&(D.tabConnectors=st)}},inputs:{header:"header",package:"package",type:"type",tags:"tags",path:"path",deprecated:"deprecated"},standalone:!0,features:[t.Jv_(Bu),t.aNF],ngContentSelectors:Ds,decls:12,vars:11,consts:[[1,"t-header"],[1,"t-title"],["appearance","custom","size","xs","class","t-tag t-tag_deprecated",4,"ngIf"],["appearance","custom","size","xs","class","t-tag t-tag_package",3,"background",4,"ngIf"],["appearance","custom","size","xs","class","t-tag t-tag_package",3,"background",4,"ngFor","ngForOf"],["class","t-tabs",3,"activeItemIndex","activeItemIndexChange",4,"ngIf"],[1,"t-source-code",3,"header","package","path","type"],[1,"t-content"],["class","t-see-also",3,"seeAlso",4,"ngIf"],[4,"ngFor","ngForOf"],["appearance","custom","size","xs",1,"t-tag","t-tag_deprecated"],["appearance","custom","size","xs",1,"t-tag","t-tag_package"],[1,"t-tabs",3,"activeItemIndex","activeItemIndexChange"],[4,"ngIf"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions",4,"tuiItem"],["routerLinkActive","","tuiTab","",3,"routerLink","routerLinkActiveOptions"],[1,"t-see-also",3,"seeAlso"],[3,"ngTemplateOutlet",4,"ngIf"],[3,"ngTemplateOutlet"]],template:function(f,D){1&f&&(t.NAR(),t.j41(0,"header",0)(1,"h1",1),t.EFF(2),t.DNE(3,aa,2,0,"tui-chip",2),t.DNE(4,wd,3,5,"tui-chip",3),t.DNE(5,fh,3,5,"tui-chip",4),t.k0s(),t.DNE(6,Ad,2,2,"tui-tabs-with-more",5),t.nrm(7,"tui-doc-source-code",6),t.k0s(),t.j41(8,"div",7),t.SdG(9),t.DNE(10,Pd,1,1,"tui-doc-see-also",8),t.DNE(11,Hl,2,1,"ng-container",9),t.k0s()),2&f&&(t.R7$(2),t.SpI(" ",D.header," "),t.R7$(1),t.Y8G("ngIf",!!D.deprecated||""===D.deprecated),t.R7$(1),t.Y8G("ngIf",D.package),t.R7$(1),t.Y8G("ngForOf",D.tags),t.R7$(1),t.Y8G("ngIf",D.tabConnectors.length),t.R7$(1),t.Y8G("header",D.header)("package",D.package)("path",D.path)("type",D.type),t.R7$(3),t.Y8G("ngIf",D.showSeeAlso),t.R7$(1),t.Y8G("ngForOf",D.tabConnectors))},dependencies:[O.Sq,O.bT,O.T3,Rn.Wk,Rn.wQ,zi,Ma,Ud,$d,kr,cr,F,Xn],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;min-block-size:0;flex-basis:0;flex-grow:1}.t-header[_ngcontent-%COMP%]{display:flex;font:var(--tui-font-heading-3);flex-wrap:wrap;min-block-size:7.25rem;color:var(--tui-text-primary);box-shadow:inset 0 -1px 0 0 var(--tui-border-normal);padding:3.75rem 0 0;box-sizing:border-box;flex-shrink:0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-header[_ngcontent-%COMP%]{font:var(--tui-font-heading-4);min-block-size:4.5rem;padding:1.25rem 1.25rem 0;margin:0}}.t-title[_ngcontent-%COMP%]{min-inline-size:100%;font-size:inherit;margin:0}.t-tag[_ngcontent-%COMP%]{vertical-align:middle;text-transform:uppercase;margin-right:.5rem}.t-tag_deprecated[_ngcontent-%COMP%]{background-color:var(--tui-status-negative);color:#fff}.t-tag.t-tag_package[_ngcontent-%COMP%]{color:#000}.t-tabs[_ngcontent-%COMP%]{flex:1;margin:1.125rem .3125rem 0 0;box-shadow:none}@media screen and (max-width: 47.9625em){.t-tabs[_ngcontent-%COMP%]{margin-top:.25rem}}.t-content[_ngcontent-%COMP%]{padding:2rem 0;margin:0 min(10vw,8.75rem)}@media screen and (max-width: 47.9625em){.t-content[_ngcontent-%COMP%]{padding:2rem 1.25rem;margin:0}}.t-see-also[_ngcontent-%COMP%]{min-inline-size:18.75rem;inline-size:30%;float:inline-end;margin-left:1.5rem}@media screen and (max-width: 47.9625em){.t-see-also[_ngcontent-%COMP%]{float:none;inline-size:100%;margin:0 0 1.5rem}}.t-source-code[_ngcontent-%COMP%]{align-self:flex-end;line-height:2.75rem;margin-left:auto}"],changeDetection:0}),x})();(0,q.gc)("data-tui-theme"),(0,q.gc)({})},2748:(St,Fe,u)=>{u.d(Fe,{Aq:()=>tt,NC:()=>Me,QP:()=>Tt,S4:()=>te,T$:()=>ye,TA:()=>le,Wl:()=>j,Xw:()=>Q,Y$:()=>Rt,iF:()=>Ge,iQ:()=>Ae,ii:()=>Z,kV:()=>Ee,kt:()=>Xe,o4:()=>U,q9:()=>Ue,rm:()=>_t,sy:()=>at,tK:()=>nt,u3:()=>Ht,vr:()=>oe,wo:()=>Wt,xH:()=>mt,xq:()=>Ot});var t=u(4314),c=u(2978),O=u(7300),N=u(9656),X=u(8001),$=u(3229),W=u(2831),se=u(756);const te=(0,t.gc)(""),Z=new c.nKC("[TUI_DOC_CODE_EDITOR]"),Q=(0,t.gc)([]),ye=(0,t.gc)({search:"@tui.search",light:"@tui.sun",dark:"@tui.moon",code:"@tui.code",menu:"@tui.menu",copy:"@tui.copy",check:"@tui.check",link:"@tui.link"}),Ae=(0,t.gc)(N.D),j=(0,t.gc)(O.SH),oe=(0,t.gc)(new Set([])),nt=(0,t.gc)(["Dark mode","Background","Form value"]),Ue=(0,t.gc)(["Argument","Type","Name and description","Value","Learn about our dynamic templates from "]),U=(0,t.gc)(["Preview","Link to a sample was successfully copied","Done"]),Ee=(0,t.gc)("Menu"),Me=(0,t.gc)("Search"),Xe=(0,t.gc)("See also"),Ge=(0,t.gc)("Source code"),at=(0,t.gc)(""),tt=(0,t.gc)((0,X.v)(()=>(0,$.O)(200).pipe((0,W.n)(()=>(0,se.of)(!0))))),_t=(0,t.gc)([]),Ht=(0,t.ET)(()=>(0,O.Fq)((0,c.WQX)(_t))),Wt=(0,t.gc)([]),Tt=(0,t.gc)(null),Ot=(0,t.gc)(""),Rt=(0,t.gc)(null),mt=(0,t.gc)(O.Dj),le=(0,t.gc)(String)},7300:(St,Fe,u)=>{u.d(Fe,{rZ:()=>gs,TZ:()=>_s,Ne:()=>Ss,NZ:()=>Gr,r6:()=>is,XZ:()=>vs,sv:()=>Ta,Fq:()=>_i,IB:()=>ys,SH:()=>Ps,Dj:()=>Oo});var t={};u.r(t),u.d(t,{decode:()=>te,encode:()=>ye,format:()=>q,parse:()=>Wt});var c={};u.r(c),u.d(c,{Any:()=>Rt,Cc:()=>mt,Cf:()=>le,P:()=>Tt,S:()=>Ot,Z:()=>H});var O={};u.r(O),u.d(O,{arrayReplaceAt:()=>Y,assign:()=>ge,escapeHtml:()=>pi,escapeRE:()=>xi,fromCodePoint:()=>pt,has:()=>we,isMdAsciiPunct:()=>$e,isPunctChar:()=>Te,isSpace:()=>Dn,isString:()=>rt,isValidEntityCode:()=>He,isWhiteSpace:()=>ki,lib:()=>Je,normalizeReference:()=>et,unescapeAll:()=>Wn,unescapeMd:()=>Vn});var N={};u.r(N),u.d(N,{parseLinkDestination:()=>ft,parseLinkLabel:()=>qe,parseLinkTitle:()=>gt});var X=u(3308);const $={};function se(s,h){"string"!=typeof h&&(h=se.defaultChars);const M=function W(s){let h=$[s];if(h)return h;h=$[s]=[];for(let M=0;M<128;M++){const B=String.fromCharCode(M);h.push(B)}for(let M=0;M<s.length;M++){const B=s.charCodeAt(M);h[B]="%"+("0"+B.toString(16).toUpperCase()).slice(-2)}return h}(h);return s.replace(/(%[a-f0-9]{2})+/gi,function(B){let V="";for(let z=0,De=B.length;z<De;z+=3){const be=parseInt(B.slice(z+1,z+3),16);if(be<128)V+=M[be];else{if(192==(224&be)&&z+3<De){const Ve=parseInt(B.slice(z+4,z+6),16);if(128==(192&Ve)){const ut=be<<6&1984|63&Ve;V+=ut<128?"\ufffd\ufffd":String.fromCharCode(ut),z+=3;continue}}if(224==(240&be)&&z+6<De){const Ve=parseInt(B.slice(z+4,z+6),16),ut=parseInt(B.slice(z+7,z+9),16);if(128==(192&Ve)&&128==(192&ut)){const Lt=be<<12&61440|Ve<<6&4032|63&ut;V+=Lt<2048||Lt>=55296&&Lt<=57343?"\ufffd\ufffd\ufffd":String.fromCharCode(Lt),z+=6;continue}}if(240==(248&be)&&z+9<De){const Ve=parseInt(B.slice(z+4,z+6),16),ut=parseInt(B.slice(z+7,z+9),16),Lt=parseInt(B.slice(z+10,z+12),16);if(128==(192&Ve)&&128==(192&ut)&&128==(192&Lt)){let Vt=be<<18&1835008|Ve<<12&258048|ut<<6&4032|63&Lt;Vt<65536||Vt>1114111?V+="\ufffd\ufffd\ufffd\ufffd":(Vt-=65536,V+=String.fromCharCode(55296+(Vt>>10),56320+(1023&Vt))),z+=9;continue}}V+="\ufffd"}}return V})}se.defaultChars=";/?:@&=+$,#",se.componentChars="";const te=se,Z={};function ve(s,h,M){"string"!=typeof h&&(M=h,h=ve.defaultChars),typeof M>"u"&&(M=!0);const B=function Q(s){let h=Z[s];if(h)return h;h=Z[s]=[];for(let M=0;M<128;M++){const B=String.fromCharCode(M);/^[0-9a-z]$/i.test(B)?h.push(B):h.push("%"+("0"+M.toString(16).toUpperCase()).slice(-2))}for(let M=0;M<s.length;M++)h[s.charCodeAt(M)]=s[M];return h}(h);let V="";for(let z=0,De=s.length;z<De;z++){const be=s.charCodeAt(z);if(M&&37===be&&z+2<De&&/^[0-9a-f]{2}$/i.test(s.slice(z+1,z+3)))V+=s.slice(z,z+3),z+=2;else if(be<128)V+=B[be];else if(be>=55296&&be<=57343){if(be>=55296&&be<=56319&&z+1<De){const Ve=s.charCodeAt(z+1);if(Ve>=56320&&Ve<=57343){V+=encodeURIComponent(s[z]+s[z+1]),z++;continue}}V+="%EF%BF%BD"}else V+=encodeURIComponent(s[z])}return V}ve.defaultChars=";/?:@&=+$,-_.!~*'()#",ve.componentChars="-_.!~*'()";const ye=ve;function q(s){let h="";return h+=s.protocol||"",h+=s.slashes?"//":"",h+=s.auth?s.auth+"@":"",s.hostname&&-1!==s.hostname.indexOf(":")?h+="["+s.hostname+"]":h+=s.hostname||"",h+=s.port?":"+s.port:"",h+=s.pathname||"",h+=s.search||"",h+=s.hash||"",h}function Ae(){this.protocol=null,this.slashes=null,this.auth=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.pathname=null}const j=/^([a-z0-9.+-]+:)/i,oe=/:[0-9]*$/,Le=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,Ue=["{","}","|","\\","^","`"].concat(["<",">",'"',"`"," ","\r","\n","\t"]),U=["'"].concat(Ue),Ee=["%","/","?",";","#"].concat(U),Me=["/","?","#"],Ge=/^[+a-z0-9A-Z_-]{0,63}$/,at=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,tt={javascript:!0,"javascript:":!0},_t={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};Ae.prototype.parse=function(s,h){let M,B,V,z=s;if(z=z.trim(),!h&&1===s.split("#").length){const ut=Le.exec(z);if(ut)return this.pathname=ut[1],ut[2]&&(this.search=ut[2]),this}let De=j.exec(z);if(De&&(De=De[0],M=De.toLowerCase(),this.protocol=De,z=z.substr(De.length)),(h||De||z.match(/^\/\/[^@\/]+@[^@\/]+/))&&(V="//"===z.substr(0,2),V&&!(De&&tt[De])&&(z=z.substr(2),this.slashes=!0)),!tt[De]&&(V||De&&!_t[De])){let Lt,Vt,ut=-1;for(let p=0;p<Me.length;p++)B=z.indexOf(Me[p]),-1!==B&&(-1===ut||B<ut)&&(ut=B);Vt=-1===ut?z.lastIndexOf("@"):z.lastIndexOf("@",ut),-1!==Vt&&(Lt=z.slice(0,Vt),z=z.slice(Vt+1),this.auth=Lt),ut=-1;for(let p=0;p<Ee.length;p++)B=z.indexOf(Ee[p]),-1!==B&&(-1===ut||B<ut)&&(ut=B);-1===ut&&(ut=z.length),":"===z[ut-1]&&ut--;const yn=z.slice(0,ut);z=z.slice(ut),this.parseHost(yn),this.hostname=this.hostname||"";const qt="["===this.hostname[0]&&"]"===this.hostname[this.hostname.length-1];if(!qt){const p=this.hostname.split(/\./);for(let y=0,E=p.length;y<E;y++){const _=p[y];if(_&&!_.match(Ge)){let w="";for(let K=0,pe=_.length;K<pe;K++)_.charCodeAt(K)>127?w+="x":w+=_[K];if(!w.match(Ge)){const K=p.slice(0,y),pe=p.slice(y+1),lt=_.match(at);lt&&(K.push(lt[1]),pe.unshift(lt[2])),pe.length&&(z=pe.join(".")+z),this.hostname=K.join(".");break}}}}this.hostname.length>255&&(this.hostname=""),qt&&(this.hostname=this.hostname.substr(1,this.hostname.length-2))}const be=z.indexOf("#");-1!==be&&(this.hash=z.substr(be),z=z.slice(0,be));const Ve=z.indexOf("?");return-1!==Ve&&(this.search=z.substr(Ve),z=z.slice(0,Ve)),z&&(this.pathname=z),_t[M]&&this.hostname&&!this.pathname&&(this.pathname=""),this},Ae.prototype.parseHost=function(s){let h=oe.exec(s);h&&(h=h[0],":"!==h&&(this.port=h.substr(1)),s=s.substr(0,s.length-h.length)),s&&(this.hostname=s)};const Wt=function Ht(s,h){if(s&&s instanceof Ae)return s;const M=new Ae;return M.parse(s,h),M},Tt=/[!-#%-\*,-\/:;\?@\[-\]_\{\}\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061D-\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1B7D\u1B7E\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u2E52-\u2E5D\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDEAD\uDF55-\uDF59\uDF86-\uDF89]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5A\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDEB9\uDF3C-\uDF3E]|\uD806[\uDC3B\uDD44-\uDD46\uDDE2\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2\uDF00-\uDF09]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8\uDF43-\uDF4F\uDFFF]|\uD809[\uDC70-\uDC74]|\uD80B[\uDFF1\uDFF2]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD81B[\uDE97-\uDE9A\uDFE2]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]|\uD83A[\uDD5E\uDD5F]/,Ot=/[\$\+<->\^`\|~\xA2-\xA6\xA8\xA9\xAC\xAE-\xB1\xB4\xB8\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0384\u0385\u03F6\u0482\u058D-\u058F\u0606-\u0608\u060B\u060E\u060F\u06DE\u06E9\u06FD\u06FE\u07F6\u07FE\u07FF\u0888\u09F2\u09F3\u09FA\u09FB\u0AF1\u0B70\u0BF3-\u0BFA\u0C7F\u0D4F\u0D79\u0E3F\u0F01-\u0F03\u0F13\u0F15-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE\u0FCF\u0FD5-\u0FD8\u109E\u109F\u1390-\u1399\u166D\u17DB\u1940\u19DE-\u19FF\u1B61-\u1B6A\u1B74-\u1B7C\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2044\u2052\u207A-\u207C\u208A-\u208C\u20A0-\u20C0\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2307\u230C-\u2328\u232B-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2767\u2794-\u27C4\u27C7-\u27E5\u27F0-\u2982\u2999-\u29D7\u29DC-\u29FB\u29FE-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2E50\u2E51\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFF\u3004\u3012\u3013\u3020\u3036\u3037\u303E\u303F\u309B\u309C\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u31EF\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uAA77-\uAA79\uAB5B\uAB6A\uAB6B\uFB29\uFBB2-\uFBC2\uFD40-\uFD4F\uFDCF\uFDFC-\uFDFF\uFE62\uFE64-\uFE66\uFE69\uFF04\uFF0B\uFF1C-\uFF1E\uFF3E\uFF40\uFF5C\uFF5E\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC]|\uD802[\uDC77\uDC78\uDEC8]|\uD805\uDF3F|\uD807[\uDFD5-\uDFF1]|\uD81A[\uDF3C-\uDF3F\uDF45]|\uD82F\uDC9C|\uD833[\uDF50-\uDFC3]|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDEA\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85\uDE86]|\uD838[\uDD4F\uDEFF]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEDC-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF76\uDF7B-\uDFD9\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDE53\uDE60-\uDE6D\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC5\uDECE-\uDEDB\uDEE0-\uDEE8\uDEF0-\uDEF8\uDF00-\uDF92\uDF94-\uDFCA]/,Rt=/[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/,mt=/[\0-\x1F\x7F-\x9F]/,le=/[\xAD\u0600-\u0605\u061C\u06DD\u070F\u0890\u0891\u08E2\u180E\u200B-\u200F\u202A-\u202E\u2060-\u2064\u2066-\u206F\uFEFF\uFFF9-\uFFFB]|\uD804[\uDCBD\uDCCD]|\uD80D[\uDC30-\uDC3F]|\uD82F[\uDCA0-\uDCA3]|\uD834[\uDD73-\uDD7A]|\uDB40[\uDC01\uDC20-\uDC7F]/,H=/[ \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000]/,ce=new Uint16Array('\u1d41<\xd5\u0131\u028a\u049d\u057b\u05d0\u0675\u06de\u07a2\u07d6\u080f\u0a4a\u0a91\u0da1\u0e6d\u0f09\u0f26\u10ca\u1228\u12e1\u1415\u149d\u14c3\u14df\u1525\0\0\0\0\0\0\u156b\u16cd\u198d\u1c12\u1ddd\u1f7e\u2060\u21b0\u228d\u23c0\u23fb\u2442\u2824\u2912\u2d08\u2e48\u2fce\u3016\u32ba\u3639\u37ac\u38fe\u3a28\u3a71\u3ae0\u3b2e\u0800EMabcfglmnoprstu\\bfms\x7f\x84\x8b\x90\x95\x98\xa6\xb3\xb9\xc8\xcflig\u803b\xc6\u40c6P\u803b&\u4026cute\u803b\xc1\u40c1reve;\u4102\u0100iyx}rc\u803b\xc2\u40c2;\u4410r;\uc000\u{1d504}rave\u803b\xc0\u40c0pha;\u4391acr;\u4100d;\u6a53\u0100gp\x9d\xa1on;\u4104f;\uc000\u{1d538}plyFunction;\u6061ing\u803b\xc5\u40c5\u0100cs\xbe\xc3r;\uc000\u{1d49c}ign;\u6254ilde\u803b\xc3\u40c3ml\u803b\xc4\u40c4\u0400aceforsu\xe5\xfb\xfe\u0117\u011c\u0122\u0127\u012a\u0100cr\xea\xf2kslash;\u6216\u0176\xf6\xf8;\u6ae7ed;\u6306y;\u4411\u0180crt\u0105\u010b\u0114ause;\u6235noullis;\u612ca;\u4392r;\uc000\u{1d505}pf;\uc000\u{1d539}eve;\u42d8c\xf2\u0113mpeq;\u624e\u0700HOacdefhilorsu\u014d\u0151\u0156\u0180\u019e\u01a2\u01b5\u01b7\u01ba\u01dc\u0215\u0273\u0278\u027ecy;\u4427PY\u803b\xa9\u40a9\u0180cpy\u015d\u0162\u017aute;\u4106\u0100;i\u0167\u0168\u62d2talDifferentialD;\u6145leys;\u612d\u0200aeio\u0189\u018e\u0194\u0198ron;\u410cdil\u803b\xc7\u40c7rc;\u4108nint;\u6230ot;\u410a\u0100dn\u01a7\u01adilla;\u40b8terDot;\u40b7\xf2\u017fi;\u43a7rcle\u0200DMPT\u01c7\u01cb\u01d1\u01d6ot;\u6299inus;\u6296lus;\u6295imes;\u6297o\u0100cs\u01e2\u01f8kwiseContourIntegral;\u6232eCurly\u0100DQ\u0203\u020foubleQuote;\u601duote;\u6019\u0200lnpu\u021e\u0228\u0247\u0255on\u0100;e\u0225\u0226\u6237;\u6a74\u0180git\u022f\u0236\u023aruent;\u6261nt;\u622fourIntegral;\u622e\u0100fr\u024c\u024e;\u6102oduct;\u6210nterClockwiseContourIntegral;\u6233oss;\u6a2fcr;\uc000\u{1d49e}p\u0100;C\u0284\u0285\u62d3ap;\u624d\u0580DJSZacefios\u02a0\u02ac\u02b0\u02b4\u02b8\u02cb\u02d7\u02e1\u02e6\u0333\u048d\u0100;o\u0179\u02a5trahd;\u6911cy;\u4402cy;\u4405cy;\u440f\u0180grs\u02bf\u02c4\u02c7ger;\u6021r;\u61a1hv;\u6ae4\u0100ay\u02d0\u02d5ron;\u410e;\u4414l\u0100;t\u02dd\u02de\u6207a;\u4394r;\uc000\u{1d507}\u0100af\u02eb\u0327\u0100cm\u02f0\u0322ritical\u0200ADGT\u0300\u0306\u0316\u031ccute;\u40b4o\u0174\u030b\u030d;\u42d9bleAcute;\u42ddrave;\u4060ilde;\u42dcond;\u62c4ferentialD;\u6146\u0470\u033d\0\0\0\u0342\u0354\0\u0405f;\uc000\u{1d53b}\u0180;DE\u0348\u0349\u034d\u40a8ot;\u60dcqual;\u6250ble\u0300CDLRUV\u0363\u0372\u0382\u03cf\u03e2\u03f8ontourIntegra\xec\u0239o\u0274\u0379\0\0\u037b\xbb\u0349nArrow;\u61d3\u0100eo\u0387\u03a4ft\u0180ART\u0390\u0396\u03a1rrow;\u61d0ightArrow;\u61d4e\xe5\u02cang\u0100LR\u03ab\u03c4eft\u0100AR\u03b3\u03b9rrow;\u67f8ightArrow;\u67faightArrow;\u67f9ight\u0100AT\u03d8\u03derrow;\u61d2ee;\u62a8p\u0241\u03e9\0\0\u03efrrow;\u61d1ownArrow;\u61d5erticalBar;\u6225n\u0300ABLRTa\u0412\u042a\u0430\u045e\u047f\u037crrow\u0180;BU\u041d\u041e\u0422\u6193ar;\u6913pArrow;\u61f5reve;\u4311eft\u02d2\u043a\0\u0446\0\u0450ightVector;\u6950eeVector;\u695eector\u0100;B\u0459\u045a\u61bdar;\u6956ight\u01d4\u0467\0\u0471eeVector;\u695fector\u0100;B\u047a\u047b\u61c1ar;\u6957ee\u0100;A\u0486\u0487\u62a4rrow;\u61a7\u0100ct\u0492\u0497r;\uc000\u{1d49f}rok;\u4110\u0800NTacdfglmopqstux\u04bd\u04c0\u04c4\u04cb\u04de\u04e2\u04e7\u04ee\u04f5\u0521\u052f\u0536\u0552\u055d\u0560\u0565G;\u414aH\u803b\xd0\u40d0cute\u803b\xc9\u40c9\u0180aiy\u04d2\u04d7\u04dcron;\u411arc\u803b\xca\u40ca;\u442dot;\u4116r;\uc000\u{1d508}rave\u803b\xc8\u40c8ement;\u6208\u0100ap\u04fa\u04fecr;\u4112ty\u0253\u0506\0\0\u0512mallSquare;\u65fberySmallSquare;\u65ab\u0100gp\u0526\u052aon;\u4118f;\uc000\u{1d53c}silon;\u4395u\u0100ai\u053c\u0549l\u0100;T\u0542\u0543\u6a75ilde;\u6242librium;\u61cc\u0100ci\u0557\u055ar;\u6130m;\u6a73a;\u4397ml\u803b\xcb\u40cb\u0100ip\u056a\u056fsts;\u6203onentialE;\u6147\u0280cfios\u0585\u0588\u058d\u05b2\u05ccy;\u4424r;\uc000\u{1d509}lled\u0253\u0597\0\0\u05a3mallSquare;\u65fcerySmallSquare;\u65aa\u0370\u05ba\0\u05bf\0\0\u05c4f;\uc000\u{1d53d}All;\u6200riertrf;\u6131c\xf2\u05cb\u0600JTabcdfgorst\u05e8\u05ec\u05ef\u05fa\u0600\u0612\u0616\u061b\u061d\u0623\u066c\u0672cy;\u4403\u803b>\u403emma\u0100;d\u05f7\u05f8\u4393;\u43dcreve;\u411e\u0180eiy\u0607\u060c\u0610dil;\u4122rc;\u411c;\u4413ot;\u4120r;\uc000\u{1d50a};\u62d9pf;\uc000\u{1d53e}eater\u0300EFGLST\u0635\u0644\u064e\u0656\u065b\u0666qual\u0100;L\u063e\u063f\u6265ess;\u62dbullEqual;\u6267reater;\u6aa2ess;\u6277lantEqual;\u6a7eilde;\u6273cr;\uc000\u{1d4a2};\u626b\u0400Aacfiosu\u0685\u068b\u0696\u069b\u069e\u06aa\u06be\u06caRDcy;\u442a\u0100ct\u0690\u0694ek;\u42c7;\u405eirc;\u4124r;\u610clbertSpace;\u610b\u01f0\u06af\0\u06b2f;\u610dizontalLine;\u6500\u0100ct\u06c3\u06c5\xf2\u06a9rok;\u4126mp\u0144\u06d0\u06d8ownHum\xf0\u012fqual;\u624f\u0700EJOacdfgmnostu\u06fa\u06fe\u0703\u0707\u070e\u071a\u071e\u0721\u0728\u0744\u0778\u078b\u078f\u0795cy;\u4415lig;\u4132cy;\u4401cute\u803b\xcd\u40cd\u0100iy\u0713\u0718rc\u803b\xce\u40ce;\u4418ot;\u4130r;\u6111rave\u803b\xcc\u40cc\u0180;ap\u0720\u072f\u073f\u0100cg\u0734\u0737r;\u412ainaryI;\u6148lie\xf3\u03dd\u01f4\u0749\0\u0762\u0100;e\u074d\u074e\u622c\u0100gr\u0753\u0758ral;\u622bsection;\u62c2isible\u0100CT\u076c\u0772omma;\u6063imes;\u6062\u0180gpt\u077f\u0783\u0788on;\u412ef;\uc000\u{1d540}a;\u4399cr;\u6110ilde;\u4128\u01eb\u079a\0\u079ecy;\u4406l\u803b\xcf\u40cf\u0280cfosu\u07ac\u07b7\u07bc\u07c2\u07d0\u0100iy\u07b1\u07b5rc;\u4134;\u4419r;\uc000\u{1d50d}pf;\uc000\u{1d541}\u01e3\u07c7\0\u07ccr;\uc000\u{1d4a5}rcy;\u4408kcy;\u4404\u0380HJacfos\u07e4\u07e8\u07ec\u07f1\u07fd\u0802\u0808cy;\u4425cy;\u440cppa;\u439a\u0100ey\u07f6\u07fbdil;\u4136;\u441ar;\uc000\u{1d50e}pf;\uc000\u{1d542}cr;\uc000\u{1d4a6}\u0580JTaceflmost\u0825\u0829\u082c\u0850\u0863\u09b3\u09b8\u09c7\u09cd\u0a37\u0a47cy;\u4409\u803b<\u403c\u0280cmnpr\u0837\u083c\u0841\u0844\u084dute;\u4139bda;\u439bg;\u67ealacetrf;\u6112r;\u619e\u0180aey\u0857\u085c\u0861ron;\u413ddil;\u413b;\u441b\u0100fs\u0868\u0970t\u0500ACDFRTUVar\u087e\u08a9\u08b1\u08e0\u08e6\u08fc\u092f\u095b\u0390\u096a\u0100nr\u0883\u088fgleBracket;\u67e8row\u0180;BR\u0899\u089a\u089e\u6190ar;\u61e4ightArrow;\u61c6eiling;\u6308o\u01f5\u08b7\0\u08c3bleBracket;\u67e6n\u01d4\u08c8\0\u08d2eeVector;\u6961ector\u0100;B\u08db\u08dc\u61c3ar;\u6959loor;\u630aight\u0100AV\u08ef\u08f5rrow;\u6194ector;\u694e\u0100er\u0901\u0917e\u0180;AV\u0909\u090a\u0910\u62a3rrow;\u61a4ector;\u695aiangle\u0180;BE\u0924\u0925\u0929\u62b2ar;\u69cfqual;\u62b4p\u0180DTV\u0937\u0942\u094cownVector;\u6951eeVector;\u6960ector\u0100;B\u0956\u0957\u61bfar;\u6958ector\u0100;B\u0965\u0966\u61bcar;\u6952ight\xe1\u039cs\u0300EFGLST\u097e\u098b\u0995\u099d\u09a2\u09adqualGreater;\u62daullEqual;\u6266reater;\u6276ess;\u6aa1lantEqual;\u6a7dilde;\u6272r;\uc000\u{1d50f}\u0100;e\u09bd\u09be\u62d8ftarrow;\u61daidot;\u413f\u0180npw\u09d4\u0a16\u0a1bg\u0200LRlr\u09de\u09f7\u0a02\u0a10eft\u0100AR\u09e6\u09ecrrow;\u67f5ightArrow;\u67f7ightArrow;\u67f6eft\u0100ar\u03b3\u0a0aight\xe1\u03bfight\xe1\u03caf;\uc000\u{1d543}er\u0100LR\u0a22\u0a2ceftArrow;\u6199ightArrow;\u6198\u0180cht\u0a3e\u0a40\u0a42\xf2\u084c;\u61b0rok;\u4141;\u626a\u0400acefiosu\u0a5a\u0a5d\u0a60\u0a77\u0a7c\u0a85\u0a8b\u0a8ep;\u6905y;\u441c\u0100dl\u0a65\u0a6fiumSpace;\u605flintrf;\u6133r;\uc000\u{1d510}nusPlus;\u6213pf;\uc000\u{1d544}c\xf2\u0a76;\u439c\u0480Jacefostu\u0aa3\u0aa7\u0aad\u0ac0\u0b14\u0b19\u0d91\u0d97\u0d9ecy;\u440acute;\u4143\u0180aey\u0ab4\u0ab9\u0aberon;\u4147dil;\u4145;\u441d\u0180gsw\u0ac7\u0af0\u0b0eative\u0180MTV\u0ad3\u0adf\u0ae8ediumSpace;\u600bhi\u0100cn\u0ae6\u0ad8\xeb\u0ad9eryThi\xee\u0ad9ted\u0100GL\u0af8\u0b06reaterGreate\xf2\u0673essLes\xf3\u0a48Line;\u400ar;\uc000\u{1d511}\u0200Bnpt\u0b22\u0b28\u0b37\u0b3areak;\u6060BreakingSpace;\u40a0f;\u6115\u0680;CDEGHLNPRSTV\u0b55\u0b56\u0b6a\u0b7c\u0ba1\u0beb\u0c04\u0c5e\u0c84\u0ca6\u0cd8\u0d61\u0d85\u6aec\u0100ou\u0b5b\u0b64ngruent;\u6262pCap;\u626doubleVerticalBar;\u6226\u0180lqx\u0b83\u0b8a\u0b9bement;\u6209ual\u0100;T\u0b92\u0b93\u6260ilde;\uc000\u2242\u0338ists;\u6204reater\u0380;EFGLST\u0bb6\u0bb7\u0bbd\u0bc9\u0bd3\u0bd8\u0be5\u626fqual;\u6271ullEqual;\uc000\u2267\u0338reater;\uc000\u226b\u0338ess;\u6279lantEqual;\uc000\u2a7e\u0338ilde;\u6275ump\u0144\u0bf2\u0bfdownHump;\uc000\u224e\u0338qual;\uc000\u224f\u0338e\u0100fs\u0c0a\u0c27tTriangle\u0180;BE\u0c1a\u0c1b\u0c21\u62eaar;\uc000\u29cf\u0338qual;\u62ecs\u0300;EGLST\u0c35\u0c36\u0c3c\u0c44\u0c4b\u0c58\u626equal;\u6270reater;\u6278ess;\uc000\u226a\u0338lantEqual;\uc000\u2a7d\u0338ilde;\u6274ested\u0100GL\u0c68\u0c79reaterGreater;\uc000\u2aa2\u0338essLess;\uc000\u2aa1\u0338recedes\u0180;ES\u0c92\u0c93\u0c9b\u6280qual;\uc000\u2aaf\u0338lantEqual;\u62e0\u0100ei\u0cab\u0cb9verseElement;\u620cghtTriangle\u0180;BE\u0ccb\u0ccc\u0cd2\u62ebar;\uc000\u29d0\u0338qual;\u62ed\u0100qu\u0cdd\u0d0cuareSu\u0100bp\u0ce8\u0cf9set\u0100;E\u0cf0\u0cf3\uc000\u228f\u0338qual;\u62e2erset\u0100;E\u0d03\u0d06\uc000\u2290\u0338qual;\u62e3\u0180bcp\u0d13\u0d24\u0d4eset\u0100;E\u0d1b\u0d1e\uc000\u2282\u20d2qual;\u6288ceeds\u0200;EST\u0d32\u0d33\u0d3b\u0d46\u6281qual;\uc000\u2ab0\u0338lantEqual;\u62e1ilde;\uc000\u227f\u0338erset\u0100;E\u0d58\u0d5b\uc000\u2283\u20d2qual;\u6289ilde\u0200;EFT\u0d6e\u0d6f\u0d75\u0d7f\u6241qual;\u6244ullEqual;\u6247ilde;\u6249erticalBar;\u6224cr;\uc000\u{1d4a9}ilde\u803b\xd1\u40d1;\u439d\u0700Eacdfgmoprstuv\u0dbd\u0dc2\u0dc9\u0dd5\u0ddb\u0de0\u0de7\u0dfc\u0e02\u0e20\u0e22\u0e32\u0e3f\u0e44lig;\u4152cute\u803b\xd3\u40d3\u0100iy\u0dce\u0dd3rc\u803b\xd4\u40d4;\u441eblac;\u4150r;\uc000\u{1d512}rave\u803b\xd2\u40d2\u0180aei\u0dee\u0df2\u0df6cr;\u414cga;\u43a9cron;\u439fpf;\uc000\u{1d546}enCurly\u0100DQ\u0e0e\u0e1aoubleQuote;\u601cuote;\u6018;\u6a54\u0100cl\u0e27\u0e2cr;\uc000\u{1d4aa}ash\u803b\xd8\u40d8i\u016c\u0e37\u0e3cde\u803b\xd5\u40d5es;\u6a37ml\u803b\xd6\u40d6er\u0100BP\u0e4b\u0e60\u0100ar\u0e50\u0e53r;\u603eac\u0100ek\u0e5a\u0e5c;\u63deet;\u63b4arenthesis;\u63dc\u0480acfhilors\u0e7f\u0e87\u0e8a\u0e8f\u0e92\u0e94\u0e9d\u0eb0\u0efcrtialD;\u6202y;\u441fr;\uc000\u{1d513}i;\u43a6;\u43a0usMinus;\u40b1\u0100ip\u0ea2\u0eadncareplan\xe5\u069df;\u6119\u0200;eio\u0eb9\u0eba\u0ee0\u0ee4\u6abbcedes\u0200;EST\u0ec8\u0ec9\u0ecf\u0eda\u627aqual;\u6aaflantEqual;\u627cilde;\u627eme;\u6033\u0100dp\u0ee9\u0eeeuct;\u620fortion\u0100;a\u0225\u0ef9l;\u621d\u0100ci\u0f01\u0f06r;\uc000\u{1d4ab};\u43a8\u0200Ufos\u0f11\u0f16\u0f1b\u0f1fOT\u803b"\u4022r;\uc000\u{1d514}pf;\u611acr;\uc000\u{1d4ac}\u0600BEacefhiorsu\u0f3e\u0f43\u0f47\u0f60\u0f73\u0fa7\u0faa\u0fad\u1096\u10a9\u10b4\u10bearr;\u6910G\u803b\xae\u40ae\u0180cnr\u0f4e\u0f53\u0f56ute;\u4154g;\u67ebr\u0100;t\u0f5c\u0f5d\u61a0l;\u6916\u0180aey\u0f67\u0f6c\u0f71ron;\u4158dil;\u4156;\u4420\u0100;v\u0f78\u0f79\u611cerse\u0100EU\u0f82\u0f99\u0100lq\u0f87\u0f8eement;\u620builibrium;\u61cbpEquilibrium;\u696fr\xbb\u0f79o;\u43a1ght\u0400ACDFTUVa\u0fc1\u0feb\u0ff3\u1022\u1028\u105b\u1087\u03d8\u0100nr\u0fc6\u0fd2gleBracket;\u67e9row\u0180;BL\u0fdc\u0fdd\u0fe1\u6192ar;\u61e5eftArrow;\u61c4eiling;\u6309o\u01f5\u0ff9\0\u1005bleBracket;\u67e7n\u01d4\u100a\0\u1014eeVector;\u695dector\u0100;B\u101d\u101e\u61c2ar;\u6955loor;\u630b\u0100er\u102d\u1043e\u0180;AV\u1035\u1036\u103c\u62a2rrow;\u61a6ector;\u695biangle\u0180;BE\u1050\u1051\u1055\u62b3ar;\u69d0qual;\u62b5p\u0180DTV\u1063\u106e\u1078ownVector;\u694feeVector;\u695cector\u0100;B\u1082\u1083\u61bear;\u6954ector\u0100;B\u1091\u1092\u61c0ar;\u6953\u0100pu\u109b\u109ef;\u611dndImplies;\u6970ightarrow;\u61db\u0100ch\u10b9\u10bcr;\u611b;\u61b1leDelayed;\u69f4\u0680HOacfhimoqstu\u10e4\u10f1\u10f7\u10fd\u1119\u111e\u1151\u1156\u1161\u1167\u11b5\u11bb\u11bf\u0100Cc\u10e9\u10eeHcy;\u4429y;\u4428FTcy;\u442ccute;\u415a\u0280;aeiy\u1108\u1109\u110e\u1113\u1117\u6abcron;\u4160dil;\u415erc;\u415c;\u4421r;\uc000\u{1d516}ort\u0200DLRU\u112a\u1134\u113e\u1149ownArrow\xbb\u041eeftArrow\xbb\u089aightArrow\xbb\u0fddpArrow;\u6191gma;\u43a3allCircle;\u6218pf;\uc000\u{1d54a}\u0272\u116d\0\0\u1170t;\u621aare\u0200;ISU\u117b\u117c\u1189\u11af\u65a1ntersection;\u6293u\u0100bp\u118f\u119eset\u0100;E\u1197\u1198\u628fqual;\u6291erset\u0100;E\u11a8\u11a9\u6290qual;\u6292nion;\u6294cr;\uc000\u{1d4ae}ar;\u62c6\u0200bcmp\u11c8\u11db\u1209\u120b\u0100;s\u11cd\u11ce\u62d0et\u0100;E\u11cd\u11d5qual;\u6286\u0100ch\u11e0\u1205eeds\u0200;EST\u11ed\u11ee\u11f4\u11ff\u627bqual;\u6ab0lantEqual;\u627dilde;\u627fTh\xe1\u0f8c;\u6211\u0180;es\u1212\u1213\u1223\u62d1rset\u0100;E\u121c\u121d\u6283qual;\u6287et\xbb\u1213\u0580HRSacfhiors\u123e\u1244\u1249\u1255\u125e\u1271\u1276\u129f\u12c2\u12c8\u12d1ORN\u803b\xde\u40deADE;\u6122\u0100Hc\u124e\u1252cy;\u440by;\u4426\u0100bu\u125a\u125c;\u4009;\u43a4\u0180aey\u1265\u126a\u126fron;\u4164dil;\u4162;\u4422r;\uc000\u{1d517}\u0100ei\u127b\u1289\u01f2\u1280\0\u1287efore;\u6234a;\u4398\u0100cn\u128e\u1298kSpace;\uc000\u205f\u200aSpace;\u6009lde\u0200;EFT\u12ab\u12ac\u12b2\u12bc\u623cqual;\u6243ullEqual;\u6245ilde;\u6248pf;\uc000\u{1d54b}ipleDot;\u60db\u0100ct\u12d6\u12dbr;\uc000\u{1d4af}rok;\u4166\u0ae1\u12f7\u130e\u131a\u1326\0\u132c\u1331\0\0\0\0\0\u1338\u133d\u1377\u1385\0\u13ff\u1404\u140a\u1410\u0100cr\u12fb\u1301ute\u803b\xda\u40dar\u0100;o\u1307\u1308\u619fcir;\u6949r\u01e3\u1313\0\u1316y;\u440eve;\u416c\u0100iy\u131e\u1323rc\u803b\xdb\u40db;\u4423blac;\u4170r;\uc000\u{1d518}rave\u803b\xd9\u40d9acr;\u416a\u0100di\u1341\u1369er\u0100BP\u1348\u135d\u0100ar\u134d\u1350r;\u405fac\u0100ek\u1357\u1359;\u63dfet;\u63b5arenthesis;\u63ddon\u0100;P\u1370\u1371\u62c3lus;\u628e\u0100gp\u137b\u137fon;\u4172f;\uc000\u{1d54c}\u0400ADETadps\u1395\u13ae\u13b8\u13c4\u03e8\u13d2\u13d7\u13f3rrow\u0180;BD\u1150\u13a0\u13a4ar;\u6912ownArrow;\u61c5ownArrow;\u6195quilibrium;\u696eee\u0100;A\u13cb\u13cc\u62a5rrow;\u61a5own\xe1\u03f3er\u0100LR\u13de\u13e8eftArrow;\u6196ightArrow;\u6197i\u0100;l\u13f9\u13fa\u43d2on;\u43a5ing;\u416ecr;\uc000\u{1d4b0}ilde;\u4168ml\u803b\xdc\u40dc\u0480Dbcdefosv\u1427\u142c\u1430\u1433\u143e\u1485\u148a\u1490\u1496ash;\u62abar;\u6aeby;\u4412ash\u0100;l\u143b\u143c\u62a9;\u6ae6\u0100er\u1443\u1445;\u62c1\u0180bty\u144c\u1450\u147aar;\u6016\u0100;i\u144f\u1455cal\u0200BLST\u1461\u1465\u146a\u1474ar;\u6223ine;\u407ceparator;\u6758ilde;\u6240ThinSpace;\u600ar;\uc000\u{1d519}pf;\uc000\u{1d54d}cr;\uc000\u{1d4b1}dash;\u62aa\u0280cefos\u14a7\u14ac\u14b1\u14b6\u14bcirc;\u4174dge;\u62c0r;\uc000\u{1d51a}pf;\uc000\u{1d54e}cr;\uc000\u{1d4b2}\u0200fios\u14cb\u14d0\u14d2\u14d8r;\uc000\u{1d51b};\u439epf;\uc000\u{1d54f}cr;\uc000\u{1d4b3}\u0480AIUacfosu\u14f1\u14f5\u14f9\u14fd\u1504\u150f\u1514\u151a\u1520cy;\u442fcy;\u4407cy;\u442ecute\u803b\xdd\u40dd\u0100iy\u1509\u150drc;\u4176;\u442br;\uc000\u{1d51c}pf;\uc000\u{1d550}cr;\uc000\u{1d4b4}ml;\u4178\u0400Hacdefos\u1535\u1539\u153f\u154b\u154f\u155d\u1560\u1564cy;\u4416cute;\u4179\u0100ay\u1544\u1549ron;\u417d;\u4417ot;\u417b\u01f2\u1554\0\u155boWidt\xe8\u0ad9a;\u4396r;\u6128pf;\u6124cr;\uc000\u{1d4b5}\u0be1\u1583\u158a\u1590\0\u15b0\u15b6\u15bf\0\0\0\0\u15c6\u15db\u15eb\u165f\u166d\0\u1695\u169b\u16b2\u16b9\0\u16becute\u803b\xe1\u40e1reve;\u4103\u0300;Ediuy\u159c\u159d\u15a1\u15a3\u15a8\u15ad\u623e;\uc000\u223e\u0333;\u623frc\u803b\xe2\u40e2te\u80bb\xb4\u0306;\u4430lig\u803b\xe6\u40e6\u0100;r\xb2\u15ba;\uc000\u{1d51e}rave\u803b\xe0\u40e0\u0100ep\u15ca\u15d6\u0100fp\u15cf\u15d4sym;\u6135\xe8\u15d3ha;\u43b1\u0100ap\u15dfc\u0100cl\u15e4\u15e7r;\u4101g;\u6a3f\u0264\u15f0\0\0\u160a\u0280;adsv\u15fa\u15fb\u15ff\u1601\u1607\u6227nd;\u6a55;\u6a5clope;\u6a58;\u6a5a\u0380;elmrsz\u1618\u1619\u161b\u161e\u163f\u164f\u1659\u6220;\u69a4e\xbb\u1619sd\u0100;a\u1625\u1626\u6221\u0461\u1630\u1632\u1634\u1636\u1638\u163a\u163c\u163e;\u69a8;\u69a9;\u69aa;\u69ab;\u69ac;\u69ad;\u69ae;\u69aft\u0100;v\u1645\u1646\u621fb\u0100;d\u164c\u164d\u62be;\u699d\u0100pt\u1654\u1657h;\u6222\xbb\xb9arr;\u637c\u0100gp\u1663\u1667on;\u4105f;\uc000\u{1d552}\u0380;Eaeiop\u12c1\u167b\u167d\u1682\u1684\u1687\u168a;\u6a70cir;\u6a6f;\u624ad;\u624bs;\u4027rox\u0100;e\u12c1\u1692\xf1\u1683ing\u803b\xe5\u40e5\u0180cty\u16a1\u16a6\u16a8r;\uc000\u{1d4b6};\u402amp\u0100;e\u12c1\u16af\xf1\u0288ilde\u803b\xe3\u40e3ml\u803b\xe4\u40e4\u0100ci\u16c2\u16c8onin\xf4\u0272nt;\u6a11\u0800Nabcdefiklnoprsu\u16ed\u16f1\u1730\u173c\u1743\u1748\u1778\u177d\u17e0\u17e6\u1839\u1850\u170d\u193d\u1948\u1970ot;\u6aed\u0100cr\u16f6\u171ek\u0200ceps\u1700\u1705\u170d\u1713ong;\u624cpsilon;\u43f6rime;\u6035im\u0100;e\u171a\u171b\u623dq;\u62cd\u0176\u1722\u1726ee;\u62bded\u0100;g\u172c\u172d\u6305e\xbb\u172drk\u0100;t\u135c\u1737brk;\u63b6\u0100oy\u1701\u1741;\u4431quo;\u601e\u0280cmprt\u1753\u175b\u1761\u1764\u1768aus\u0100;e\u010a\u0109ptyv;\u69b0s\xe9\u170cno\xf5\u0113\u0180ahw\u176f\u1771\u1773;\u43b2;\u6136een;\u626cr;\uc000\u{1d51f}g\u0380costuvw\u178d\u179d\u17b3\u17c1\u17d5\u17db\u17de\u0180aiu\u1794\u1796\u179a\xf0\u0760rc;\u65efp\xbb\u1371\u0180dpt\u17a4\u17a8\u17adot;\u6a00lus;\u6a01imes;\u6a02\u0271\u17b9\0\0\u17becup;\u6a06ar;\u6605riangle\u0100du\u17cd\u17d2own;\u65bdp;\u65b3plus;\u6a04e\xe5\u1444\xe5\u14adarow;\u690d\u0180ako\u17ed\u1826\u1835\u0100cn\u17f2\u1823k\u0180lst\u17fa\u05ab\u1802ozenge;\u69ebriangle\u0200;dlr\u1812\u1813\u1818\u181d\u65b4own;\u65beeft;\u65c2ight;\u65b8k;\u6423\u01b1\u182b\0\u1833\u01b2\u182f\0\u1831;\u6592;\u65914;\u6593ck;\u6588\u0100eo\u183e\u184d\u0100;q\u1843\u1846\uc000=\u20e5uiv;\uc000\u2261\u20e5t;\u6310\u0200ptwx\u1859\u185e\u1867\u186cf;\uc000\u{1d553}\u0100;t\u13cb\u1863om\xbb\u13cctie;\u62c8\u0600DHUVbdhmptuv\u1885\u1896\u18aa\u18bb\u18d7\u18db\u18ec\u18ff\u1905\u190a\u1910\u1921\u0200LRlr\u188e\u1890\u1892\u1894;\u6557;\u6554;\u6556;\u6553\u0280;DUdu\u18a1\u18a2\u18a4\u18a6\u18a8\u6550;\u6566;\u6569;\u6564;\u6567\u0200LRlr\u18b3\u18b5\u18b7\u18b9;\u655d;\u655a;\u655c;\u6559\u0380;HLRhlr\u18ca\u18cb\u18cd\u18cf\u18d1\u18d3\u18d5\u6551;\u656c;\u6563;\u6560;\u656b;\u6562;\u655fox;\u69c9\u0200LRlr\u18e4\u18e6\u18e8\u18ea;\u6555;\u6552;\u6510;\u650c\u0280;DUdu\u06bd\u18f7\u18f9\u18fb\u18fd;\u6565;\u6568;\u652c;\u6534inus;\u629flus;\u629eimes;\u62a0\u0200LRlr\u1919\u191b\u191d\u191f;\u655b;\u6558;\u6518;\u6514\u0380;HLRhlr\u1930\u1931\u1933\u1935\u1937\u1939\u193b\u6502;\u656a;\u6561;\u655e;\u653c;\u6524;\u651c\u0100ev\u0123\u1942bar\u803b\xa6\u40a6\u0200ceio\u1951\u1956\u195a\u1960r;\uc000\u{1d4b7}mi;\u604fm\u0100;e\u171a\u171cl\u0180;bh\u1968\u1969\u196b\u405c;\u69c5sub;\u67c8\u016c\u1974\u197el\u0100;e\u1979\u197a\u6022t\xbb\u197ap\u0180;Ee\u012f\u1985\u1987;\u6aae\u0100;q\u06dc\u06db\u0ce1\u19a7\0\u19e8\u1a11\u1a15\u1a32\0\u1a37\u1a50\0\0\u1ab4\0\0\u1ac1\0\0\u1b21\u1b2e\u1b4d\u1b52\0\u1bfd\0\u1c0c\u0180cpr\u19ad\u19b2\u19ddute;\u4107\u0300;abcds\u19bf\u19c0\u19c4\u19ca\u19d5\u19d9\u6229nd;\u6a44rcup;\u6a49\u0100au\u19cf\u19d2p;\u6a4bp;\u6a47ot;\u6a40;\uc000\u2229\ufe00\u0100eo\u19e2\u19e5t;\u6041\xee\u0693\u0200aeiu\u19f0\u19fb\u1a01\u1a05\u01f0\u19f5\0\u19f8s;\u6a4don;\u410ddil\u803b\xe7\u40e7rc;\u4109ps\u0100;s\u1a0c\u1a0d\u6a4cm;\u6a50ot;\u410b\u0180dmn\u1a1b\u1a20\u1a26il\u80bb\xb8\u01adptyv;\u69b2t\u8100\xa2;e\u1a2d\u1a2e\u40a2r\xe4\u01b2r;\uc000\u{1d520}\u0180cei\u1a3d\u1a40\u1a4dy;\u4447ck\u0100;m\u1a47\u1a48\u6713ark\xbb\u1a48;\u43c7r\u0380;Ecefms\u1a5f\u1a60\u1a62\u1a6b\u1aa4\u1aaa\u1aae\u65cb;\u69c3\u0180;el\u1a69\u1a6a\u1a6d\u42c6q;\u6257e\u0261\u1a74\0\0\u1a88rrow\u0100lr\u1a7c\u1a81eft;\u61baight;\u61bb\u0280RSacd\u1a92\u1a94\u1a96\u1a9a\u1a9f\xbb\u0f47;\u64c8st;\u629birc;\u629aash;\u629dnint;\u6a10id;\u6aefcir;\u69c2ubs\u0100;u\u1abb\u1abc\u6663it\xbb\u1abc\u02ec\u1ac7\u1ad4\u1afa\0\u1b0aon\u0100;e\u1acd\u1ace\u403a\u0100;q\xc7\xc6\u026d\u1ad9\0\0\u1ae2a\u0100;t\u1ade\u1adf\u402c;\u4040\u0180;fl\u1ae8\u1ae9\u1aeb\u6201\xee\u1160e\u0100mx\u1af1\u1af6ent\xbb\u1ae9e\xf3\u024d\u01e7\u1afe\0\u1b07\u0100;d\u12bb\u1b02ot;\u6a6dn\xf4\u0246\u0180fry\u1b10\u1b14\u1b17;\uc000\u{1d554}o\xe4\u0254\u8100\xa9;s\u0155\u1b1dr;\u6117\u0100ao\u1b25\u1b29rr;\u61b5ss;\u6717\u0100cu\u1b32\u1b37r;\uc000\u{1d4b8}\u0100bp\u1b3c\u1b44\u0100;e\u1b41\u1b42\u6acf;\u6ad1\u0100;e\u1b49\u1b4a\u6ad0;\u6ad2dot;\u62ef\u0380delprvw\u1b60\u1b6c\u1b77\u1b82\u1bac\u1bd4\u1bf9arr\u0100lr\u1b68\u1b6a;\u6938;\u6935\u0270\u1b72\0\0\u1b75r;\u62dec;\u62dfarr\u0100;p\u1b7f\u1b80\u61b6;\u693d\u0300;bcdos\u1b8f\u1b90\u1b96\u1ba1\u1ba5\u1ba8\u622arcap;\u6a48\u0100au\u1b9b\u1b9ep;\u6a46p;\u6a4aot;\u628dr;\u6a45;\uc000\u222a\ufe00\u0200alrv\u1bb5\u1bbf\u1bde\u1be3rr\u0100;m\u1bbc\u1bbd\u61b7;\u693cy\u0180evw\u1bc7\u1bd4\u1bd8q\u0270\u1bce\0\0\u1bd2re\xe3\u1b73u\xe3\u1b75ee;\u62ceedge;\u62cfen\u803b\xa4\u40a4earrow\u0100lr\u1bee\u1bf3eft\xbb\u1b80ight\xbb\u1bbde\xe4\u1bdd\u0100ci\u1c01\u1c07onin\xf4\u01f7nt;\u6231lcty;\u632d\u0980AHabcdefhijlorstuwz\u1c38\u1c3b\u1c3f\u1c5d\u1c69\u1c75\u1c8a\u1c9e\u1cac\u1cb7\u1cfb\u1cff\u1d0d\u1d7b\u1d91\u1dab\u1dbb\u1dc6\u1dcdr\xf2\u0381ar;\u6965\u0200glrs\u1c48\u1c4d\u1c52\u1c54ger;\u6020eth;\u6138\xf2\u1133h\u0100;v\u1c5a\u1c5b\u6010\xbb\u090a\u016b\u1c61\u1c67arow;\u690fa\xe3\u0315\u0100ay\u1c6e\u1c73ron;\u410f;\u4434\u0180;ao\u0332\u1c7c\u1c84\u0100gr\u02bf\u1c81r;\u61catseq;\u6a77\u0180glm\u1c91\u1c94\u1c98\u803b\xb0\u40b0ta;\u43b4ptyv;\u69b1\u0100ir\u1ca3\u1ca8sht;\u697f;\uc000\u{1d521}ar\u0100lr\u1cb3\u1cb5\xbb\u08dc\xbb\u101e\u0280aegsv\u1cc2\u0378\u1cd6\u1cdc\u1ce0m\u0180;os\u0326\u1cca\u1cd4nd\u0100;s\u0326\u1cd1uit;\u6666amma;\u43ddin;\u62f2\u0180;io\u1ce7\u1ce8\u1cf8\u40f7de\u8100\xf7;o\u1ce7\u1cf0ntimes;\u62c7n\xf8\u1cf7cy;\u4452c\u026f\u1d06\0\0\u1d0arn;\u631eop;\u630d\u0280lptuw\u1d18\u1d1d\u1d22\u1d49\u1d55lar;\u4024f;\uc000\u{1d555}\u0280;emps\u030b\u1d2d\u1d37\u1d3d\u1d42q\u0100;d\u0352\u1d33ot;\u6251inus;\u6238lus;\u6214quare;\u62a1blebarwedg\xe5\xfan\u0180adh\u112e\u1d5d\u1d67ownarrow\xf3\u1c83arpoon\u0100lr\u1d72\u1d76ef\xf4\u1cb4igh\xf4\u1cb6\u0162\u1d7f\u1d85karo\xf7\u0f42\u026f\u1d8a\0\0\u1d8ern;\u631fop;\u630c\u0180cot\u1d98\u1da3\u1da6\u0100ry\u1d9d\u1da1;\uc000\u{1d4b9};\u4455l;\u69f6rok;\u4111\u0100dr\u1db0\u1db4ot;\u62f1i\u0100;f\u1dba\u1816\u65bf\u0100ah\u1dc0\u1dc3r\xf2\u0429a\xf2\u0fa6angle;\u69a6\u0100ci\u1dd2\u1dd5y;\u445fgrarr;\u67ff\u0900Dacdefglmnopqrstux\u1e01\u1e09\u1e19\u1e38\u0578\u1e3c\u1e49\u1e61\u1e7e\u1ea5\u1eaf\u1ebd\u1ee1\u1f2a\u1f37\u1f44\u1f4e\u1f5a\u0100Do\u1e06\u1d34o\xf4\u1c89\u0100cs\u1e0e\u1e14ute\u803b\xe9\u40e9ter;\u6a6e\u0200aioy\u1e22\u1e27\u1e31\u1e36ron;\u411br\u0100;c\u1e2d\u1e2e\u6256\u803b\xea\u40ealon;\u6255;\u444dot;\u4117\u0100Dr\u1e41\u1e45ot;\u6252;\uc000\u{1d522}\u0180;rs\u1e50\u1e51\u1e57\u6a9aave\u803b\xe8\u40e8\u0100;d\u1e5c\u1e5d\u6a96ot;\u6a98\u0200;ils\u1e6a\u1e6b\u1e72\u1e74\u6a99nters;\u63e7;\u6113\u0100;d\u1e79\u1e7a\u6a95ot;\u6a97\u0180aps\u1e85\u1e89\u1e97cr;\u4113ty\u0180;sv\u1e92\u1e93\u1e95\u6205et\xbb\u1e93p\u01001;\u1e9d\u1ea4\u0133\u1ea1\u1ea3;\u6004;\u6005\u6003\u0100gs\u1eaa\u1eac;\u414bp;\u6002\u0100gp\u1eb4\u1eb8on;\u4119f;\uc000\u{1d556}\u0180als\u1ec4\u1ece\u1ed2r\u0100;s\u1eca\u1ecb\u62d5l;\u69e3us;\u6a71i\u0180;lv\u1eda\u1edb\u1edf\u43b5on\xbb\u1edb;\u43f5\u0200csuv\u1eea\u1ef3\u1f0b\u1f23\u0100io\u1eef\u1e31rc\xbb\u1e2e\u0269\u1ef9\0\0\u1efb\xed\u0548ant\u0100gl\u1f02\u1f06tr\xbb\u1e5dess\xbb\u1e7a\u0180aei\u1f12\u1f16\u1f1als;\u403dst;\u625fv\u0100;D\u0235\u1f20D;\u6a78parsl;\u69e5\u0100Da\u1f2f\u1f33ot;\u6253rr;\u6971\u0180cdi\u1f3e\u1f41\u1ef8r;\u612fo\xf4\u0352\u0100ah\u1f49\u1f4b;\u43b7\u803b\xf0\u40f0\u0100mr\u1f53\u1f57l\u803b\xeb\u40ebo;\u60ac\u0180cip\u1f61\u1f64\u1f67l;\u4021s\xf4\u056e\u0100eo\u1f6c\u1f74ctatio\xee\u0559nential\xe5\u0579\u09e1\u1f92\0\u1f9e\0\u1fa1\u1fa7\0\0\u1fc6\u1fcc\0\u1fd3\0\u1fe6\u1fea\u2000\0\u2008\u205allingdotse\xf1\u1e44y;\u4444male;\u6640\u0180ilr\u1fad\u1fb3\u1fc1lig;\u8000\ufb03\u0269\u1fb9\0\0\u1fbdg;\u8000\ufb00ig;\u8000\ufb04;\uc000\u{1d523}lig;\u8000\ufb01lig;\uc000fj\u0180alt\u1fd9\u1fdc\u1fe1t;\u666dig;\u8000\ufb02ns;\u65b1of;\u4192\u01f0\u1fee\0\u1ff3f;\uc000\u{1d557}\u0100ak\u05bf\u1ff7\u0100;v\u1ffc\u1ffd\u62d4;\u6ad9artint;\u6a0d\u0100ao\u200c\u2055\u0100cs\u2011\u2052\u03b1\u201a\u2030\u2038\u2045\u2048\0\u2050\u03b2\u2022\u2025\u2027\u202a\u202c\0\u202e\u803b\xbd\u40bd;\u6153\u803b\xbc\u40bc;\u6155;\u6159;\u615b\u01b3\u2034\0\u2036;\u6154;\u6156\u02b4\u203e\u2041\0\0\u2043\u803b\xbe\u40be;\u6157;\u615c5;\u6158\u01b6\u204c\0\u204e;\u615a;\u615d8;\u615el;\u6044wn;\u6322cr;\uc000\u{1d4bb}\u0880Eabcdefgijlnorstv\u2082\u2089\u209f\u20a5\u20b0\u20b4\u20f0\u20f5\u20fa\u20ff\u2103\u2112\u2138\u0317\u213e\u2152\u219e\u0100;l\u064d\u2087;\u6a8c\u0180cmp\u2090\u2095\u209dute;\u41f5ma\u0100;d\u209c\u1cda\u43b3;\u6a86reve;\u411f\u0100iy\u20aa\u20aerc;\u411d;\u4433ot;\u4121\u0200;lqs\u063e\u0642\u20bd\u20c9\u0180;qs\u063e\u064c\u20c4lan\xf4\u0665\u0200;cdl\u0665\u20d2\u20d5\u20e5c;\u6aa9ot\u0100;o\u20dc\u20dd\u6a80\u0100;l\u20e2\u20e3\u6a82;\u6a84\u0100;e\u20ea\u20ed\uc000\u22db\ufe00s;\u6a94r;\uc000\u{1d524}\u0100;g\u0673\u061bmel;\u6137cy;\u4453\u0200;Eaj\u065a\u210c\u210e\u2110;\u6a92;\u6aa5;\u6aa4\u0200Eaes\u211b\u211d\u2129\u2134;\u6269p\u0100;p\u2123\u2124\u6a8arox\xbb\u2124\u0100;q\u212e\u212f\u6a88\u0100;q\u212e\u211bim;\u62e7pf;\uc000\u{1d558}\u0100ci\u2143\u2146r;\u610am\u0180;el\u066b\u214e\u2150;\u6a8e;\u6a90\u8300>;cdlqr\u05ee\u2160\u216a\u216e\u2173\u2179\u0100ci\u2165\u2167;\u6aa7r;\u6a7aot;\u62d7Par;\u6995uest;\u6a7c\u0280adels\u2184\u216a\u2190\u0656\u219b\u01f0\u2189\0\u218epro\xf8\u209er;\u6978q\u0100lq\u063f\u2196les\xf3\u2088i\xed\u066b\u0100en\u21a3\u21adrtneqq;\uc000\u2269\ufe00\xc5\u21aa\u0500Aabcefkosy\u21c4\u21c7\u21f1\u21f5\u21fa\u2218\u221d\u222f\u2268\u227dr\xf2\u03a0\u0200ilmr\u21d0\u21d4\u21d7\u21dbrs\xf0\u1484f\xbb\u2024il\xf4\u06a9\u0100dr\u21e0\u21e4cy;\u444a\u0180;cw\u08f4\u21eb\u21efir;\u6948;\u61adar;\u610firc;\u4125\u0180alr\u2201\u220e\u2213rts\u0100;u\u2209\u220a\u6665it\xbb\u220alip;\u6026con;\u62b9r;\uc000\u{1d525}s\u0100ew\u2223\u2229arow;\u6925arow;\u6926\u0280amopr\u223a\u223e\u2243\u225e\u2263rr;\u61fftht;\u623bk\u0100lr\u2249\u2253eftarrow;\u61a9ightarrow;\u61aaf;\uc000\u{1d559}bar;\u6015\u0180clt\u226f\u2274\u2278r;\uc000\u{1d4bd}as\xe8\u21f4rok;\u4127\u0100bp\u2282\u2287ull;\u6043hen\xbb\u1c5b\u0ae1\u22a3\0\u22aa\0\u22b8\u22c5\u22ce\0\u22d5\u22f3\0\0\u22f8\u2322\u2367\u2362\u237f\0\u2386\u23aa\u23b4cute\u803b\xed\u40ed\u0180;iy\u0771\u22b0\u22b5rc\u803b\xee\u40ee;\u4438\u0100cx\u22bc\u22bfy;\u4435cl\u803b\xa1\u40a1\u0100fr\u039f\u22c9;\uc000\u{1d526}rave\u803b\xec\u40ec\u0200;ino\u073e\u22dd\u22e9\u22ee\u0100in\u22e2\u22e6nt;\u6a0ct;\u622dfin;\u69dcta;\u6129lig;\u4133\u0180aop\u22fe\u231a\u231d\u0180cgt\u2305\u2308\u2317r;\u412b\u0180elp\u071f\u230f\u2313in\xe5\u078ear\xf4\u0720h;\u4131f;\u62b7ed;\u41b5\u0280;cfot\u04f4\u232c\u2331\u233d\u2341are;\u6105in\u0100;t\u2338\u2339\u621eie;\u69dddo\xf4\u2319\u0280;celp\u0757\u234c\u2350\u235b\u2361al;\u62ba\u0100gr\u2355\u2359er\xf3\u1563\xe3\u234darhk;\u6a17rod;\u6a3c\u0200cgpt\u236f\u2372\u2376\u237by;\u4451on;\u412ff;\uc000\u{1d55a}a;\u43b9uest\u803b\xbf\u40bf\u0100ci\u238a\u238fr;\uc000\u{1d4be}n\u0280;Edsv\u04f4\u239b\u239d\u23a1\u04f3;\u62f9ot;\u62f5\u0100;v\u23a6\u23a7\u62f4;\u62f3\u0100;i\u0777\u23aelde;\u4129\u01eb\u23b8\0\u23bccy;\u4456l\u803b\xef\u40ef\u0300cfmosu\u23cc\u23d7\u23dc\u23e1\u23e7\u23f5\u0100iy\u23d1\u23d5rc;\u4135;\u4439r;\uc000\u{1d527}ath;\u4237pf;\uc000\u{1d55b}\u01e3\u23ec\0\u23f1r;\uc000\u{1d4bf}rcy;\u4458kcy;\u4454\u0400acfghjos\u240b\u2416\u2422\u2427\u242d\u2431\u2435\u243bppa\u0100;v\u2413\u2414\u43ba;\u43f0\u0100ey\u241b\u2420dil;\u4137;\u443ar;\uc000\u{1d528}reen;\u4138cy;\u4445cy;\u445cpf;\uc000\u{1d55c}cr;\uc000\u{1d4c0}\u0b80ABEHabcdefghjlmnoprstuv\u2470\u2481\u2486\u248d\u2491\u250e\u253d\u255a\u2580\u264e\u265e\u2665\u2679\u267d\u269a\u26b2\u26d8\u275d\u2768\u278b\u27c0\u2801\u2812\u0180art\u2477\u247a\u247cr\xf2\u09c6\xf2\u0395ail;\u691barr;\u690e\u0100;g\u0994\u248b;\u6a8bar;\u6962\u0963\u24a5\0\u24aa\0\u24b1\0\0\0\0\0\u24b5\u24ba\0\u24c6\u24c8\u24cd\0\u24f9ute;\u413amptyv;\u69b4ra\xee\u084cbda;\u43bbg\u0180;dl\u088e\u24c1\u24c3;\u6991\xe5\u088e;\u6a85uo\u803b\xab\u40abr\u0400;bfhlpst\u0899\u24de\u24e6\u24e9\u24eb\u24ee\u24f1\u24f5\u0100;f\u089d\u24e3s;\u691fs;\u691d\xeb\u2252p;\u61abl;\u6939im;\u6973l;\u61a2\u0180;ae\u24ff\u2500\u2504\u6aabil;\u6919\u0100;s\u2509\u250a\u6aad;\uc000\u2aad\ufe00\u0180abr\u2515\u2519\u251drr;\u690crk;\u6772\u0100ak\u2522\u252cc\u0100ek\u2528\u252a;\u407b;\u405b\u0100es\u2531\u2533;\u698bl\u0100du\u2539\u253b;\u698f;\u698d\u0200aeuy\u2546\u254b\u2556\u2558ron;\u413e\u0100di\u2550\u2554il;\u413c\xec\u08b0\xe2\u2529;\u443b\u0200cqrs\u2563\u2566\u256d\u257da;\u6936uo\u0100;r\u0e19\u1746\u0100du\u2572\u2577har;\u6967shar;\u694bh;\u61b2\u0280;fgqs\u258b\u258c\u0989\u25f3\u25ff\u6264t\u0280ahlrt\u2598\u25a4\u25b7\u25c2\u25e8rrow\u0100;t\u0899\u25a1a\xe9\u24f6arpoon\u0100du\u25af\u25b4own\xbb\u045ap\xbb\u0966eftarrows;\u61c7ight\u0180ahs\u25cd\u25d6\u25derrow\u0100;s\u08f4\u08a7arpoon\xf3\u0f98quigarro\xf7\u21f0hreetimes;\u62cb\u0180;qs\u258b\u0993\u25falan\xf4\u09ac\u0280;cdgs\u09ac\u260a\u260d\u261d\u2628c;\u6aa8ot\u0100;o\u2614\u2615\u6a7f\u0100;r\u261a\u261b\u6a81;\u6a83\u0100;e\u2622\u2625\uc000\u22da\ufe00s;\u6a93\u0280adegs\u2633\u2639\u263d\u2649\u264bppro\xf8\u24c6ot;\u62d6q\u0100gq\u2643\u2645\xf4\u0989gt\xf2\u248c\xf4\u099bi\xed\u09b2\u0180ilr\u2655\u08e1\u265asht;\u697c;\uc000\u{1d529}\u0100;E\u099c\u2663;\u6a91\u0161\u2669\u2676r\u0100du\u25b2\u266e\u0100;l\u0965\u2673;\u696alk;\u6584cy;\u4459\u0280;acht\u0a48\u2688\u268b\u2691\u2696r\xf2\u25c1orne\xf2\u1d08ard;\u696bri;\u65fa\u0100io\u269f\u26a4dot;\u4140ust\u0100;a\u26ac\u26ad\u63b0che\xbb\u26ad\u0200Eaes\u26bb\u26bd\u26c9\u26d4;\u6268p\u0100;p\u26c3\u26c4\u6a89rox\xbb\u26c4\u0100;q\u26ce\u26cf\u6a87\u0100;q\u26ce\u26bbim;\u62e6\u0400abnoptwz\u26e9\u26f4\u26f7\u271a\u272f\u2741\u2747\u2750\u0100nr\u26ee\u26f1g;\u67ecr;\u61fdr\xeb\u08c1g\u0180lmr\u26ff\u270d\u2714eft\u0100ar\u09e6\u2707ight\xe1\u09f2apsto;\u67fcight\xe1\u09fdparrow\u0100lr\u2725\u2729ef\xf4\u24edight;\u61ac\u0180afl\u2736\u2739\u273dr;\u6985;\uc000\u{1d55d}us;\u6a2dimes;\u6a34\u0161\u274b\u274fst;\u6217\xe1\u134e\u0180;ef\u2757\u2758\u1800\u65cange\xbb\u2758ar\u0100;l\u2764\u2765\u4028t;\u6993\u0280achmt\u2773\u2776\u277c\u2785\u2787r\xf2\u08a8orne\xf2\u1d8car\u0100;d\u0f98\u2783;\u696d;\u600eri;\u62bf\u0300achiqt\u2798\u279d\u0a40\u27a2\u27ae\u27bbquo;\u6039r;\uc000\u{1d4c1}m\u0180;eg\u09b2\u27aa\u27ac;\u6a8d;\u6a8f\u0100bu\u252a\u27b3o\u0100;r\u0e1f\u27b9;\u601arok;\u4142\u8400<;cdhilqr\u082b\u27d2\u2639\u27dc\u27e0\u27e5\u27ea\u27f0\u0100ci\u27d7\u27d9;\u6aa6r;\u6a79re\xe5\u25f2mes;\u62c9arr;\u6976uest;\u6a7b\u0100Pi\u27f5\u27f9ar;\u6996\u0180;ef\u2800\u092d\u181b\u65c3r\u0100du\u2807\u280dshar;\u694ahar;\u6966\u0100en\u2817\u2821rtneqq;\uc000\u2268\ufe00\xc5\u281e\u0700Dacdefhilnopsu\u2840\u2845\u2882\u288e\u2893\u28a0\u28a5\u28a8\u28da\u28e2\u28e4\u0a83\u28f3\u2902Dot;\u623a\u0200clpr\u284e\u2852\u2863\u287dr\u803b\xaf\u40af\u0100et\u2857\u2859;\u6642\u0100;e\u285e\u285f\u6720se\xbb\u285f\u0100;s\u103b\u2868to\u0200;dlu\u103b\u2873\u2877\u287bow\xee\u048cef\xf4\u090f\xf0\u13d1ker;\u65ae\u0100oy\u2887\u288cmma;\u6a29;\u443cash;\u6014asuredangle\xbb\u1626r;\uc000\u{1d52a}o;\u6127\u0180cdn\u28af\u28b4\u28c9ro\u803b\xb5\u40b5\u0200;acd\u1464\u28bd\u28c0\u28c4s\xf4\u16a7ir;\u6af0ot\u80bb\xb7\u01b5us\u0180;bd\u28d2\u1903\u28d3\u6212\u0100;u\u1d3c\u28d8;\u6a2a\u0163\u28de\u28e1p;\u6adb\xf2\u2212\xf0\u0a81\u0100dp\u28e9\u28eeels;\u62a7f;\uc000\u{1d55e}\u0100ct\u28f8\u28fdr;\uc000\u{1d4c2}pos\xbb\u159d\u0180;lm\u2909\u290a\u290d\u43bctimap;\u62b8\u0c00GLRVabcdefghijlmoprstuvw\u2942\u2953\u297e\u2989\u2998\u29da\u29e9\u2a15\u2a1a\u2a58\u2a5d\u2a83\u2a95\u2aa4\u2aa8\u2b04\u2b07\u2b44\u2b7f\u2bae\u2c34\u2c67\u2c7c\u2ce9\u0100gt\u2947\u294b;\uc000\u22d9\u0338\u0100;v\u2950\u0bcf\uc000\u226b\u20d2\u0180elt\u295a\u2972\u2976ft\u0100ar\u2961\u2967rrow;\u61cdightarrow;\u61ce;\uc000\u22d8\u0338\u0100;v\u297b\u0c47\uc000\u226a\u20d2ightarrow;\u61cf\u0100Dd\u298e\u2993ash;\u62afash;\u62ae\u0280bcnpt\u29a3\u29a7\u29ac\u29b1\u29ccla\xbb\u02deute;\u4144g;\uc000\u2220\u20d2\u0280;Eiop\u0d84\u29bc\u29c0\u29c5\u29c8;\uc000\u2a70\u0338d;\uc000\u224b\u0338s;\u4149ro\xf8\u0d84ur\u0100;a\u29d3\u29d4\u666el\u0100;s\u29d3\u0b38\u01f3\u29df\0\u29e3p\u80bb\xa0\u0b37mp\u0100;e\u0bf9\u0c00\u0280aeouy\u29f4\u29fe\u2a03\u2a10\u2a13\u01f0\u29f9\0\u29fb;\u6a43on;\u4148dil;\u4146ng\u0100;d\u0d7e\u2a0aot;\uc000\u2a6d\u0338p;\u6a42;\u443dash;\u6013\u0380;Aadqsx\u0b92\u2a29\u2a2d\u2a3b\u2a41\u2a45\u2a50rr;\u61d7r\u0100hr\u2a33\u2a36k;\u6924\u0100;o\u13f2\u13f0ot;\uc000\u2250\u0338ui\xf6\u0b63\u0100ei\u2a4a\u2a4ear;\u6928\xed\u0b98ist\u0100;s\u0ba0\u0b9fr;\uc000\u{1d52b}\u0200Eest\u0bc5\u2a66\u2a79\u2a7c\u0180;qs\u0bbc\u2a6d\u0be1\u0180;qs\u0bbc\u0bc5\u2a74lan\xf4\u0be2i\xed\u0bea\u0100;r\u0bb6\u2a81\xbb\u0bb7\u0180Aap\u2a8a\u2a8d\u2a91r\xf2\u2971rr;\u61aear;\u6af2\u0180;sv\u0f8d\u2a9c\u0f8c\u0100;d\u2aa1\u2aa2\u62fc;\u62facy;\u445a\u0380AEadest\u2ab7\u2aba\u2abe\u2ac2\u2ac5\u2af6\u2af9r\xf2\u2966;\uc000\u2266\u0338rr;\u619ar;\u6025\u0200;fqs\u0c3b\u2ace\u2ae3\u2aeft\u0100ar\u2ad4\u2ad9rro\xf7\u2ac1ightarro\xf7\u2a90\u0180;qs\u0c3b\u2aba\u2aealan\xf4\u0c55\u0100;s\u0c55\u2af4\xbb\u0c36i\xed\u0c5d\u0100;r\u0c35\u2afei\u0100;e\u0c1a\u0c25i\xe4\u0d90\u0100pt\u2b0c\u2b11f;\uc000\u{1d55f}\u8180\xac;in\u2b19\u2b1a\u2b36\u40acn\u0200;Edv\u0b89\u2b24\u2b28\u2b2e;\uc000\u22f9\u0338ot;\uc000\u22f5\u0338\u01e1\u0b89\u2b33\u2b35;\u62f7;\u62f6i\u0100;v\u0cb8\u2b3c\u01e1\u0cb8\u2b41\u2b43;\u62fe;\u62fd\u0180aor\u2b4b\u2b63\u2b69r\u0200;ast\u0b7b\u2b55\u2b5a\u2b5flle\xec\u0b7bl;\uc000\u2afd\u20e5;\uc000\u2202\u0338lint;\u6a14\u0180;ce\u0c92\u2b70\u2b73u\xe5\u0ca5\u0100;c\u0c98\u2b78\u0100;e\u0c92\u2b7d\xf1\u0c98\u0200Aait\u2b88\u2b8b\u2b9d\u2ba7r\xf2\u2988rr\u0180;cw\u2b94\u2b95\u2b99\u619b;\uc000\u2933\u0338;\uc000\u219d\u0338ghtarrow\xbb\u2b95ri\u0100;e\u0ccb\u0cd6\u0380chimpqu\u2bbd\u2bcd\u2bd9\u2b04\u0b78\u2be4\u2bef\u0200;cer\u0d32\u2bc6\u0d37\u2bc9u\xe5\u0d45;\uc000\u{1d4c3}ort\u026d\u2b05\0\0\u2bd6ar\xe1\u2b56m\u0100;e\u0d6e\u2bdf\u0100;q\u0d74\u0d73su\u0100bp\u2beb\u2bed\xe5\u0cf8\xe5\u0d0b\u0180bcp\u2bf6\u2c11\u2c19\u0200;Ees\u2bff\u2c00\u0d22\u2c04\u6284;\uc000\u2ac5\u0338et\u0100;e\u0d1b\u2c0bq\u0100;q\u0d23\u2c00c\u0100;e\u0d32\u2c17\xf1\u0d38\u0200;Ees\u2c22\u2c23\u0d5f\u2c27\u6285;\uc000\u2ac6\u0338et\u0100;e\u0d58\u2c2eq\u0100;q\u0d60\u2c23\u0200gilr\u2c3d\u2c3f\u2c45\u2c47\xec\u0bd7lde\u803b\xf1\u40f1\xe7\u0c43iangle\u0100lr\u2c52\u2c5ceft\u0100;e\u0c1a\u2c5a\xf1\u0c26ight\u0100;e\u0ccb\u2c65\xf1\u0cd7\u0100;m\u2c6c\u2c6d\u43bd\u0180;es\u2c74\u2c75\u2c79\u4023ro;\u6116p;\u6007\u0480DHadgilrs\u2c8f\u2c94\u2c99\u2c9e\u2ca3\u2cb0\u2cb6\u2cd3\u2ce3ash;\u62adarr;\u6904p;\uc000\u224d\u20d2ash;\u62ac\u0100et\u2ca8\u2cac;\uc000\u2265\u20d2;\uc000>\u20d2nfin;\u69de\u0180Aet\u2cbd\u2cc1\u2cc5rr;\u6902;\uc000\u2264\u20d2\u0100;r\u2cca\u2ccd\uc000<\u20d2ie;\uc000\u22b4\u20d2\u0100At\u2cd8\u2cdcrr;\u6903rie;\uc000\u22b5\u20d2im;\uc000\u223c\u20d2\u0180Aan\u2cf0\u2cf4\u2d02rr;\u61d6r\u0100hr\u2cfa\u2cfdk;\u6923\u0100;o\u13e7\u13e5ear;\u6927\u1253\u1a95\0\0\0\0\0\0\0\0\0\0\0\0\0\u2d2d\0\u2d38\u2d48\u2d60\u2d65\u2d72\u2d84\u1b07\0\0\u2d8d\u2dab\0\u2dc8\u2dce\0\u2ddc\u2e19\u2e2b\u2e3e\u2e43\u0100cs\u2d31\u1a97ute\u803b\xf3\u40f3\u0100iy\u2d3c\u2d45r\u0100;c\u1a9e\u2d42\u803b\xf4\u40f4;\u443e\u0280abios\u1aa0\u2d52\u2d57\u01c8\u2d5alac;\u4151v;\u6a38old;\u69bclig;\u4153\u0100cr\u2d69\u2d6dir;\u69bf;\uc000\u{1d52c}\u036f\u2d79\0\0\u2d7c\0\u2d82n;\u42dbave\u803b\xf2\u40f2;\u69c1\u0100bm\u2d88\u0df4ar;\u69b5\u0200acit\u2d95\u2d98\u2da5\u2da8r\xf2\u1a80\u0100ir\u2d9d\u2da0r;\u69beoss;\u69bbn\xe5\u0e52;\u69c0\u0180aei\u2db1\u2db5\u2db9cr;\u414dga;\u43c9\u0180cdn\u2dc0\u2dc5\u01cdron;\u43bf;\u69b6pf;\uc000\u{1d560}\u0180ael\u2dd4\u2dd7\u01d2r;\u69b7rp;\u69b9\u0380;adiosv\u2dea\u2deb\u2dee\u2e08\u2e0d\u2e10\u2e16\u6228r\xf2\u1a86\u0200;efm\u2df7\u2df8\u2e02\u2e05\u6a5dr\u0100;o\u2dfe\u2dff\u6134f\xbb\u2dff\u803b\xaa\u40aa\u803b\xba\u40bagof;\u62b6r;\u6a56lope;\u6a57;\u6a5b\u0180clo\u2e1f\u2e21\u2e27\xf2\u2e01ash\u803b\xf8\u40f8l;\u6298i\u016c\u2e2f\u2e34de\u803b\xf5\u40f5es\u0100;a\u01db\u2e3as;\u6a36ml\u803b\xf6\u40f6bar;\u633d\u0ae1\u2e5e\0\u2e7d\0\u2e80\u2e9d\0\u2ea2\u2eb9\0\0\u2ecb\u0e9c\0\u2f13\0\0\u2f2b\u2fbc\0\u2fc8r\u0200;ast\u0403\u2e67\u2e72\u0e85\u8100\xb6;l\u2e6d\u2e6e\u40b6le\xec\u0403\u0269\u2e78\0\0\u2e7bm;\u6af3;\u6afdy;\u443fr\u0280cimpt\u2e8b\u2e8f\u2e93\u1865\u2e97nt;\u4025od;\u402eil;\u6030enk;\u6031r;\uc000\u{1d52d}\u0180imo\u2ea8\u2eb0\u2eb4\u0100;v\u2ead\u2eae\u43c6;\u43d5ma\xf4\u0a76ne;\u660e\u0180;tv\u2ebf\u2ec0\u2ec8\u43c0chfork\xbb\u1ffd;\u43d6\u0100au\u2ecf\u2edfn\u0100ck\u2ed5\u2eddk\u0100;h\u21f4\u2edb;\u610e\xf6\u21f4s\u0480;abcdemst\u2ef3\u2ef4\u1908\u2ef9\u2efd\u2f04\u2f06\u2f0a\u2f0e\u402bcir;\u6a23ir;\u6a22\u0100ou\u1d40\u2f02;\u6a25;\u6a72n\u80bb\xb1\u0e9dim;\u6a26wo;\u6a27\u0180ipu\u2f19\u2f20\u2f25ntint;\u6a15f;\uc000\u{1d561}nd\u803b\xa3\u40a3\u0500;Eaceinosu\u0ec8\u2f3f\u2f41\u2f44\u2f47\u2f81\u2f89\u2f92\u2f7e\u2fb6;\u6ab3p;\u6ab7u\xe5\u0ed9\u0100;c\u0ece\u2f4c\u0300;acens\u0ec8\u2f59\u2f5f\u2f66\u2f68\u2f7eppro\xf8\u2f43urlye\xf1\u0ed9\xf1\u0ece\u0180aes\u2f6f\u2f76\u2f7approx;\u6ab9qq;\u6ab5im;\u62e8i\xed\u0edfme\u0100;s\u2f88\u0eae\u6032\u0180Eas\u2f78\u2f90\u2f7a\xf0\u2f75\u0180dfp\u0eec\u2f99\u2faf\u0180als\u2fa0\u2fa5\u2faalar;\u632eine;\u6312urf;\u6313\u0100;t\u0efb\u2fb4\xef\u0efbrel;\u62b0\u0100ci\u2fc0\u2fc5r;\uc000\u{1d4c5};\u43c8ncsp;\u6008\u0300fiopsu\u2fda\u22e2\u2fdf\u2fe5\u2feb\u2ff1r;\uc000\u{1d52e}pf;\uc000\u{1d562}rime;\u6057cr;\uc000\u{1d4c6}\u0180aeo\u2ff8\u3009\u3013t\u0100ei\u2ffe\u3005rnion\xf3\u06b0nt;\u6a16st\u0100;e\u3010\u3011\u403f\xf1\u1f19\xf4\u0f14\u0a80ABHabcdefhilmnoprstux\u3040\u3051\u3055\u3059\u30e0\u310e\u312b\u3147\u3162\u3172\u318e\u3206\u3215\u3224\u3229\u3258\u326e\u3272\u3290\u32b0\u32b7\u0180art\u3047\u304a\u304cr\xf2\u10b3\xf2\u03ddail;\u691car\xf2\u1c65ar;\u6964\u0380cdenqrt\u3068\u3075\u3078\u307f\u308f\u3094\u30cc\u0100eu\u306d\u3071;\uc000\u223d\u0331te;\u4155i\xe3\u116emptyv;\u69b3g\u0200;del\u0fd1\u3089\u308b\u308d;\u6992;\u69a5\xe5\u0fd1uo\u803b\xbb\u40bbr\u0580;abcfhlpstw\u0fdc\u30ac\u30af\u30b7\u30b9\u30bc\u30be\u30c0\u30c3\u30c7\u30cap;\u6975\u0100;f\u0fe0\u30b4s;\u6920;\u6933s;\u691e\xeb\u225d\xf0\u272el;\u6945im;\u6974l;\u61a3;\u619d\u0100ai\u30d1\u30d5il;\u691ao\u0100;n\u30db\u30dc\u6236al\xf3\u0f1e\u0180abr\u30e7\u30ea\u30eer\xf2\u17e5rk;\u6773\u0100ak\u30f3\u30fdc\u0100ek\u30f9\u30fb;\u407d;\u405d\u0100es\u3102\u3104;\u698cl\u0100du\u310a\u310c;\u698e;\u6990\u0200aeuy\u3117\u311c\u3127\u3129ron;\u4159\u0100di\u3121\u3125il;\u4157\xec\u0ff2\xe2\u30fa;\u4440\u0200clqs\u3134\u3137\u313d\u3144a;\u6937dhar;\u6969uo\u0100;r\u020e\u020dh;\u61b3\u0180acg\u314e\u315f\u0f44l\u0200;ips\u0f78\u3158\u315b\u109cn\xe5\u10bbar\xf4\u0fa9t;\u65ad\u0180ilr\u3169\u1023\u316esht;\u697d;\uc000\u{1d52f}\u0100ao\u3177\u3186r\u0100du\u317d\u317f\xbb\u047b\u0100;l\u1091\u3184;\u696c\u0100;v\u318b\u318c\u43c1;\u43f1\u0180gns\u3195\u31f9\u31fcht\u0300ahlrst\u31a4\u31b0\u31c2\u31d8\u31e4\u31eerrow\u0100;t\u0fdc\u31ada\xe9\u30c8arpoon\u0100du\u31bb\u31bfow\xee\u317ep\xbb\u1092eft\u0100ah\u31ca\u31d0rrow\xf3\u0feaarpoon\xf3\u0551ightarrows;\u61c9quigarro\xf7\u30cbhreetimes;\u62ccg;\u42daingdotse\xf1\u1f32\u0180ahm\u320d\u3210\u3213r\xf2\u0feaa\xf2\u0551;\u600foust\u0100;a\u321e\u321f\u63b1che\xbb\u321fmid;\u6aee\u0200abpt\u3232\u323d\u3240\u3252\u0100nr\u3237\u323ag;\u67edr;\u61fer\xeb\u1003\u0180afl\u3247\u324a\u324er;\u6986;\uc000\u{1d563}us;\u6a2eimes;\u6a35\u0100ap\u325d\u3267r\u0100;g\u3263\u3264\u4029t;\u6994olint;\u6a12ar\xf2\u31e3\u0200achq\u327b\u3280\u10bc\u3285quo;\u603ar;\uc000\u{1d4c7}\u0100bu\u30fb\u328ao\u0100;r\u0214\u0213\u0180hir\u3297\u329b\u32a0re\xe5\u31f8mes;\u62cai\u0200;efl\u32aa\u1059\u1821\u32ab\u65b9tri;\u69celuhar;\u6968;\u611e\u0d61\u32d5\u32db\u32df\u332c\u3338\u3371\0\u337a\u33a4\0\0\u33ec\u33f0\0\u3428\u3448\u345a\u34ad\u34b1\u34ca\u34f1\0\u3616\0\0\u3633cute;\u415bqu\xef\u27ba\u0500;Eaceinpsy\u11ed\u32f3\u32f5\u32ff\u3302\u330b\u330f\u331f\u3326\u3329;\u6ab4\u01f0\u32fa\0\u32fc;\u6ab8on;\u4161u\xe5\u11fe\u0100;d\u11f3\u3307il;\u415frc;\u415d\u0180Eas\u3316\u3318\u331b;\u6ab6p;\u6abaim;\u62e9olint;\u6a13i\xed\u1204;\u4441ot\u0180;be\u3334\u1d47\u3335\u62c5;\u6a66\u0380Aacmstx\u3346\u334a\u3357\u335b\u335e\u3363\u336drr;\u61d8r\u0100hr\u3350\u3352\xeb\u2228\u0100;o\u0a36\u0a34t\u803b\xa7\u40a7i;\u403bwar;\u6929m\u0100in\u3369\xf0nu\xf3\xf1t;\u6736r\u0100;o\u3376\u2055\uc000\u{1d530}\u0200acoy\u3382\u3386\u3391\u33a0rp;\u666f\u0100hy\u338b\u338fcy;\u4449;\u4448rt\u026d\u3399\0\0\u339ci\xe4\u1464ara\xec\u2e6f\u803b\xad\u40ad\u0100gm\u33a8\u33b4ma\u0180;fv\u33b1\u33b2\u33b2\u43c3;\u43c2\u0400;deglnpr\u12ab\u33c5\u33c9\u33ce\u33d6\u33de\u33e1\u33e6ot;\u6a6a\u0100;q\u12b1\u12b0\u0100;E\u33d3\u33d4\u6a9e;\u6aa0\u0100;E\u33db\u33dc\u6a9d;\u6a9fe;\u6246lus;\u6a24arr;\u6972ar\xf2\u113d\u0200aeit\u33f8\u3408\u340f\u3417\u0100ls\u33fd\u3404lsetm\xe9\u336ahp;\u6a33parsl;\u69e4\u0100dl\u1463\u3414e;\u6323\u0100;e\u341c\u341d\u6aaa\u0100;s\u3422\u3423\u6aac;\uc000\u2aac\ufe00\u0180flp\u342e\u3433\u3442tcy;\u444c\u0100;b\u3438\u3439\u402f\u0100;a\u343e\u343f\u69c4r;\u633ff;\uc000\u{1d564}a\u0100dr\u344d\u0402es\u0100;u\u3454\u3455\u6660it\xbb\u3455\u0180csu\u3460\u3479\u349f\u0100au\u3465\u346fp\u0100;s\u1188\u346b;\uc000\u2293\ufe00p\u0100;s\u11b4\u3475;\uc000\u2294\ufe00u\u0100bp\u347f\u348f\u0180;es\u1197\u119c\u3486et\u0100;e\u1197\u348d\xf1\u119d\u0180;es\u11a8\u11ad\u3496et\u0100;e\u11a8\u349d\xf1\u11ae\u0180;af\u117b\u34a6\u05b0r\u0165\u34ab\u05b1\xbb\u117car\xf2\u1148\u0200cemt\u34b9\u34be\u34c2\u34c5r;\uc000\u{1d4c8}tm\xee\xf1i\xec\u3415ar\xe6\u11be\u0100ar\u34ce\u34d5r\u0100;f\u34d4\u17bf\u6606\u0100an\u34da\u34edight\u0100ep\u34e3\u34eapsilo\xee\u1ee0h\xe9\u2eafs\xbb\u2852\u0280bcmnp\u34fb\u355e\u1209\u358b\u358e\u0480;Edemnprs\u350e\u350f\u3511\u3515\u351e\u3523\u352c\u3531\u3536\u6282;\u6ac5ot;\u6abd\u0100;d\u11da\u351aot;\u6ac3ult;\u6ac1\u0100Ee\u3528\u352a;\u6acb;\u628alus;\u6abfarr;\u6979\u0180eiu\u353d\u3552\u3555t\u0180;en\u350e\u3545\u354bq\u0100;q\u11da\u350feq\u0100;q\u352b\u3528m;\u6ac7\u0100bp\u355a\u355c;\u6ad5;\u6ad3c\u0300;acens\u11ed\u356c\u3572\u3579\u357b\u3326ppro\xf8\u32faurlye\xf1\u11fe\xf1\u11f3\u0180aes\u3582\u3588\u331bppro\xf8\u331aq\xf1\u3317g;\u666a\u0680123;Edehlmnps\u35a9\u35ac\u35af\u121c\u35b2\u35b4\u35c0\u35c9\u35d5\u35da\u35df\u35e8\u35ed\u803b\xb9\u40b9\u803b\xb2\u40b2\u803b\xb3\u40b3;\u6ac6\u0100os\u35b9\u35bct;\u6abeub;\u6ad8\u0100;d\u1222\u35c5ot;\u6ac4s\u0100ou\u35cf\u35d2l;\u67c9b;\u6ad7arr;\u697bult;\u6ac2\u0100Ee\u35e4\u35e6;\u6acc;\u628blus;\u6ac0\u0180eiu\u35f4\u3609\u360ct\u0180;en\u121c\u35fc\u3602q\u0100;q\u1222\u35b2eq\u0100;q\u35e7\u35e4m;\u6ac8\u0100bp\u3611\u3613;\u6ad4;\u6ad6\u0180Aan\u361c\u3620\u362drr;\u61d9r\u0100hr\u3626\u3628\xeb\u222e\u0100;o\u0a2b\u0a29war;\u692alig\u803b\xdf\u40df\u0be1\u3651\u365d\u3660\u12ce\u3673\u3679\0\u367e\u36c2\0\0\0\0\0\u36db\u3703\0\u3709\u376c\0\0\0\u3787\u0272\u3656\0\0\u365bget;\u6316;\u43c4r\xeb\u0e5f\u0180aey\u3666\u366b\u3670ron;\u4165dil;\u4163;\u4442lrec;\u6315r;\uc000\u{1d531}\u0200eiko\u3686\u369d\u36b5\u36bc\u01f2\u368b\0\u3691e\u01004f\u1284\u1281a\u0180;sv\u3698\u3699\u369b\u43b8ym;\u43d1\u0100cn\u36a2\u36b2k\u0100as\u36a8\u36aeppro\xf8\u12c1im\xbb\u12acs\xf0\u129e\u0100as\u36ba\u36ae\xf0\u12c1rn\u803b\xfe\u40fe\u01ec\u031f\u36c6\u22e7es\u8180\xd7;bd\u36cf\u36d0\u36d8\u40d7\u0100;a\u190f\u36d5r;\u6a31;\u6a30\u0180eps\u36e1\u36e3\u3700\xe1\u2a4d\u0200;bcf\u0486\u36ec\u36f0\u36f4ot;\u6336ir;\u6af1\u0100;o\u36f9\u36fc\uc000\u{1d565}rk;\u6ada\xe1\u3362rime;\u6034\u0180aip\u370f\u3712\u3764d\xe5\u1248\u0380adempst\u3721\u374d\u3740\u3751\u3757\u375c\u375fngle\u0280;dlqr\u3730\u3731\u3736\u3740\u3742\u65b5own\xbb\u1dbbeft\u0100;e\u2800\u373e\xf1\u092e;\u625cight\u0100;e\u32aa\u374b\xf1\u105aot;\u65ecinus;\u6a3alus;\u6a39b;\u69cdime;\u6a3bezium;\u63e2\u0180cht\u3772\u377d\u3781\u0100ry\u3777\u377b;\uc000\u{1d4c9};\u4446cy;\u445brok;\u4167\u0100io\u378b\u378ex\xf4\u1777head\u0100lr\u3797\u37a0eftarro\xf7\u084fightarrow\xbb\u0f5d\u0900AHabcdfghlmoprstuw\u37d0\u37d3\u37d7\u37e4\u37f0\u37fc\u380e\u381c\u3823\u3834\u3851\u385d\u386b\u38a9\u38cc\u38d2\u38ea\u38f6r\xf2\u03edar;\u6963\u0100cr\u37dc\u37e2ute\u803b\xfa\u40fa\xf2\u1150r\u01e3\u37ea\0\u37edy;\u445eve;\u416d\u0100iy\u37f5\u37farc\u803b\xfb\u40fb;\u4443\u0180abh\u3803\u3806\u380br\xf2\u13adlac;\u4171a\xf2\u13c3\u0100ir\u3813\u3818sht;\u697e;\uc000\u{1d532}rave\u803b\xf9\u40f9\u0161\u3827\u3831r\u0100lr\u382c\u382e\xbb\u0957\xbb\u1083lk;\u6580\u0100ct\u3839\u384d\u026f\u383f\0\0\u384arn\u0100;e\u3845\u3846\u631cr\xbb\u3846op;\u630fri;\u65f8\u0100al\u3856\u385acr;\u416b\u80bb\xa8\u0349\u0100gp\u3862\u3866on;\u4173f;\uc000\u{1d566}\u0300adhlsu\u114b\u3878\u387d\u1372\u3891\u38a0own\xe1\u13b3arpoon\u0100lr\u3888\u388cef\xf4\u382digh\xf4\u382fi\u0180;hl\u3899\u389a\u389c\u43c5\xbb\u13faon\xbb\u389aparrows;\u61c8\u0180cit\u38b0\u38c4\u38c8\u026f\u38b6\0\0\u38c1rn\u0100;e\u38bc\u38bd\u631dr\xbb\u38bdop;\u630eng;\u416fri;\u65f9cr;\uc000\u{1d4ca}\u0180dir\u38d9\u38dd\u38e2ot;\u62f0lde;\u4169i\u0100;f\u3730\u38e8\xbb\u1813\u0100am\u38ef\u38f2r\xf2\u38a8l\u803b\xfc\u40fcangle;\u69a7\u0780ABDacdeflnoprsz\u391c\u391f\u3929\u392d\u39b5\u39b8\u39bd\u39df\u39e4\u39e8\u39f3\u39f9\u39fd\u3a01\u3a20r\xf2\u03f7ar\u0100;v\u3926\u3927\u6ae8;\u6ae9as\xe8\u03e1\u0100nr\u3932\u3937grt;\u699c\u0380eknprst\u34e3\u3946\u394b\u3952\u395d\u3964\u3996app\xe1\u2415othin\xe7\u1e96\u0180hir\u34eb\u2ec8\u3959op\xf4\u2fb5\u0100;h\u13b7\u3962\xef\u318d\u0100iu\u3969\u396dgm\xe1\u33b3\u0100bp\u3972\u3984setneq\u0100;q\u397d\u3980\uc000\u228a\ufe00;\uc000\u2acb\ufe00setneq\u0100;q\u398f\u3992\uc000\u228b\ufe00;\uc000\u2acc\ufe00\u0100hr\u399b\u399fet\xe1\u369ciangle\u0100lr\u39aa\u39afeft\xbb\u0925ight\xbb\u1051y;\u4432ash\xbb\u1036\u0180elr\u39c4\u39d2\u39d7\u0180;be\u2dea\u39cb\u39cfar;\u62bbq;\u625alip;\u62ee\u0100bt\u39dc\u1468a\xf2\u1469r;\uc000\u{1d533}tr\xe9\u39aesu\u0100bp\u39ef\u39f1\xbb\u0d1c\xbb\u0d59pf;\uc000\u{1d567}ro\xf0\u0efbtr\xe9\u39b4\u0100cu\u3a06\u3a0br;\uc000\u{1d4cb}\u0100bp\u3a10\u3a18n\u0100Ee\u3980\u3a16\xbb\u397en\u0100Ee\u3992\u3a1e\xbb\u3990igzag;\u699a\u0380cefoprs\u3a36\u3a3b\u3a56\u3a5b\u3a54\u3a61\u3a6airc;\u4175\u0100di\u3a40\u3a51\u0100bg\u3a45\u3a49ar;\u6a5fe\u0100;q\u15fa\u3a4f;\u6259erp;\u6118r;\uc000\u{1d534}pf;\uc000\u{1d568}\u0100;e\u1479\u3a66at\xe8\u1479cr;\uc000\u{1d4cc}\u0ae3\u178e\u3a87\0\u3a8b\0\u3a90\u3a9b\0\0\u3a9d\u3aa8\u3aab\u3aaf\0\0\u3ac3\u3ace\0\u3ad8\u17dc\u17dftr\xe9\u17d1r;\uc000\u{1d535}\u0100Aa\u3a94\u3a97r\xf2\u03c3r\xf2\u09f6;\u43be\u0100Aa\u3aa1\u3aa4r\xf2\u03b8r\xf2\u09eba\xf0\u2713is;\u62fb\u0180dpt\u17a4\u3ab5\u3abe\u0100fl\u3aba\u17a9;\uc000\u{1d569}im\xe5\u17b2\u0100Aa\u3ac7\u3acar\xf2\u03cer\xf2\u0a01\u0100cq\u3ad2\u17b8r;\uc000\u{1d4cd}\u0100pt\u17d6\u3adcr\xe9\u17d4\u0400acefiosu\u3af0\u3afd\u3b08\u3b0c\u3b11\u3b15\u3b1b\u3b21c\u0100uy\u3af6\u3afbte\u803b\xfd\u40fd;\u444f\u0100iy\u3b02\u3b06rc;\u4177;\u444bn\u803b\xa5\u40a5r;\uc000\u{1d536}cy;\u4457pf;\uc000\u{1d56a}cr;\uc000\u{1d4ce}\u0100cm\u3b26\u3b29y;\u444el\u803b\xff\u40ff\u0500acdefhiosw\u3b42\u3b48\u3b54\u3b58\u3b64\u3b69\u3b6d\u3b74\u3b7a\u3b80cute;\u417a\u0100ay\u3b4d\u3b52ron;\u417e;\u4437ot;\u417c\u0100et\u3b5d\u3b61tr\xe6\u155fa;\u43b6r;\uc000\u{1d537}cy;\u4436grarr;\u61ddpf;\uc000\u{1d56b}cr;\uc000\u{1d4cf}\u0100jn\u3b85\u3b87;\u600dj;\u600c'.split("").map(s=>s.charCodeAt(0))),k=new Uint16Array("\u0200aglq\t\x15\x18\x1b\u026d\x0f\0\0\x12p;\u4026os;\u4027t;\u403et;\u403cuot;\u4022".split("").map(s=>s.charCodeAt(0)));var J;const ie=new Map([[0,65533],[128,8364],[130,8218],[131,402],[132,8222],[133,8230],[134,8224],[135,8225],[136,710],[137,8240],[138,352],[139,8249],[140,338],[142,381],[145,8216],[146,8217],[147,8220],[148,8221],[149,8226],[150,8211],[151,8212],[152,732],[153,8482],[154,353],[155,8250],[156,339],[158,382],[159,376]]),de=null!==(J=String.fromCodePoint)&&void 0!==J?J:function(s){let h="";return s>65535&&(s-=65536,h+=String.fromCharCode(s>>>10&1023|55296),s=56320|1023&s),h+=String.fromCharCode(s),h};var Pe=function(s){return s[s.NUM=35]="NUM",s[s.SEMI=59]="SEMI",s[s.EQUALS=61]="EQUALS",s[s.ZERO=48]="ZERO",s[s.NINE=57]="NINE",s[s.LOWER_A=97]="LOWER_A",s[s.LOWER_F=102]="LOWER_F",s[s.LOWER_X=120]="LOWER_X",s[s.LOWER_Z=122]="LOWER_Z",s[s.UPPER_A=65]="UPPER_A",s[s.UPPER_F=70]="UPPER_F",s[s.UPPER_Z=90]="UPPER_Z",s}(Pe||{}),Re=function(s){return s[s.VALUE_LENGTH=49152]="VALUE_LENGTH",s[s.BRANCH_LENGTH=16256]="BRANCH_LENGTH",s[s.JUMP_TABLE=127]="JUMP_TABLE",s}(Re||{});function Ke(s){return s>=Pe.ZERO&&s<=Pe.NINE}var Gt=function(s){return s[s.EntityStart=0]="EntityStart",s[s.NumericStart=1]="NumericStart",s[s.NumericDecimal=2]="NumericDecimal",s[s.NumericHex=3]="NumericHex",s[s.NamedEntity=4]="NamedEntity",s}(Gt||{}),an=function(s){return s[s.Legacy=0]="Legacy",s[s.Strict=1]="Strict",s[s.Attribute=2]="Attribute",s}(an||{});class Ln{constructor(h,M,B){this.decodeTree=h,this.emitCodePoint=M,this.errors=B,this.state=Gt.EntityStart,this.consumed=1,this.result=0,this.treeIndex=0,this.excess=1,this.decodeMode=an.Strict}startEntity(h){this.decodeMode=h,this.state=Gt.EntityStart,this.result=0,this.treeIndex=0,this.excess=1,this.consumed=1}write(h,M){switch(this.state){case Gt.EntityStart:return h.charCodeAt(M)===Pe.NUM?(this.state=Gt.NumericStart,this.consumed+=1,this.stateNumericStart(h,M+1)):(this.state=Gt.NamedEntity,this.stateNamedEntity(h,M));case Gt.NumericStart:return this.stateNumericStart(h,M);case Gt.NumericDecimal:return this.stateNumericDecimal(h,M);case Gt.NumericHex:return this.stateNumericHex(h,M);case Gt.NamedEntity:return this.stateNamedEntity(h,M)}}stateNumericStart(h,M){return M>=h.length?-1:(32|h.charCodeAt(M))===Pe.LOWER_X?(this.state=Gt.NumericHex,this.consumed+=1,this.stateNumericHex(h,M+1)):(this.state=Gt.NumericDecimal,this.stateNumericDecimal(h,M))}addToNumericResult(h,M,B,V){if(M!==B){const z=B-M;this.result=this.result*Math.pow(V,z)+parseInt(h.substr(M,z),V),this.consumed+=z}}stateNumericHex(h,M){const B=M;for(;M<h.length;){const V=h.charCodeAt(M);if(!(Ke(V)||(s=V,s>=Pe.UPPER_A&&s<=Pe.UPPER_F||s>=Pe.LOWER_A&&s<=Pe.LOWER_F)))return this.addToNumericResult(h,B,M,16),this.emitNumericEntity(V,3);M+=1}var s;return this.addToNumericResult(h,B,M,16),-1}stateNumericDecimal(h,M){const B=M;for(;M<h.length;){const V=h.charCodeAt(M);if(!Ke(V))return this.addToNumericResult(h,B,M,10),this.emitNumericEntity(V,2);M+=1}return this.addToNumericResult(h,B,M,10),-1}emitNumericEntity(h,M){var B;if(this.consumed<=M)return null===(B=this.errors)||void 0===B||B.absenceOfDigitsInNumericCharacterReference(this.consumed),0;if(h===Pe.SEMI)this.consumed+=1;else if(this.decodeMode===an.Strict)return 0;return this.emitCodePoint(function ee(s){var h;return s>=55296&&s<=57343||s>1114111?65533:null!==(h=ie.get(s))&&void 0!==h?h:s}(this.result),this.consumed),this.errors&&(h!==Pe.SEMI&&this.errors.missingSemicolonAfterCharacterReference(),this.errors.validateNumericCharacterReference(this.result)),this.consumed}stateNamedEntity(h,M){const{decodeTree:B}=this;let V=B[this.treeIndex],z=(V&Re.VALUE_LENGTH)>>14;for(;M<h.length;M++,this.excess++){const De=h.charCodeAt(M);if(this.treeIndex=it(B,V,this.treeIndex+Math.max(1,z),De),this.treeIndex<0)return 0===this.result||this.decodeMode===an.Attribute&&(0===z||((s=De)===Pe.EQUALS||function Pt(s){return s>=Pe.UPPER_A&&s<=Pe.UPPER_Z||s>=Pe.LOWER_A&&s<=Pe.LOWER_Z||Ke(s)}(s)))?0:this.emitNotTerminatedNamedEntity();if(V=B[this.treeIndex],z=(V&Re.VALUE_LENGTH)>>14,0!==z){if(De===Pe.SEMI)return this.emitNamedEntityData(this.treeIndex,z,this.consumed+this.excess);this.decodeMode!==an.Strict&&(this.result=this.treeIndex,this.consumed+=this.excess,this.excess=0)}}var s;return-1}emitNotTerminatedNamedEntity(){var h;const{result:M,decodeTree:B}=this;return this.emitNamedEntityData(M,(B[M]&Re.VALUE_LENGTH)>>14,this.consumed),null===(h=this.errors)||void 0===h||h.missingSemicolonAfterCharacterReference(),this.consumed}emitNamedEntityData(h,M,B){const{decodeTree:V}=this;return this.emitCodePoint(1===M?V[h]&~Re.VALUE_LENGTH:V[h+1],B),3===M&&this.emitCodePoint(V[h+2],B),B}end(){var h;switch(this.state){case Gt.NamedEntity:return 0===this.result||this.decodeMode===an.Attribute&&this.result!==this.treeIndex?0:this.emitNotTerminatedNamedEntity();case Gt.NumericDecimal:return this.emitNumericEntity(0,2);case Gt.NumericHex:return this.emitNumericEntity(0,3);case Gt.NumericStart:return null===(h=this.errors)||void 0===h||h.absenceOfDigitsInNumericCharacterReference(this.consumed),0;case Gt.EntityStart:return 0}}}function tn(s){let h="";const M=new Ln(s,B=>h+=de(B));return function(V,z){let De=0,be=0;for(;(be=V.indexOf("&",be))>=0;){h+=V.slice(De,be),M.startEntity(z);const ut=M.write(V,be+1);if(ut<0){De=be+M.end();break}De=be+ut,be=0===ut?De+1:De}const Ve=h+V.slice(De);return h="",Ve}}function it(s,h,M,B){const V=(h&Re.BRANCH_LENGTH)>>7,z=h&Re.JUMP_TABLE;if(0===V)return 0!==z&&B===z?M:-1;if(z){const Ve=B-z;return Ve<0||Ve>=V?-1:s[M+Ve]-1}let De=M,be=De+V-1;for(;De<=be;){const Ve=De+be>>>1,ut=s[Ve];if(ut<B)De=Ve+1;else{if(!(ut>B))return s[Ve+V];be=Ve-1}}return-1}const Ye=tn(ce);function ae(s,h=an.Legacy){return Ye(s,h)}function Bt(s){for(let h=1;h<s.length;h++)s[h][0]+=s[h-1][0]+1;return s}tn(k),new Map(Bt([[9,"&Tab;"],[0,"&NewLine;"],[22,"&excl;"],[0,"&quot;"],[0,"&num;"],[0,"&dollar;"],[0,"&percnt;"],[0,"&amp;"],[0,"&apos;"],[0,"&lpar;"],[0,"&rpar;"],[0,"&ast;"],[0,"&plus;"],[0,"&comma;"],[1,"&period;"],[0,"&sol;"],[10,"&colon;"],[0,"&semi;"],[0,{v:"&lt;",n:8402,o:"&nvlt;"}],[0,{v:"&equals;",n:8421,o:"&bne;"}],[0,{v:"&gt;",n:8402,o:"&nvgt;"}],[0,"&quest;"],[0,"&commat;"],[26,"&lbrack;"],[0,"&bsol;"],[0,"&rbrack;"],[0,"&Hat;"],[0,"&lowbar;"],[0,"&DiacriticalGrave;"],[5,{n:106,o:"&fjlig;"}],[20,"&lbrace;"],[0,"&verbar;"],[0,"&rbrace;"],[34,"&nbsp;"],[0,"&iexcl;"],[0,"&cent;"],[0,"&pound;"],[0,"&curren;"],[0,"&yen;"],[0,"&brvbar;"],[0,"&sect;"],[0,"&die;"],[0,"&copy;"],[0,"&ordf;"],[0,"&laquo;"],[0,"&not;"],[0,"&shy;"],[0,"&circledR;"],[0,"&macr;"],[0,"&deg;"],[0,"&PlusMinus;"],[0,"&sup2;"],[0,"&sup3;"],[0,"&acute;"],[0,"&micro;"],[0,"&para;"],[0,"&centerdot;"],[0,"&cedil;"],[0,"&sup1;"],[0,"&ordm;"],[0,"&raquo;"],[0,"&frac14;"],[0,"&frac12;"],[0,"&frac34;"],[0,"&iquest;"],[0,"&Agrave;"],[0,"&Aacute;"],[0,"&Acirc;"],[0,"&Atilde;"],[0,"&Auml;"],[0,"&angst;"],[0,"&AElig;"],[0,"&Ccedil;"],[0,"&Egrave;"],[0,"&Eacute;"],[0,"&Ecirc;"],[0,"&Euml;"],[0,"&Igrave;"],[0,"&Iacute;"],[0,"&Icirc;"],[0,"&Iuml;"],[0,"&ETH;"],[0,"&Ntilde;"],[0,"&Ograve;"],[0,"&Oacute;"],[0,"&Ocirc;"],[0,"&Otilde;"],[0,"&Ouml;"],[0,"&times;"],[0,"&Oslash;"],[0,"&Ugrave;"],[0,"&Uacute;"],[0,"&Ucirc;"],[0,"&Uuml;"],[0,"&Yacute;"],[0,"&THORN;"],[0,"&szlig;"],[0,"&agrave;"],[0,"&aacute;"],[0,"&acirc;"],[0,"&atilde;"],[0,"&auml;"],[0,"&aring;"],[0,"&aelig;"],[0,"&ccedil;"],[0,"&egrave;"],[0,"&eacute;"],[0,"&ecirc;"],[0,"&euml;"],[0,"&igrave;"],[0,"&iacute;"],[0,"&icirc;"],[0,"&iuml;"],[0,"&eth;"],[0,"&ntilde;"],[0,"&ograve;"],[0,"&oacute;"],[0,"&ocirc;"],[0,"&otilde;"],[0,"&ouml;"],[0,"&div;"],[0,"&oslash;"],[0,"&ugrave;"],[0,"&uacute;"],[0,"&ucirc;"],[0,"&uuml;"],[0,"&yacute;"],[0,"&thorn;"],[0,"&yuml;"],[0,"&Amacr;"],[0,"&amacr;"],[0,"&Abreve;"],[0,"&abreve;"],[0,"&Aogon;"],[0,"&aogon;"],[0,"&Cacute;"],[0,"&cacute;"],[0,"&Ccirc;"],[0,"&ccirc;"],[0,"&Cdot;"],[0,"&cdot;"],[0,"&Ccaron;"],[0,"&ccaron;"],[0,"&Dcaron;"],[0,"&dcaron;"],[0,"&Dstrok;"],[0,"&dstrok;"],[0,"&Emacr;"],[0,"&emacr;"],[2,"&Edot;"],[0,"&edot;"],[0,"&Eogon;"],[0,"&eogon;"],[0,"&Ecaron;"],[0,"&ecaron;"],[0,"&Gcirc;"],[0,"&gcirc;"],[0,"&Gbreve;"],[0,"&gbreve;"],[0,"&Gdot;"],[0,"&gdot;"],[0,"&Gcedil;"],[1,"&Hcirc;"],[0,"&hcirc;"],[0,"&Hstrok;"],[0,"&hstrok;"],[0,"&Itilde;"],[0,"&itilde;"],[0,"&Imacr;"],[0,"&imacr;"],[2,"&Iogon;"],[0,"&iogon;"],[0,"&Idot;"],[0,"&imath;"],[0,"&IJlig;"],[0,"&ijlig;"],[0,"&Jcirc;"],[0,"&jcirc;"],[0,"&Kcedil;"],[0,"&kcedil;"],[0,"&kgreen;"],[0,"&Lacute;"],[0,"&lacute;"],[0,"&Lcedil;"],[0,"&lcedil;"],[0,"&Lcaron;"],[0,"&lcaron;"],[0,"&Lmidot;"],[0,"&lmidot;"],[0,"&Lstrok;"],[0,"&lstrok;"],[0,"&Nacute;"],[0,"&nacute;"],[0,"&Ncedil;"],[0,"&ncedil;"],[0,"&Ncaron;"],[0,"&ncaron;"],[0,"&napos;"],[0,"&ENG;"],[0,"&eng;"],[0,"&Omacr;"],[0,"&omacr;"],[2,"&Odblac;"],[0,"&odblac;"],[0,"&OElig;"],[0,"&oelig;"],[0,"&Racute;"],[0,"&racute;"],[0,"&Rcedil;"],[0,"&rcedil;"],[0,"&Rcaron;"],[0,"&rcaron;"],[0,"&Sacute;"],[0,"&sacute;"],[0,"&Scirc;"],[0,"&scirc;"],[0,"&Scedil;"],[0,"&scedil;"],[0,"&Scaron;"],[0,"&scaron;"],[0,"&Tcedil;"],[0,"&tcedil;"],[0,"&Tcaron;"],[0,"&tcaron;"],[0,"&Tstrok;"],[0,"&tstrok;"],[0,"&Utilde;"],[0,"&utilde;"],[0,"&Umacr;"],[0,"&umacr;"],[0,"&Ubreve;"],[0,"&ubreve;"],[0,"&Uring;"],[0,"&uring;"],[0,"&Udblac;"],[0,"&udblac;"],[0,"&Uogon;"],[0,"&uogon;"],[0,"&Wcirc;"],[0,"&wcirc;"],[0,"&Ycirc;"],[0,"&ycirc;"],[0,"&Yuml;"],[0,"&Zacute;"],[0,"&zacute;"],[0,"&Zdot;"],[0,"&zdot;"],[0,"&Zcaron;"],[0,"&zcaron;"],[19,"&fnof;"],[34,"&imped;"],[63,"&gacute;"],[65,"&jmath;"],[142,"&circ;"],[0,"&caron;"],[16,"&breve;"],[0,"&DiacriticalDot;"],[0,"&ring;"],[0,"&ogon;"],[0,"&DiacriticalTilde;"],[0,"&dblac;"],[51,"&DownBreve;"],[127,"&Alpha;"],[0,"&Beta;"],[0,"&Gamma;"],[0,"&Delta;"],[0,"&Epsilon;"],[0,"&Zeta;"],[0,"&Eta;"],[0,"&Theta;"],[0,"&Iota;"],[0,"&Kappa;"],[0,"&Lambda;"],[0,"&Mu;"],[0,"&Nu;"],[0,"&Xi;"],[0,"&Omicron;"],[0,"&Pi;"],[0,"&Rho;"],[1,"&Sigma;"],[0,"&Tau;"],[0,"&Upsilon;"],[0,"&Phi;"],[0,"&Chi;"],[0,"&Psi;"],[0,"&ohm;"],[7,"&alpha;"],[0,"&beta;"],[0,"&gamma;"],[0,"&delta;"],[0,"&epsi;"],[0,"&zeta;"],[0,"&eta;"],[0,"&theta;"],[0,"&iota;"],[0,"&kappa;"],[0,"&lambda;"],[0,"&mu;"],[0,"&nu;"],[0,"&xi;"],[0,"&omicron;"],[0,"&pi;"],[0,"&rho;"],[0,"&sigmaf;"],[0,"&sigma;"],[0,"&tau;"],[0,"&upsi;"],[0,"&phi;"],[0,"&chi;"],[0,"&psi;"],[0,"&omega;"],[7,"&thetasym;"],[0,"&Upsi;"],[2,"&phiv;"],[0,"&piv;"],[5,"&Gammad;"],[0,"&digamma;"],[18,"&kappav;"],[0,"&rhov;"],[3,"&epsiv;"],[0,"&backepsilon;"],[10,"&IOcy;"],[0,"&DJcy;"],[0,"&GJcy;"],[0,"&Jukcy;"],[0,"&DScy;"],[0,"&Iukcy;"],[0,"&YIcy;"],[0,"&Jsercy;"],[0,"&LJcy;"],[0,"&NJcy;"],[0,"&TSHcy;"],[0,"&KJcy;"],[1,"&Ubrcy;"],[0,"&DZcy;"],[0,"&Acy;"],[0,"&Bcy;"],[0,"&Vcy;"],[0,"&Gcy;"],[0,"&Dcy;"],[0,"&IEcy;"],[0,"&ZHcy;"],[0,"&Zcy;"],[0,"&Icy;"],[0,"&Jcy;"],[0,"&Kcy;"],[0,"&Lcy;"],[0,"&Mcy;"],[0,"&Ncy;"],[0,"&Ocy;"],[0,"&Pcy;"],[0,"&Rcy;"],[0,"&Scy;"],[0,"&Tcy;"],[0,"&Ucy;"],[0,"&Fcy;"],[0,"&KHcy;"],[0,"&TScy;"],[0,"&CHcy;"],[0,"&SHcy;"],[0,"&SHCHcy;"],[0,"&HARDcy;"],[0,"&Ycy;"],[0,"&SOFTcy;"],[0,"&Ecy;"],[0,"&YUcy;"],[0,"&YAcy;"],[0,"&acy;"],[0,"&bcy;"],[0,"&vcy;"],[0,"&gcy;"],[0,"&dcy;"],[0,"&iecy;"],[0,"&zhcy;"],[0,"&zcy;"],[0,"&icy;"],[0,"&jcy;"],[0,"&kcy;"],[0,"&lcy;"],[0,"&mcy;"],[0,"&ncy;"],[0,"&ocy;"],[0,"&pcy;"],[0,"&rcy;"],[0,"&scy;"],[0,"&tcy;"],[0,"&ucy;"],[0,"&fcy;"],[0,"&khcy;"],[0,"&tscy;"],[0,"&chcy;"],[0,"&shcy;"],[0,"&shchcy;"],[0,"&hardcy;"],[0,"&ycy;"],[0,"&softcy;"],[0,"&ecy;"],[0,"&yucy;"],[0,"&yacy;"],[1,"&iocy;"],[0,"&djcy;"],[0,"&gjcy;"],[0,"&jukcy;"],[0,"&dscy;"],[0,"&iukcy;"],[0,"&yicy;"],[0,"&jsercy;"],[0,"&ljcy;"],[0,"&njcy;"],[0,"&tshcy;"],[0,"&kjcy;"],[1,"&ubrcy;"],[0,"&dzcy;"],[7074,"&ensp;"],[0,"&emsp;"],[0,"&emsp13;"],[0,"&emsp14;"],[1,"&numsp;"],[0,"&puncsp;"],[0,"&ThinSpace;"],[0,"&hairsp;"],[0,"&NegativeMediumSpace;"],[0,"&zwnj;"],[0,"&zwj;"],[0,"&lrm;"],[0,"&rlm;"],[0,"&dash;"],[2,"&ndash;"],[0,"&mdash;"],[0,"&horbar;"],[0,"&Verbar;"],[1,"&lsquo;"],[0,"&CloseCurlyQuote;"],[0,"&lsquor;"],[1,"&ldquo;"],[0,"&CloseCurlyDoubleQuote;"],[0,"&bdquo;"],[1,"&dagger;"],[0,"&Dagger;"],[0,"&bull;"],[2,"&nldr;"],[0,"&hellip;"],[9,"&permil;"],[0,"&pertenk;"],[0,"&prime;"],[0,"&Prime;"],[0,"&tprime;"],[0,"&backprime;"],[3,"&lsaquo;"],[0,"&rsaquo;"],[3,"&oline;"],[2,"&caret;"],[1,"&hybull;"],[0,"&frasl;"],[10,"&bsemi;"],[7,"&qprime;"],[7,{v:"&MediumSpace;",n:8202,o:"&ThickSpace;"}],[0,"&NoBreak;"],[0,"&af;"],[0,"&InvisibleTimes;"],[0,"&ic;"],[72,"&euro;"],[46,"&tdot;"],[0,"&DotDot;"],[37,"&complexes;"],[2,"&incare;"],[4,"&gscr;"],[0,"&hamilt;"],[0,"&Hfr;"],[0,"&Hopf;"],[0,"&planckh;"],[0,"&hbar;"],[0,"&imagline;"],[0,"&Ifr;"],[0,"&lagran;"],[0,"&ell;"],[1,"&naturals;"],[0,"&numero;"],[0,"&copysr;"],[0,"&weierp;"],[0,"&Popf;"],[0,"&Qopf;"],[0,"&realine;"],[0,"&real;"],[0,"&reals;"],[0,"&rx;"],[3,"&trade;"],[1,"&integers;"],[2,"&mho;"],[0,"&zeetrf;"],[0,"&iiota;"],[2,"&bernou;"],[0,"&Cayleys;"],[1,"&escr;"],[0,"&Escr;"],[0,"&Fouriertrf;"],[1,"&Mellintrf;"],[0,"&order;"],[0,"&alefsym;"],[0,"&beth;"],[0,"&gimel;"],[0,"&daleth;"],[12,"&CapitalDifferentialD;"],[0,"&dd;"],[0,"&ee;"],[0,"&ii;"],[10,"&frac13;"],[0,"&frac23;"],[0,"&frac15;"],[0,"&frac25;"],[0,"&frac35;"],[0,"&frac45;"],[0,"&frac16;"],[0,"&frac56;"],[0,"&frac18;"],[0,"&frac38;"],[0,"&frac58;"],[0,"&frac78;"],[49,"&larr;"],[0,"&ShortUpArrow;"],[0,"&rarr;"],[0,"&darr;"],[0,"&harr;"],[0,"&updownarrow;"],[0,"&nwarr;"],[0,"&nearr;"],[0,"&LowerRightArrow;"],[0,"&LowerLeftArrow;"],[0,"&nlarr;"],[0,"&nrarr;"],[1,{v:"&rarrw;",n:824,o:"&nrarrw;"}],[0,"&Larr;"],[0,"&Uarr;"],[0,"&Rarr;"],[0,"&Darr;"],[0,"&larrtl;"],[0,"&rarrtl;"],[0,"&LeftTeeArrow;"],[0,"&mapstoup;"],[0,"&map;"],[0,"&DownTeeArrow;"],[1,"&hookleftarrow;"],[0,"&hookrightarrow;"],[0,"&larrlp;"],[0,"&looparrowright;"],[0,"&harrw;"],[0,"&nharr;"],[1,"&lsh;"],[0,"&rsh;"],[0,"&ldsh;"],[0,"&rdsh;"],[1,"&crarr;"],[0,"&cularr;"],[0,"&curarr;"],[2,"&circlearrowleft;"],[0,"&circlearrowright;"],[0,"&leftharpoonup;"],[0,"&DownLeftVector;"],[0,"&RightUpVector;"],[0,"&LeftUpVector;"],[0,"&rharu;"],[0,"&DownRightVector;"],[0,"&dharr;"],[0,"&dharl;"],[0,"&RightArrowLeftArrow;"],[0,"&udarr;"],[0,"&LeftArrowRightArrow;"],[0,"&leftleftarrows;"],[0,"&upuparrows;"],[0,"&rightrightarrows;"],[0,"&ddarr;"],[0,"&leftrightharpoons;"],[0,"&Equilibrium;"],[0,"&nlArr;"],[0,"&nhArr;"],[0,"&nrArr;"],[0,"&DoubleLeftArrow;"],[0,"&DoubleUpArrow;"],[0,"&DoubleRightArrow;"],[0,"&dArr;"],[0,"&DoubleLeftRightArrow;"],[0,"&DoubleUpDownArrow;"],[0,"&nwArr;"],[0,"&neArr;"],[0,"&seArr;"],[0,"&swArr;"],[0,"&lAarr;"],[0,"&rAarr;"],[1,"&zigrarr;"],[6,"&larrb;"],[0,"&rarrb;"],[15,"&DownArrowUpArrow;"],[7,"&loarr;"],[0,"&roarr;"],[0,"&hoarr;"],[0,"&forall;"],[0,"&comp;"],[0,{v:"&part;",n:824,o:"&npart;"}],[0,"&exist;"],[0,"&nexist;"],[0,"&empty;"],[1,"&Del;"],[0,"&Element;"],[0,"&NotElement;"],[1,"&ni;"],[0,"&notni;"],[2,"&prod;"],[0,"&coprod;"],[0,"&sum;"],[0,"&minus;"],[0,"&MinusPlus;"],[0,"&dotplus;"],[1,"&Backslash;"],[0,"&lowast;"],[0,"&compfn;"],[1,"&radic;"],[2,"&prop;"],[0,"&infin;"],[0,"&angrt;"],[0,{v:"&ang;",n:8402,o:"&nang;"}],[0,"&angmsd;"],[0,"&angsph;"],[0,"&mid;"],[0,"&nmid;"],[0,"&DoubleVerticalBar;"],[0,"&NotDoubleVerticalBar;"],[0,"&and;"],[0,"&or;"],[0,{v:"&cap;",n:65024,o:"&caps;"}],[0,{v:"&cup;",n:65024,o:"&cups;"}],[0,"&int;"],[0,"&Int;"],[0,"&iiint;"],[0,"&conint;"],[0,"&Conint;"],[0,"&Cconint;"],[0,"&cwint;"],[0,"&ClockwiseContourIntegral;"],[0,"&awconint;"],[0,"&there4;"],[0,"&becaus;"],[0,"&ratio;"],[0,"&Colon;"],[0,"&dotminus;"],[1,"&mDDot;"],[0,"&homtht;"],[0,{v:"&sim;",n:8402,o:"&nvsim;"}],[0,{v:"&backsim;",n:817,o:"&race;"}],[0,{v:"&ac;",n:819,o:"&acE;"}],[0,"&acd;"],[0,"&VerticalTilde;"],[0,"&NotTilde;"],[0,{v:"&eqsim;",n:824,o:"&nesim;"}],[0,"&sime;"],[0,"&NotTildeEqual;"],[0,"&cong;"],[0,"&simne;"],[0,"&ncong;"],[0,"&ap;"],[0,"&nap;"],[0,"&ape;"],[0,{v:"&apid;",n:824,o:"&napid;"}],[0,"&backcong;"],[0,{v:"&asympeq;",n:8402,o:"&nvap;"}],[0,{v:"&bump;",n:824,o:"&nbump;"}],[0,{v:"&bumpe;",n:824,o:"&nbumpe;"}],[0,{v:"&doteq;",n:824,o:"&nedot;"}],[0,"&doteqdot;"],[0,"&efDot;"],[0,"&erDot;"],[0,"&Assign;"],[0,"&ecolon;"],[0,"&ecir;"],[0,"&circeq;"],[1,"&wedgeq;"],[0,"&veeeq;"],[1,"&triangleq;"],[2,"&equest;"],[0,"&ne;"],[0,{v:"&Congruent;",n:8421,o:"&bnequiv;"}],[0,"&nequiv;"],[1,{v:"&le;",n:8402,o:"&nvle;"}],[0,{v:"&ge;",n:8402,o:"&nvge;"}],[0,{v:"&lE;",n:824,o:"&nlE;"}],[0,{v:"&gE;",n:824,o:"&ngE;"}],[0,{v:"&lnE;",n:65024,o:"&lvertneqq;"}],[0,{v:"&gnE;",n:65024,o:"&gvertneqq;"}],[0,{v:"&ll;",n:new Map(Bt([[824,"&nLtv;"],[7577,"&nLt;"]]))}],[0,{v:"&gg;",n:new Map(Bt([[824,"&nGtv;"],[7577,"&nGt;"]]))}],[0,"&between;"],[0,"&NotCupCap;"],[0,"&nless;"],[0,"&ngt;"],[0,"&nle;"],[0,"&nge;"],[0,"&lesssim;"],[0,"&GreaterTilde;"],[0,"&nlsim;"],[0,"&ngsim;"],[0,"&LessGreater;"],[0,"&gl;"],[0,"&NotLessGreater;"],[0,"&NotGreaterLess;"],[0,"&pr;"],[0,"&sc;"],[0,"&prcue;"],[0,"&sccue;"],[0,"&PrecedesTilde;"],[0,{v:"&scsim;",n:824,o:"&NotSucceedsTilde;"}],[0,"&NotPrecedes;"],[0,"&NotSucceeds;"],[0,{v:"&sub;",n:8402,o:"&NotSubset;"}],[0,{v:"&sup;",n:8402,o:"&NotSuperset;"}],[0,"&nsub;"],[0,"&nsup;"],[0,"&sube;"],[0,"&supe;"],[0,"&NotSubsetEqual;"],[0,"&NotSupersetEqual;"],[0,{v:"&subne;",n:65024,o:"&varsubsetneq;"}],[0,{v:"&supne;",n:65024,o:"&varsupsetneq;"}],[1,"&cupdot;"],[0,"&UnionPlus;"],[0,{v:"&sqsub;",n:824,o:"&NotSquareSubset;"}],[0,{v:"&sqsup;",n:824,o:"&NotSquareSuperset;"}],[0,"&sqsube;"],[0,"&sqsupe;"],[0,{v:"&sqcap;",n:65024,o:"&sqcaps;"}],[0,{v:"&sqcup;",n:65024,o:"&sqcups;"}],[0,"&CirclePlus;"],[0,"&CircleMinus;"],[0,"&CircleTimes;"],[0,"&osol;"],[0,"&CircleDot;"],[0,"&circledcirc;"],[0,"&circledast;"],[1,"&circleddash;"],[0,"&boxplus;"],[0,"&boxminus;"],[0,"&boxtimes;"],[0,"&dotsquare;"],[0,"&RightTee;"],[0,"&dashv;"],[0,"&DownTee;"],[0,"&bot;"],[1,"&models;"],[0,"&DoubleRightTee;"],[0,"&Vdash;"],[0,"&Vvdash;"],[0,"&VDash;"],[0,"&nvdash;"],[0,"&nvDash;"],[0,"&nVdash;"],[0,"&nVDash;"],[0,"&prurel;"],[1,"&LeftTriangle;"],[0,"&RightTriangle;"],[0,{v:"&LeftTriangleEqual;",n:8402,o:"&nvltrie;"}],[0,{v:"&RightTriangleEqual;",n:8402,o:"&nvrtrie;"}],[0,"&origof;"],[0,"&imof;"],[0,"&multimap;"],[0,"&hercon;"],[0,"&intcal;"],[0,"&veebar;"],[1,"&barvee;"],[0,"&angrtvb;"],[0,"&lrtri;"],[0,"&bigwedge;"],[0,"&bigvee;"],[0,"&bigcap;"],[0,"&bigcup;"],[0,"&diam;"],[0,"&sdot;"],[0,"&sstarf;"],[0,"&divideontimes;"],[0,"&bowtie;"],[0,"&ltimes;"],[0,"&rtimes;"],[0,"&leftthreetimes;"],[0,"&rightthreetimes;"],[0,"&backsimeq;"],[0,"&curlyvee;"],[0,"&curlywedge;"],[0,"&Sub;"],[0,"&Sup;"],[0,"&Cap;"],[0,"&Cup;"],[0,"&fork;"],[0,"&epar;"],[0,"&lessdot;"],[0,"&gtdot;"],[0,{v:"&Ll;",n:824,o:"&nLl;"}],[0,{v:"&Gg;",n:824,o:"&nGg;"}],[0,{v:"&leg;",n:65024,o:"&lesg;"}],[0,{v:"&gel;",n:65024,o:"&gesl;"}],[2,"&cuepr;"],[0,"&cuesc;"],[0,"&NotPrecedesSlantEqual;"],[0,"&NotSucceedsSlantEqual;"],[0,"&NotSquareSubsetEqual;"],[0,"&NotSquareSupersetEqual;"],[2,"&lnsim;"],[0,"&gnsim;"],[0,"&precnsim;"],[0,"&scnsim;"],[0,"&nltri;"],[0,"&NotRightTriangle;"],[0,"&nltrie;"],[0,"&NotRightTriangleEqual;"],[0,"&vellip;"],[0,"&ctdot;"],[0,"&utdot;"],[0,"&dtdot;"],[0,"&disin;"],[0,"&isinsv;"],[0,"&isins;"],[0,{v:"&isindot;",n:824,o:"&notindot;"}],[0,"&notinvc;"],[0,"&notinvb;"],[1,{v:"&isinE;",n:824,o:"&notinE;"}],[0,"&nisd;"],[0,"&xnis;"],[0,"&nis;"],[0,"&notnivc;"],[0,"&notnivb;"],[6,"&barwed;"],[0,"&Barwed;"],[1,"&lceil;"],[0,"&rceil;"],[0,"&LeftFloor;"],[0,"&rfloor;"],[0,"&drcrop;"],[0,"&dlcrop;"],[0,"&urcrop;"],[0,"&ulcrop;"],[0,"&bnot;"],[1,"&profline;"],[0,"&profsurf;"],[1,"&telrec;"],[0,"&target;"],[5,"&ulcorn;"],[0,"&urcorn;"],[0,"&dlcorn;"],[0,"&drcorn;"],[2,"&frown;"],[0,"&smile;"],[9,"&cylcty;"],[0,"&profalar;"],[7,"&topbot;"],[6,"&ovbar;"],[1,"&solbar;"],[60,"&angzarr;"],[51,"&lmoustache;"],[0,"&rmoustache;"],[2,"&OverBracket;"],[0,"&bbrk;"],[0,"&bbrktbrk;"],[37,"&OverParenthesis;"],[0,"&UnderParenthesis;"],[0,"&OverBrace;"],[0,"&UnderBrace;"],[2,"&trpezium;"],[4,"&elinters;"],[59,"&blank;"],[164,"&circledS;"],[55,"&boxh;"],[1,"&boxv;"],[9,"&boxdr;"],[3,"&boxdl;"],[3,"&boxur;"],[3,"&boxul;"],[3,"&boxvr;"],[7,"&boxvl;"],[7,"&boxhd;"],[7,"&boxhu;"],[7,"&boxvh;"],[19,"&boxH;"],[0,"&boxV;"],[0,"&boxdR;"],[0,"&boxDr;"],[0,"&boxDR;"],[0,"&boxdL;"],[0,"&boxDl;"],[0,"&boxDL;"],[0,"&boxuR;"],[0,"&boxUr;"],[0,"&boxUR;"],[0,"&boxuL;"],[0,"&boxUl;"],[0,"&boxUL;"],[0,"&boxvR;"],[0,"&boxVr;"],[0,"&boxVR;"],[0,"&boxvL;"],[0,"&boxVl;"],[0,"&boxVL;"],[0,"&boxHd;"],[0,"&boxhD;"],[0,"&boxHD;"],[0,"&boxHu;"],[0,"&boxhU;"],[0,"&boxHU;"],[0,"&boxvH;"],[0,"&boxVh;"],[0,"&boxVH;"],[19,"&uhblk;"],[3,"&lhblk;"],[3,"&block;"],[8,"&blk14;"],[0,"&blk12;"],[0,"&blk34;"],[13,"&square;"],[8,"&blacksquare;"],[0,"&EmptyVerySmallSquare;"],[1,"&rect;"],[0,"&marker;"],[2,"&fltns;"],[1,"&bigtriangleup;"],[0,"&blacktriangle;"],[0,"&triangle;"],[2,"&blacktriangleright;"],[0,"&rtri;"],[3,"&bigtriangledown;"],[0,"&blacktriangledown;"],[0,"&dtri;"],[2,"&blacktriangleleft;"],[0,"&ltri;"],[6,"&loz;"],[0,"&cir;"],[32,"&tridot;"],[2,"&bigcirc;"],[8,"&ultri;"],[0,"&urtri;"],[0,"&lltri;"],[0,"&EmptySmallSquare;"],[0,"&FilledSmallSquare;"],[8,"&bigstar;"],[0,"&star;"],[7,"&phone;"],[49,"&female;"],[1,"&male;"],[29,"&spades;"],[2,"&clubs;"],[1,"&hearts;"],[0,"&diamondsuit;"],[3,"&sung;"],[2,"&flat;"],[0,"&natural;"],[0,"&sharp;"],[163,"&check;"],[3,"&cross;"],[8,"&malt;"],[21,"&sext;"],[33,"&VerticalSeparator;"],[25,"&lbbrk;"],[0,"&rbbrk;"],[84,"&bsolhsub;"],[0,"&suphsol;"],[28,"&LeftDoubleBracket;"],[0,"&RightDoubleBracket;"],[0,"&lang;"],[0,"&rang;"],[0,"&Lang;"],[0,"&Rang;"],[0,"&loang;"],[0,"&roang;"],[7,"&longleftarrow;"],[0,"&longrightarrow;"],[0,"&longleftrightarrow;"],[0,"&DoubleLongLeftArrow;"],[0,"&DoubleLongRightArrow;"],[0,"&DoubleLongLeftRightArrow;"],[1,"&longmapsto;"],[2,"&dzigrarr;"],[258,"&nvlArr;"],[0,"&nvrArr;"],[0,"&nvHarr;"],[0,"&Map;"],[6,"&lbarr;"],[0,"&bkarow;"],[0,"&lBarr;"],[0,"&dbkarow;"],[0,"&drbkarow;"],[0,"&DDotrahd;"],[0,"&UpArrowBar;"],[0,"&DownArrowBar;"],[2,"&Rarrtl;"],[2,"&latail;"],[0,"&ratail;"],[0,"&lAtail;"],[0,"&rAtail;"],[0,"&larrfs;"],[0,"&rarrfs;"],[0,"&larrbfs;"],[0,"&rarrbfs;"],[2,"&nwarhk;"],[0,"&nearhk;"],[0,"&hksearow;"],[0,"&hkswarow;"],[0,"&nwnear;"],[0,"&nesear;"],[0,"&seswar;"],[0,"&swnwar;"],[8,{v:"&rarrc;",n:824,o:"&nrarrc;"}],[1,"&cudarrr;"],[0,"&ldca;"],[0,"&rdca;"],[0,"&cudarrl;"],[0,"&larrpl;"],[2,"&curarrm;"],[0,"&cularrp;"],[7,"&rarrpl;"],[2,"&harrcir;"],[0,"&Uarrocir;"],[0,"&lurdshar;"],[0,"&ldrushar;"],[2,"&LeftRightVector;"],[0,"&RightUpDownVector;"],[0,"&DownLeftRightVector;"],[0,"&LeftUpDownVector;"],[0,"&LeftVectorBar;"],[0,"&RightVectorBar;"],[0,"&RightUpVectorBar;"],[0,"&RightDownVectorBar;"],[0,"&DownLeftVectorBar;"],[0,"&DownRightVectorBar;"],[0,"&LeftUpVectorBar;"],[0,"&LeftDownVectorBar;"],[0,"&LeftTeeVector;"],[0,"&RightTeeVector;"],[0,"&RightUpTeeVector;"],[0,"&RightDownTeeVector;"],[0,"&DownLeftTeeVector;"],[0,"&DownRightTeeVector;"],[0,"&LeftUpTeeVector;"],[0,"&LeftDownTeeVector;"],[0,"&lHar;"],[0,"&uHar;"],[0,"&rHar;"],[0,"&dHar;"],[0,"&luruhar;"],[0,"&ldrdhar;"],[0,"&ruluhar;"],[0,"&rdldhar;"],[0,"&lharul;"],[0,"&llhard;"],[0,"&rharul;"],[0,"&lrhard;"],[0,"&udhar;"],[0,"&duhar;"],[0,"&RoundImplies;"],[0,"&erarr;"],[0,"&simrarr;"],[0,"&larrsim;"],[0,"&rarrsim;"],[0,"&rarrap;"],[0,"&ltlarr;"],[1,"&gtrarr;"],[0,"&subrarr;"],[1,"&suplarr;"],[0,"&lfisht;"],[0,"&rfisht;"],[0,"&ufisht;"],[0,"&dfisht;"],[5,"&lopar;"],[0,"&ropar;"],[4,"&lbrke;"],[0,"&rbrke;"],[0,"&lbrkslu;"],[0,"&rbrksld;"],[0,"&lbrksld;"],[0,"&rbrkslu;"],[0,"&langd;"],[0,"&rangd;"],[0,"&lparlt;"],[0,"&rpargt;"],[0,"&gtlPar;"],[0,"&ltrPar;"],[3,"&vzigzag;"],[1,"&vangrt;"],[0,"&angrtvbd;"],[6,"&ange;"],[0,"&range;"],[0,"&dwangle;"],[0,"&uwangle;"],[0,"&angmsdaa;"],[0,"&angmsdab;"],[0,"&angmsdac;"],[0,"&angmsdad;"],[0,"&angmsdae;"],[0,"&angmsdaf;"],[0,"&angmsdag;"],[0,"&angmsdah;"],[0,"&bemptyv;"],[0,"&demptyv;"],[0,"&cemptyv;"],[0,"&raemptyv;"],[0,"&laemptyv;"],[0,"&ohbar;"],[0,"&omid;"],[0,"&opar;"],[1,"&operp;"],[1,"&olcross;"],[0,"&odsold;"],[1,"&olcir;"],[0,"&ofcir;"],[0,"&olt;"],[0,"&ogt;"],[0,"&cirscir;"],[0,"&cirE;"],[0,"&solb;"],[0,"&bsolb;"],[3,"&boxbox;"],[3,"&trisb;"],[0,"&rtriltri;"],[0,{v:"&LeftTriangleBar;",n:824,o:"&NotLeftTriangleBar;"}],[0,{v:"&RightTriangleBar;",n:824,o:"&NotRightTriangleBar;"}],[11,"&iinfin;"],[0,"&infintie;"],[0,"&nvinfin;"],[4,"&eparsl;"],[0,"&smeparsl;"],[0,"&eqvparsl;"],[5,"&blacklozenge;"],[8,"&RuleDelayed;"],[1,"&dsol;"],[9,"&bigodot;"],[0,"&bigoplus;"],[0,"&bigotimes;"],[1,"&biguplus;"],[1,"&bigsqcup;"],[5,"&iiiint;"],[0,"&fpartint;"],[2,"&cirfnint;"],[0,"&awint;"],[0,"&rppolint;"],[0,"&scpolint;"],[0,"&npolint;"],[0,"&pointint;"],[0,"&quatint;"],[0,"&intlarhk;"],[10,"&pluscir;"],[0,"&plusacir;"],[0,"&simplus;"],[0,"&plusdu;"],[0,"&plussim;"],[0,"&plustwo;"],[1,"&mcomma;"],[0,"&minusdu;"],[2,"&loplus;"],[0,"&roplus;"],[0,"&Cross;"],[0,"&timesd;"],[0,"&timesbar;"],[1,"&smashp;"],[0,"&lotimes;"],[0,"&rotimes;"],[0,"&otimesas;"],[0,"&Otimes;"],[0,"&odiv;"],[0,"&triplus;"],[0,"&triminus;"],[0,"&tritime;"],[0,"&intprod;"],[2,"&amalg;"],[0,"&capdot;"],[1,"&ncup;"],[0,"&ncap;"],[0,"&capand;"],[0,"&cupor;"],[0,"&cupcap;"],[0,"&capcup;"],[0,"&cupbrcap;"],[0,"&capbrcup;"],[0,"&cupcup;"],[0,"&capcap;"],[0,"&ccups;"],[0,"&ccaps;"],[2,"&ccupssm;"],[2,"&And;"],[0,"&Or;"],[0,"&andand;"],[0,"&oror;"],[0,"&orslope;"],[0,"&andslope;"],[1,"&andv;"],[0,"&orv;"],[0,"&andd;"],[0,"&ord;"],[1,"&wedbar;"],[6,"&sdote;"],[3,"&simdot;"],[2,{v:"&congdot;",n:824,o:"&ncongdot;"}],[0,"&easter;"],[0,"&apacir;"],[0,{v:"&apE;",n:824,o:"&napE;"}],[0,"&eplus;"],[0,"&pluse;"],[0,"&Esim;"],[0,"&Colone;"],[0,"&Equal;"],[1,"&ddotseq;"],[0,"&equivDD;"],[0,"&ltcir;"],[0,"&gtcir;"],[0,"&ltquest;"],[0,"&gtquest;"],[0,{v:"&leqslant;",n:824,o:"&nleqslant;"}],[0,{v:"&geqslant;",n:824,o:"&ngeqslant;"}],[0,"&lesdot;"],[0,"&gesdot;"],[0,"&lesdoto;"],[0,"&gesdoto;"],[0,"&lesdotor;"],[0,"&gesdotol;"],[0,"&lap;"],[0,"&gap;"],[0,"&lne;"],[0,"&gne;"],[0,"&lnap;"],[0,"&gnap;"],[0,"&lEg;"],[0,"&gEl;"],[0,"&lsime;"],[0,"&gsime;"],[0,"&lsimg;"],[0,"&gsiml;"],[0,"&lgE;"],[0,"&glE;"],[0,"&lesges;"],[0,"&gesles;"],[0,"&els;"],[0,"&egs;"],[0,"&elsdot;"],[0,"&egsdot;"],[0,"&el;"],[0,"&eg;"],[2,"&siml;"],[0,"&simg;"],[0,"&simlE;"],[0,"&simgE;"],[0,{v:"&LessLess;",n:824,o:"&NotNestedLessLess;"}],[0,{v:"&GreaterGreater;",n:824,o:"&NotNestedGreaterGreater;"}],[1,"&glj;"],[0,"&gla;"],[0,"&ltcc;"],[0,"&gtcc;"],[0,"&lescc;"],[0,"&gescc;"],[0,"&smt;"],[0,"&lat;"],[0,{v:"&smte;",n:65024,o:"&smtes;"}],[0,{v:"&late;",n:65024,o:"&lates;"}],[0,"&bumpE;"],[0,{v:"&PrecedesEqual;",n:824,o:"&NotPrecedesEqual;"}],[0,{v:"&sce;",n:824,o:"&NotSucceedsEqual;"}],[2,"&prE;"],[0,"&scE;"],[0,"&precneqq;"],[0,"&scnE;"],[0,"&prap;"],[0,"&scap;"],[0,"&precnapprox;"],[0,"&scnap;"],[0,"&Pr;"],[0,"&Sc;"],[0,"&subdot;"],[0,"&supdot;"],[0,"&subplus;"],[0,"&supplus;"],[0,"&submult;"],[0,"&supmult;"],[0,"&subedot;"],[0,"&supedot;"],[0,{v:"&subE;",n:824,o:"&nsubE;"}],[0,{v:"&supE;",n:824,o:"&nsupE;"}],[0,"&subsim;"],[0,"&supsim;"],[2,{v:"&subnE;",n:65024,o:"&varsubsetneqq;"}],[0,{v:"&supnE;",n:65024,o:"&varsupsetneqq;"}],[2,"&csub;"],[0,"&csup;"],[0,"&csube;"],[0,"&csupe;"],[0,"&subsup;"],[0,"&supsub;"],[0,"&subsub;"],[0,"&supsup;"],[0,"&suphsub;"],[0,"&supdsub;"],[0,"&forkv;"],[0,"&topfork;"],[0,"&mlcp;"],[8,"&Dashv;"],[1,"&Vdashl;"],[0,"&Barv;"],[0,"&vBar;"],[0,"&vBarv;"],[1,"&Vbar;"],[0,"&Not;"],[0,"&bNot;"],[0,"&rnmid;"],[0,"&cirmid;"],[0,"&midcir;"],[0,"&topcir;"],[0,"&nhpar;"],[0,"&parsim;"],[9,{v:"&parsl;",n:8421,o:"&nparsl;"}],[44343,{n:new Map(Bt([[56476,"&Ascr;"],[1,"&Cscr;"],[0,"&Dscr;"],[2,"&Gscr;"],[2,"&Jscr;"],[0,"&Kscr;"],[2,"&Nscr;"],[0,"&Oscr;"],[0,"&Pscr;"],[0,"&Qscr;"],[1,"&Sscr;"],[0,"&Tscr;"],[0,"&Uscr;"],[0,"&Vscr;"],[0,"&Wscr;"],[0,"&Xscr;"],[0,"&Yscr;"],[0,"&Zscr;"],[0,"&ascr;"],[0,"&bscr;"],[0,"&cscr;"],[0,"&dscr;"],[1,"&fscr;"],[1,"&hscr;"],[0,"&iscr;"],[0,"&jscr;"],[0,"&kscr;"],[0,"&lscr;"],[0,"&mscr;"],[0,"&nscr;"],[1,"&pscr;"],[0,"&qscr;"],[0,"&rscr;"],[0,"&sscr;"],[0,"&tscr;"],[0,"&uscr;"],[0,"&vscr;"],[0,"&wscr;"],[0,"&xscr;"],[0,"&yscr;"],[0,"&zscr;"],[52,"&Afr;"],[0,"&Bfr;"],[1,"&Dfr;"],[0,"&Efr;"],[0,"&Ffr;"],[0,"&Gfr;"],[2,"&Jfr;"],[0,"&Kfr;"],[0,"&Lfr;"],[0,"&Mfr;"],[0,"&Nfr;"],[0,"&Ofr;"],[0,"&Pfr;"],[0,"&Qfr;"],[1,"&Sfr;"],[0,"&Tfr;"],[0,"&Ufr;"],[0,"&Vfr;"],[0,"&Wfr;"],[0,"&Xfr;"],[0,"&Yfr;"],[1,"&afr;"],[0,"&bfr;"],[0,"&cfr;"],[0,"&dfr;"],[0,"&efr;"],[0,"&ffr;"],[0,"&gfr;"],[0,"&hfr;"],[0,"&ifr;"],[0,"&jfr;"],[0,"&kfr;"],[0,"&lfr;"],[0,"&mfr;"],[0,"&nfr;"],[0,"&ofr;"],[0,"&pfr;"],[0,"&qfr;"],[0,"&rfr;"],[0,"&sfr;"],[0,"&tfr;"],[0,"&ufr;"],[0,"&vfr;"],[0,"&wfr;"],[0,"&xfr;"],[0,"&yfr;"],[0,"&zfr;"],[0,"&Aopf;"],[0,"&Bopf;"],[1,"&Dopf;"],[0,"&Eopf;"],[0,"&Fopf;"],[0,"&Gopf;"],[1,"&Iopf;"],[0,"&Jopf;"],[0,"&Kopf;"],[0,"&Lopf;"],[0,"&Mopf;"],[1,"&Oopf;"],[3,"&Sopf;"],[0,"&Topf;"],[0,"&Uopf;"],[0,"&Vopf;"],[0,"&Wopf;"],[0,"&Xopf;"],[0,"&Yopf;"],[1,"&aopf;"],[0,"&bopf;"],[0,"&copf;"],[0,"&dopf;"],[0,"&eopf;"],[0,"&fopf;"],[0,"&gopf;"],[0,"&hopf;"],[0,"&iopf;"],[0,"&jopf;"],[0,"&kopf;"],[0,"&lopf;"],[0,"&mopf;"],[0,"&nopf;"],[0,"&oopf;"],[0,"&popf;"],[0,"&qopf;"],[0,"&ropf;"],[0,"&sopf;"],[0,"&topf;"],[0,"&uopf;"],[0,"&vopf;"],[0,"&wopf;"],[0,"&xopf;"],[0,"&yopf;"],[0,"&zopf;"]]))}],[8906,"&fflig;"],[0,"&filig;"],[0,"&fllig;"],[0,"&ffilig;"],[0,"&ffllig;"]]));function Ni(s,h){return function(B){let V,z=0,De="";for(;V=s.exec(B);)z!==V.index&&(De+=B.substring(z,V.index)),De+=h.get(V[0].charCodeAt(0)),z=V.index+1;return De+B.substring(z)}}function rt(s){return"[object String]"===function un(s){return Object.prototype.toString.call(s)}(s)}Ni(/[&<>'"]/g,new Map([[34,"&quot;"],[38,"&amp;"],[39,"&apos;"],[60,"&lt;"],[62,"&gt;"]])),Ni(/["&\u00A0]/g,new Map([[34,"&quot;"],[38,"&amp;"],[160,"&nbsp;"]])),Ni(/[&<>\u00A0]/g,new Map([[38,"&amp;"],[60,"&lt;"],[62,"&gt;"],[160,"&nbsp;"]]));const ze=Object.prototype.hasOwnProperty;function we(s,h){return ze.call(s,h)}function ge(s){return Array.prototype.slice.call(arguments,1).forEach(function(M){if(M){if("object"!=typeof M)throw new TypeError(M+"must be object");Object.keys(M).forEach(function(B){s[B]=M[B]})}}),s}function Y(s,h,M){return[].concat(s.slice(0,h),M,s.slice(h+1))}function He(s){return!(s>=55296&&s<=57343||s>=64976&&s<=65007||65535==(65535&s)||65534==(65535&s)||s>=0&&s<=8||11===s||s>=14&&s<=31||s>=127&&s<=159||s>1114111)}function pt(s){return s>65535?(s-=65536,String.fromCharCode(55296+(s>>10),56320+(1023&s))):String.fromCharCode(s)}const Ut=/\\([!"#$%&'()*+,\-./:;<=>?@[\\\]^_`{|}~])/g,_n=new RegExp(Ut.source+"|"+/&([a-z#][a-z0-9]{1,31});/gi.source,"gi"),vn=/^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))$/i;function Vn(s){return s.indexOf("\\")<0?s:s.replace(Ut,"$1")}function Wn(s){return s.indexOf("\\")<0&&s.indexOf("&")<0?s:s.replace(_n,function(h,M,B){return M||function ri(s,h){if(35===h.charCodeAt(0)&&vn.test(h)){const B="x"===h[1].toLowerCase()?parseInt(h.slice(2),16):parseInt(h.slice(1),10);return He(B)?pt(B):s}const M=ae(s);return M!==s?M:s}(h,B)})}const Rn=/[&<>"]/,Fi=/[&<>"]/g,Oi={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"};function si(s){return Oi[s]}function pi(s){return Rn.test(s)?s.replace(Fi,si):s}const Mi=/[.?*+^$[\]\\(){}|-]/g;function xi(s){return s.replace(Mi,"\\$&")}function Dn(s){switch(s){case 9:case 32:return!0}return!1}function ki(s){if(s>=8192&&s<=8202)return!0;switch(s){case 9:case 10:case 11:case 12:case 13:case 32:case 160:case 5760:case 8239:case 8287:case 12288:return!0}return!1}function Te(s){return Tt.test(s)||Ot.test(s)}function $e(s){switch(s){case 33:case 34:case 35:case 36:case 37:case 38:case 39:case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:case 58:case 59:case 60:case 61:case 62:case 63:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 124:case 125:case 126:return!0;default:return!1}}function et(s){return s=s.trim().replace(/\s+/g," "),"\u1e7e"==="\u1e9e".toLowerCase()&&(s=s.replace(/\u1e9e/g,"\xdf")),s.toLowerCase().toUpperCase()}const Je={mdurl:t,ucmicro:c};function qe(s,h,M){let B,V,z,De;const be=s.posMax,Ve=s.pos;for(s.pos=h+1,B=1;s.pos<be;){if(z=s.src.charCodeAt(s.pos),93===z&&(B--,0===B)){V=!0;break}if(De=s.pos,s.md.inline.skipToken(s),91===z)if(De===s.pos-1)B++;else if(M)return s.pos=Ve,-1}let ut=-1;return V&&(ut=s.pos),s.pos=Ve,ut}function ft(s,h,M){let B,V=h;const z={ok:!1,pos:0,str:""};if(60===s.charCodeAt(V)){for(V++;V<M;){if(B=s.charCodeAt(V),10===B||60===B)return z;if(62===B)return z.pos=V+1,z.str=Wn(s.slice(h+1,V)),z.ok=!0,z;92===B&&V+1<M?V+=2:V++}return z}let De=0;for(;V<M&&(B=s.charCodeAt(V),!(32===B||B<32||127===B));)if(92===B&&V+1<M){if(32===s.charCodeAt(V+1))break;V+=2}else{if(40===B&&(De++,De>32))return z;if(41===B){if(0===De)break;De--}V++}return h===V||0!==De||(z.str=Wn(s.slice(h,V)),z.pos=V,z.ok=!0),z}function gt(s,h,M,B){let V,z=h;const De={ok:!1,can_continue:!1,pos:0,str:"",marker:0};if(B)De.str=B.str,De.marker=B.marker;else{if(z>=M)return De;let be=s.charCodeAt(z);if(34!==be&&39!==be&&40!==be)return De;h++,z++,40===be&&(be=41),De.marker=be}for(;z<M;){if(V=s.charCodeAt(z),V===De.marker)return De.pos=z+1,De.str+=Wn(s.slice(h,z)),De.ok=!0,De;if(40===V&&41===De.marker)return De;92===V&&z+1<M&&z++,z++}return De.can_continue=!0,De.str+=Wn(s.slice(h,z)),De}const bt={};function yt(){this.rules=ge({},bt)}bt.code_inline=function(s,h,M,B,V){const z=s[h];return"<code"+V.renderAttrs(z)+">"+pi(z.content)+"</code>"},bt.code_block=function(s,h,M,B,V){return"<pre"+V.renderAttrs(s[h])+"><code>"+pi(s[h].content)+"</code></pre>\n"},bt.fence=function(s,h,M,B,V){const z=s[h],De=z.info?Wn(z.info).trim():"";let ut,be="",Ve="";if(De){const Lt=De.split(/(\s+)/g);be=Lt[0],Ve=Lt.slice(2).join("")}if(ut=M.highlight&&M.highlight(z.content,be,Ve)||pi(z.content),0===ut.indexOf("<pre"))return ut+"\n";if(De){const Lt=z.attrIndex("class"),Vt=z.attrs?z.attrs.slice():[];return Lt<0?Vt.push(["class",M.langPrefix+be]):(Vt[Lt]=Vt[Lt].slice(),Vt[Lt][1]+=" "+M.langPrefix+be),"<pre><code".concat(V.renderAttrs({attrs:Vt}),">").concat(ut,"</code></pre>\n")}return"<pre><code".concat(V.renderAttrs(z),">").concat(ut,"</code></pre>\n")},bt.image=function(s,h,M,B,V){const z=s[h];return z.attrs[z.attrIndex("alt")][1]=V.renderInlineAsText(z.children,M,B),V.renderToken(s,h,M)},bt.hardbreak=function(s,h,M){return M.xhtmlOut?"<br />\n":"<br>\n"},bt.softbreak=function(s,h,M){return M.breaks?M.xhtmlOut?"<br />\n":"<br>\n":"\n"},bt.text=function(s,h){return pi(s[h].content)},bt.html_block=function(s,h){return s[h].content},bt.html_inline=function(s,h){return s[h].content},yt.prototype.renderAttrs=function(h){let M,B,V;if(!h.attrs)return"";for(V="",M=0,B=h.attrs.length;M<B;M++)V+=" "+pi(h.attrs[M][0])+'="'+pi(h.attrs[M][1])+'"';return V},yt.prototype.renderToken=function(h,M,B){const V=h[M];let z="";if(V.hidden)return"";V.block&&-1!==V.nesting&&M&&h[M-1].hidden&&(z+="\n"),z+=(-1===V.nesting?"</":"<")+V.tag,z+=this.renderAttrs(V),0===V.nesting&&B.xhtmlOut&&(z+=" /");let De=!1;if(V.block&&(De=!0,1===V.nesting&&M+1<h.length)){const be=h[M+1];("inline"===be.type||be.hidden||-1===be.nesting&&be.tag===V.tag)&&(De=!1)}return z+=De?">\n":">",z},yt.prototype.renderInline=function(s,h,M){let B="";const V=this.rules;for(let z=0,De=s.length;z<De;z++){const be=s[z].type;B+=typeof V[be]<"u"?V[be](s,z,h,M,this):this.renderToken(s,z,h)}return B},yt.prototype.renderInlineAsText=function(s,h,M){let B="";for(let V=0,z=s.length;V<z;V++)switch(s[V].type){case"text":case"html_inline":case"html_block":B+=s[V].content;break;case"image":B+=this.renderInlineAsText(s[V].children,h,M);break;case"softbreak":case"hardbreak":B+="\n"}return B},yt.prototype.render=function(s,h,M){let B="";const V=this.rules;for(let z=0,De=s.length;z<De;z++){const be=s[z].type;B+="inline"===be?this.renderInline(s[z].children,h,M):typeof V[be]<"u"?V[be](s,z,h,M,this):this.renderToken(s,z,h,M)}return B};const It=yt;function Nt(){this.__rules__=[],this.__cache__=null}Nt.prototype.__find__=function(s){for(let h=0;h<this.__rules__.length;h++)if(this.__rules__[h].name===s)return h;return-1},Nt.prototype.__compile__=function(){const s=this,h=[""];s.__rules__.forEach(function(M){M.enabled&&M.alt.forEach(function(B){h.indexOf(B)<0&&h.push(B)})}),s.__cache__={},h.forEach(function(M){s.__cache__[M]=[],s.__rules__.forEach(function(B){B.enabled&&(M&&B.alt.indexOf(M)<0||s.__cache__[M].push(B.fn))})})},Nt.prototype.at=function(s,h,M){const B=this.__find__(s),V=M||{};if(-1===B)throw new Error("Parser rule not found: "+s);this.__rules__[B].fn=h,this.__rules__[B].alt=V.alt||[],this.__cache__=null},Nt.prototype.before=function(s,h,M,B){const V=this.__find__(s),z=B||{};if(-1===V)throw new Error("Parser rule not found: "+s);this.__rules__.splice(V,0,{name:h,enabled:!0,fn:M,alt:z.alt||[]}),this.__cache__=null},Nt.prototype.after=function(s,h,M,B){const V=this.__find__(s),z=B||{};if(-1===V)throw new Error("Parser rule not found: "+s);this.__rules__.splice(V+1,0,{name:h,enabled:!0,fn:M,alt:z.alt||[]}),this.__cache__=null},Nt.prototype.push=function(s,h,M){this.__rules__.push({name:s,enabled:!0,fn:h,alt:(M||{}).alt||[]}),this.__cache__=null},Nt.prototype.enable=function(s,h){Array.isArray(s)||(s=[s]);const M=[];return s.forEach(function(B){const V=this.__find__(B);if(V<0){if(h)return;throw new Error("Rules manager: invalid rule name "+B)}this.__rules__[V].enabled=!0,M.push(B)},this),this.__cache__=null,M},Nt.prototype.enableOnly=function(s,h){Array.isArray(s)||(s=[s]),this.__rules__.forEach(function(M){M.enabled=!1}),this.enable(s,h)},Nt.prototype.disable=function(s,h){Array.isArray(s)||(s=[s]);const M=[];return s.forEach(function(B){const V=this.__find__(B);if(V<0){if(h)return;throw new Error("Rules manager: invalid rule name "+B)}this.__rules__[V].enabled=!1,M.push(B)},this),this.__cache__=null,M},Nt.prototype.getRules=function(s){return null===this.__cache__&&this.__compile__(),this.__cache__[s]||[]};const en=Nt;function Zt(s,h,M){this.type=s,this.tag=h,this.attrs=null,this.map=null,this.nesting=M,this.level=0,this.children=null,this.content="",this.markup="",this.info="",this.meta=null,this.block=!1,this.hidden=!1}Zt.prototype.attrIndex=function(h){if(!this.attrs)return-1;const M=this.attrs;for(let B=0,V=M.length;B<V;B++)if(M[B][0]===h)return B;return-1},Zt.prototype.attrPush=function(h){this.attrs?this.attrs.push(h):this.attrs=[h]},Zt.prototype.attrSet=function(h,M){const B=this.attrIndex(h),V=[h,M];B<0?this.attrPush(V):this.attrs[B]=V},Zt.prototype.attrGet=function(h){const M=this.attrIndex(h);let B=null;return M>=0&&(B=this.attrs[M][1]),B},Zt.prototype.attrJoin=function(h,M){const B=this.attrIndex(h);B<0?this.attrPush([h,M]):this.attrs[B][1]=this.attrs[B][1]+" "+M};const gn=Zt;function On(s,h,M){this.src=s,this.env=M,this.tokens=[],this.inlineMode=!1,this.md=h}On.prototype.Token=gn;const Gn=On,$n=/\r\n?|\n/g,Nn=/\0/g;function Ji(s){return/^<a[>\s]/i.test(s)}function _o(s){return/^<\/a\s*>/i.test(s)}const vo=/\+-|\.\.|\?\?\?\?|!!!!|,,|--/,$r=/\((c|tm|r)\)/i,fo=/\((c|tm|r)\)/gi,Pr={c:"\xa9",r:"\xae",tm:"\u2122"};function Rr(s,h){return Pr[h.toLowerCase()]}function yr(s){let h=0;for(let M=s.length-1;M>=0;M--){const B=s[M];"text"===B.type&&!h&&(B.content=B.content.replace(fo,Rr)),"link_open"===B.type&&"auto"===B.info&&h--,"link_close"===B.type&&"auto"===B.info&&h++}}function pr(s){let h=0;for(let M=s.length-1;M>=0;M--){const B=s[M];"text"===B.type&&!h&&vo.test(B.content)&&(B.content=B.content.replace(/\+-/g,"\xb1").replace(/\.{2,}/g,"\u2026").replace(/([?!])\u2026/g,"$1..").replace(/([?!]){4,}/g,"$1$1$1").replace(/,{2,}/g,",").replace(/(^|[^-])---(?=[^-]|$)/gm,"$1\u2014").replace(/(^|\s)--(?=\s|$)/gm,"$1\u2013").replace(/(^|[^-\s])--(?=[^-\s]|$)/gm,"$1\u2013")),"link_open"===B.type&&"auto"===B.info&&h--,"link_close"===B.type&&"auto"===B.info&&h++}}const Eo=/['"]/,ir=/['"]/g;function Mo(s,h,M){return s.slice(0,h)+M+s.slice(h+1)}function or(s,h){let M;const B=[];for(let V=0;V<s.length;V++){const z=s[V],De=s[V].level;for(M=B.length-1;M>=0&&!(B[M].level<=De);M--);if(B.length=M+1,"text"!==z.type)continue;let be=z.content,Ve=0,ut=be.length;e:for(;Ve<ut;){ir.lastIndex=Ve;const Lt=ir.exec(be);if(!Lt)break;let Vt=!0,yn=!0;Ve=Lt.index+1;const qt="'"===Lt[0];let p=32;if(Lt.index-1>=0)p=be.charCodeAt(Lt.index-1);else for(M=V-1;M>=0&&"softbreak"!==s[M].type&&"hardbreak"!==s[M].type;M--)if(s[M].content){p=s[M].content.charCodeAt(s[M].content.length-1);break}let y=32;if(Ve<ut)y=be.charCodeAt(Ve);else for(M=V+1;M<s.length&&"softbreak"!==s[M].type&&"hardbreak"!==s[M].type;M++)if(s[M].content){y=s[M].content.charCodeAt(0);break}const E=$e(p)||Te(String.fromCharCode(p)),_=$e(y)||Te(String.fromCharCode(y)),w=ki(p),K=ki(y);if(K?Vt=!1:_&&(w||E||(Vt=!1)),w?yn=!1:E&&(K||_||(yn=!1)),34===y&&'"'===Lt[0]&&p>=48&&p<=57&&(yn=Vt=!1),Vt&&yn&&(Vt=E,yn=_),Vt||yn){if(yn)for(M=B.length-1;M>=0;M--){let pe=B[M];if(B[M].level<De)break;if(pe.single===qt&&B[M].level===De){let lt,zt;pe=B[M],qt?(lt=h.md.options.quotes[2],zt=h.md.options.quotes[3]):(lt=h.md.options.quotes[0],zt=h.md.options.quotes[1]),z.content=Mo(z.content,Lt.index,zt),s[pe.token].content=Mo(s[pe.token].content,pe.pos,lt),Ve+=zt.length-1,pe.token===V&&(Ve+=lt.length-1),be=z.content,ut=be.length,B.length=M;continue e}}Vt?B.push({token:V,pos:Lt.index,single:qt,level:De}):yn&&qt&&(z.content=Mo(z.content,Lt.index,"\u2019"))}else qt&&(z.content=Mo(z.content,Lt.index,"\u2019"))}}}const hi=[["normalize",function Yn(s){let h;h=s.src.replace($n,"\n"),h=h.replace(Nn,"\ufffd"),s.src=h}],["block",function Di(s){let h;s.inlineMode?(h=new s.Token("inline","",0),h.content=s.src,h.map=[0,1],h.children=[],s.tokens.push(h)):s.md.block.parse(s.src,s.md,s.env,s.tokens)}],["inline",function Ui(s){const h=s.tokens;for(let M=0,B=h.length;M<B;M++){const V=h[M];"inline"===V.type&&s.md.inline.parse(V.content,s.md,s.env,V.children)}}],["linkify",function Bo(s){const h=s.tokens;if(s.md.options.linkify)for(let M=0,B=h.length;M<B;M++){if("inline"!==h[M].type||!s.md.linkify.pretest(h[M].content))continue;let V=h[M].children,z=0;for(let De=V.length-1;De>=0;De--){const be=V[De];if("link_close"!==be.type){if("html_inline"===be.type&&(Ji(be.content)&&z>0&&z--,_o(be.content)&&z++),!(z>0)&&"text"===be.type&&s.md.linkify.test(be.content)){const Ve=be.content;let ut=s.md.linkify.match(Ve);const Lt=[];let Vt=be.level,yn=0;ut.length>0&&0===ut[0].index&&De>0&&"text_special"===V[De-1].type&&(ut=ut.slice(1));for(let qt=0;qt<ut.length;qt++){const y=s.md.normalizeLink(ut[qt].url);if(!s.md.validateLink(y))continue;let E=ut[qt].text;E=ut[qt].schema?"mailto:"!==ut[qt].schema||/^mailto:/i.test(E)?s.md.normalizeLinkText(E):s.md.normalizeLinkText("mailto:"+E).replace(/^mailto:/,""):s.md.normalizeLinkText("http://"+E).replace(/^http:\/\//,"");const _=ut[qt].index;if(_>yn){const lt=new s.Token("text","",0);lt.content=Ve.slice(yn,_),lt.level=Vt,Lt.push(lt)}const w=new s.Token("link_open","a",1);w.attrs=[["href",y]],w.level=Vt++,w.markup="linkify",w.info="auto",Lt.push(w);const K=new s.Token("text","",0);K.content=E,K.level=Vt,Lt.push(K);const pe=new s.Token("link_close","a",-1);pe.level=--Vt,pe.markup="linkify",pe.info="auto",Lt.push(pe),yn=ut[qt].lastIndex}if(yn<Ve.length){const qt=new s.Token("text","",0);qt.content=Ve.slice(yn),qt.level=Vt,Lt.push(qt)}h[M].children=V=Y(V,De,Lt)}}else for(De--;V[De].level!==be.level&&"link_open"!==V[De].type;)De--}}}],["replacements",function nr(s){let h;if(s.md.options.typographer)for(h=s.tokens.length-1;h>=0;h--)"inline"===s.tokens[h].type&&($r.test(s.tokens[h].content)&&yr(s.tokens[h].children),vo.test(s.tokens[h].content)&&pr(s.tokens[h].children))}],["smartquotes",function ti(s){if(s.md.options.typographer)for(let h=s.tokens.length-1;h>=0;h--)"inline"!==s.tokens[h].type||!Eo.test(s.tokens[h].content)||or(s.tokens[h].children,s)}],["text_join",function $i(s){let h,M;const B=s.tokens,V=B.length;for(let z=0;z<V;z++){if("inline"!==B[z].type)continue;const De=B[z].children,be=De.length;for(h=0;h<be;h++)"text_special"===De[h].type&&(De[h].type="text");for(h=M=0;h<be;h++)"text"===De[h].type&&h+1<be&&"text"===De[h+1].type?De[h+1].content=De[h].content+De[h+1].content:(h!==M&&(De[M]=De[h]),M++);h!==M&&(De.length=M)}}]];function qi(){this.ruler=new en;for(let s=0;s<hi.length;s++)this.ruler.push(hi[s][0],hi[s][1])}qi.prototype.process=function(s){const h=this.ruler.getRules("");for(let M=0,B=h.length;M<B;M++)h[M](s)},qi.prototype.State=Gn;const Xi=qi;function no(s,h,M,B){this.src=s,this.md=h,this.env=M,this.tokens=B,this.bMarks=[],this.eMarks=[],this.tShift=[],this.sCount=[],this.bsCount=[],this.blkIndent=0,this.line=0,this.lineMax=0,this.tight=!1,this.ddIndent=-1,this.listIndent=-1,this.parentType="root",this.level=0;const V=this.src;for(let z=0,De=0,be=0,Ve=0,ut=V.length,Lt=!1;De<ut;De++){const Vt=V.charCodeAt(De);if(!Lt){if(Dn(Vt)){be++,9===Vt?Ve+=4-Ve%4:Ve++;continue}Lt=!0}(10===Vt||De===ut-1)&&(10!==Vt&&De++,this.bMarks.push(z),this.eMarks.push(De),this.tShift.push(be),this.sCount.push(Ve),this.bsCount.push(0),Lt=!1,be=0,Ve=0,z=De+1)}this.bMarks.push(V.length),this.eMarks.push(V.length),this.tShift.push(0),this.sCount.push(0),this.bsCount.push(0),this.lineMax=this.bMarks.length-1}no.prototype.push=function(s,h,M){const B=new gn(s,h,M);return B.block=!0,M<0&&this.level--,B.level=this.level,M>0&&this.level++,this.tokens.push(B),B},no.prototype.isEmpty=function(h){return this.bMarks[h]+this.tShift[h]>=this.eMarks[h]},no.prototype.skipEmptyLines=function(h){for(let M=this.lineMax;h<M&&!(this.bMarks[h]+this.tShift[h]<this.eMarks[h]);h++);return h},no.prototype.skipSpaces=function(h){for(let M=this.src.length;h<M&&Dn(this.src.charCodeAt(h));h++);return h},no.prototype.skipSpacesBack=function(h,M){if(h<=M)return h;for(;h>M;)if(!Dn(this.src.charCodeAt(--h)))return h+1;return h},no.prototype.skipChars=function(h,M){for(let B=this.src.length;h<B&&this.src.charCodeAt(h)===M;h++);return h},no.prototype.skipCharsBack=function(h,M,B){if(h<=B)return h;for(;h>B;)if(M!==this.src.charCodeAt(--h))return h+1;return h},no.prototype.getLines=function(h,M,B,V){if(h>=M)return"";const z=new Array(M-h);for(let De=0,be=h;be<M;be++,De++){let Ve=0;const ut=this.bMarks[be];let Vt,Lt=ut;for(Vt=be+1<M||V?this.eMarks[be]+1:this.eMarks[be];Lt<Vt&&Ve<B;){const yn=this.src.charCodeAt(Lt);if(Dn(yn))9===yn?Ve+=4-(Ve+this.bsCount[be])%4:Ve++;else{if(!(Lt-ut<this.tShift[be]))break;Ve++}Lt++}z[De]=Ve>B?new Array(Ve-B+1).join(" ")+this.src.slice(Lt,Vt):this.src.slice(Lt,Vt)}return z.join("")},no.prototype.Token=gn;const jo=no;function Jo(s,h){return s.src.slice(s.bMarks[h]+s.tShift[h],s.eMarks[h])}function Vo(s){const h=[],M=s.length;let B=0,V=s.charCodeAt(B),z=!1,De=0,be="";for(;B<M;)124===V&&(z?(be+=s.substring(De,B-1),De=B):(h.push(be+s.substring(De,B)),be="",De=B+1)),z=92===V,B++,V=s.charCodeAt(B);return h.push(be+s.substring(De)),h}function We(s,h){const M=s.eMarks[h];let B=s.bMarks[h]+s.tShift[h];const V=s.src.charCodeAt(B++);return 42!==V&&45!==V&&43!==V||B<M&&!Dn(s.src.charCodeAt(B))?-1:B}function wt(s,h){const M=s.bMarks[h]+s.tShift[h],B=s.eMarks[h];let V=M;if(V+1>=B)return-1;let z=s.src.charCodeAt(V++);if(z<48||z>57)return-1;for(;;){if(V>=B)return-1;if(z=s.src.charCodeAt(V++),!(z>=48&&z<=57)){if(41===z||46===z)break;return-1}if(V-M>=10)return-1}return V<B&&(z=s.src.charCodeAt(V),!Dn(z))?-1:V}const oo="<[A-Za-z][A-Za-z0-9\\-]*(?:\\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\\s*=\\s*(?:[^\"'=<>`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*\\/?>",Zn="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>",eo=new RegExp("^(?:"+oo+"|"+Zn+"|\x3c!---?>|\x3c!--(?:[^-]|-[^-]|--[^>])*--\x3e|<[?][\\s\\S]*?[?]>|<![A-Za-z][^>]*>|<!\\[CDATA\\[[\\s\\S]*?\\]\\]>)"),Uo=new RegExp("^(?:"+oo+"|"+Zn+")"),Hn=[[/^<(script|pre|style|textarea)(?=(\s|>|$))/i,/<\/(script|pre|style|textarea)>/i,!0],[/^<!--/,/-->/,!0],[/^<\?/,/\?>/,!0],[/^<![A-Z]/,/>/,!0],[/^<!\[CDATA\[/,/\]\]>/,!0],[new RegExp("^</?("+["address","article","aside","base","basefont","blockquote","body","caption","center","col","colgroup","dd","details","dialog","dir","div","dl","dt","fieldset","figcaption","figure","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","iframe","legend","li","link","main","menu","menuitem","nav","noframes","ol","optgroup","option","p","param","search","section","summary","table","tbody","td","tfoot","th","thead","title","tr","track","ul"].join("|")+")(?=(\\s|/?>|$))","i"),/^$/,!0],[new RegExp(Uo.source+"\\s*$"),/^$/,!1]],Wi=[["table",function gi(s,h,M,B){if(h+2>M)return!1;let V=h+1;if(s.sCount[V]<s.blkIndent||s.sCount[V]-s.blkIndent>=4)return!1;let z=s.bMarks[V]+s.tShift[V];if(z>=s.eMarks[V])return!1;const De=s.src.charCodeAt(z++);if(124!==De&&45!==De&&58!==De||z>=s.eMarks[V])return!1;const be=s.src.charCodeAt(z++);if(124!==be&&45!==be&&58!==be&&!Dn(be)||45===De&&Dn(be))return!1;for(;z<s.eMarks[V];){const pe=s.src.charCodeAt(z);if(124!==pe&&45!==pe&&58!==pe&&!Dn(pe))return!1;z++}let Ve=Jo(s,h+1),ut=Ve.split("|");const Lt=[];for(let pe=0;pe<ut.length;pe++){const lt=ut[pe].trim();if(!lt){if(0===pe||pe===ut.length-1)continue;return!1}if(!/^:?-+:?$/.test(lt))return!1;58===lt.charCodeAt(lt.length-1)?Lt.push(58===lt.charCodeAt(0)?"center":"right"):58===lt.charCodeAt(0)?Lt.push("left"):Lt.push("")}if(Ve=Jo(s,h).trim(),-1===Ve.indexOf("|")||s.sCount[h]-s.blkIndent>=4)return!1;ut=Vo(Ve),ut.length&&""===ut[0]&&ut.shift(),ut.length&&""===ut[ut.length-1]&&ut.pop();const Vt=ut.length;if(0===Vt||Vt!==Lt.length)return!1;if(B)return!0;const yn=s.parentType;s.parentType="table";const qt=s.md.block.ruler.getRules("blockquote"),y=[h,0];s.push("table_open","table",1).map=y,s.push("thead_open","thead",1).map=[h,h+1],s.push("tr_open","tr",1).map=[h,h+1];for(let pe=0;pe<ut.length;pe++){const lt=s.push("th_open","th",1);Lt[pe]&&(lt.attrs=[["style","text-align:"+Lt[pe]]]);const zt=s.push("inline","",0);zt.content=ut[pe].trim(),zt.children=[],s.push("th_close","th",-1)}s.push("tr_close","tr",-1),s.push("thead_close","thead",-1);let w,K=0;for(V=h+2;V<M&&!(s.sCount[V]<s.blkIndent);V++){let pe=!1;for(let zt=0,Mt=qt.length;zt<Mt;zt++)if(qt[zt](s,V,M,!0)){pe=!0;break}if(pe||(Ve=Jo(s,V).trim(),!Ve)||s.sCount[V]-s.blkIndent>=4||(ut=Vo(Ve),ut.length&&""===ut[0]&&ut.shift(),ut.length&&""===ut[ut.length-1]&&ut.pop(),K+=Vt-ut.length,K>65536))break;V===h+2&&(s.push("tbody_open","tbody",1).map=w=[h+2,0]),s.push("tr_open","tr",1).map=[V,V+1];for(let zt=0;zt<Vt;zt++){const Mt=s.push("td_open","td",1);Lt[zt]&&(Mt.attrs=[["style","text-align:"+Lt[zt]]]);const ln=s.push("inline","",0);ln.content=ut[zt]?ut[zt].trim():"",ln.children=[],s.push("td_close","td",-1)}s.push("tr_close","tr",-1)}return w&&(s.push("tbody_close","tbody",-1),w[1]=V),s.push("table_close","table",-1),y[1]=V,s.parentType=yn,s.line=V,!0},["paragraph","reference"]],["code",function fn(s,h,M){if(s.sCount[h]-s.blkIndent<4)return!1;let B=h+1,V=B;for(;B<M;)if(s.isEmpty(B))B++;else{if(!(s.sCount[B]-s.blkIndent>=4))break;B++,V=B}s.line=V;const z=s.push("code_block","code",0);return z.content=s.getLines(h,V,4+s.blkIndent,!1)+"\n",z.map=[h,s.line],!0}],["fence",function Ie(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4||V+3>z)return!1;const De=s.src.charCodeAt(V);if(126!==De&&96!==De)return!1;let be=V;V=s.skipChars(V,De);let Ve=V-be;if(Ve<3)return!1;const ut=s.src.slice(be,V),Lt=s.src.slice(V,z);if(96===De&&Lt.indexOf(String.fromCharCode(De))>=0)return!1;if(B)return!0;let Vt=h,yn=!1;for(;Vt++,!(Vt>=M||(V=be=s.bMarks[Vt]+s.tShift[Vt],z=s.eMarks[Vt],V<z&&s.sCount[Vt]<s.blkIndent));)if(!(s.src.charCodeAt(V)!==De||s.sCount[Vt]-s.blkIndent>=4||(V=s.skipChars(V,De),V-be<Ve||(V=s.skipSpaces(V),V<z)))){yn=!0;break}Ve=s.sCount[h],s.line=Vt+(yn?1:0);const qt=s.push("fence","code",0);return qt.info=Lt,qt.content=s.getLines(h+1,Vt,Ve,!0),qt.markup=ut,qt.map=[h,s.line],!0},["paragraph","reference","blockquote","list"]],["blockquote",function ne(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];const De=s.lineMax;if(s.sCount[h]-s.blkIndent>=4||62!==s.src.charCodeAt(V))return!1;if(B)return!0;const be=[],Ve=[],ut=[],Lt=[],Vt=s.md.block.ruler.getRules("blockquote"),yn=s.parentType;s.parentType="blockquote";let p,qt=!1;for(p=h;p<M;p++){const K=s.sCount[p]<s.blkIndent;if(V=s.bMarks[p]+s.tShift[p],z=s.eMarks[p],V>=z)break;if(62===s.src.charCodeAt(V++)&&!K){let zt,Mt,lt=s.sCount[p]+1;32===s.src.charCodeAt(V)?(V++,lt++,Mt=!1,zt=!0):9===s.src.charCodeAt(V)?(zt=!0,(s.bsCount[p]+lt)%4==3?(V++,lt++,Mt=!1):Mt=!0):zt=!1;let ln=lt;for(be.push(s.bMarks[p]),s.bMarks[p]=V;V<z;){const Fn=s.src.charCodeAt(V);if(!Dn(Fn))break;9===Fn?ln+=4-(ln+s.bsCount[p]+(Mt?1:0))%4:ln++,V++}qt=V>=z,Ve.push(s.bsCount[p]),s.bsCount[p]=s.sCount[p]+1+(zt?1:0),ut.push(s.sCount[p]),s.sCount[p]=ln-lt,Lt.push(s.tShift[p]),s.tShift[p]=V-s.bMarks[p];continue}if(qt)break;let pe=!1;for(let lt=0,zt=Vt.length;lt<zt;lt++)if(Vt[lt](s,p,M,!0)){pe=!0;break}if(pe){s.lineMax=p,0!==s.blkIndent&&(be.push(s.bMarks[p]),Ve.push(s.bsCount[p]),Lt.push(s.tShift[p]),ut.push(s.sCount[p]),s.sCount[p]-=s.blkIndent);break}be.push(s.bMarks[p]),Ve.push(s.bsCount[p]),Lt.push(s.tShift[p]),ut.push(s.sCount[p]),s.sCount[p]=-1}const y=s.blkIndent;s.blkIndent=0;const E=s.push("blockquote_open","blockquote",1);E.markup=">";const _=[h,0];E.map=_,s.md.block.tokenize(s,h,p),s.push("blockquote_close","blockquote",-1).markup=">",s.lineMax=De,s.parentType=yn,_[1]=s.line;for(let K=0;K<Lt.length;K++)s.bMarks[K+h]=be[K],s.tShift[K+h]=Lt[K],s.sCount[K+h]=ut[K],s.bsCount[K+h]=Ve[K];return s.blkIndent=y,!0},["paragraph","reference","blockquote","list"]],["hr",function Be(s,h,M,B){const V=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4)return!1;let z=s.bMarks[h]+s.tShift[h];const De=s.src.charCodeAt(z++);if(42!==De&&45!==De&&95!==De)return!1;let be=1;for(;z<V;){const ut=s.src.charCodeAt(z++);if(ut!==De&&!Dn(ut))return!1;ut===De&&be++}if(be<3)return!1;if(B)return!0;s.line=h+1;const Ve=s.push("hr","hr",0);return Ve.map=[h,s.line],Ve.markup=Array(be+1).join(String.fromCharCode(De)),!0},["paragraph","reference","blockquote","list"]],["list",function Qt(s,h,M,B){let V,z,De,be,Ve=h,ut=!0;if(s.sCount[Ve]-s.blkIndent>=4||s.listIndent>=0&&s.sCount[Ve]-s.listIndent>=4&&s.sCount[Ve]<s.blkIndent)return!1;let Vt,yn,qt,Lt=!1;if(B&&"paragraph"===s.parentType&&s.sCount[Ve]>=s.blkIndent&&(Lt=!0),(qt=wt(s,Ve))>=0){if(Vt=!0,De=s.bMarks[Ve]+s.tShift[Ve],yn=Number(s.src.slice(De,qt-1)),Lt&&1!==yn)return!1}else{if(!((qt=We(s,Ve))>=0))return!1;Vt=!1}if(Lt&&s.skipSpaces(qt)>=s.eMarks[Ve])return!1;if(B)return!0;const p=s.src.charCodeAt(qt-1),y=s.tokens.length;Vt?(be=s.push("ordered_list_open","ol",1),1!==yn&&(be.attrs=[["start",yn]])):be=s.push("bullet_list_open","ul",1);const E=[Ve,0];be.map=E,be.markup=String.fromCharCode(p);let _=!1;const w=s.md.block.ruler.getRules("list"),K=s.parentType;for(s.parentType="list";Ve<M;){z=qt,V=s.eMarks[Ve];const pe=s.sCount[Ve]+qt-(s.bMarks[Ve]+s.tShift[Ve]);let lt=pe;for(;z<V;){const Gi=s.src.charCodeAt(z);if(9===Gi)lt+=4-(lt+s.bsCount[Ve])%4;else{if(32!==Gi)break;lt++}z++}const zt=z;let Mt;Mt=zt>=V?1:lt-pe,Mt>4&&(Mt=1);const ln=pe+Mt;be=s.push("list_item_open","li",1),be.markup=String.fromCharCode(p);const Fn=[Ve,0];be.map=Fn,Vt&&(be.info=s.src.slice(De,qt-1));const Ei=s.tight,Co=s.tShift[Ve],yi=s.sCount[Ve],Ao=s.listIndent;if(s.listIndent=s.blkIndent,s.blkIndent=ln,s.tight=!0,s.tShift[Ve]=zt-s.bMarks[Ve],s.sCount[Ve]=lt,zt>=V&&s.isEmpty(Ve+1)?s.line=Math.min(s.line+2,M):s.md.block.tokenize(s,Ve,M,!0),(!s.tight||_)&&(ut=!1),_=s.line-Ve>1&&s.isEmpty(s.line-1),s.blkIndent=s.listIndent,s.listIndent=Ao,s.tShift[Ve]=Co,s.sCount[Ve]=yi,s.tight=Ei,be=s.push("list_item_close","li",-1),be.markup=String.fromCharCode(p),Ve=s.line,Fn[1]=Ve,Ve>=M||s.sCount[Ve]<s.blkIndent||s.sCount[Ve]-s.blkIndent>=4)break;let Cr=!1;for(let Gi=0,cr=w.length;Gi<cr;Gi++)if(w[Gi](s,Ve,M,!0)){Cr=!0;break}if(Cr)break;if(Vt){if(qt=wt(s,Ve),qt<0)break;De=s.bMarks[Ve]+s.tShift[Ve]}else if(qt=We(s,Ve),qt<0)break;if(p!==s.src.charCodeAt(qt-1))break}return be=Vt?s.push("ordered_list_close","ol",-1):s.push("bullet_list_close","ul",-1),be.markup=String.fromCharCode(p),E[1]=Ve,s.line=Ve,s.parentType=K,ut&&function $t(s,h){const M=s.level+2;for(let B=h+2,V=s.tokens.length-2;B<V;B++)s.tokens[B].level===M&&"paragraph_open"===s.tokens[B].type&&(s.tokens[B+2].hidden=!0,s.tokens[B].hidden=!0,B+=2)}(s,y),!0},["paragraph","reference","blockquote"]],["reference",function hn(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h],De=h+1;if(s.sCount[h]-s.blkIndent>=4||91!==s.src.charCodeAt(V))return!1;function be(w){const K=s.lineMax;if(w>=K||s.isEmpty(w))return null;let pe=!1;if(s.sCount[w]-s.blkIndent>3&&(pe=!0),s.sCount[w]<0&&(pe=!0),!pe){const Mt=s.md.block.ruler.getRules("reference"),ln=s.parentType;s.parentType="reference";let Fn=!1;for(let Ei=0,Co=Mt.length;Ei<Co;Ei++)if(Mt[Ei](s,w,K,!0)){Fn=!0;break}if(s.parentType=ln,Fn)return null}return s.src.slice(s.bMarks[w]+s.tShift[w],s.eMarks[w]+1)}let Ve=s.src.slice(V,z+1);z=Ve.length;let ut=-1;for(V=1;V<z;V++){const w=Ve.charCodeAt(V);if(91===w)return!1;if(93===w){ut=V;break}if(10===w){const K=be(De);null!==K&&(Ve+=K,z=Ve.length,De++)}else if(92===w&&(V++,V<z&&10===Ve.charCodeAt(V))){const K=be(De);null!==K&&(Ve+=K,z=Ve.length,De++)}}if(ut<0||58!==Ve.charCodeAt(ut+1))return!1;for(V=ut+2;V<z;V++){const w=Ve.charCodeAt(V);if(10===w){const K=be(De);null!==K&&(Ve+=K,z=Ve.length,De++)}else if(!Dn(w))break}const Lt=s.md.helpers.parseLinkDestination(Ve,V,z);if(!Lt.ok)return!1;const Vt=s.md.normalizeLink(Lt.str);if(!s.md.validateLink(Vt))return!1;V=Lt.pos;const yn=V,qt=De,p=V;for(;V<z;V++){const w=Ve.charCodeAt(V);if(10===w){const K=be(De);null!==K&&(Ve+=K,z=Ve.length,De++)}else if(!Dn(w))break}let E,y=s.md.helpers.parseLinkTitle(Ve,V,z);for(;y.can_continue;){const w=be(De);if(null===w)break;Ve+=w,V=z,z=Ve.length,De++,y=s.md.helpers.parseLinkTitle(Ve,V,z,y)}for(V<z&&p!==V&&y.ok?(E=y.str,V=y.pos):(E="",V=yn,De=qt);V<z&&Dn(Ve.charCodeAt(V));)V++;if(V<z&&10!==Ve.charCodeAt(V)&&E)for(E="",V=yn,De=qt;V<z&&Dn(Ve.charCodeAt(V));)V++;if(V<z&&10!==Ve.charCodeAt(V))return!1;const _=et(Ve.slice(1,ut));return!!_&&(B||(typeof s.env.references>"u"&&(s.env.references={}),typeof s.env.references[_]>"u"&&(s.env.references[_]={title:E,href:Vt}),s.line=De),!0)}],["html_block",function xr(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4||!s.md.options.html||60!==s.src.charCodeAt(V))return!1;let De=s.src.slice(V,z),be=0;for(;be<Hn.length&&!Hn[be][0].test(De);be++);if(be===Hn.length)return!1;if(B)return Hn[be][2];let Ve=h+1;if(!Hn[be][1].test(De))for(;Ve<M&&!(s.sCount[Ve]<s.blkIndent);Ve++)if(V=s.bMarks[Ve]+s.tShift[Ve],z=s.eMarks[Ve],De=s.src.slice(V,z),Hn[be][1].test(De)){0!==De.length&&Ve++;break}s.line=Ve;const ut=s.push("html_block","",0);return ut.map=[h,Ve],ut.content=s.getLines(h,Ve,s.blkIndent,!0),!0},["paragraph","reference","blockquote"]],["heading",function hr(s,h,M,B){let V=s.bMarks[h]+s.tShift[h],z=s.eMarks[h];if(s.sCount[h]-s.blkIndent>=4)return!1;let De=s.src.charCodeAt(V);if(35!==De||V>=z)return!1;let be=1;for(De=s.src.charCodeAt(++V);35===De&&V<z&&be<=6;)be++,De=s.src.charCodeAt(++V);if(be>6||V<z&&!Dn(De))return!1;if(B)return!0;z=s.skipSpacesBack(z,V);const Ve=s.skipCharsBack(z,35,V);Ve>V&&Dn(s.src.charCodeAt(Ve-1))&&(z=Ve),s.line=h+1;const ut=s.push("heading_open","h"+String(be),1);ut.markup="########".slice(0,be),ut.map=[h,s.line];const Lt=s.push("inline","",0);return Lt.content=s.src.slice(V,z).trim(),Lt.map=[h,s.line],Lt.children=[],s.push("heading_close","h"+String(be),-1).markup="########".slice(0,be),!0},["paragraph","reference","blockquote"]],["lheading",function Wo(s,h,M){const B=s.md.block.ruler.getRules("paragraph");if(s.sCount[h]-s.blkIndent>=4)return!1;const V=s.parentType;s.parentType="paragraph";let De,z=0,be=h+1;for(;be<M&&!s.isEmpty(be);be++){if(s.sCount[be]-s.blkIndent>3)continue;if(s.sCount[be]>=s.blkIndent){let qt=s.bMarks[be]+s.tShift[be];const p=s.eMarks[be];if(qt<p&&(De=s.src.charCodeAt(qt),(45===De||61===De)&&(qt=s.skipChars(qt,De),qt=s.skipSpaces(qt),qt>=p))){z=61===De?1:2;break}}if(s.sCount[be]<0)continue;let yn=!1;for(let qt=0,p=B.length;qt<p;qt++)if(B[qt](s,be,M,!0)){yn=!0;break}if(yn)break}if(!z)return!1;const Ve=s.getLines(h,be,s.blkIndent,!1).trim();s.line=be+1;const ut=s.push("heading_open","h"+String(z),1);ut.markup=String.fromCharCode(De),ut.map=[h,s.line];const Lt=s.push("inline","",0);return Lt.content=Ve,Lt.map=[h,s.line-1],Lt.children=[],s.push("heading_close","h"+String(z),-1).markup=String.fromCharCode(De),s.parentType=V,!0}],["paragraph",function to(s,h,M){const B=s.md.block.ruler.getRules("paragraph"),V=s.parentType;let z=h+1;for(s.parentType="paragraph";z<M&&!s.isEmpty(z);z++){if(s.sCount[z]-s.blkIndent>3||s.sCount[z]<0)continue;let ut=!1;for(let Lt=0,Vt=B.length;Lt<Vt;Lt++)if(B[Lt](s,z,M,!0)){ut=!0;break}if(ut)break}const De=s.getLines(h,z,s.blkIndent,!1).trim();s.line=z,s.push("paragraph_open","p",1).map=[h,s.line];const Ve=s.push("inline","",0);return Ve.content=De,Ve.map=[h,s.line],Ve.children=[],s.push("paragraph_close","p",-1),s.parentType=V,!0}]];function yo(){this.ruler=new en;for(let s=0;s<Wi.length;s++)this.ruler.push(Wi[s][0],Wi[s][1],{alt:(Wi[s][2]||[]).slice()})}yo.prototype.tokenize=function(s,h,M){const B=this.ruler.getRules(""),V=B.length,z=s.md.options.maxNesting;let De=h,be=!1;for(;De<M&&(s.line=De=s.skipEmptyLines(De),!(De>=M||s.sCount[De]<s.blkIndent));){if(s.level>=z){s.line=M;break}const Ve=s.line;let ut=!1;for(let Lt=0;Lt<V;Lt++)if(ut=B[Lt](s,De,M,!1),ut){if(Ve>=s.line)throw new Error("block rule didn't increment state.line");break}if(!ut)throw new Error("none of the block rules matched");s.tight=!be,s.isEmpty(s.line-1)&&(be=!0),De=s.line,De<M&&s.isEmpty(De)&&(be=!0,De++,s.line=De)}},yo.prototype.parse=function(s,h,M,B){if(!s)return;const V=new this.State(s,h,M,B);this.tokenize(V,V.line,V.lineMax)},yo.prototype.State=jo;const bo=yo;function Ii(s,h,M,B){this.src=s,this.env=M,this.md=h,this.tokens=B,this.tokens_meta=Array(B.length),this.pos=0,this.posMax=this.src.length,this.level=0,this.pending="",this.pendingLevel=0,this.cache={},this.delimiters=[],this._prev_delimiters=[],this.backticks={},this.backticksScanned=!1,this.linkLevel=0}Ii.prototype.pushPending=function(){const s=new gn("text","",0);return s.content=this.pending,s.level=this.pendingLevel,this.tokens.push(s),this.pending="",s},Ii.prototype.push=function(s,h,M){this.pending&&this.pushPending();const B=new gn(s,h,M);let V=null;return M<0&&(this.level--,this.delimiters=this._prev_delimiters.pop()),B.level=this.level,M>0&&(this.level++,this._prev_delimiters.push(this.delimiters),this.delimiters=[],V={delimiters:this.delimiters}),this.pendingLevel=this.level,this.tokens.push(B),this.tokens_meta.push(V),B},Ii.prototype.scanDelims=function(s,h){const M=this.posMax,B=this.src.charCodeAt(s),V=s>0?this.src.charCodeAt(s-1):32;let z=s;for(;z<M&&this.src.charCodeAt(z)===B;)z++;const De=z-s,be=z<M?this.src.charCodeAt(z):32,Ve=$e(V)||Te(String.fromCharCode(V)),ut=$e(be)||Te(String.fromCharCode(be)),Lt=ki(V),Vt=ki(be),yn=!Vt&&(!ut||Lt||Ve),qt=!Lt&&(!Ve||Vt||ut);return{can_open:yn&&(h||!qt||Ve),can_close:qt&&(h||!yn||ut),length:De}},Ii.prototype.Token=gn;const Nr=Ii;function ao(s){switch(s){case 10:case 33:case 35:case 36:case 37:case 38:case 42:case 43:case 45:case 58:case 60:case 61:case 62:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 125:case 126:return!0;default:return!1}}const v=/(?:^|[^a-z0-9.+-])([a-z][a-z0-9.+-]*)$/i,re=[];for(let s=0;s<256;s++)re.push(0);function Ct(s,h){let M;const B=[],V=h.length;for(let z=0;z<V;z++){const De=h[z];if(126!==De.marker||-1===De.end)continue;const be=h[De.end];M=s.tokens[De.token],M.type="s_open",M.tag="s",M.nesting=1,M.markup="~~",M.content="",M=s.tokens[be.token],M.type="s_close",M.tag="s",M.nesting=-1,M.markup="~~",M.content="","text"===s.tokens[be.token-1].type&&"~"===s.tokens[be.token-1].content&&B.push(be.token-1)}for(;B.length;){const z=B.pop();let De=z+1;for(;De<s.tokens.length&&"s_close"===s.tokens[De].type;)De++;De--,z!==De&&(M=s.tokens[De],s.tokens[De]=s.tokens[z],s.tokens[z]=M)}}"\\!\"#$%&'()*+,./:;<=>?@[]^_`{|}~-".split("").forEach(function(s){re[s.charCodeAt(0)]=1});const En={tokenize:function dt(s,h){const B=s.src.charCodeAt(s.pos);if(h||126!==B)return!1;const V=s.scanDelims(s.pos,!0);let z=V.length;const De=String.fromCharCode(B);if(z<2)return!1;let be;z%2&&(be=s.push("text","",0),be.content=De,z--);for(let Ve=0;Ve<z;Ve+=2)be=s.push("text","",0),be.content=De+De,s.delimiters.push({marker:B,length:0,token:s.tokens.length-1,end:-1,open:V.can_open,close:V.can_close});return s.pos+=V.length,!0},postProcess:function Ft(s){const h=s.tokens_meta,M=s.tokens_meta.length;Ct(s,s.delimiters);for(let B=0;B<M;B++)h[B]&&h[B].delimiters&&Ct(s,h[B].delimiters)}};function ni(s,h){for(let B=h.length-1;B>=0;B--){const V=h[B];if(95!==V.marker&&42!==V.marker||-1===V.end)continue;const z=h[V.end],De=B>0&&h[B-1].end===V.end+1&&h[B-1].marker===V.marker&&h[B-1].token===V.token-1&&h[V.end+1].token===z.token+1,be=String.fromCharCode(V.marker),Ve=s.tokens[V.token];Ve.type=De?"strong_open":"em_open",Ve.tag=De?"strong":"em",Ve.nesting=1,Ve.markup=De?be+be:be,Ve.content="";const ut=s.tokens[z.token];ut.type=De?"strong_close":"em_close",ut.tag=De?"strong":"em",ut.nesting=-1,ut.markup=De?be+be:be,ut.content="",De&&(s.tokens[h[B-1].token].content="",s.tokens[h[V.end+1].token].content="",B--)}}const bn={tokenize:function wn(s,h){const B=s.src.charCodeAt(s.pos);if(h||95!==B&&42!==B)return!1;const V=s.scanDelims(s.pos,42===B);for(let z=0;z<V.length;z++)s.push("text","",0).content=String.fromCharCode(B),s.delimiters.push({marker:B,length:V.length,token:s.tokens.length-1,end:-1,open:V.can_open,close:V.can_close});return s.pos+=V.length,!0},postProcess:function Jn(s){const h=s.tokens_meta,M=s.tokens_meta.length;ni(s,s.delimiters);for(let B=0;B<M;B++)h[B]&&h[B].delimiters&&ni(s,h[B].delimiters)}},P=/^([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/,I=/^([a-zA-Z][a-zA-Z0-9+.-]{1,31}):([^<>\x00-\x20]*)$/,ai=/^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i,po=/^&([a-z][a-z0-9]{1,31});/i;function Do(s){const h={},M=s.length;if(!M)return;let B=0,V=-2;const z=[];for(let De=0;De<M;De++){const be=s[De];if(z.push(0),(s[B].marker!==be.marker||V!==be.token-1)&&(B=De),V=be.token,be.length=be.length||0,!be.close)continue;h.hasOwnProperty(be.marker)||(h[be.marker]=[-1,-1,-1,-1,-1,-1]);const Ve=h[be.marker][(be.open?3:0)+be.length%3];let ut=B-z[B]-1,Lt=ut;for(;ut>Ve;ut-=z[ut]+1){const Vt=s[ut];if(Vt.marker===be.marker&&Vt.open&&Vt.end<0){let yn=!1;if((Vt.close||be.open)&&(Vt.length+be.length)%3==0&&(Vt.length%3!=0||be.length%3!=0)&&(yn=!0),!yn){const qt=ut>0&&!s[ut-1].open?z[ut-1]+1:0;z[De]=De-ut+qt,z[ut]=qt,be.open=!1,Vt.end=De,Vt.close=!1,Lt=-1,V=-2;break}}}-1!==Lt&&(h[be.marker][(be.open?3:0)+(be.length||0)%3]=Lt)}}const xo=[["text",function _e(s,h){let M=s.pos;for(;M<s.posMax&&!ao(s.src.charCodeAt(M));)M++;return M!==s.pos&&(h||(s.pending+=s.src.slice(s.pos,M)),s.pos=M,!0)}],["linkify",function T(s,h){if(!s.md.options.linkify||s.linkLevel>0)return!1;const M=s.pos;if(M+3>s.posMax||58!==s.src.charCodeAt(M)||47!==s.src.charCodeAt(M+1)||47!==s.src.charCodeAt(M+2))return!1;const V=s.pending.match(v);if(!V)return!1;const z=V[1],De=s.md.linkify.matchAtStart(s.src.slice(M-z.length));if(!De)return!1;let be=De.url;if(be.length<=z.length)return!1;be=be.replace(/\*+$/,"");const Ve=s.md.normalizeLink(be);if(!s.md.validateLink(Ve))return!1;if(!h){s.pending=s.pending.slice(0,-z.length);const ut=s.push("link_open","a",1);ut.attrs=[["href",Ve]],ut.markup="linkify",ut.info="auto",s.push("text","",0).content=s.md.normalizeLinkText(be);const Vt=s.push("link_close","a",-1);Vt.markup="linkify",Vt.info="auto"}return s.pos+=be.length-z.length,!0}],["newline",function L(s,h){let M=s.pos;if(10!==s.src.charCodeAt(M))return!1;const B=s.pending.length-1,V=s.posMax;if(!h)if(B>=0&&32===s.pending.charCodeAt(B))if(B>=1&&32===s.pending.charCodeAt(B-1)){let z=B-1;for(;z>=1&&32===s.pending.charCodeAt(z-1);)z--;s.pending=s.pending.slice(0,z),s.push("hardbreak","br",0)}else s.pending=s.pending.slice(0,-1),s.push("softbreak","br",0);else s.push("softbreak","br",0);for(M++;M<V&&Dn(s.src.charCodeAt(M));)M++;return s.pos=M,!0}],["escape",function Oe(s,h){let M=s.pos;const B=s.posMax;if(92!==s.src.charCodeAt(M)||(M++,M>=B))return!1;let V=s.src.charCodeAt(M);if(10===V){for(h||s.push("hardbreak","br",0),M++;M<B&&(V=s.src.charCodeAt(M),Dn(V));)M++;return s.pos=M,!0}let z=s.src[M];if(V>=55296&&V<=56319&&M+1<B){const be=s.src.charCodeAt(M+1);be>=56320&&be<=57343&&(z+=s.src[M+1],M++)}const De="\\"+z;if(!h){const be=s.push("text_special","",0);be.content=V<256&&0!==re[V]?z:De,be.markup=De,be.info="escape"}return s.pos=M+1,!0}],["backticks",function ot(s,h){let M=s.pos;if(96!==s.src.charCodeAt(M))return!1;const V=M;M++;const z=s.posMax;for(;M<z&&96===s.src.charCodeAt(M);)M++;const De=s.src.slice(V,M),be=De.length;if(s.backticksScanned&&(s.backticks[be]||0)<=V)return h||(s.pending+=De),s.pos+=be,!0;let ut,Ve=M;for(;-1!==(ut=s.src.indexOf("`",Ve));){for(Ve=ut+1;Ve<z&&96===s.src.charCodeAt(Ve);)Ve++;const Lt=Ve-ut;if(Lt===be){if(!h){const Vt=s.push("code_inline","code",0);Vt.markup=De,Vt.content=s.src.slice(M,ut).replace(/\n/g," ").replace(/^ (.+) $/,"$1")}return s.pos=Ve,!0}s.backticks[Lt]=ut}return s.backticksScanned=!0,h||(s.pending+=De),s.pos+=be,!0}],["strikethrough",En.tokenize],["emphasis",bn.tokenize],["link",function jn(s,h){let M,B,V,z,De="",be="",Ve=s.pos,ut=!0;if(91!==s.src.charCodeAt(s.pos))return!1;const Lt=s.pos,Vt=s.posMax,yn=s.pos+1,qt=s.md.helpers.parseLinkLabel(s,s.pos,!0);if(qt<0)return!1;let p=qt+1;if(p<Vt&&40===s.src.charCodeAt(p)){for(ut=!1,p++;p<Vt&&(M=s.src.charCodeAt(p),Dn(M)||10===M);p++);if(p>=Vt)return!1;if(Ve=p,V=s.md.helpers.parseLinkDestination(s.src,p,s.posMax),V.ok){for(De=s.md.normalizeLink(V.str),s.md.validateLink(De)?p=V.pos:De="",Ve=p;p<Vt&&(M=s.src.charCodeAt(p),Dn(M)||10===M);p++);if(V=s.md.helpers.parseLinkTitle(s.src,p,s.posMax),p<Vt&&Ve!==p&&V.ok)for(be=V.str,p=V.pos;p<Vt&&(M=s.src.charCodeAt(p),Dn(M)||10===M);p++);}(p>=Vt||41!==s.src.charCodeAt(p))&&(ut=!0),p++}if(ut){if(typeof s.env.references>"u")return!1;if(p<Vt&&91===s.src.charCodeAt(p)?(Ve=p+1,p=s.md.helpers.parseLinkLabel(s,p),p>=0?B=s.src.slice(Ve,p++):p=qt+1):p=qt+1,B||(B=s.src.slice(yn,qt)),z=s.env.references[et(B)],!z)return s.pos=Lt,!1;De=z.href,be=z.title}if(!h){s.pos=yn,s.posMax=qt;const E=[["href",De]];s.push("link_open","a",1).attrs=E,be&&E.push(["title",be]),s.linkLevel++,s.md.inline.tokenize(s),s.linkLevel--,s.push("link_close","a",-1)}return s.pos=p,s.posMax=Vt,!0}],["image",function Li(s,h){let M,B,V,z,De,be,Ve,ut,Lt="";const Vt=s.pos,yn=s.posMax;if(33!==s.src.charCodeAt(s.pos)||91!==s.src.charCodeAt(s.pos+1))return!1;const qt=s.pos+2,p=s.md.helpers.parseLinkLabel(s,s.pos+1,!1);if(p<0)return!1;if(z=p+1,z<yn&&40===s.src.charCodeAt(z)){for(z++;z<yn&&(M=s.src.charCodeAt(z),Dn(M)||10===M);z++);if(z>=yn)return!1;for(ut=z,be=s.md.helpers.parseLinkDestination(s.src,z,s.posMax),be.ok&&(Lt=s.md.normalizeLink(be.str),s.md.validateLink(Lt)?z=be.pos:Lt=""),ut=z;z<yn&&(M=s.src.charCodeAt(z),Dn(M)||10===M);z++);if(be=s.md.helpers.parseLinkTitle(s.src,z,s.posMax),z<yn&&ut!==z&&be.ok)for(Ve=be.str,z=be.pos;z<yn&&(M=s.src.charCodeAt(z),Dn(M)||10===M);z++);else Ve="";if(z>=yn||41!==s.src.charCodeAt(z))return s.pos=Vt,!1;z++}else{if(typeof s.env.references>"u")return!1;if(z<yn&&91===s.src.charCodeAt(z)?(ut=z+1,z=s.md.helpers.parseLinkLabel(s,z),z>=0?V=s.src.slice(ut,z++):z=p+1):z=p+1,V||(V=s.src.slice(qt,p)),De=s.env.references[et(V)],!De)return s.pos=Vt,!1;Lt=De.href,Ve=De.title}if(!h){B=s.src.slice(qt,p);const y=[];s.md.inline.parse(B,s.md,s.env,y);const E=s.push("image","img",0),_=[["src",Lt],["alt",""]];E.attrs=_,E.children=y,E.content=B,Ve&&_.push(["title",Ve])}return s.pos=z,s.posMax=yn,!0}],["autolink",function fe(s,h){let M=s.pos;if(60!==s.src.charCodeAt(M))return!1;const B=s.pos,V=s.posMax;for(;;){if(++M>=V)return!1;const De=s.src.charCodeAt(M);if(60===De)return!1;if(62===De)break}const z=s.src.slice(B+1,M);if(I.test(z)){const De=s.md.normalizeLink(z);if(!s.md.validateLink(De))return!1;if(!h){const be=s.push("link_open","a",1);be.attrs=[["href",De]],be.markup="autolink",be.info="auto",s.push("text","",0).content=s.md.normalizeLinkText(z);const ut=s.push("link_close","a",-1);ut.markup="autolink",ut.info="auto"}return s.pos+=z.length+2,!0}if(P.test(z)){const De=s.md.normalizeLink("mailto:"+z);if(!s.md.validateLink(De))return!1;if(!h){const be=s.push("link_open","a",1);be.attrs=[["href",De]],be.markup="autolink",be.info="auto",s.push("text","",0).content=s.md.normalizeLinkText(z);const ut=s.push("link_close","a",-1);ut.markup="autolink",ut.info="auto"}return s.pos+=z.length+2,!0}return!1}],["html_inline",function In(s,h){if(!s.md.options.html)return!1;const M=s.posMax,B=s.pos;if(60!==s.src.charCodeAt(B)||B+2>=M)return!1;const V=s.src.charCodeAt(B+1);if(33!==V&&63!==V&&47!==V&&!function Xt(s){const h=32|s;return h>=97&&h<=122}(V))return!1;const z=s.src.slice(B).match(eo);if(!z)return!1;if(!h){const De=s.push("html_inline","",0);De.content=z[0],function A(s){return/^<a[>\s]/i.test(s)}(De.content)&&s.linkLevel++,function xe(s){return/^<\/a\s*>/i.test(s)}(De.content)&&s.linkLevel--}return s.pos+=z[0].length,!0}],["entity",function Ki(s,h){const M=s.pos,B=s.posMax;if(38!==s.src.charCodeAt(M)||M+1>=B)return!1;if(35===s.src.charCodeAt(M+1)){const z=s.src.slice(M).match(ai);if(z){if(!h){const De="x"===z[1][0].toLowerCase()?parseInt(z[1].slice(1),16):parseInt(z[1],10),be=s.push("text_special","",0);be.content=He(De)?pt(De):pt(65533),be.markup=z[0],be.info="entity"}return s.pos+=z[0].length,!0}}else{const z=s.src.slice(M).match(po);if(z){const De=ae(z[0]);if(De!==z[0]){if(!h){const be=s.push("text_special","",0);be.content=De,be.markup=z[0],be.info="entity"}return s.pos+=z[0].length,!0}}}return!1}]],br=[["balance_pairs",function ho(s){const h=s.tokens_meta,M=s.tokens_meta.length;Do(s.delimiters);for(let B=0;B<M;B++)h[B]&&h[B].delimiters&&Do(h[B].delimiters)}],["strikethrough",En.postProcess],["emphasis",bn.postProcess],["fragments_join",function uo(s){let h,M,B=0;const V=s.tokens,z=s.tokens.length;for(h=M=0;h<z;h++)V[h].nesting<0&&B--,V[h].level=B,V[h].nesting>0&&B++,"text"===V[h].type&&h+1<z&&"text"===V[h+1].type?V[h+1].content=V[h].content+V[h+1].content:(h!==M&&(V[M]=V[h]),M++);h!==M&&(V.length=M)}]];function dn(){this.ruler=new en;for(let s=0;s<xo.length;s++)this.ruler.push(xo[s][0],xo[s][1]);this.ruler2=new en;for(let s=0;s<br.length;s++)this.ruler2.push(br[s][0],br[s][1])}dn.prototype.skipToken=function(s){const h=s.pos,M=this.ruler.getRules(""),B=M.length,V=s.md.options.maxNesting,z=s.cache;if(typeof z[h]<"u")return void(s.pos=z[h]);let De=!1;if(s.level<V){for(let be=0;be<B;be++)if(s.level++,De=M[be](s,!0),s.level--,De){if(h>=s.pos)throw new Error("inline rule didn't increment state.pos");break}}else s.pos=s.posMax;De||s.pos++,z[h]=s.pos},dn.prototype.tokenize=function(s){const h=this.ruler.getRules(""),M=h.length,B=s.posMax,V=s.md.options.maxNesting;for(;s.pos<B;){const z=s.pos;let De=!1;if(s.level<V)for(let be=0;be<M;be++)if(De=h[be](s,!1),De){if(z>=s.pos)throw new Error("inline rule didn't increment state.pos");break}if(De){if(s.pos>=B)break}else s.pending+=s.src[s.pos++]}s.pending&&s.pushPending()},dn.prototype.parse=function(s,h,M,B){const V=new this.State(s,h,M,B);this.tokenize(V);const z=this.ruler2.getRules(""),De=z.length;for(let be=0;be<De;be++)z[be](V)},dn.prototype.State=Nr;const Pn=dn;function qn(s){return Array.prototype.slice.call(arguments,1).forEach(function(M){M&&Object.keys(M).forEach(function(B){s[B]=M[B]})}),s}function wi(s){return Object.prototype.toString.call(s)}function Si(s){return"[object Function]"===wi(s)}function gr(s){return s.replace(/[.?*+^$[\]\\(){}|-]/g,"\\$&")}const rr={fuzzyLink:!0,fuzzyEmail:!0,fuzzyIP:!1},Ro={"http:":{validate:function(s,h,M){const B=s.slice(h);return M.re.http||(M.re.http=new RegExp("^\\/\\/"+M.re.src_auth+M.re.src_host_port_strict+M.re.src_path,"i")),M.re.http.test(B)?B.match(M.re.http)[0].length:0}},"https:":"http:","ftp:":"http:","//":{validate:function(s,h,M){const B=s.slice(h);return M.re.no_http||(M.re.no_http=new RegExp("^"+M.re.src_auth+"(?:localhost|(?:(?:"+M.re.src_domain+")\\.)+"+M.re.src_domain_root+")"+M.re.src_port+M.re.src_host_terminator+M.re.src_path,"i")),M.re.no_http.test(B)?h>=3&&":"===s[h-3]||h>=3&&"/"===s[h-3]?0:B.match(M.re.no_http)[0].length:0}},"mailto:":{validate:function(s,h,M){const B=s.slice(h);return M.re.mailto||(M.re.mailto=new RegExp("^"+M.re.src_email_name+"@"+M.re.src_host_strict,"i")),M.re.mailto.test(B)?B.match(M.re.mailto)[0].length:0}}},Fo="a[cdefgilmnoqrstuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrstuvwxyz]|n[acefgilopruz]|om|p[aefghklmnrstwy]|qa|r[eosuw]|s[abcdeghijklmnortuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]",Dr="biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|\u0440\u0444".split("|");function Fr(s){const h=s.re=function xn(s){const h={};s=s||{},h.src_Any=Rt.source,h.src_Cc=mt.source,h.src_Z=H.source,h.src_P=Tt.source,h.src_ZPCc=[h.src_Z,h.src_P,h.src_Cc].join("|"),h.src_ZCc=[h.src_Z,h.src_Cc].join("|");return h.src_pseudo_letter="(?:(?![><\uff5c]|"+h.src_ZPCc+")"+h.src_Any+")",h.src_ip4="(?:(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)",h.src_auth="(?:(?:(?!"+h.src_ZCc+"|[@/\\[\\]()]).)+@)?",h.src_port="(?::(?:6(?:[0-4]\\d{3}|5(?:[0-4]\\d{2}|5(?:[0-2]\\d|3[0-5])))|[1-5]?\\d{1,4}))?",h.src_host_terminator="(?=$|[><\uff5c]|"+h.src_ZPCc+")(?!"+(s["---"]?"-(?!--)|":"-|")+"_|:\\d|\\.-|\\.(?!$|"+h.src_ZPCc+"))",h.src_path="(?:[/?#](?:(?!"+h.src_ZCc+"|[><\uff5c]|[()[\\]{}.,\"'?!\\-;]).|\\[(?:(?!"+h.src_ZCc+"|\\]).)*\\]|\\((?:(?!"+h.src_ZCc+"|[)]).)*\\)|\\{(?:(?!"+h.src_ZCc+'|[}]).)*\\}|\\"(?:(?!'+h.src_ZCc+'|["]).)+\\"|\\\'(?:(?!'+h.src_ZCc+"|[']).)+\\'|\\'(?="+h.src_pseudo_letter+"|[-])|\\.{2,}[a-zA-Z0-9%/&]|\\.(?!"+h.src_ZCc+"|[.]|$)|"+(s["---"]?"\\-(?!--(?:[^-]|$))(?:-*)|":"\\-+|")+",(?!"+h.src_ZCc+"|$)|;(?!"+h.src_ZCc+"|$)|\\!+(?!"+h.src_ZCc+"|[!]|$)|\\?(?!"+h.src_ZCc+"|[?]|$))+|\\/)?",h.src_email_name='[\\-;:&=\\+\\$,\\.a-zA-Z0-9_][\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]*',h.src_xn="xn--[a-z0-9\\-]{1,59}",h.src_domain_root="(?:"+h.src_xn+"|"+h.src_pseudo_letter+"{1,63})",h.src_domain="(?:"+h.src_xn+"|(?:"+h.src_pseudo_letter+")|(?:"+h.src_pseudo_letter+"(?:-|"+h.src_pseudo_letter+"){0,61}"+h.src_pseudo_letter+"))",h.src_host="(?:(?:(?:(?:"+h.src_domain+")\\.)*"+h.src_domain+"))",h.tpl_host_fuzzy="(?:"+h.src_ip4+"|(?:(?:(?:"+h.src_domain+")\\.)+(?:%TLDS%)))",h.tpl_host_no_ip_fuzzy="(?:(?:(?:"+h.src_domain+")\\.)+(?:%TLDS%))",h.src_host_strict=h.src_host+h.src_host_terminator,h.tpl_host_fuzzy_strict=h.tpl_host_fuzzy+h.src_host_terminator,h.src_host_port_strict=h.src_host+h.src_port+h.src_host_terminator,h.tpl_host_port_fuzzy_strict=h.tpl_host_fuzzy+h.src_port+h.src_host_terminator,h.tpl_host_port_no_ip_fuzzy_strict=h.tpl_host_no_ip_fuzzy+h.src_port+h.src_host_terminator,h.tpl_host_fuzzy_test="localhost|www\\.|\\.\\d{1,3}\\.|(?:\\.(?:%TLDS%)(?:"+h.src_ZPCc+"|>|$))",h.tpl_email_fuzzy='(^|[><\uff5c]|"|\\(|'+h.src_ZCc+")("+h.src_email_name+"@"+h.tpl_host_fuzzy_strict+")",h.tpl_link_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+h.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+h.tpl_host_port_fuzzy_strict+h.src_path+")",h.tpl_link_no_ip_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|\uff5c]|"+h.src_ZPCc+"))((?![$+<=>^`|\uff5c])"+h.tpl_host_port_no_ip_fuzzy_strict+h.src_path+")",h}(s.__opts__),M=s.__tlds__.slice();function B(be){return be.replace("%TLDS%",h.src_tlds)}s.onCompile(),s.__tlds_replaced__||M.push(Fo),M.push(h.src_xn),h.src_tlds=M.join("|"),h.email_fuzzy=RegExp(B(h.tpl_email_fuzzy),"i"),h.link_fuzzy=RegExp(B(h.tpl_link_fuzzy),"i"),h.link_no_ip_fuzzy=RegExp(B(h.tpl_link_no_ip_fuzzy),"i"),h.host_fuzzy_test=RegExp(B(h.tpl_host_fuzzy_test),"i");const V=[];function z(be,Ve){throw new Error('(LinkifyIt) Invalid schema "'+be+'": '+Ve)}s.__compiled__={},Object.keys(s.__schemas__).forEach(function(be){const Ve=s.__schemas__[be];if(null===Ve)return;const ut={validate:null,link:null};if(s.__compiled__[be]=ut,function Yi(s){return"[object Object]"===wi(s)}(Ve))return function Po(s){return"[object RegExp]"===wi(s)}(Ve.validate)?ut.validate=function sr(s){return function(h,M){const B=h.slice(M);return s.test(B)?B.match(s)[0].length:0}}(Ve.validate):Si(Ve.validate)?ut.validate=Ve.validate:z(be,Ve),void(Si(Ve.normalize)?ut.normalize=Ve.normalize:Ve.normalize?z(be,Ve):ut.normalize=function(s,h){h.normalize(s)});!function Io(s){return"[object String]"===wi(s)}(Ve)?z(be,Ve):V.push(be)}),V.forEach(function(be){s.__compiled__[s.__schemas__[be]]&&(s.__compiled__[be].validate=s.__compiled__[s.__schemas__[be]].validate,s.__compiled__[be].normalize=s.__compiled__[s.__schemas__[be]].normalize)}),s.__compiled__[""]={validate:null,normalize:function(s,h){h.normalize(s)}};const De=Object.keys(s.__compiled__).filter(function(be){return be.length>0&&s.__compiled__[be]}).map(gr).join("|");s.re.schema_test=RegExp("(^|(?!_)(?:[><\uff5c]|"+h.src_ZPCc+"))("+De+")","i"),s.re.schema_search=RegExp("(^|(?!_)(?:[><\uff5c]|"+h.src_ZPCc+"))("+De+")","ig"),s.re.schema_at_start=RegExp("^"+s.re.schema_search.source,"i"),s.re.pretest=RegExp("("+s.re.schema_test.source+")|("+s.re.host_fuzzy_test.source+")|@","i"),function Go(s){s.__index__=-1,s.__text_cache__=""}(s)}function kr(s,h){const M=s.__index__,B=s.__last_index__,V=s.__text_cache__.slice(M,B);this.schema=s.__schema__.toLowerCase(),this.index=M+h,this.lastIndex=B+h,this.raw=V,this.text=V,this.url=V}function Lr(s,h){const M=new kr(s,h);return s.__compiled__[M.schema].normalize(M,s),M}function wo(s,h){if(!(this instanceof wo))return new wo(s,h);h||function lo(s){return Object.keys(s||{}).reduce(function(h,M){return h||rr.hasOwnProperty(M)},!1)}(s)&&(h=s,s={}),this.__opts__=qn({},rr,h),this.__index__=-1,this.__last_index__=-1,this.__schema__="",this.__text_cache__="",this.__schemas__=qn({},Ro,s),this.__compiled__={},this.__tlds__=Dr,this.__tlds_replaced__=!1,this.re={},Fr(this)}wo.prototype.add=function(h,M){return this.__schemas__[h]=M,Fr(this),this},wo.prototype.set=function(h){return this.__opts__=qn(this.__opts__,h),this},wo.prototype.test=function(h){if(this.__text_cache__=h,this.__index__=-1,!h.length)return!1;let M,B,V,z,De,be,Ve,ut,Lt;if(this.re.schema_test.test(h))for(Ve=this.re.schema_search,Ve.lastIndex=0;null!==(M=Ve.exec(h));)if(z=this.testSchemaAt(h,M[2],Ve.lastIndex),z){this.__schema__=M[2],this.__index__=M.index+M[1].length,this.__last_index__=M.index+M[0].length+z;break}return this.__opts__.fuzzyLink&&this.__compiled__["http:"]&&(ut=h.search(this.re.host_fuzzy_test),ut>=0&&(this.__index__<0||ut<this.__index__)&&null!==(B=h.match(this.__opts__.fuzzyIP?this.re.link_fuzzy:this.re.link_no_ip_fuzzy))&&(De=B.index+B[1].length,(this.__index__<0||De<this.__index__)&&(this.__schema__="",this.__index__=De,this.__last_index__=B.index+B[0].length))),this.__opts__.fuzzyEmail&&this.__compiled__["mailto:"]&&(Lt=h.indexOf("@"),Lt>=0&&null!==(V=h.match(this.re.email_fuzzy))&&(De=V.index+V[1].length,be=V.index+V[0].length,(this.__index__<0||De<this.__index__||De===this.__index__&&be>this.__last_index__)&&(this.__schema__="mailto:",this.__index__=De,this.__last_index__=be))),this.__index__>=0},wo.prototype.pretest=function(h){return this.re.pretest.test(h)},wo.prototype.testSchemaAt=function(h,M,B){return this.__compiled__[M.toLowerCase()]?this.__compiled__[M.toLowerCase()].validate(h,B,this):0},wo.prototype.match=function(h){const M=[];let B=0;this.__index__>=0&&this.__text_cache__===h&&(M.push(Lr(this,B)),B=this.__last_index__);let V=B?h.slice(B):h;for(;this.test(V);)M.push(Lr(this,B)),V=V.slice(this.__last_index__),B+=this.__last_index__;return M.length?M:null},wo.prototype.matchAtStart=function(h){if(this.__text_cache__=h,this.__index__=-1,!h.length)return null;const M=this.re.schema_at_start.exec(h);if(!M)return null;const B=this.testSchemaAt(h,M[2],M[0].length);return B?(this.__schema__=M[2],this.__index__=M.index+M[1].length,this.__last_index__=M.index+M[0].length+B,Lr(this,0)):null},wo.prototype.tlds=function(h,M){return h=Array.isArray(h)?h:[h],M?(this.__tlds__=this.__tlds__.concat(h).sort().filter(function(B,V,z){return B!==z[V-1]}).reverse(),Fr(this),this):(this.__tlds__=h.slice(),this.__tlds_replaced__=!0,Fr(this),this)},wo.prototype.normalize=function(h){h.schema||(h.url="http://"+h.url),"mailto:"===h.schema&&!/^mailto:/i.test(h.url)&&(h.url="mailto:"+h.url)},wo.prototype.onCompile=function(){};const ds=wo,zr=2147483647,F=/^xn--/,Ne=/[^\0-\x7F]/,S=/[\x2E\u3002\uFF0E\uFF61]/g,Ce={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},At=Math.floor,rn=String.fromCharCode;function Un(s){throw new RangeError(Ce[s])}function li(s,h){const M=s.split("@");let B="";M.length>1&&(B=M[0]+"@",s=M[1]);const z=function ui(s,h){const M=[];let B=s.length;for(;B--;)M[B]=h(s[B]);return M}((s=s.replace(S,".")).split("."),h).join(".");return B+z}function Xn(s){const h=[];let M=0;const B=s.length;for(;M<B;){const V=s.charCodeAt(M++);if(V>=55296&&V<=56319&&M<B){const z=s.charCodeAt(M++);56320==(64512&z)?h.push(((1023&V)<<10)+(1023&z)+65536):(h.push(V),M--)}else h.push(V)}return h}const Ti=function(s){return s>=48&&s<58?s-48+26:s>=65&&s<91?s-65:s>=97&&s<123?s-97:36},Zi=function(s,h){return s+22+75*(s<26)-((0!=h)<<5)},$o=function(s,h,M){let B=0;for(s=M?At(s/700):s>>1,s+=At(s/h);s>455;B+=36)s=At(s/35);return At(B+36*s/(s+38))},Ko=function(s){const h=[],M=s.length;let B=0,V=128,z=72,De=s.lastIndexOf("-");De<0&&(De=0);for(let be=0;be<De;++be)s.charCodeAt(be)>=128&&Un("not-basic"),h.push(s.charCodeAt(be));for(let be=De>0?De+1:0;be<M;){const Ve=B;for(let Lt=1,Vt=36;;Vt+=36){be>=M&&Un("invalid-input");const yn=Ti(s.charCodeAt(be++));yn>=36&&Un("invalid-input"),yn>At((zr-B)/Lt)&&Un("overflow"),B+=yn*Lt;const qt=Vt<=z?1:Vt>=z+26?26:Vt-z;if(yn<qt)break;const p=36-qt;Lt>At(zr/p)&&Un("overflow"),Lt*=p}const ut=h.length+1;z=$o(B-Ve,ut,0==Ve),At(B/ut)>zr-V&&Un("overflow"),V+=At(B/ut),B%=ut,h.splice(B++,0,V)}return String.fromCodePoint(...h)},qo=function(s){const h=[],M=(s=Xn(s)).length;let B=128,V=0,z=72;for(const Ve of s)Ve<128&&h.push(rn(Ve));const De=h.length;let be=De;for(De&&h.push("-");be<M;){let Ve=zr;for(const Lt of s)Lt>=B&&Lt<Ve&&(Ve=Lt);const ut=be+1;Ve-B>At((zr-V)/ut)&&Un("overflow"),V+=(Ve-B)*ut,B=Ve;for(const Lt of s)if(Lt<B&&++V>zr&&Un("overflow"),Lt===B){let Vt=V;for(let yn=36;;yn+=36){const qt=yn<=z?1:yn>=z+26?26:yn-z;if(Vt<qt)break;const p=Vt-qt,y=36-qt;h.push(rn(Zi(qt+p%y,0))),Vt=At(p/y)}h.push(rn(Zi(Vt,0))),z=$o(V,ut,be===De),V=0,++be}++V,++B}return h.join("")},mr={version:"2.3.1",ucs2:{decode:Xn,encode:s=>String.fromCodePoint(...s)},decode:Ko,encode:qo,toASCII:function(s){return li(s,function(h){return Ne.test(h)?"xn--"+qo(h):h})},toUnicode:function(s){return li(s,function(h){return F.test(h)?Ko(h.slice(4).toLowerCase()):h})}},ps={default:{options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:100},components:{core:{},block:{},inline:{}}},zero:{options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["paragraph"]},inline:{rules:["text"],rules2:["balance_pairs","fragments_join"]}}},commonmark:{options:{html:!0,xhtmlOut:!0,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"\u201c\u201d\u2018\u2019",highlight:null,maxNesting:20},components:{core:{rules:["normalize","block","inline","text_join"]},block:{rules:["blockquote","code","fence","heading","hr","html_block","lheading","list","reference","paragraph"]},inline:{rules:["autolink","backticks","emphasis","entity","escape","html_inline","image","link","newline","text"],rules2:["balance_pairs","emphasis","fragments_join"]}}}},Ho=/^(vbscript|javascript|file|data):/,hs=/^data:image\/(gif|png|jpeg|webp);/;function ns(s){const h=s.trim().toLowerCase();return!Ho.test(h)||hs.test(h)}const Vr=["http:","https:","mailto:"];function ko(s){const h=Wt(s,!0);if(h.hostname&&(!h.protocol||Vr.indexOf(h.protocol)>=0))try{h.hostname=mr.toASCII(h.hostname)}catch{}return ye(q(h))}function Da(s){const h=Wt(s,!0);if(h.hostname&&(!h.protocol||Vr.indexOf(h.protocol)>=0))try{h.hostname=mr.toUnicode(h.hostname)}catch{}return te(q(h),te.defaultChars+"%")}function ur(s,h){if(!(this instanceof ur))return new ur(s,h);h||rt(s)||(h=s||{},s="default"),this.inline=new Pn,this.block=new bo,this.core=new Xi,this.renderer=new It,this.linkify=new ds,this.validateLink=ns,this.normalizeLink=ko,this.normalizeLinkText=Da,this.utils=O,this.helpers=ge({},N),this.options={},this.configure(s),h&&this.set(h)}ur.prototype.set=function(s){return ge(this.options,s),this},ur.prototype.configure=function(s){const h=this;if(rt(s)){const M=s;if(!(s=ps[M]))throw new Error('Wrong `markdown-it` preset "'+M+'", check name')}if(!s)throw new Error("Wrong `markdown-it` preset, can't be empty");return s.options&&h.set(s.options),s.components&&Object.keys(s.components).forEach(function(M){s.components[M].rules&&h[M].ruler.enableOnly(s.components[M].rules),s.components[M].rules2&&h[M].ruler2.enableOnly(s.components[M].rules2)}),this},ur.prototype.enable=function(s,h){let M=[];Array.isArray(s)||(s=[s]),["core","block","inline"].forEach(function(V){M=M.concat(this[V].ruler.enable(s,!0))},this),M=M.concat(this.inline.ruler2.enable(s,!0));const B=s.filter(function(V){return M.indexOf(V)<0});if(B.length&&!h)throw new Error("MarkdownIt. Failed to enable unknown rule(s): "+B);return this},ur.prototype.disable=function(s,h){let M=[];Array.isArray(s)||(s=[s]),["core","block","inline"].forEach(function(V){M=M.concat(this[V].ruler.disable(s,!0))},this),M=M.concat(this.inline.ruler2.disable(s,!0));const B=s.filter(function(V){return M.indexOf(V)<0});if(B.length&&!h)throw new Error("MarkdownIt. Failed to disable unknown rule(s): "+B);return this},ur.prototype.use=function(s){const h=[this].concat(Array.prototype.slice.call(arguments,1));return s.apply(s,h),this},ur.prototype.parse=function(s,h){if("string"!=typeof s)throw new Error("Input data should be a String");const M=new this.core.State(s,this,h);return this.core.process(M),M.tokens},ur.prototype.render=function(s,h){return this.renderer.render(this.parse(s,h=h||{}),this.options,h)},ur.prototype.parseInline=function(s,h){const M=new this.core.State(s,this,h);return M.inlineMode=!0,this.core.process(M),M.tokens},ur.prototype.renderInline=function(s,h){return this.renderer.render(this.parseInline(s,h=h||{}),this.options,h)};const Js=ur;function gs(s){return JSON.parse(JSON.stringify(s,(h,M)=>function lr(s){const h="string"==typeof s?s.trim():s;return["",NaN,null,void 0].includes(h)}(M)?void 0:M))}function Ss(s){return"true"===(null==s?void 0:s.toString())}function _s(s){const h=String(s).trim();if(function ms(s){return["NaN","null","undefined"].includes(s)}(h))return null;if(function _r(s){return"true"===s||"false"===s}(h))return"true"===String(h);if(function Os(s){return!!s.trim()&&!Number.isNaN(Number(s))&&!s.startsWith("+")}(h))return Number(h);const M=decodeURIComponent(h);try{return function Ca(s){return s.startsWith("[")&&s.endsWith("]")}(M)||function Qn(s){return s.startsWith("{")&&s.endsWith("}")}(M)?JSON.parse(M):M}catch{return M}}function Gr(s,h){if(null===s)return"null";switch(typeof s){case"string":return"'".concat(s,"'");case"undefined":case"number":case"boolean":case"function":return String(s)}return s instanceof RegExp?String(s):Array.isArray(s)?function As(s,h){if(0===h)return"[\u2026]";let M="",B=!0;for(let V=0;V<s.length;V++)B?B=!1:M+=", ",M+=V in s?Gr(s[V],h-1):"empty";return"[".concat(M,"]")}(s,h):function qs(s,h){if(0===h)return"{\u2026}";let M="",B=!0;for(const V in s)s.hasOwnProperty(V)&&(B?B=!1:M+=", ",M+="".concat(V,": ").concat(Gr(s[V],h-1)));return"{".concat(M,"}")}(s,h)}function Ps(s=""){const M=(new Js).parse(s,{}).filter(({tag:B,type:V})=>"code"===B&&"fence"===V).map(({content:B})=>B.trim());return M.length?M:[s]}function is({path:s,title:h,loadComponent:M,loadChildren:B}={}){return{path:null==s?void 0:s.replace(/^\//,""),loadComponent:M,loadChildren:B,data:{title:h},...B||""===s?{}:{children:[{path:":tab",loadComponent:M}]}}}function vs(s){return Rs.apply(this,arguments)}function Rs(){return(Rs=(0,X.A)(function*(s){return s instanceof Promise?(yield s).default:s})).apply(this,arguments)}function Ta(s){return Ns.apply(this,arguments)}function Ns(){return(Ns=(0,X.A)(function*(s){const h={};for(const[M,B]of Object.entries(s))B&&(h[M]=yield vs(B));return h})).apply(this,arguments)}function _i(s){const h=new Map;return s.forEach(M=>{"subPages"in M?M.subPages.forEach(B=>{h.set(B.title,B)}):h.set(M.title,M)}),h}const Fs={\u0430:"f",\u0431:",",\u0432:"d",\u0433:"u",\u0434:"l",\u0435:"t",\u0451:"`",\u0436:";",\u0437:"p",\u0438:"b",\u0439:"q",\u043a:"r",\u043b:"k",\u043c:"v",\u043d:"y",\u043e:"j",\u043f:"g",\u0440:"h",\u0441:"c",\u0442:"n",\u0443:"e",\u0444:"a",\u0445:"[",\u0446:"w",\u0447:"x",\u0448:"i",\u0449:"o",\u044a:"]",\u044b:"s",\u044c:"m",\u044e:".",\u044f:"z"};function ys(s){let h="";for(let M=0;M<s.length;M++)h+=s.charAt(M)in Fs?Fs[s.charAt(M)]:s.charAt(M);return h}function Oo(s){const h=s.match(/<([^>]+)>/g);return(h?h.reduce((B,V)=>B.replace(V,V.replaceAll("|","&")),s).split("|").map(B=>B.trim()):s.split("|").map(B=>B.trim())).reduce((B,V)=>{var z,De,be,Ve,ut,Lt,Vt,yn;let qt=V.trim().replaceAll("readonly ","").replaceAll("[]","");return qt=null!==(z=null===(De=/ReadonlyArray<([^>]+)>/.exec(qt))||void 0===De||null===(De=De[1])||void 0===De||null===(De=De.split("&"))||void 0===De?void 0:De[0])&&void 0!==z?z:qt,qt=null!==(be=null===(Ve=/\[([^\]]+)\]/.exec(qt))||void 0===Ve||null===(Ve=Ve[1])||void 0===Ve||null===(Ve=Ve.split(","))||void 0===Ve?void 0:Ve[0])&&void 0!==be?be:qt,qt=null!==(ut=null===(Lt=null!==(Vt=null===(yn=qt.split("<"))||void 0===yn?void 0:yn[0])&&void 0!==Vt?Vt:qt)||void 0===Lt?void 0:Lt.trim())&&void 0!==ut?ut:"",qt=Number.isNaN(parseFloat(qt))?qt:"number",qt=/^'(.+)'$|^"(.+)"$|^`(.+)`$/.test(qt)?"string":qt,qt=1===qt.length?"unknown":qt,B.concat({type:V.replaceAll("&","|"),extracted:qt})},[])}},4926:(St,Fe,u)=>{u.d(Fe,{Ak:()=>te,Mx:()=>ve,XB:()=>N,bo:()=>Z,mi:()=>se});var t=u(2978),c=u(4314);const O=["viewContainer"];class N{}let se=(()=>{var ye;class q{constructor(){this.injector=(0,t.WQX)(t.duS),this.nothing=(0,t.WQX)(te).attach(this)}addComponentChild(j){const oe=j.createInjector(this.injector),Le=this.vcr.createComponent(j.component,{injector:oe});return Le.changeDetectorRef.detectChanges(),Le}addTemplateChild(j,oe){return this.vcr.createEmbeddedView(j,oe)}}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275dir=t.FsC({type:ye,viewQuery:function(j,oe){if(1&j&&t.GBs(O,5,t.c1b),2&j){let Le;t.mGM(Le=t.lsd())&&(oe.vcr=Le.first)}}}),q})(),te=(()=>{var ye;class q{attach(j){this.host=j}add(j){return this.safeHost.addComponentChild(j)}remove({hostView:j}){j.destroyed||j.destroy()}addTemplate(j,oe){return this.safeHost.addTemplateChild(j,oe)}removeTemplate(j){j.destroyed||j.destroy()}get safeHost(){if(!this.host)throw new Q;return this.host}}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275prov=t.jDH({token:ye,factory:ye.\u0275fac}),q})();function Z(ye){return(0,c.QU)(te,ye)}class Q extends Error{constructor(){super("")}}class ve{constructor(q,Ae={}){this.message=q,this.context=Ae}}},9141:(St,Fe,u)=>{u.d(Fe,{BJ:()=>ve,Lo:()=>$,Np:()=>j,QE:()=>Xe,SD:()=>Ee,Um:()=>_t,am:()=>oe,c:()=>Le,el:()=>Me,s_:()=>W,x7:()=>X,xQ:()=>O,z9:()=>se});var t=u(2978);const c={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0},O=new t.rOR,X=()=>{},$={...c,toJSON:()=>c},W=()=>!1,se=()=>!0,ve=(Tt,Ot)=>Tt===Ot||function te(Tt,Ot){return Array.isArray(Tt)&&Array.isArray(Ot)&&!Tt.length&&!Ot.length}(Tt,Ot),j={acceptNode:Tt=>"ownerSVGElement"in Tt?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},oe="\xa0",Le="\u2013",Ee="-",Me="\u2212",Xe="+",_t="\u200b"},6548:(St,Fe,u)=>{u.d(Fe,{GG:()=>Me,Xv:()=>Tt,dF:()=>Ot});var t=u(9141),c=u(712);const W=12,Me=("".concat(t.am).concat(t.c).concat(t.am),{Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6});class Ge{constructor(le){this.year=le}static isValidYear(le){return Number.isInteger(le)&&(0,c.bQ)(le,0,1e4)}static isLeapYear(le){return le%400==0||le%4==0&&le%100!=0}static getAbsoluteLeapYears(le){return Math.ceil(le/400)+(Math.ceil(le/4)-Math.ceil(le/100))}static lengthBetween(le,H){return H.year-le.year}static normalizeYearPart(le){return(0,c.fS)(le,0,9999)}get formattedYear(){return String(this.year).padStart(4,"0")}get isLeapYear(){return Ge.isLeapYear(this.year)}get absoluteLeapYears(){return Ge.getAbsoluteLeapYears(this.year)}yearBefore({year:le}){return this.year<le}yearSameOrBefore({year:le}){return this.year<=le}yearSame({year:le}){return this.year===le}yearSameOrAfter({year:le}){return this.year>=le}yearAfter({year:le}){return this.year>le}append({year:le=0}){return new Ge(this.year+le)}toString(){return this.formattedYear}valueOf(){return this.year}[Symbol.toPrimitive](le){return Date.prototype[Symbol.toPrimitive].call(this,le)}toJSON(){return this.formattedYear}}class at extends Ge{constructor(le,H){super(le),this.month=H}static isValidMonth(le,H){return Ge.isValidYear(le)&&at.isValidMonthPart(H)}static getMonthDaysCount(le,H){switch(le){case 3:case 5:case 10:case 8:return 30;case 1:return H?29:28;default:return 31}}static currentLocal(){const le=new Date;return new at(le.getFullYear(),le.getMonth())}static currentUtc(){const le=new Date;return new at(le.getUTCFullYear(),le.getUTCMonth())}static lengthBetween(le,H){return H.month+12*H.year-(le.month+12*le.year)}static normalizeMonthPart(le){return(0,c.fS)(le,0,11)}static isValidMonthPart(le){return Number.isInteger(le)&&(0,c.bQ)(le,0,12)}get formattedMonthPart(){return String(this.month+1).padStart(2,"0")}get daysCount(){return at.getMonthDaysCount(this.month,this.isLeapYear)}monthBefore(le){return this.yearBefore(le)||this.yearSame(le)&&this.month<le.month}monthSameOrBefore(le){return this.yearBefore(le)||this.yearSame(le)&&this.month<=le.month}monthSame(le){return this.yearSame(le)&&this.month===le.month}monthSameOrAfter(le){return this.yearAfter(le)||this.yearSame(le)&&this.month>=le.month}monthAfter(le){return this.yearAfter(le)||this.yearSame(le)&&this.month>le.month}append({year:le=0,month:H=0}){const ce=(this.year+le)*W+this.month+H;return new at(Math.floor(ce/W),ce%W)}toString(){return"".concat(this.formattedMonthPart,".").concat(this.formattedYear)}valueOf(){return this.toLocalNativeDate().valueOf()}toJSON(){return"".concat(super.toJSON(),"-").concat(this.formattedMonthPart)}toLocalNativeDate(){return new Date(this.year,this.month)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month))}}class tt extends at{constructor(le,H,ce){super(le,H),this.day=ce}static fromLocalNativeDate(le){return new tt(le.getFullYear(),le.getMonth(),le.getDate())}static fromUtcNativeDate(le){return new tt(le.getUTCFullYear(),le.getUTCMonth(),le.getUTCDate())}static isValidDay(le,H,ce){return at.isValidMonth(le,H)&&Number.isInteger(ce)&&(0,c.bQ)(ce,1,at.getMonthDaysCount(H,Ge.isLeapYear(le))+1)}static currentLocal(){const le=new Date,H=le.getFullYear(),ce=le.getMonth(),k=le.getDate();return new tt(H,ce,k)}static currentUtc(){const le=new Date,H=le.getUTCFullYear(),ce=le.getUTCMonth(),k=le.getUTCDate();return new tt(H,ce,k)}static normalizeOf(le,H,ce){const k=Ge.normalizeYearPart(le),J=at.normalizeMonthPart(H),ie=tt.normalizeDayPart(ce,J,k);return new tt(k,J,ie)}static lengthBetween(le,H){return Math.round((H.toLocalNativeDate().getTime()-le.toLocalNativeDate().getTime())/864e5)}static parseRawDateString(le,H="DMY"){switch(H){case"MDY":return{day:parseInt(le.slice(3,5),10),month:parseInt(le.slice(0,2),10)-1,year:parseInt(le.slice(6,10),10)};case"YMD":return{day:parseInt(le.slice(8,10),10),month:parseInt(le.slice(5,7),10)-1,year:parseInt(le.slice(0,4),10)};default:return{day:parseInt(le.slice(0,2),10),month:parseInt(le.slice(3,5),10)-1,year:parseInt(le.slice(6,10),10)}}}static normalizeParse(le,H="DMY"){const{day:ce,month:k,year:J}=this.parseRawDateString(le,H);return tt.normalizeOf(J,k,ce)}static jsonParse(le){const{day:H,month:ce,year:k}=this.parseRawDateString(le,"YMD");if(!at.isValidMonth(k,ce)||!Number.isInteger(H)||!(0,c.bQ)(H,1,at.getMonthDaysCount(ce,Ge.isLeapYear(k))+1))throw new _t(k,ce,H);return new tt(k,ce,H)}static normalizeDayPart(le,H,ce){const k=at.getMonthDaysCount(H,Ge.isLeapYear(ce));return(0,c.fS)(le,1,k)}get formattedDayPart(){return String(this.day).padStart(2,"0")}get isWeekend(){const le=this.dayOfWeek(!1);return le===Me.Saturday||le===Me.Sunday}dayOfWeek(le=!0){const H=le?this.toLocalNativeDate().getDay()-1:this.toLocalNativeDate().getDay();return H<0?6:H}dayBefore(le){return this.monthBefore(le)||this.monthSame(le)&&this.day<le.day}daySameOrBefore(le){return this.monthBefore(le)||this.monthSame(le)&&this.day<=le.day}daySame(le){return this.monthSame(le)&&this.day===le.day}daySameOrAfter(le){return this.monthAfter(le)||this.monthSame(le)&&this.day>=le.day}dayAfter(le){return this.monthAfter(le)||this.monthSame(le)&&this.day>le.day}dayLimit(le,H){return null!==le&&this.dayBefore(le)?le:null!==H&&this.dayAfter(H)?H:this}append({year:le=0,month:H=0,day:ce=0}){const k=(this.year+le)*W+this.month+H;let J=Math.floor(k/W),ie=k%W,de=Math.min(this.day,at.getMonthDaysCount(ie,Ge.isLeapYear(J)))+ce;for(;de>at.getMonthDaysCount(ie,Ge.isLeapYear(J));)de-=at.getMonthDaysCount(ie,Ge.isLeapYear(J)),11===ie?(J++,ie=0):ie++;for(;de<1;)0===ie?(J--,ie=11):ie--,de+=at.getMonthDaysCount(ie,Ge.isLeapYear(J));return new tt(J,ie,de)}getFormattedDay(le,H){const ce=this.formattedDayPart,k=this.formattedMonthPart,J=this.formattedYear;switch(le){case"MDY":return"".concat(k).concat(H).concat(ce).concat(H).concat(J);case"YMD":return"".concat(J).concat(H).concat(k).concat(H).concat(ce);default:return"".concat(ce).concat(H).concat(k).concat(H).concat(J)}}toString(le="DMY",H="."){return this.getFormattedDay(le,H)}toJSON(){return"".concat(super.toJSON(),"-").concat(this.formattedDayPart)}toLocalNativeDate(){return new Date(this.year,this.month,this.day)}toUtcNativeDate(){return new Date(Date.UTC(this.year,this.month,this.day))}}class _t extends Error{constructor(le,H,ce){super("")}}const Tt=new tt(0,0,1),Ot=new tt(9999,11,31);Symbol},6242:(St,Fe,u)=>{u.d(Fe,{N:()=>ye});var t=u(7270),c=u(2978),O=u(8832),N=u(4976),X=u(811),$=u(4822),W=u(4314),se=u(3527),te=u(965),Z=u(3793),Q=u(9990),ve=u(7236);let ye=(()=>{var q;class Ae{constructor(){var oe;this.control=(0,c.WQX)(O.vO,{self:!0,optional:!0}),this.active$=(0,c.WQX)(X.t9),this.zone=(0,c.WQX)(c.SKi),this.el=(0,$.qW)(),this.tuiActiveZoneParent=null,this.subActiveZones=[],this.directParentActiveZone=(0,c.WQX)(Ae,{skipSelf:!0,optional:!0}),this.tuiActiveZoneChange=this.active$.pipe((0,se.T)(Le=>!!Le&&this.contains(Le)),(0,te.Z)(!1),(0,Z.F)(),(0,Q.i)(1),(0,ve.M)(Le=>{var nt;!Le&&"function"==typeof(null===(nt=this.control)||void 0===nt?void 0:nt.valueAccessor.onTouched)&&this.control.valueAccessor.onTouched()}),(0,N.sX)(this.zone)),null===(oe=this.directParentActiveZone)||void 0===oe||oe.addSubActiveZone(this)}set tuiActiveZoneParentSetter(oe){this.setZone(oe)}ngOnDestroy(){var oe,Le;null===(oe=this.directParentActiveZone)||void 0===oe||oe.removeSubActiveZone(this),null===(Le=this.tuiActiveZoneParent)||void 0===Le||Le.removeSubActiveZone(this)}contains(oe){return this.el.contains(oe)||this.subActiveZones.some((Le,nt,Ue)=>Ue.indexOf(Le)===nt&&Le.contains(oe))}setZone(oe){var Le;null===(Le=this.tuiActiveZoneParent)||void 0===Le||Le.removeSubActiveZone(this),null==oe||oe.addSubActiveZone(this),this.tuiActiveZoneParent=oe}addSubActiveZone(oe){this.subActiveZones=[...this.subActiveZones,oe]}removeSubActiveZone(oe){this.subActiveZones=(0,W.GV)(this.subActiveZones,this.subActiveZones.indexOf(oe))}}return(q=Ae).\u0275fac=function(oe){return new(oe||q)},q.\u0275dir=c.FsC({type:q,selectors:[["","tuiActiveZone","",5,"ng-container"],["","tuiActiveZoneChange","",5,"ng-container"],["","tuiActiveZoneParent","",5,"ng-container"]],hostBindings:function(oe,Le){1&oe&&c.bIt("mousedown.silent",function(){return 0},!1,c.EBC)},inputs:{tuiActiveZoneParentSetter:["tuiActiveZoneParent","tuiActiveZoneParentSetter"]},outputs:{tuiActiveZoneChange:"tuiActiveZoneChange"},exportAs:["tuiActiveZone"],standalone:!0}),(0,t.Cg)([W.PE],Ae.prototype,"setZone",null),Ae})()},958:(St,Fe,u)=>{u.d(Fe,{W:()=>W});var t=u(2978),c=u(8832),O=u(4976),N=u(4822),X=u(4314),$=u(3229);let W=(()=>{var se;class te{constructor(){this.destroyRef=(0,t.WQX)(t.abz),this.zone=(0,t.WQX)(t.SKi),this.el=(0,N.qW)(),this.tuiNativeValidator="Invalid"}validate(Q){return this.control=Q,(0,$.O)(0).pipe((0,O.rB)(this.zone),(0,O.NK)(this.destroyRef)).subscribe(()=>this.handleValidation()),null}handleValidation(){var Q,ve,ye,q;null===(Q=(ve=this.el).setCustomValidity)||void 0===Q||Q.call(ve,null!==(ye=this.control)&&void 0!==ye&&ye.touched&&null!==(q=this.control)&&void 0!==q&&q.invalid?this.tuiNativeValidator:"")}}return(se=te).\u0275fac=function(Q){return new(Q||se)},se.\u0275dir=t.FsC({type:se,selectors:[["","tuiNativeValidator",""]],hostBindings:function(Q,ve){1&Q&&t.bIt("focusout",function(){return ve.handleValidation()})},inputs:{tuiNativeValidator:"tuiNativeValidator"},standalone:!0,features:[t.Jv_([(0,X.QU)(c.cz,se,!0)])]}),te})()},4976:(St,Fe,u)=>{u.d(Fe,{A5:()=>tt,Eb:()=>Ht,Ew:()=>mt,MJ:()=>at,NK:()=>_t,aY:()=>Me,lD:()=>oe,rB:()=>Tt,sX:()=>Ot,xM:()=>Le});var t=u(9406),c=u(965),O=u(8129),N=u(6106),X=u(2831),$=u(8448),W=u(3527),se=u(6340),te=u(871),Z=u(4526),Q=u(2290),ve=u(7236),ye=u(4929),q=u(4314),Ae=u(7212),j=u(2978);function oe(H){return new t.c(ce=>{var k;return null==H||null===(k=H.valueChanges)||void 0===k?void 0:k.pipe((0,c.Z)(H.value)).subscribe(ce)})}function Le(H,ce,k={}){return(0,O.R)(H,ce,k)}function Me(H,ce=Boolean){return(0,N.F)((0,X.n)(k=>ce(k)?H(k):$.w))}function at(H){return H.changes.pipe((0,c.Z)(null),(0,W.T)(()=>(0,q.fk)(H)))}function tt(H){return Le(H===H.ownerDocument.documentElement?H.ownerDocument:H,"scroll")}function _t(H){return(0,N.F)((0,se.Q)(te.t.pipe((0,Ae.pQ)(H),(0,Z.W)(()=>$.w),(0,Q.U)(null))))}function Ht(H){return(0,ve.M)(()=>H.markForCheck())}function Tt(H=(0,j.WQX)(j.SKi)){return ce=>new t.c(k=>H.runOutsideAngular(()=>ce.subscribe(k)))}function Ot(H=(0,j.WQX)(j.SKi)){return(0,N.F)(Tt(H),function Wt(H=(0,j.WQX)(j.SKi)){return ce=>new t.c(k=>ce.subscribe({next:J=>H.run(()=>k.next(J)),error:J=>H.run(()=>k.error(J)),complete:()=>H.run(()=>k.complete())}))}(H))}Error;class Rt{constructor(ce,k=ye.E){this.zoneConditionFn=ce,this.scheduler=k}now(){return this.scheduler.now()}schedule(...ce){return this.zoneConditionFn(()=>this.scheduler.schedule(...ce))}}function mt(H=(0,j.WQX)(j.SKi),ce=ye.E){return new Rt(H.runOutsideAngular.bind(H),ce)}},7002:(St,Fe,u)=>{u.d(Fe,{XD:()=>W,bL:()=>se});var t=u(2978),c=u(4314),O=u(5173),N=u(9406),X=u(6098);let $=(()=>{var j;class oe{generate(){return"tui_".concat(oe.autoId++).concat(Date.now())}}return(j=oe).autoId=0,j.\u0275fac=function(nt){return new(nt||j)},j.\u0275prov=t.jDH({token:j,factory:j.\u0275fac,providedIn:"root"}),oe})();function W(){return(0,t.WQX)($).generate()}let se=(()=>{var j;class oe{constructor(nt,Ue,U={}){this.options=U,this.id=(0,t.WQX)($),this.component=new O.lS(Ue),this.items$=(0,t.WQX)(nt)}open(nt,Ue={}){return new N.c(U=>{const Ee={...this.options,...Ue,content:nt,$implicit:U,component:this.component,createdAt:Date.now(),id:this.id.generate(),completeWith:Me=>{U.next(Me),U.complete()}};return this.items$.next([...this.items$.value,Ee]),()=>{this.items$.next(this.items$.value.filter(Me=>Me!==Ee))}})}}return(j=oe).\u0275fac=function(nt){t.QTQ()},j.\u0275prov=t.jDH({token:j,factory:j.\u0275fac}),oe})();(0,c.ET)(()=>{var j,oe;return null!==(j=null===(oe=(0,t.WQX)(X.W8).getTag('name="theme-color"'))||void 0===oe?void 0:oe.content)&&void 0!==j?j:""})},811:(St,Fe,u)=>{u.d(Fe,{t9:()=>ce,Hs:()=>Pt,mg:()=>ee,Td:()=>de,wC:()=>Re,Ld:()=>Pe,pg:()=>ke,lN:()=>an,Q_:()=>Ln});var t=u(6610),c=u(2978),O=u(3241),N=u(4976),X=u(4314),$=u(4822),W=u(7434),se=u(4010),te=u(5981),Z=u(2831),Q=u(3229),ve=u(3527),ye=u(965),q=u(7782),Ae=u(2489),j=u(8503),oe=u(6340),Le=u(9922),nt=u(9867),Ue=u(6111),U=u(8621),Ee=u(9656),Me=u(262),Xe=u(2363),at=u(756),tt=u(8486),_t=u(3793),Ht=u(8129),Wt=u(6661),Tt=u(1249),Ot=u(7212),Rt=u(9141);const mt=(0,X.ET)(()=>{const tn={onRemovalComplete:()=>{}},it=new te.t(null),Ye=(0,c.WQX)(Tt.O6,{optional:!0})||tn,{onRemovalComplete:ct=tn.onRemovalComplete}=Ye;return Ye.onRemovalComplete=(ae,he)=>{it.next(ae),ct.call(Ye,ae,he)},it.pipe((0,Z.n)(ae=>(0,Q.O)(0).pipe((0,ve.T)(()=>null),(0,ye.Z)(ae))),(0,q.u)())});function le(tn,it=null){return(0,$.dd)(tn).activeElement!==tn&&!tn.matches(":disabled")&&!(null!=it&&it.contains(tn))&&(0,W.PQ)(tn)}const ce=(0,X.ET)(()=>{const tn=(0,c.WQX)(mt),it=(0,c.WQX)(O.Qc),Ye=(0,c.WQX)(t.qQ),ct=(0,c.WQX)(c.SKi),ae=(0,N.xM)(it,"focusout",{capture:!0}),he=(0,N.xM)(it,"focusin",{capture:!0}),je=(0,N.xM)(it,"blur"),vt=(0,N.xM)(it,"mousedown"),Bt=(0,N.xM)(it,"mouseup");return(0,Ae.h)(ae.pipe((0,oe.Q)(vt),(0,Le.u)({delay:()=>Bt}),function Ge(...tn){const it=(0,Xe.ms)(tn);return(0,nt.N)((Ye,ct)=>{const ae=tn.length,he=new Array(ae);let je=tn.map(()=>!1),vt=!1;for(let Bt=0;Bt<ae;Bt++)(0,U.Tg)(tn[Bt]).subscribe((0,Ue._)(ct,pn=>{he[Bt]=pn,!vt&&!je[Bt]&&(je[Bt]=!0,(vt=je.every(Ee.D))&&(je=null))},Me.l));Ye.subscribe((0,Ue._)(ct,Bt=>{if(vt){const pn=[Bt,...he];ct.next(it?it(...pn):pn)}}))})}(tn),(0,j.p)(([pn,Tn])=>le((0,$.U9)(pn),Tn)),(0,ve.T)(([{relatedTarget:pn}])=>pn)),je.pipe((0,ve.T)(()=>Ye.activeElement),(0,j.p)(pn=>!(null==pn||!pn.matches("iframe")))),he.pipe((0,Z.n)(pn=>{const Tn=(0,$.U9)(pn),mn=(0,$.dd)(Tn);return mn===Ye?(0,at.of)(Tn):function H(tn){return(0,Ae.h)((0,N.xM)(tn,"focusin").pipe((0,ve.T)(({target:it})=>it)),(0,N.xM)(tn,"focusout").pipe((0,j.p)(({target:it,relatedTarget:Ye})=>!!Ye&&le(it)),(0,ve.T)(({relatedTarget:it})=>it)))}(mn).pipe((0,ye.Z)(Tn))})),vt.pipe((0,Z.n)(pn=>{const Tn=(0,$.U9)(pn);return Ye.activeElement&&Ye.activeElement!==Ye.body?ae.pipe((0,tt.s)(1),(0,ve.T)(()=>Tn),(0,oe.Q)((0,Q.O)(0,(0,N.Ew)(ct)))):(0,at.of)(Tn)}))).pipe((0,_t.F)(),(0,q.u)())}),J=((0,X.ET)(()=>{var tn,it;return null!==(tn=null===(it=(0,c.WQX)(t.qQ).querySelector("base"))||void 0===it?void 0:it.href)&&void 0!==tn?tn:""}),/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series([46])0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/),ie=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br([ev])w|bumb|bw-([nu])|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do([cp])o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly([-_])|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-([mpt])|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c([- _agpst])|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac([ \-/])|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja([tv])a|jbro|jemu|jigs|kddi|keji|kgt([ /])|klon|kpt |kwc-|kyo([ck])|le(no|xi)|lg( g|\/([klu])|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t([- ov])|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30([02])|n50([025])|n7(0([01])|10)|ne(([cm])-|on|tf|wf|wg|wt)|nok([6i])|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan([adt])|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c([-01])|47|mc|nd|ri)|sgh-|shar|sie([-m])|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel([im])|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c([- ])|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/,de=(0,X.ET)(()=>J.test((0,c.WQX)(O.Zp).toLowerCase())||ie.test((0,c.WQX)(O.Zp).slice(0,4).toLowerCase())),ee=(0,X.ET)(()=>(0,se.ed)((0,c.WQX)(O.Rp))),Se=(0,X.ET)(()=>(0,c.WQX)(de)&&!(0,c.WQX)(ee)),Pe=(0,X.ET)(()=>{var tn;return!(null===(tn=(0,c.WQX)(O.Qc))||void 0===tn||!tn.webkitConvertPointFromNodeToPage)}),ke=(0,X.ET)(()=>(0,c.WQX)(ee)?"ios":(0,c.WQX)(Se)?"android":"web"),Re=(0,X.ET)(()=>{const tn=(0,c.WQX)(O.Qc).matchMedia("(pointer: coarse)");return(0,Ot.ot)((0,Ht.R)(tn,"change").pipe((0,ve.T)(()=>tn.matches)),{initialValue:tn.matches})}),Ke=(0,X.ET)(()=>!!(0,c.WQX)(O.Qc).Cypress),Dt=(0,X.ET)(Rt.s_),Pt=(0,X.ET)(()=>(0,c.WQX)(Ke)||(0,c.WQX)(Dt));(0,X.gc)(null);const an=(0,X.ET)(()=>(0,t.UE)((0,c.WQX)(c.Agw))?new Range:{}),Ln=new c.nKC("[TUI_WINDOW_SIZE]",{factory:()=>{const tn=(0,c.WQX)(O.Qc);return(0,N.xM)(tn,"resize").pipe((0,ye.Z)(null),(0,ve.T)(()=>{var it,Ye;const ct=Math.max(tn.document.documentElement.clientWidth||0,tn.innerWidth||0,(null===(it=tn.visualViewport)||void 0===it?void 0:it.width)||0),ae=Math.max(tn.document.documentElement.clientHeight||0,tn.innerHeight||0,(null===(Ye=tn.visualViewport)||void 0===Ye?void 0:Ye.height)||0),he={width:ct,height:ae,top:0,left:0,right:ct,bottom:ae,x:0,y:0};return{...he,toJSON:()=>JSON.stringify(he)}}),(0,Wt.t)({bufferSize:1,refCount:!0}))}})},4010:(St,Fe,u)=>{u.d(Fe,{Pr:()=>$,ed:()=>X});const N=/ipad|iphone|ipod/;function X(W){return N.test(W.userAgent.toLowerCase())||function t(W){return W.platform.startsWith("Mac")||"iPhone"===W.platform}(W)&&W.maxTouchPoints>1}function $({ownerDocument:W}){var se,te,Z,Q;const ve=null==W?void 0:W.defaultView,ye=void 0!==ve.safari&&"[object SafariRemoteNotification]"===(null===(se=ve.safari)||void 0===se||null===(se=se.pushNotification)||void 0===se?void 0:se.toString()),q=!(null===(te=ve.navigator)||void 0===te||null===(te=te.vendor)||void 0===te||!te.includes("Apple")||null!==(Z=ve.navigator)&&void 0!==Z&&null!==(Z=Z.userAgent)&&void 0!==Z&&Z.includes("CriOS")||null!==(Q=ve.navigator)&&void 0!==Q&&null!==(Q=Q.userAgent)&&void 0!==Q&&Q.includes("FxiOS"));return ye||q}},4822:(St,Fe,u)=>{u.d(Fe,{D$:()=>Ge,J0:()=>j,Ki:()=>te,Kv:()=>at,P9:()=>N,U9:()=>ve,Yq:()=>W,aT:()=>oe,dd:()=>Ae,dn:()=>Ee,qW:()=>Ue,r_:()=>X,ru:()=>se,ww:()=>Z});var t=u(712),c=u(4314),O=u(2978);function N(tt,_t){try{return tt.contains(_t)||!!(_t.compareDocumentPosition(tt)&Node.DOCUMENT_POSITION_PRECEDING)}catch{return!1}}function X(tt){return tt.matches("input")}function W(tt){return X(tt)||function $(tt){return tt.matches("textarea")}(tt)}function se(tt){return!!tt&&"nodeType"in tt&&tt.nodeType===Node.ELEMENT_NODE}function te(tt){return!!tt&&tt instanceof tt.ownerDocument.defaultView.HTMLElement}function Z(tt){return tt.nodeType===Node.TEXT_NODE}function ve(tt){return tt.composedPath()[0]}function Ae(tt){return"getRootNode"in tt&&tt.isConnected?tt.getRootNode():tt.ownerDocument}function j(tt){const{ownerDocument:_t}=tt;if(null==_t||!_t.defaultView||!tt.getBoundingClientRect)return null;const{innerWidth:Ht,innerHeight:Wt}=_t.defaultView,Tt=Ae(tt),Ot=tt.getBoundingClientRect();if(0===Ot.width&&0===Ot.height)return null;const Rt=(0,t.wN)(Math.round(Ot.left)+2,0,Ht),mt=(0,t.wN)(Math.round(Ot.top)+2,0,Wt),le=(0,t.wN)(Math.round(Ot.right)-2,0,Ht),H=(0,t.wN)(Math.round(Ot.bottom)-2,0,Wt),ce=(0,t.wN)(Math.round(Ot.left+Ot.width/2),0,Ht),k=(0,t.wN)(Math.round(Ot.top+Ot.height/2),0,Wt),ie=[Tt.elementFromPoint(ce,mt),Tt.elementFromPoint(ce,H),Tt.elementFromPoint(Rt,k),Tt.elementFromPoint(le,k)].filter(c.Aj);if(!ie.length)return[];const de=ie.filter(ee=>!tt.contains(ee)&&!ee.contains(tt));return 4===de.length?de:null}function oe(tt,_t){let{offsetTop:Ht,offsetLeft:Wt,offsetParent:Tt}=_t;for(;te(Tt)&&Tt!==tt;)Ht+=Tt.offsetTop,Wt+=Tt.offsetLeft,Tt=Tt.offsetParent;return{offsetTop:Ht,offsetLeft:Wt}}function Ue(){return(0,O.WQX)(O.aKT).nativeElement}function Ee(tt){return W(tt)&&!tt.readOnly||!!tt.isContentEditable}function Ge(tt=0,_t=0){const Ht={x:tt,y:_t,left:tt,right:tt,top:_t,bottom:_t,width:0,height:0};return{...Ht,toJSON:()=>Ht}}function at(tt){return"explicitOriginalTarget"in tt?(null==tt?void 0:tt.explicitOriginalTarget)!==tt.target:"pointerId"in tt?-1===tt.pointerId:"detail"in tt&&"webkitForce"in tt&&0===(null==tt?void 0:tt.detail)}},7434:(St,Fe,u)=>{u.d(Fe,{Hn:()=>Z,Ij:()=>q,PQ:()=>Q,SI:()=>se,X:()=>ye,km:()=>ve,vn:()=>te,x_:()=>W,yO:()=>Ae});var t=u(4822),c=u(7212),O=u(9141),N=u(2489),X=u(8129),$=u(3527);function W({activeElement:j}){if(null==j||!j.shadowRoot)return j;let oe=j.shadowRoot.activeElement;for(;null!==(Le=oe)&&void 0!==Le&&Le.shadowRoot;){var Le;oe=oe.shadowRoot.activeElement}return oe}function se(j){const oe=W(j);(0,t.Ki)(oe)&&oe.blur()}function te(j){return(0,c.ot)((0,N.h)((0,X.R)(j,"focusin").pipe((0,$.T)(O.z9)),(0,X.R)(j,"focusout").pipe((0,$.T)(O.s_))),{initialValue:!1})}function Z(j){if(j.hasAttribute("disabled")||"-1"===j.getAttribute("tabIndex"))return!1;if((0,t.Ki)(j)&&j.isContentEditable||"0"===j.getAttribute("tabIndex"))return!0;switch(j.tagName){case"BUTTON":case"SELECT":case"TEXTAREA":return!0;case"VIDEO":case"AUDIO":return j.hasAttribute("controls");case"INPUT":return"hidden"!==j.getAttribute("type");case"A":case"LINK":return j.hasAttribute("href");default:return!1}}function Q(j){return!j.hasAttribute("disabled")&&("-1"===j.getAttribute("tabIndex")||Z(j))}function ve({initial:j,root:oe,previous:Le=!1,keyboard:nt=!0}){if(!oe.ownerDocument)return null;const Ue=nt?Z:Q,U=oe.ownerDocument.createTreeWalker(oe,NodeFilter.SHOW_ELEMENT,O.Np);for(U.currentNode=j;Le?U.previousNode():U.nextNode();)if((0,t.Ki)(U.currentNode)&&(j=U.currentNode),(0,t.Ki)(j)&&Ue(j))return j;return null}function ye(j){return!(null==j||!j.ownerDocument)&&W(j.ownerDocument)===j&&j.ownerDocument.hasFocus()}function q(j){var oe;const Le=(null==j?void 0:j.ownerDocument)&&W(j.ownerDocument);return!!Le&&j.contains(Le)&&!(null===(oe=j.ownerDocument)||void 0===oe||!oe.hasFocus())}function Ae(j,oe,Le){for(j+=Le;j>=0&&j<oe.length;){var nt;if(null===(nt=oe[j])||void 0===nt||nt.focus(),ye(oe[j]))return;j+=Le}}},712:(St,Fe,u)=>{function t(j,oe,Le){return Math.min(Le,Math.max(oe,j))}function c(j,oe,Le){return j>=oe&&j<Le}function O(j,oe,Le){return Number.isNaN(j)||j<=oe?oe:j>=Le?Le:Math.round(j)}u.d(Fe,{Vj:()=>Q,Wn:()=>q,Zi:()=>ye,bQ:()=>c,fS:()=>O,wN:()=>t});const X=292;function $(j,oe,Le){if(j===1/0)return j;oe=Math.min(oe,X);const nt="".concat(j,"e").split("e"),Ue=Le(Number("".concat(nt[0],"e").concat(Number(nt[1])+oe))),U="".concat(Ue,"e").split("e");return Number("".concat(U[0],"e").concat(Number(U[1])-oe))}function Q({value:j,precision:oe,method:Le}){switch(Le){case"ceil":return function se(j,oe=0){return $(j,oe,Math.ceil)}(j,oe);case"floor":return function te(j,oe=0){return $(j,oe,Math.floor)}(j,oe);case"round":return function W(j,oe=0){return $(j,oe,Math.round)}(j,oe);default:return function Z(j,oe=0){return $(j,oe,Math.trunc)}(j,oe)}}function ye(j){return j?1:0}function q(j){return parseInt(j,10)}},4314:(St,Fe,u)=>{u.d(Fe,{Aj:()=>_t,ET:()=>j,FU:()=>J,GV:()=>te,PE:()=>H,Pp:()=>k,QU:()=>Ot,Ty:()=>de,YB:()=>oe,eC:()=>Rt,fk:()=>Xe,gc:()=>Ae,hp:()=>nt,sZ:()=>at});var t=u(2978);function te(ee,Se){return ee.slice(0,Math.max(Se,0)).concat(ee.slice(Math.max(Se+1,0)))}function Ae(ee){return j(()=>ee)}function j(ee){return new t.nKC("",{factory:ee})}function oe(ee){return"string"==typeof ee}function nt(ee,Se,Pe,ke={self:!0}){const Re=(0,t.Hps)(Pe)?Pe:(0,t.vPA)(Pe),Ke=(0,t.WQX)(ee,ke),Dt=Ke["".concat(Se.toString(),"Change")];let Pt;return(0,t.QZP)(()=>{var Kt,Gt;const an=Re();Pt!==an&&((0,t.Hps)(Ke[Se])?Ke[Se].set(an):Ke[Se]=an,null===(Kt=Ke.ngOnChanges)||void 0===Kt||Kt.call(Ke,{}),null==Dt||null===(Gt=Dt.emit)||void 0===Gt||Gt.call(Dt,an),Pt=an)},{allowSignalWrites:!0}),Re}function Xe(ee){let Se=[];return ee.find((Pe,ke,Re)=>(Se=Re,!0)),Se}function at(ee){return"number"==typeof ee}function _t(ee){return null!=ee}function Ot(ee,Se,Pe=!1){return{provide:ee,useExisting:Se,multi:Pe}}function Rt(ee,Se,Pe){return{provide:ee,deps:[[new t.Xx1,new t.kdw,ee]],useFactory:ke=>({...ke||Pe,...Se})}}function le(ee,Se,Pe=!0){return function(){const Re=ee.call(this);return Object.defineProperty(this,Se,{enumerable:Pe,value:Re}),Re}}function H(ee,Se,Pe){if("function"==typeof ee){const Kt=Se;if("getter"===Kt.kind)return le(ee,Kt.name);if("method"===Kt.kind)return function mt(ee){let ke,Se=[],Pe=!1;return function(...Ke){return Pe&&Se.length===Ke.length&&Ke.every((Pt,Kt)=>Pt===Se[Kt])||(Se=Ke,ke=ee.apply(this,Ke),Pe=!0),ke}}(ee);throw new ce}const{get:ke,enumerable:Re,value:Ke}=Pe,Dt=Se;if(ke)return{configurable:!0,enumerable:Re,get:le(ke,Dt,Re)};if("function"!=typeof Ke)throw new ce;const Pt=Ke;return{configurable:!0,enumerable:Re,get(){let an,Kt=[],Gt=!1;const Ln=(...tn)=>(Gt&&Kt.length===tn.length&&tn.every((Ye,ct)=>Ye===Kt[ct])||(Kt=tn,an=Pt.apply(this,tn),Gt=!0),an);return Object.defineProperty(this,Dt,{configurable:!0,value:Ln}),Ln}}}class ce extends Error{constructor(){super("")}}function k(ee){return"".concat(ee,"px")}function J(ee,Se){return Array.from(ee.reduce((Pe,ke)=>Pe.has(ke[Se])?Pe:Pe.set(ke[Se],ke),new Map).values())}const ie=j(()=>{const ee=new Map;return(0,t.WQX)(t.abz).onDestroy(()=>ee.forEach(Se=>Se.destroy())),ee});function de(ee){const Se=(0,t.WQX)(ie),Pe=(0,t.WQX)(t.uvJ);Se.has(ee)||Se.set(ee,(0,t.a0P)(ee,{environmentInjector:Pe}))}},7187:(St,Fe,u)=>{u.d(Fe,{CF:()=>j,D2:()=>W,ZM:()=>Ue,fj:()=>X,hM:()=>se,uy:()=>ve});var t=u(194);const c="{{duration}}ms ease-in-out",O={params:{duration:300}},N=300,X=(0,t.hZ)("tuiParentAnimation",[(0,t.kY)(":leave",[(0,t.P)(":scope > *",[(0,t.MA)()],{optional:!0})])]),W=((0,t.hZ)("tuiParentStop",[(0,t.kY)(":enter",[])]),(0,t.hZ)("tuiHost",[(0,t.kY)(":enter",[(0,t.iF)({overflow:"clip"}),(0,t.P)(":scope > *",[(0,t.MA)()],{optional:!0})]),(0,t.kY)(":leave",[(0,t.P)(":scope > *",[(0,t.MA)()],{optional:!0})])])),se=(0,t.hZ)("tuiHeightCollapse",[(0,t.kY)(":enter",[(0,t.iF)({height:0}),(0,t.i0)(c,(0,t.iF)({height:"*"}))],O),(0,t.kY)(":leave",[(0,t.iF)({height:"*"}),(0,t.i0)(c,(0,t.iF)({height:0}))],O)]),ve=((0,t.hZ)("tuiHeightCollapseList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({height:0}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({height:"*"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({height:"*"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({height:0}))])],{optional:!0})],O)]),(0,t.hZ)("tuiWidthCollapse",[(0,t.kY)(":enter",[(0,t.iF)({width:0}),(0,t.i0)(c,(0,t.iF)({width:"*"}))],O),(0,t.kY)(":leave",[(0,t.iF)({width:"*"}),(0,t.i0)(c,(0,t.iF)({width:0}))],O)]),(0,t.hZ)("tuiWidthCollapseList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({width:0}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({width:"*"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({width:"*"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({width:0}))])],{optional:!0})],O)]),(0,t.hZ)("tuiFadeIn",[(0,t.kY)(":enter",[(0,t.iF)({opacity:0}),(0,t.i0)(c,(0,t.iF)({opacity:1}))],O),(0,t.kY)(":leave",[(0,t.iF)({opacity:1}),(0,t.i0)(c,(0,t.iF)({opacity:0}))],O)])),j=((0,t.hZ)("tuiFadeInList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({opacity:0}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({opacity:1}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({opacity:1}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({opacity:0}))])],{optional:!0})],O)]),(0,t.hZ)("tuiFadeInTop",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(-10px)",opacity:0}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)",opacity:1}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)",opacity:1}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(-10px)",opacity:0}))],O)]),(0,t.hZ)("tuiFadeInBottom",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(10px)",opacity:0}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)",opacity:1}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)",opacity:1}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(10px)",opacity:0}))],O)]),(0,t.hZ)("tuiDropdownAnimation",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(-10px)",opacity:0}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)",opacity:1}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)",opacity:1}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(-10px)",opacity:0}))],O)])),Ue=((0,t.hZ)("tuiScaleIn",[(0,t.kY)(":enter",[(0,t.iF)({transform:"scale(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(1)"}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"scale(1)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(0)"}))],O)]),(0,t.hZ)("tuiPop",[(0,t.kY)(":enter",[(0,t.iF)({transform:"scale(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(1.1)"})),(0,t.i0)(c,(0,t.iF)({transform:"scale(1)"}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"scale(1)"}),(0,t.i0)(c,(0,t.iF)({transform:"scale(1.1)"})),(0,t.i0)(c,(0,t.iF)({transform:"scale(0)"}))],O)]),(0,t.hZ)("tuiScaleInList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"scale(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"scale(1)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"scale(1)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"scale(0)"}))])],{optional:!0})],O)]),(0,t.hZ)("tuiSlideIn",[(0,t.kY)("* => left",[(0,t.iF)({transform:"translateX(-100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],O),(0,t.kY)("left => *",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(-100%)"}))],O),(0,t.kY)("* => right",[(0,t.iF)({transform:"translateX(100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],O),(0,t.kY)("right => *",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(100%)"}))],O)]));(0,t.hZ)("tuiSlideInLeft",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateX(-100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(-100%)"}))],O)]),(0,t.hZ)("tuiSlideInLeftList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateX(-100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(-100%)"}))])],{optional:!0})],O)]),(0,t.hZ)("tuiSlideInRight",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateX(100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateX(100%)"}))],O)]),(0,t.hZ)("tuiSlideInRightList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateX(100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateX(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateX(100%)"}))])],{optional:!0})],O)]),(0,t.hZ)("tuiSlideInTop",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translate3d(0,{{start}},0)",pointerEvents:"none"}),(0,t.i0)(c,(0,t.iF)({transform:"translate3d(0,{{end}},0)"}))],{params:{end:0,start:"100%",duration:300}}),(0,t.kY)(":leave",[(0,t.iF)({transform:"translate3d(0,{{end}},0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translate3d(0,{{start}},0)"}))],{params:{end:0,start:"100%",duration:300}})]),(0,t.hZ)("tuiSlideInTopList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateY(100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateY(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(100%)"}))])],{optional:!0})],O)]),(0,t.hZ)("tuiSlideInBottom",[(0,t.kY)(":enter",[(0,t.iF)({transform:"translateY(-100%)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)"}))],O),(0,t.kY)(":leave",[(0,t.iF)({transform:"translateY(0)"}),(0,t.i0)(c,(0,t.iF)({transform:"translateY(-100%)"}))],O)]),(0,t.hZ)("tuiSlideInBottomList",[(0,t.kY)("* => *",[(0,t.P)(":enter",[(0,t.iF)({transform:"translateY(-100%)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(0)"}))])],{optional:!0}),(0,t.P)(":leave",[(0,t.iF)({transform:"translateY(0)"}),(0,t.yc)(N,[(0,t.i0)(c,(0,t.iF)({transform:"translateY(-100%)"}))])],{optional:!0})],O)])},4514:(St,Fe,u)=>{u.d(Fe,{I9:()=>Ue,Np:()=>nt,XW:()=>oe,Xu:()=>Le,Z3:()=>ye,cf:()=>te,dg:()=>se,iA:()=>Q,mI:()=>ve,nR:()=>q,yq:()=>Ae});var t=u(2978),c=u(4314),O=u(7212),N=u(9406),X=u(2489),$=u(3793);class W{}class se extends W{}class te extends W{}function Z(U,Ee,Me){return{provide:U,deps:[[new t.kdw,new t.Xx1,U],Me],useFactory:Q(Ee)}}function Q(U){return(Ee,Me)=>{var Xe;return(null==Ee||null===(Xe=Ee.find)||void 0===Xe?void 0:Xe.call(Ee,Ge=>Ge!==Me&&Ge.type===U))||Me}}function ve(U,Ee){return Z(se,U,Ee)}function ye(U,Ee){return Z(te,U,Ee)}function q(U){return(0,c.QU)(se,U,!0)}function Ae(U){return(0,c.QU)(te,U,!0)}class j{}function oe(U){return(0,c.QU)(j,U,!0)}class Le extends N.c{}function nt(U){return(0,c.QU)(Le,U,!0)}let Ue=(()=>{var U;class Ee{constructor(){this.destroyRef=(0,t.WQX)(t.abz),this.drivers=(0,t.WQX)(Le),this.vehicles=(0,t.WQX)(j)}ngOnInit(){const Xe=this.vehicles.find(({type:Ge})=>Ge===this.type);(0,X.h)(...this.drivers.filter(({type:Ge})=>Ge===this.type)).pipe((0,$.F)(),(0,O.pQ)(this.destroyRef)).subscribe(Ge=>{null==Xe||Xe.toggle(Ge)})}}return(U=Ee).\u0275fac=function(Xe){return new(Xe||U)},U.\u0275dir=t.FsC({type:U}),Ee})()},4135:(St,Fe,u)=>{u.d(Fe,{e:()=>W,p:()=>te});var t=u(2978),c=u(4314),O=u(8395),N=u(5037);const X={appearance:"primary",size:"l"},$=(0,c.gc)(X);function W(Z){return(0,c.eC)($,Z,X)}let se=(()=>{var Z;class Q{}return(Z=Q).\u0275fac=function(ye){return new(ye||Z)},Z.\u0275cmp=t.VBU({type:Z,selectors:[["ng-component"]],hostAttrs:[1,"tui-button"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(ye,q){},styles:['[tuiButton],[tuiIconButton]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[tuiButton]>tui-badge,[tuiIconButton]>tui-badge,[tuiButton]>[tuiBadge],[tuiIconButton]>[tuiBadge],[tuiButton]>[tuiRadio],[tuiIconButton]>[tuiRadio],[tuiButton]>[tuiSwitch],[tuiIconButton]>[tuiSwitch],[tuiButton]>[tuiCheckbox],[tuiIconButton]>[tuiCheckbox],[tuiButton][tuiIcons]:before,[tuiIconButton][tuiIcons]:before,[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{margin:var(--t-margin)}[tuiButton]>.t-loader,[tuiIconButton]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]>.t-loader .t-text,[tuiIconButton]>.t-loader .t-text{position:absolute}[tuiButton][data-size=xs],[tuiIconButton][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=xs] tui-svg,[tuiIconButton][data-size=xs] tui-svg,[tuiButton][data-size=xs] tui-icon,[tuiIconButton][data-size=xs] tui-icon,[tuiButton][data-size=xs]:before,[tuiIconButton][data-size=xs]:before{font-size:1rem}[tuiButton][data-size=s],[tuiIconButton][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=s] tui-svg,[tuiIconButton][data-size=s] tui-svg,[tuiButton][data-size=s] tui-icon,[tuiIconButton][data-size=s] tui-icon,[tuiButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButton][data-size=m],[tuiIconButton][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=m]:after,[tuiIconButton][data-size=m]:after{margin-inline-end:-.125rem}[tuiButton]._loading,[tuiIconButton]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]._loading>*,[tuiIconButton]._loading>*,[tuiButton]._loading:before,[tuiIconButton]._loading:before,[tuiButton]._loading:after,[tuiIconButton]._loading:after{opacity:0}[tuiButton]._loading>.t-loader,[tuiIconButton]._loading>.t-loader{opacity:1}[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{font-size:1rem}[tuiButton][tuiButtonVertical],[tuiIconButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: var(--t-0, 0rem) !important;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*,[tuiIconButton][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]{gap:0;inline-size:var(--t-size);font-size:0!important;padding:0}[tuiIconButton][data-size=l]:after{margin:0}[tuiIconButton][tuiIconButton][style*="--t-icon-start:"]:after{display:none}\n'],encapsulation:2,changeDetection:0}),Q})(),te=(()=>{var Z;class Q{constructor(){this.options=(0,t.WQX)($),this.nothing=(0,c.Ty)(se),this.size=this.options.size}}return(Z=Q).\u0275fac=function(ye){return new(ye||Z)},Z.\u0275dir=t.FsC({type:Z,selectors:[["a","tuiButton",""],["button","tuiButton",""],["a","tuiIconButton",""],["button","tuiIconButton",""]],hostVars:1,hostBindings:function(ye,q){2&ye&&t.BMQ("data-size",q.size)},inputs:{size:"size"},standalone:!0,features:[t.Jv_([(0,O.mr)($)]),t.nM4([O.tF,N.Z])]}),Q})()},5180:(St,Fe,u)=>{u.d(Fe,{Ji:()=>Rt,KN:()=>at,NW:()=>Me,PU:()=>tt,WD:()=>Ge,WX:()=>Tt,aO:()=>_t,pQ:()=>Ht,uE:()=>Wt});var t=u(6610),c=u(2978),O=u(7212),N=u(9141),X=u(4976),$=u(4822),W=u(7434),se=u(4314),te=u(656),Z=u(5173),Q=u(3229),ve=u(811),ye=u(3279),q=u(5037);const Ae=["tuiOption",""];function j(le,H){if(1&le&&(c.qex(0),c.EFF(1),c.bVm()),2&le){const ce=H.polymorpheusOutlet;c.R7$(1),c.SpI(" ",ce," ")}}function oe(le,H){1&le&&c.SdG(0)}const Le=function(le){return{$implicit:le}},nt=["*"];function Ue(le,H){if(1&le&&(c.qex(0),c.EFF(1),c.bVm()),2&le){const ce=H.polymorpheusOutlet;c.R7$(1),c.SpI(" ",ce," ")}}function U(le,H){if(1&le&&(c.j41(0,"div",1),c.DNE(1,Ue,2,1,"ng-container",2),c.k0s()),2&le){const ce=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ce.emptyContent||ce.fallback())}}const Ee=new c.nKC("[TUI_OPTION_CONTENT]");function Me(le){return{provide:Ee,useValue:le}}const Xe=new c.nKC("[TUI_DATA_LIST_ACCESSOR]");function Ge(le){return(0,se.QU)(Xe,le)}const at=new c.nKC("[TUI_DATA_LIST_HOST]");function tt(le){return(0,se.QU)(at,le)}let _t=(()=>{var le;class H{constructor(){var k;this.isMobile=(0,c.WQX)(ve.Td),this.el=(0,$.qW)(),this.dataList=(0,c.WQX)((0,c.Rfq)(()=>Wt),{optional:!0}),this.host=(0,c.WQX)(at,{optional:!0}),this.content=(0,c.WQX)(Ee,{optional:!0}),this.dropdown=null===(k=(0,c.WQX)(ye.pU,{self:!0,optional:!0}))||void 0===k?void 0:k.ref,this.disabled=!1}ngOnDestroy(){var k;null===(k=this.dataList)||void 0===k||k.handleFocusLossIfNecessary(this.el)}onClick(){var k;null!==(k=this.host)&&void 0!==k&&k.handleOption&&void 0!==this.value&&this.host.handleOption(this.value)}onMouseMove(){!this.isMobile&&!(0,W.X)(this.el)&&this.dataList&&this.el.focus({preventScroll:!0})}}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275cmp=c.VBU({type:le,selectors:[["button","tuiOption",""],["a","tuiOption",""],["label","tuiOption",""]],hostAttrs:["type","button","role","option"],hostVars:3,hostBindings:function(k,J){1&k&&c.bIt("click",function(){return J.onClick()})("mousemove.silent",function(){return J.onMouseMove()}),2&k&&(c.BMQ("disabled",J.disabled||null),c.AVh("_with-dropdown",null==J.dropdown?null:J.dropdown()))},inputs:{disabled:"disabled",value:"value"},standalone:!0,features:[c.aNF,c.nM4([q.Z])],attrs:Ae,ngContentSelectors:nt,decls:3,vars:4,consts:[[4,"polymorpheusOutlet","polymorpheusOutletContext"],["t",""]],template:function(k,J){if(1&k&&(c.NAR(),c.DNE(0,j,2,1,"ng-container",0),c.DNE(1,oe,1,0,"ng-template",null,1,c.C5r)),2&k){const ie=c.sdS(2);c.Y8G("polymorpheusOutlet",J.content||ie)("polymorpheusOutletContext",c.eq3(2,Le,ie))}},dependencies:[Z.xr],encapsulation:2,changeDetection:0}),H})();function Ht(){var le;const ce=null===(le=(0,c.WQX)(at,{optional:!0}))||void 0===le?void 0:le.size;return ce&&["s","m","l"].includes(ce)?ce:"l"}let Wt=(()=>{var le;class H{constructor(){this.options=N.xQ,this.ngZone=(0,c.WQX)(c.SKi),this.destroyRef=(0,c.WQX)(c.abz),this.el=(0,$.qW)(),this.fallback=(0,O.ot)((0,c.WQX)(te.wH)),this.empty=(0,c.vPA)(!1),this.size=Ht()}onKeyDownArrow(k,J){const{elements:ie}=this;(0,W.yO)(ie.indexOf(k),ie,J)}handleFocusLossIfNecessary(k=this.el){var J;(0,W.Ij)(k)&&(null===(J=this.origin)||void 0===J||J.focus({preventScroll:!0}))}ngAfterContentChecked(){(0,Q.O)(0,(0,X.Ew)(this.ngZone)).pipe((0,X.NK)(this.destroyRef)).subscribe(()=>this.empty.set(!this.el.querySelector("[tuiOption]")))}getOptions(k=!1){return this.options.filter(({disabled:J})=>k||!J).map(({value:J})=>J).filter(se.Aj)}onFocusIn(k,J){!J.contains(k)&&!this.origin&&(this.origin=k)}get elements(){return Array.from(this.el.querySelectorAll("a[tuiOption],button[tuiOption],input"))}}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275cmp=c.VBU({type:le,selectors:[["tui-data-list"]],contentQueries:function(k,J,ie){if(1&k&&c.wni(ie,_t,5),2&k){let de;c.mGM(de=c.lsd())&&(J.options=de)}},hostAttrs:["role","listbox"],hostVars:1,hostBindings:function(k,J){1&k&&c.bIt("focusin",function(de){return J.onFocusIn(de.relatedTarget,de.currentTarget)})("mousedown.prevent",function(){return 0})("wheel.silent.passive",function(){return J.handleFocusLossIfNecessary()})("mouseleave",function(de){return J.handleFocusLossIfNecessary(de.target)})("keydown.tab",function(){return J.handleFocusLossIfNecessary()})("keydown.shift.tab",function(){return J.handleFocusLossIfNecessary()})("keydown.arrowDown.prevent",function(de){return J.onKeyDownArrow(de.target,1)})("keydown.arrowUp.prevent",function(de){return J.onKeyDownArrow(de.target,-1)}),2&k&&c.BMQ("data-size",J.size)},inputs:{emptyContent:"emptyContent",size:"size"},standalone:!0,features:[c.Jv_([Ge(le)]),c.aNF],ngContentSelectors:nt,decls:2,vars:1,consts:[["class","t-empty",4,"ngIf"],[1,"t-empty"],[4,"polymorpheusOutlet"]],template:function(k,J){1&k&&(c.NAR(),c.SdG(0),c.DNE(1,U,2,1,"div",0)),2&k&&(c.R7$(1),c.Y8G("ngIf",J.empty()))},dependencies:[t.bT,Z.xr],styles:['tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-tertiary)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-size=s]{--tui-data-list-margin: var(--t-0, 0rem)}tui-data-list[data-size=s]>.t-empty,tui-data-list[data-size=s] [tuiOption]{font:var(--tui-font-text-s);min-block-size:2rem;padding:.3125rem .5rem}tui-data-list[data-size=s]>.t-empty:before,tui-data-list[data-size=s] [tuiOption]:before{font-size:1rem}tui-data-list[data-size=m]>.t-empty,tui-data-list[data-size=m] [tuiOption]{font:var(--tui-font-text-s);min-block-size:2.5rem;padding:.375rem .5rem}tui-data-list[data-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-size=l]>.t-empty,tui-data-list[data-size=l] [tuiOption]{font:var(--tui-font-text-m);min-block-size:2.75rem;padding:.375rem .625rem}tui-data-list>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0}tui-data-list [tuiOption]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;justify-content:space-between;text-align:start;color:var(--tui-text-primary);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}tui-data-list [tuiOption]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}tui-data-list [tuiOption]:focus-within,tui-data-list [tuiOption]._with-dropdown{background-color:var(--tui-background-neutral-1)}tui-data-list [tuiOption]:before{margin-inline-end:.5rem}tui-data-list [tuiOption]:after{font-size:1rem;margin:0 -.75rem 0 auto;border-left:.5rem solid;border-right:.5rem solid}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-secondary);flex-direction:column;line-height:1rem}tui-data-list[data-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);block-size:1px;background:var(--tui-border-normal)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=""]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:""}tui-opt-group[data-label=""]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n'],encapsulation:2,changeDetection:0}),H})(),Tt=(()=>{var le;class H{}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275dir=c.FsC({type:le,selectors:[["ng-template","tuiDataList",""]],standalone:!0}),H})(),Rt=(()=>{var le;class H{}return(le=H).\u0275fac=function(k){return new(k||le)},le.\u0275dir=c.FsC({type:le,selectors:[["tui-opt-group"]],hostAttrs:["role","group"],hostVars:1,hostBindings:function(k,J){2&k&&c.BMQ("data-label",J.label)},inputs:{label:"label"},standalone:!0}),H})()},4712:(St,Fe,u)=>{u.d(Fe,{q:()=>O});var t=u(2978),c=u(656);let O=(()=>{var X;class ${constructor(){this.resolver=(0,c.XA)(),this.backgroundSrc=(0,t.vPA)(null),this.iconSrc=(0,t.vPA)(this.resolve((0,t.WQX)(c.kJ,{self:!0,optional:!0})||(0,t.WQX)(c.TN,{self:!0,optional:!0})))}set icon(se){this.iconSrc.set(this.resolve(se))}set background(se){this.backgroundSrc.set(this.resolve(se))}resolve(se){return se?"url(".concat(this.resolver(se),")"):null}}return(X=$).\u0275fac=function(se){return new(se||X)},X.\u0275cmp=t.VBU({type:X,selectors:[["tui-icon"]],hostVars:4,hostBindings:function(se,te){2&se&&t.xc7("--t-icon",te.iconSrc()||"url()")("--t-icon-bg",te.backgroundSrc())},inputs:{icon:"icon",background:"background"},standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(se,te){},styles:['tui-icon{position:relative;display:inline-block;inline-size:1em;block-size:1em;font-size:1.5rem;flex-shrink:0;vertical-align:middle;box-sizing:border-box;-webkit-mask:var(--t-icon-bg) no-repeat center / contain;mask:var(--t-icon-bg) no-repeat center / contain}@media (hover: hover){tui-icon[data-appearance=icon]:hover{color:var(--tui-text-secondary)}}tui-icon:after,tui-icon[tuiIcons]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";display:block;-webkit-mask:var(--t-icon) no-repeat center / contain;mask:var(--t-icon) no-repeat center / contain;-webkit-mask-composite:source-in,xor;mask-composite:intersect;background:currentColor}\n'],encapsulation:2,changeDetection:0}),$})()},5639:(St,Fe,u)=>{u.d(Fe,{z:()=>$});var t=u(2978),c=u(4822),O=u(4314),N=u(5180);let X=(()=>{var W;class se{}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275cmp=t.VBU({type:W,selectors:[["ng-component"]],hostAttrs:[1,"tui-label"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(Z,Q){},styles:["[tuiLabel]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabel]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabel]:has(tui-textfield),[tuiLabel]:has(tui-primitive-textfield),[tuiLabel]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabel] input[type=checkbox],[tuiLabel] input[type=radio]{margin-inline-end:.5rem}[tuiLabel] input[type=checkbox][data-size=s],[tuiLabel] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-top:.125rem}[tuiLabel] small{font:var(--tui-font-text-s)}[tuiLabel] [tuiTitle]{margin-top:.125rem}[tuiLabel] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"],encapsulation:2,changeDetection:0}),se})(),$=(()=>{var W;class se{constructor(){this.el=(0,c.qW)(),this.nothing=(0,O.Ty)(X),this.parent=(0,t.WQX)((0,t.Rfq)(()=>N.KN),{optional:!0})}}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275dir=t.FsC({type:W,selectors:[["label","tuiLabel",""]],contentQueries:function(Z,Q,ve){if(1&Z&&t.wni(ve,N.KN,5),2&Z){let ye;t.mGM(ye=t.lsd())&&(Q.textfield=ye.first)}},hostVars:2,hostBindings:function(Z,Q){2&Z&&t.BMQ("for",Q.el.htmlFor||(null==Q.parent?null:Q.parent.id))("data-orientation",Q.textfield?"vertical":"horizontal")},standalone:!0}),se})()},7355:(St,Fe,u)=>{u.d(Fe,{Jc:()=>te,m0:()=>W});var t=u(2978),c=u(4314),O=u(8395),N=u(5037);const X={appearance:"link",pseudo:!1},$=(0,c.gc)(X);function W(Z){return(0,c.eC)($,Z,X)}let se=(()=>{var Z;class Q{}return(Z=Q).\u0275fac=function(ye){return new(ye||Z)},Z.\u0275cmp=t.VBU({type:Z,selectors:[["ng-component"]],hostAttrs:[1,"tui-link"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(ye,q){},styles:['[tuiLink]{--tui-text-tertiary: var(--tui-text-secondary);padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:inherit;-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}[tuiLink]:hover{--tui-text-secondary: var(--tui-text-primary)}[tuiLink]:before{margin-inline-end:.25rem}[tuiLink]:after{margin-inline-start:.25rem}[tuiLink][tuiIcons]:before,[tuiLink][tuiIcons]:after{content:"\\2060";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0}[tuiLink]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLink][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}\n'],encapsulation:2,changeDetection:0}),Q})(),te=(()=>{var Z;class Q{constructor(){this.nothing=(0,c.Ty)(se),this.pseudo=(0,t.WQX)($).pseudo}}return(Z=Q).\u0275fac=function(ye){return new(ye||Z)},Z.\u0275dir=t.FsC({type:Z,selectors:[["a","tuiLink",""],["button","tuiLink",""]],hostAttrs:["tuiLink",""],hostVars:2,hostBindings:function(ye,q){2&ye&&t.xc7("text-decoration-line",q.pseudo?"underline":null)},inputs:{pseudo:"pseudo"},standalone:!0,features:[t.Jv_([(0,O.mr)($)]),t.nM4([O.tF,N.Z])]}),Q})()},8598:(St,Fe,u)=>{u.d(Fe,{ap:()=>oe});var t=u(6610),c=u(2978),O=u(811),N=u(4010),X=u(4822),$=u(7434),W=u(5950),se=u(5173),te=u(4314);function Z(Le,nt){if(1&Le&&(c.qex(0),c.EFF(1),c.bVm()),2&Le){const Ue=nt.polymorpheusOutlet;c.R7$(1),c.SpI(" ",Ue," ")}}function Q(Le,nt){if(1&Le&&(c.qSk(),c.joV(),c.j41(0,"div",6),c.DNE(1,Z,2,1,"ng-container",7),c.k0s()),2&Le){const Ue=c.XpG(2);c.AVh("t-text_horizontal",Ue.isHorizontal),c.R7$(1),c.Y8G("polymorpheusOutlet",Ue.textContent)}}function ve(Le,nt){if(1&Le&&(c.j41(0,"div",2),c.qSk(),c.j41(1,"svg",3),c.nrm(2,"circle",4),c.k0s(),c.DNE(3,Q,2,3,"div",5),c.k0s()),2&Le){const Ue=c.XpG();c.AVh("t-loader_horizontal",Ue.isHorizontal)("t-loader_inherit-color",Ue.inheritColor),c.R7$(3),c.Y8G("ngIf",Ue.hasText)}}const ye=["*"],Ae=(0,te.gc)({size:"m",inheritColor:!1,overlay:!1});let oe=(()=>{var Le;class nt{constructor(){this.doc=(0,c.WQX)(t.qQ),this.el=(0,X.qW)(),this.isIOS=(0,c.WQX)(O.mg),this.options=(0,c.WQX)(Ae),this.loading=!0,this.isApple=(0,N.Pr)(this.el)||this.isIOS,this.size=this.options.size,this.inheritColor=this.options.inheritColor,this.overlay=this.options.overlay}set showLoader(U){U&&this.focused&&(0,$.SI)(this.doc),this.loading=U}get hasOverlay(){return this.overlay&&this.loading}get hasText(){return!!this.textContent}get isHorizontal(){return!(0,W.Wu)(this.size)}get focused(){return(0,$.Ij)(this.el)}}return(Le=nt).\u0275fac=function(U){return new(U||Le)},Le.\u0275cmp=c.VBU({type:Le,selectors:[["tui-loader"]],hostVars:3,hostBindings:function(U,Ee){2&U&&(c.BMQ("data-size",Ee.size),c.AVh("_loading",Ee.loading))},inputs:{size:"size",inheritColor:"inheritColor",overlay:"overlay",textContent:"textContent",showLoader:"showLoader"},standalone:!0,features:[c.aNF],ngContentSelectors:ye,decls:3,vars:7,consts:[[1,"t-content",3,"disabled"],["class","t-loader",3,"t-loader_horizontal","t-loader_inherit-color",4,"ngIf"],[1,"t-loader"],["automation-id","tui-loader__loader","focusable","false","height","100%","width","100%",1,"t-icon"],["cx","50%","cy","50%",1,"t-circle"],["automation-id","tui-loader__text","class","t-text",3,"t-text_horizontal",4,"ngIf"],["automation-id","tui-loader__text",1,"t-text"],[4,"polymorpheusOutlet"]],template:function(U,Ee){1&U&&(c.NAR(),c.j41(0,"fieldset",0),c.SdG(1),c.k0s(),c.DNE(2,ve,4,5,"div",1)),2&U&&(c.AVh("t-content_has-overlay",Ee.hasOverlay)("t-content_loading",Ee.loading),c.Y8G("disabled",Ee.loading&&!Ee.isApple),c.BMQ("inert",Ee.loading||null),c.R7$(2),c.Y8G("ngIf",Ee.loading))},dependencies:[t.bT,se.xr],styles:["[_nghost-%COMP%]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-%COMP%]{overflow:hidden}[data-size=xs][_nghost-%COMP%]{--t-diameter: .75em}[data-size=s][_nghost-%COMP%]{--t-diameter: 1em}[data-size=m][_nghost-%COMP%]{--t-diameter: 1.5em}[data-size=l][_nghost-%COMP%]{--t-diameter: 2.5em}[data-size=xl][_nghost-%COMP%]{--t-diameter: 3.5em}[data-size=xxl][_nghost-%COMP%]{--t-diameter: 5em}.t-content[_ngcontent-%COMP%]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-%COMP%]{opacity:.3}.t-content_loading[_ngcontent-%COMP%]{pointer-events:none}.t-loader[_ngcontent-%COMP%]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-%COMP%]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-%COMP%]{color:inherit;stroke:currentColor}.t-text[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-%COMP%]{margin:0 0 0 1rem}@keyframes _ngcontent-%COMP%_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-%COMP%]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-%COMP%_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-%COMP%]{overflow:visible}}@keyframes _ngcontent-%COMP%_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-%COMP%]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-%COMP%_tuiLoaderDashOffset 4s linear infinite}"],changeDetection:0}),nt})()},9738:(St,Fe,u)=>{u.d(Fe,{Ub:()=>te,wS:()=>ve});var t=u(2978),c=u(4314),O=u(4135),N=u(7355),X=u(8395),$=u(5037);const W={info:"@tui.info",success:"@tui.circle-check",error:"@tui.circle-x",warning:"@tui.circle-alert",neutral:"@tui.info"},te=(0,c.gc)({appearance:"info",icon:ye=>{var q;return null!==(q=W[ye])&&void 0!==q?q:""},size:"l"});let Q=(()=>{var ye;class q{}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275cmp=t.VBU({type:ye,selectors:[["ng-component"]],hostAttrs:[1,"tui-notification"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(j,oe){},styles:["tui-notification,[tuiNotification]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;max-block-size:100%;color:var(--tui-text-primary);gap:.5rem;padding:1rem;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);box-sizing:border-box;overflow:hidden;text-align:start;text-decoration:none}tui-notification:after,[tuiNotification]:after{font-size:1rem;margin:0 -.25rem 0 auto;align-self:center;color:var(--tui-text-tertiary)!important}tui-notification[data-size=s],[tuiNotification][data-size=s]{gap:.5rem;padding:.375rem .625rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=s]:before,[tuiNotification][data-size=s]:before,tui-notification[data-size=s] tui-icon,[tuiNotification][data-size=s] tui-icon{font-size:1rem;margin-top:.125rem;margin-bottom:.125rem}tui-notification[data-size=s] [tuiTitle],[tuiNotification][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotification][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotification][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotification][data-size=s]>[tuiIconButton]{margin:-.375rem -.625rem -.375rem auto}tui-notification[data-size=m],[tuiNotification][data-size=m]{gap:.375rem;padding:.75rem;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}tui-notification[data-size=m]:before,[tuiNotification][data-size=m]:before,tui-notification[data-size=m] tui-icon,[tuiNotification][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotification][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotification][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotification][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotification][data-size=m]>[tuiIconButton]{margin:-.375rem -.25rem -.375rem auto}tui-notification [tuiTitle],[tuiNotification] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotification] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotification] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-top:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotification]>[tuiIconButton]{box-shadow:none!important;background:transparent!important;margin:-.25rem -.25rem -.25rem auto}[tuiNotification]{cursor:pointer}\n"],encapsulation:2,changeDetection:0}),q})(),ve=(()=>{var ye;class q{constructor(){this.options=(0,t.WQX)(te),this.nothing=(0,c.Ty)(Q),this.icons=(0,t.WQX)($.R),this.appearance=this.options.appearance,this.icon=this.options.icon,this.size=this.options.size}ngOnInit(){this.refresh()}ngOnChanges(){this.refresh()}refresh(){this.icons.iconStart=(0,c.YB)(this.icon)?this.icon:this.icon(this.appearance)}}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275dir=t.FsC({type:ye,selectors:[["tui-notification"],["a","tuiNotification",""],["button","tuiNotification",""]],hostVars:1,hostBindings:function(j,oe){2&j&&t.BMQ("data-size",oe.size)},inputs:{appearance:"appearance",icon:"icon",size:"size"},standalone:!0,features:[t.Jv_([(0,X.mr)(te),(0,N.m0)({appearance:"",pseudo:!0}),(0,O.e)({appearance:"whiteblock",size:"s"})]),t.OA$,t.nM4([$.Z,X.tF])]}),q})()},599:(St,Fe,u)=>{u.d(Fe,{I_:()=>Tt,N0:()=>ce,Vm:()=>ie,ey:()=>mt,pF:()=>k});var t=u(6610),c=u(2978),O=u(3241),N=u(4976),X=u(7187),$=u(656),W=u(5950),se=u(9406),te=u(2489),Z=u(3527),Q=u(2831),ve=u(6340),ye=u(1472),q=u(965),Ae=u(3793),j=u(3229),oe=u(7212),Le=u(4822),nt=u(811),Ue=u(4314);function U(ee,Se){if(1&ee&&(c.j41(0,"div",3),c.bIt("mousedown.capture.prevent",function(){return 0}),c.nrm(1,"div",4),c.k0s()),2&ee){const Pe=c.XpG().ngIf,ke=c.XpG();c.AVh("t-bar_has-horizontal",Pe[1]),c.Y8G("@tuiFadeIn",ke.options)}}function Ee(ee,Se){if(1&ee&&(c.j41(0,"div",5),c.bIt("mousedown.capture.prevent",function(){return 0}),c.nrm(1,"div",6),c.k0s()),2&ee){const Pe=c.XpG().ngIf,ke=c.XpG();c.AVh("t-bar_has-vertical",Pe[0]),c.Y8G("@tuiFadeIn",ke.options)}}function Me(ee,Se){if(1&ee&&(c.qex(0),c.DNE(1,U,2,3,"div",1),c.DNE(2,Ee,2,3,"div",2),c.bVm()),2&ee){const Pe=Se.ngIf;c.R7$(1),c.Y8G("ngIf",Pe[0]),c.R7$(1),c.Y8G("ngIf",Pe[1])}}function Xe(ee,Se){if(1&ee&&c.nrm(0,"tui-scroll-controls",2),2&ee){const Pe=c.XpG();c.AVh("t-hover-mode","hover"===Pe.options.mode)}}const Ge=["*"];let at=(()=>{var ee;class Se extends se.c{constructor(){super(ke=>this.scroll$.subscribe(ke)),this.el=(0,Le.qW)(),this.element=(0,c.WQX)($.HF).nativeElement,this.scroll$=(0,te.h)((0,N.xM)(this.el.parentElement,"mousedown").pipe((0,Z.T)(ke=>this.getScrolled(ke,.5,.5))),(0,N.xM)(this.el,"mousedown").pipe((0,N.rB)(),(0,Q.n)(ke=>{const{ownerDocument:Re}=this.el,Ke=this.el.getBoundingClientRect(),Dt=function tt({clientY:ee},{top:Se,height:Pe}){return(ee-Se)/Pe}(ke,Ke),Pt=function _t({clientX:ee},{left:Se,width:Pe}){return(ee-Se)/Pe}(ke,Ke);return(0,N.xM)(Re,"mousemove").pipe((0,Z.T)(Kt=>this.getScrolled(Kt,Dt,Pt)),(0,ve.Q)((0,N.xM)(Re,"mouseup")))})))}getScrolled({clientY:ke,clientX:Re},Ke,Dt){const{offsetHeight:Pt,offsetWidth:Kt}=this.el,{top:Gt,left:an,width:Ln,height:tn}=this.el.parentElement.getBoundingClientRect();return[(ke-Gt-Pt*Ke)/(tn-Pt)*(this.element.scrollHeight-tn),(Re-an-Kt*Dt)/(Ln-Kt)*(this.element.scrollWidth-Ln)]}}return(ee=Se).\u0275fac=function(ke){return new(ke||ee)},ee.\u0275prov=c.jDH({token:ee,factory:ee.\u0275fac}),Se})(),Wt=(()=>{var ee;class Se{constructor(){this.el=(0,c.WQX)($.HF).nativeElement,this.style=(0,Le.qW)().style,this.scrollSub=(0,c.WQX)(at).pipe((0,oe.pQ)()).subscribe(([ke,Re])=>{this.el.style.scrollBehavior="auto",this.el.scrollTo({top:ke,left:Re}),this.el.style.scrollBehavior=""}),this.styleSub=(0,te.h)((0,c.WQX)(O.OX).pipe((0,ye.c)(100,(0,N.Ew)())),(0,N.A5)(this.el)).pipe((0,N.rB)(),(0,oe.pQ)()).subscribe(()=>{const ke={scrollTop:this.el.scrollTop,scrollHeight:this.el.scrollHeight,clientHeight:this.el.clientHeight,scrollLeft:this.el.scrollLeft,scrollWidth:this.el.scrollWidth,clientWidth:this.el.clientWidth},Re="".concat(100*this.getThumb(ke),"%"),Ke="".concat(100*this.getView(ke),"%");"vertical"===this.tuiScrollbar?(this.style.top=Re,this.style.height=Ke):(this.style.left=Re,this.style.width=Ke)}),this.tuiScrollbar="vertical"}getScrolled(ke){return"vertical"===this.tuiScrollbar?ke.scrollTop/(ke.scrollHeight-ke.clientHeight):ke.scrollLeft/(ke.scrollWidth-ke.clientWidth)}getCompensation(ke){return ke.clientHeight*ke.clientHeight/ke.scrollHeight>24&&"vertical"===this.tuiScrollbar||ke.clientWidth*ke.clientWidth/ke.scrollWidth>24&&"horizontal"===this.tuiScrollbar?0:"vertical"===this.tuiScrollbar?24/ke.clientHeight:24/ke.clientWidth}getThumb(ke){const Re=this.getCompensation(ke)||this.getView(ke);return this.getScrolled(ke)*(1-Re)}getView(ke){return"vertical"===this.tuiScrollbar?Math.ceil(ke.clientHeight/ke.scrollHeight*100)/100:Math.ceil(ke.clientWidth/ke.scrollWidth*100)/100}}return(ee=Se).\u0275fac=function(ke){return new(ke||ee)},ee.\u0275dir=c.FsC({type:ee,selectors:[["","tuiScrollbar",""]],inputs:{tuiScrollbar:"tuiScrollbar"},standalone:!0,features:[c.Jv_([at])]}),Se})(),Tt=(()=>{var ee;class Se{constructor(){this.scrollRef=(0,c.WQX)($.HF).nativeElement,this.options=(0,W.mo)((0,c.WQX)($.nV)),this.refresh$=(0,c.WQX)(O.OX).pipe((0,ye.c)(300,(0,N.Ew)()),(0,Z.T)(()=>this.scrollbars),(0,q.Z)([!1,!1]),(0,Ae.F)((ke,Re)=>ke[0]===Re[0]&&ke[1]===Re[1]),(0,N.sX)())}get scrollbars(){const{clientHeight:ke,scrollHeight:Re,clientWidth:Ke,scrollWidth:Dt}=this.scrollRef;return[Math.ceil(ke/Re*100)<100,Math.ceil(Ke/Dt*100)<100]}}return(ee=Se).\u0275fac=function(ke){return new(ke||ee)},ee.\u0275cmp=c.VBU({type:ee,selectors:[["tui-scroll-controls"]],standalone:!0,features:[c.aNF],decls:2,vars:3,consts:[[4,"ngIf"],["class","t-bar t-bar_vertical",3,"t-bar_has-horizontal","mousedown.capture.prevent",4,"ngIf"],["class","t-bar t-bar_horizontal",3,"t-bar_has-vertical","mousedown.capture.prevent",4,"ngIf"],[1,"t-bar","t-bar_vertical",3,"mousedown.capture.prevent"],["tuiScrollbar","vertical",1,"t-thumb"],[1,"t-bar","t-bar_horizontal",3,"mousedown.capture.prevent"],["tuiScrollbar","horizontal",1,"t-thumb"]],template:function(ke,Re){1&ke&&(c.DNE(0,Me,3,2,"ng-container",0),c.nI1(1,"async")),2&ke&&c.Y8G("ngIf",c.bMT(1,1,Re.refresh$))},dependencies:[t.Jj,t.bT,Wt],styles:["[_nghost-%COMP%]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-%COMP%]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-%COMP%]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-%COMP%]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-%COMP%]{right:.5rem}.t-thumb[_ngcontent-%COMP%]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-%COMP%]:hover{opacity:.24}.t-thumb[_ngcontent-%COMP%]:active{opacity:.48}.t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_vertical[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-%COMP%]:hover   .t-thumb[_ngcontent-%COMP%], .t-bar_horizontal[_ngcontent-%COMP%]   .t-thumb[_ngcontent-%COMP%]:active{block-size:.875rem}"],data:{animation:[X.uy]},changeDetection:0}),Se})();const Ot={mode:"always"},Rt=(0,Ue.gc)(Ot);function mt(ee){return(0,Ue.eC)(Rt,ee,Ot)}let ce=(()=>{var ee;class Se{constructor(){this.el=(0,Le.qW)(),this.options=(0,c.WQX)(Rt),this.isIOS=(0,c.WQX)(nt.mg),this.browserScrollRef=new c.aKT(this.el),this.hidden=!1}get delegated(){return this.scrollRef!==this.el}get scrollRef(){return this.browserScrollRef.nativeElement}set scrollRef(ke){this.browserScrollRef.nativeElement=ke}scrollIntoView(ke){var Re,Ke;if(this.delegated)return;const{offsetHeight:Dt,offsetWidth:Pt}=ke,{offsetTop:Kt,offsetLeft:Gt}=(0,Le.aT)(this.scrollRef,ke);null===(Re=(Ke=this.scrollRef).scrollTo)||void 0===Re||Re.call(Ke,Gt+Pt/2-this.scrollRef.clientWidth/2,Kt+Dt/2-this.scrollRef.clientHeight/2)}}return(ee=Se).\u0275fac=function(ke){return new(ke||ee)},ee.\u0275cmp=c.VBU({type:ee,selectors:[["tui-scrollbar"]],hostVars:2,hostBindings:function(ke,Re){1&ke&&c.bIt("tui-scrollable.stop",function(Dt){return Re.scrollRef=Dt.detail})("tui-scroll-into-view.stop",function(Dt){return Re.scrollIntoView(Dt.detail)}),2&ke&&c.AVh("_native-hidden",!Re.isIOS||Re.hidden)},inputs:{hidden:"hidden"},standalone:!0,features:[c.Jv_([{provide:$.HF,useFactory:()=>(0,c.WQX)(ee).browserScrollRef}]),c.aNF],ngContentSelectors:Ge,decls:3,vars:3,consts:[["class","t-bars",3,"t-hover-mode",4,"ngIf"],[1,"t-content"],[1,"t-bars"]],template:function(ke,Re){1&ke&&(c.NAR(),c.DNE(0,Xe,1,2,"tui-scroll-controls",0),c.j41(1,"div",1),c.SdG(2),c.k0s()),2&ke&&(c.Y8G("ngIf",!Re.hidden&&!Re.isIOS),c.R7$(1),c.AVh("t-content_delegated",Re.delegated))},dependencies:[t.bT,Tt],styles:["[_nghost-%COMP%]{position:relative;display:flex;isolation:isolate;overflow:auto}._native-hidden[_nghost-%COMP%]{scrollbar-width:none;-ms-overflow-style:none}._native-hidden[_nghost-%COMP%]::-webkit-scrollbar, ._native-hidden[_nghost-%COMP%]::-webkit-scrollbar-thumb{display:none}[_nghost-%COMP%]   .t-hover-mode[_ngcontent-%COMP%]:not(:active){transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[_nghost-%COMP%]:hover   .t-hover-mode[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1}.t-content[_ngcontent-%COMP%]{isolation:isolate;flex:1;flex-basis:auto;inline-size:100%;block-size:-webkit-max-content;block-size:max-content}.t-content_delegated[_ngcontent-%COMP%]{block-size:100%}.t-bars[_ngcontent-%COMP%]{color:var(--tui-text-primary)}"],changeDetection:0}),Se})(),k=(()=>{var ee;class Se{constructor(){this.el=(0,Le.qW)(),this.destroyRef=(0,c.WQX)(c.abz)}set tuiScrollIntoView(ke){ke&&(0,j.O)(0).pipe((0,oe.pQ)(this.destroyRef)).subscribe(()=>{this.el.dispatchEvent(new CustomEvent("tui-scroll-into-view",{bubbles:!0,detail:this.el}))})}}return(ee=Se).\u0275fac=function(ke){return new(ke||ee)},ee.\u0275dir=c.FsC({type:ee,selectors:[["","tuiScrollIntoView",""]],inputs:{tuiScrollIntoView:"tuiScrollIntoView"},standalone:!0}),Se})(),ie=(()=>{var ee;class Se{}return(ee=Se).\u0275fac=function(ke){return new(ke||ee)},ee.\u0275dir=c.FsC({type:ee,selectors:[["","tuiScrollRef",""]],standalone:!0,features:[c.Jv_([(0,Ue.QU)($.HF,c.aKT)])]}),Se})()},2734:(St,Fe,u)=>{u.d(Fe,{Bw:()=>k,KB:()=>Rt,TB:()=>le,j8:()=>ie}),u(3308);var c=u(5639),O=u(6610),N=u(2978),X=u(8832),W=(u(3241),u(958)),se=u(4314),te=u(8395),Z=u(4822),Q=u(5851),ve=u(7002),ye=u(7434),q=u(4135),Ae=u(5180),j=u(3279),oe=u(5037),Le=u(656),nt=u(5173);const Ue=["vcr"];function U(Pe,ke){if(1&Pe){const Re=N.RV6();N.j41(0,"button",6),N.bIt("click",function(){N.eBV(Re);const Dt=N.XpG();return N.Njj(null==Dt.directive?null:Dt.directive.setValue(null))})("pointerdown.silent.prevent",function(){N.eBV(Re);const Dt=N.XpG();return N.Njj(null==Dt.el||null==Dt.el.nativeElement?null:Dt.el.nativeElement.focus())}),N.k0s()}if(2&Pe){const Re=N.XpG();N.Y8G("iconStart",Re.icons.close)}}function Ee(Pe,ke){if(1&Pe&&(N.qex(0),N.EFF(1),N.bVm()),2&Pe){const Re=ke.polymorpheusOutlet;N.R7$(1),N.SpI(" ",Re," ")}}function Me(Pe,ke){if(1&Pe&&N.nrm(0,"input",7),2&Pe){const Re=N.XpG();N.Y8G("value",Re.computedFiller)}}const Xe=[[["input"]],[["select"]],[["label"]],"*",[["tui-icon"]]],Ge=function(Pe){return{$implicit:Pe}},at=["input","select","label","*","tui-icon"],Rt=(0,se.gc)({appearance:(0,N.vPA)("textfield"),size:(0,N.vPA)("l"),cleaner:(0,N.vPA)(!0)});let le=(()=>{var Pe;class ke{constructor(){this.options=(0,N.WQX)(Rt,{skipSelf:!0}),this.appearance=(0,N.vPA)(this.options.appearance()),this.size=(0,N.vPA)(this.options.size()),this.cleaner=(0,N.vPA)(this.options.cleaner())}set tuiTextfieldAppearance(Ke){this.appearance.set(Ke)}set tuiTextfieldSize(Ke){this.size.set(Ke)}set tuiTextfieldCleaner(Ke){this.cleaner.set(Ke)}}return(Pe=ke).\u0275fac=function(Ke){return new(Ke||Pe)},Pe.\u0275dir=N.FsC({type:Pe,selectors:[["","tuiTextfieldAppearance",""],["","tuiTextfieldSize",""],["","tuiTextfieldCleaner",""]],inputs:{tuiTextfieldAppearance:"tuiTextfieldAppearance",tuiTextfieldSize:"tuiTextfieldSize",tuiTextfieldCleaner:"tuiTextfieldCleaner"},standalone:!0,features:[N.Jv_([(0,se.QU)(Rt,Pe)])]}),ke})(),H=(()=>{var Pe;class ke{}return(Pe=ke).\u0275fac=function(Ke){return new(Ke||Pe)},Pe.\u0275dir=N.FsC({type:Pe,selectors:[["ng-template","tuiTextfieldDropdown",""]],standalone:!0}),ke})(),ce=(()=>{var Pe;class ke{constructor(){this.dropdown=(0,j.WI)(null)}set template(Ke){this.dropdown.set(Ke)}}return(Pe=ke).\u0275fac=function(Ke){return new(Ke||Pe)},Pe.\u0275dir=N.FsC({type:Pe,contentQueries:function(Ke,Dt,Pt){if(1&Ke&&N.wni(Pt,H,5,N.C4Q),2&Ke){let Kt;N.mGM(Kt=N.lsd())&&(Dt.template=Kt.first)}},standalone:!0}),ke})(),k=(()=>{var Pe;class ke{constructor(){this.open=(0,j.ED)(),this.focusedIn=(0,ye.vn)((0,Z.qW)()),this.side=0,this.autoId=(0,ve.XD)(),this.icons=(0,N.WQX)(Le._Z),this.cdr=(0,N.WQX)(N.gRc),this.filler="",this.stringify=String,this.focused=(0,N.EWP)(()=>this.open()||this.focusedIn()),this.options=(0,N.WQX)(Rt)}get id(){var Ke;return(null===(Ke=this.el)||void 0===Ke?void 0:Ke.nativeElement.id)||this.autoId}get size(){return this.options.size()}handleOption(Ke){var Dt;null===(Dt=this.directive)||void 0===Dt||Dt.setValue(Ke),this.open.set(!1)}get computedFiller(){var Ke;const Dt=(null===(Ke=this.el)||void 0===Ke?void 0:Ke.nativeElement.value)||"",Pt=Dt+this.filler.slice(Dt.length);return Pt.length>Dt.length?Pt:""}get showFiller(){var Ke,Dt;return this.focused()&&!!this.computedFiller&&(!(null===(Ke=this.el)||void 0===Ke||!Ke.nativeElement.value)||!(null!==(Dt=this.el)&&void 0!==Dt&&Dt.nativeElement.placeholder))}get hasLabel(){var Ke;return!(null===(Ke=this.label)||void 0===Ke||null===(Ke=Ke.nativeElement)||void 0===Ke||!Ke.childNodes.length)}onResize(Ke){var Dt;this.side=(null===(Dt=Ke[0])||void 0===Dt||null===(Dt=Dt.contentRect)||void 0===Dt?void 0:Dt.width)||0,this.cdr.detectChanges()}}return(Pe=ke).\u0275fac=function(Ke){return new(Ke||Pe)},Pe.\u0275cmp=N.VBU({type:Pe,selectors:[["tui-textfield"]],contentQueries:function(Ke,Dt,Pt){if(1&Ke&&(N.wni(Pt,ie,5),N.wni(Pt,c.z,5,N.aKT),N.wni(Pt,X.vO,5),N.wni(Pt,ie,7,N.aKT)),2&Ke){let Kt;N.mGM(Kt=N.lsd())&&(Dt.directive=Kt.first),N.mGM(Kt=N.lsd())&&(Dt.label=Kt.first),N.mGM(Kt=N.lsd())&&(Dt.control=Kt.first),N.mGM(Kt=N.lsd())&&(Dt.el=Kt.first)}},viewQuery:function(Ke,Dt){if(1&Ke&&N.GBs(Ue,7,N.c1b),2&Ke){let Pt;N.mGM(Pt=N.lsd())&&(Dt.vcr=Pt.first)}},hostVars:9,hostBindings:function(Ke,Dt){2&Ke&&(N.BMQ("data-size",Dt.options.size()),N.xc7("--t-side",Dt.side,"px"),N.AVh("_with-label",Dt.hasLabel)("_with-template",Dt.content)("_disabled",null==Dt.el?null:Dt.el.nativeElement.disabled))},inputs:{filler:"filler",stringify:"stringify",content:"content"},standalone:!0,features:[N.Jv_([(0,Ae.PU)(Pe),(0,j.Lq)({limitWidth:"fixed"})]),N.aNF,N.nM4([j.pU,j.Ks,ce,oe.Z])],ngContentSelectors:at,decls:12,vars:6,consts:[[1,"t-content",3,"mousedown.prevent","waResizeObserver"],["appearance","icon","size","xs","tabindex","-1","tuiIconButton","","type","button","class","t-clear",3,"iconStart","click","pointerdown.silent.prevent",4,"ngIf"],["vcr",""],[1,"t-template"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["aria-hidden","true","disabled","","class","t-filler",3,"value",4,"ngIf"],["appearance","icon","size","xs","tabindex","-1","tuiIconButton","","type","button",1,"t-clear",3,"iconStart","click","pointerdown.silent.prevent"],["aria-hidden","true","disabled","",1,"t-filler",3,"value"]],template:function(Ke,Dt){1&Ke&&(N.NAR(Xe),N.SdG(0),N.SdG(1,1),N.SdG(2,2),N.j41(3,"span",0),N.bIt("mousedown.prevent",function(){return null==Dt.el||null==Dt.el.nativeElement?null:Dt.el.nativeElement.focus()})("waResizeObserver",function(Kt){return Dt.onResize(Kt)}),N.SdG(4,3),N.DNE(5,U,1,1,"button",1),N.eu8(6,null,2),N.SdG(8,4),N.k0s(),N.j41(9,"span",3),N.DNE(10,Ee,2,1,"ng-container",4),N.k0s(),N.DNE(11,Me,1,1,"input",5)),2&Ke&&(N.R7$(5),N.Y8G("ngIf",Dt.options.cleaner()),N.R7$(5),N.Y8G("polymorpheusOutlet",Dt.content)("polymorpheusOutletContext",N.eq3(4,Ge,null==Dt.control?null:Dt.control.value)),N.R7$(1),N.Y8G("ngIf",Dt.showFiller))},dependencies:[O.bT,nt.xr,q.p,Q.DQ],styles:['tui-textfield{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;block-size:var(--t-height);color:var(--tui-text-tertiary);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m);box-sizing:border-box}tui-textfield[style*="--t-icon-start:"]{--t-left: 2.25rem}tui-textfield[style*="--t-icon-end:"]{--t-right: 2.25rem}tui-textfield:after{margin-inline-start:.25rem}tui-textfield input,tui-textfield select{font:var(--tui-font-text-m)}tui-textfield[data-size=s]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=s][style*="--t-icon-start:"]{--t-left: 1.25rem}tui-textfield[data-size=s][style*="--t-icon-end:"]{--t-right: 1.25rem}tui-textfield[data-size=s]:before{margin:0 .5rem 0 -.125rem;font-size:1rem}tui-textfield[data-size=s]:after{margin:0 -.175rem 0 .575rem;font-size:1rem}tui-textfield[data-size=s] input,tui-textfield[data-size=s] select{font:var(--tui-font-text-s)}tui-textfield[data-size=s] .t-content{gap:0;margin-inline-end:-.325rem}tui-textfield[data-size=m]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}tui-textfield[data-size=m][style*="--t-icon-start:"]{--t-left: 1.75rem}tui-textfield[data-size=m][style*="--t-icon-end:"]{--t-right: 1.75rem}tui-textfield[data-size=m]:before{margin:0 .375rem 0 -.125rem}tui-textfield[data-size=m]:after{margin:0 -.125rem 0 .5rem}tui-textfield[data-size=m] input,tui-textfield[data-size=m] select{font:var(--tui-font-text-s)}tui-textfield[data-size=m] .t-content{margin-inline-end:-.125rem}tui-textfield:hover{color:var(--tui-text-secondary)}tui-textfield:hover:has(input:read-only),tui-textfield:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}tui-textfield:before{z-index:1;margin-inline-end:.75rem}tui-textfield:has(:disabled:not(.t-filler,button,option)):before,tui-textfield:has(:disabled:not(.t-filler,button,option)):after,tui-textfield:has(:disabled:not(.t-filler,button,option)) .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield._disabled:before,tui-textfield._disabled:after,tui-textfield._disabled .t-template{opacity:var(--tui-disabled-opacity)}tui-textfield:has(label:not(:empty)) .t-template,tui-textfield:has(label:not(:empty)) input,tui-textfield:has(label:not(:empty)) select{padding-top:calc(var(--t-height) / 3)}tui-textfield:has(label:not(:empty)) .t-template:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) input:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) select:not(:-webkit-autofill)::placeholder,tui-textfield:has(label:not(:empty)) .t-template._empty,tui-textfield:has(label:not(:empty)) input._empty,tui-textfield:has(label:not(:empty)) select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield._with-label .t-template,tui-textfield._with-label input,tui-textfield._with-label select{padding-top:calc(var(--t-height) / 3)}tui-textfield._with-label .t-template:not(:-webkit-autofill)::placeholder,tui-textfield._with-label input:not(:-webkit-autofill)::placeholder,tui-textfield._with-label select:not(:-webkit-autofill)::placeholder,tui-textfield._with-label .t-template._empty,tui-textfield._with-label input._empty,tui-textfield._with-label select._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:transparent!important}tui-textfield .t-template,tui-textfield input:defined,tui-textfield select:defined{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:none;border-inline-start:var(--t-left, 0) solid transparent!important;border-inline-end:calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side)) solid transparent!important;border-radius:inherit;padding:inherit}tui-textfield .t-template{display:flex;align-items:center}tui-textfield._with-template select{color:transparent!important}tui-textfield input:defined,tui-textfield select:defined{pointer-events:auto;background:transparent no-repeat center right 1rem / 2rem;background-clip:border-box,padding-box}tui-textfield input:defined:read-only~.t-filler,tui-textfield select:defined:read-only~.t-filler{display:none}tui-textfield input:defined:disabled~label,tui-textfield select:defined:disabled~label,tui-textfield input:defined:disabled~.t-content,tui-textfield select:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}tui-textfield input:defined:disabled~label tui-icon,tui-textfield select:defined:disabled~label tui-icon,tui-textfield input:defined:disabled~.t-content tui-icon,tui-textfield select:defined:disabled~.t-content tui-icon{display:none}tui-textfield input:defined:-webkit-autofill~label,tui-textfield select:defined:-webkit-autofill~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown)~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown)~label{font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,tui-textfield input:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,tui-textfield input:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,tui-textfield select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}tui-textfield input:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield input:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,tui-textfield select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,tui-textfield select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]._empty,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]._empty{caret-color:var(--tui-text-primary);color:transparent!important;-webkit-text-fill-color:var(--tui-text-tertiary)!important}tui-textfield input:defined:not([data-mode~=readonly])[data-focus=true]~label,tui-textfield select:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font-size:.83em;transform:translateY(-.7em)}@supports (-webkit-touch-callout: none){tui-textfield input:defined._ios-fix,tui-textfield select:defined._ios-fix{position:fixed;left:1000rem}}tui-textfield label:not([data-orientation=vertical]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}tui-textfield label:defined,tui-textfield input:defined::placeholder,tui-textfield select:defined._empty{color:var(--tui-text-secondary)}tui-textfield select:not([data-mode~=readonly]){cursor:pointer}tui-textfield button,tui-textfield a{pointer-events:auto}tui-textfield .t-content{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate}tui-textfield .t-content tui-icon{pointer-events:auto}tui-textfield .t-clear{display:none;pointer-events:auto}tui-textfield .t-filler:defined{pointer-events:none;background:none;color:var(--tui-text-tertiary);opacity:1}tui-textfield [tuiFluidTypography]{font-weight:700}\n'],encapsulation:2,changeDetection:0}),ke})(),J=(()=>{var Pe;class ke{constructor(){this.focused=(0,N.vPA)(null),this.a=(0,te.lT)((0,N.WQX)(Rt).appearance),this.s=(0,te.KC)(null),this.m=(0,te.UP)(this.mode),this.f=(0,te.RM)((0,N.EWP)(()=>this.focused()||this.textfield.focused())),this.el=(0,Z.qW)(),this.textfield=(0,N.WQX)(k),this.readOnly=!1,this.invalid=null}set focusedSetter(Ke){this.focused.set(Ke)}set stateSetter(Ke){this.s.set(Ke)}get mode(){return this.readOnly?"readonly":!1===this.invalid?"valid":this.invalid?"invalid":null}ngOnChanges(){this.m.set(this.mode)}setValue(Ke){this.el.value=null==Ke?"":this.textfield.stringify(Ke),this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}return(Pe=ke).\u0275fac=function(Ke){return new(Ke||Pe)},Pe.\u0275dir=N.FsC({type:Pe,inputs:{readOnly:"readOnly",invalid:"invalid",focusedSetter:["focused","focusedSetter"],stateSetter:["state","stateSetter"]},features:[N.OA$]}),ke})(),ie=(()=>{var Pe;class ke extends J{}return(Pe=ke).\u0275fac=function(){let Re;return function(Dt){return(Re||(Re=N.xGo(Pe)))(Dt||Pe)}}(),Pe.\u0275dir=N.FsC({type:Pe,selectors:[["input","tuiTextfield",""]],hostVars:4,hostBindings:function(Ke,Dt){1&Ke&&N.bIt("input",function(){return 0})("focusin",function(){return 0})("focusout",function(){return 0}),2&Ke&&(N.Mr5("id",Dt.textfield.id)("readOnly",Dt.readOnly),N.AVh("_empty",""===Dt.el.value))},standalone:!0,features:[N.Vt3,N.nM4([W.W,te.bC])]}),ke})()},8395:(St,Fe,u)=>{u.d(Fe,{KC:()=>te,RM:()=>Z,UP:()=>Q,bC:()=>W,lT:()=>se,mr:()=>X,tF:()=>ve,to:()=>N});var t=u(4314),c=u(2978);const N=(0,t.gc)({appearance:""});function X(ye){return(0,t.QU)(N,ye)}let $=(()=>{var ye;class q{}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275cmp=c.VBU({type:ye,selectors:[["ng-component"]],hostAttrs:[1,"tui-appearance"],standalone:!0,features:[c.aNF],decls:0,vars:0,template:function(j,oe){},styles:["[tuiAppearance]{transition-property:color,background,opacity,box-shadow,border;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem}[tuiAppearance]:focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance][data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:disabled:not([data-state]),[tuiAppearance][data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}\n"],encapsulation:2,changeDetection:0}),q})(),W=(()=>{var ye;class q{constructor(){this.nothing=(0,t.Ty)($),this.modes=(0,c.EWP)((j=this.mode())=>!j||(0,t.YB)(j)?j:j.join(" ")),this.appearance=(0,c.vPA)((0,c.WQX)(N).appearance),this.state=(0,c.vPA)(null),this.focus=(0,c.vPA)(null),this.mode=(0,c.vPA)(null)}set tuiAppearance(j){this.appearance.set(j)}set tuiAppearanceState(j){this.state.set(j)}set tuiAppearanceFocus(j){this.focus.set(j)}set tuiAppearanceMode(j){this.mode.set(j)}}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275dir=c.FsC({type:ye,selectors:[["","tuiAppearance",""]],hostAttrs:["tuiAppearance",""],hostVars:4,hostBindings:function(j,oe){2&j&&c.BMQ("data-appearance",oe.appearance())("data-state",oe.state())("data-focus",oe.focus())("data-mode",oe.modes())},inputs:{tuiAppearance:"tuiAppearance",tuiAppearanceState:"tuiAppearanceState",tuiAppearanceFocus:"tuiAppearanceFocus",tuiAppearanceMode:"tuiAppearanceMode"},standalone:!0}),q})();function se(ye){return(0,t.hp)(W,"appearance",ye)}function te(ye){return(0,t.hp)(W,"state",ye)}function Z(ye){return(0,t.hp)(W,"focus",ye)}function Q(ye){return(0,t.hp)(W,"mode",ye)}let ve=(()=>{var ye;class q{}return(ye=q).\u0275fac=function(j){return new(j||ye)},ye.\u0275dir=c.FsC({type:ye,standalone:!0,features:[c.nM4([{directive:W,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus","tuiAppearanceMode","tuiAppearanceMode"]}])]}),q})()},3279:(St,Fe,u)=>{u.d(Fe,{Bz:()=>Ln,Vh:()=>Bt,pU:()=>vt,iE:()=>bi,P0:()=>ci,HY:()=>he,Hg:()=>it,fx:()=>xt,Ks:()=>un,WI:()=>on,ED:()=>cn,Lq:()=>ae});var t=u(2978),c=u(7212),O=u(3241),N=u(6242),X=u(4822),$=u(712),W=u(4314),se=u(7187),te=u(4514),Z=u(599),Q=u(1342),ve=u(656),ye=u(5950),q=u(9141);function Ae(rt){return!!rt&&(function j(rt){var ze;return"fixed"===(null===(ze=rt.ownerDocument.defaultView)||void 0===ze?void 0:ze.getComputedStyle(rt).getPropertyValue("position"))}(rt)||Ae(rt.parentElement))}var Ue=u(5173),U=u(6104),Ee=u(1472),Me=u(7049),Xe=u(3527),Ge=u(2489),at=u(8503),tt=u(8129),_t=u(3793),mt=(u(2831),u(756),u(8283),u(7236),u(7782),u(5981)),H=(u(199),u(7270)),ce=u(4976),k=u(4926),ie=(u(811),u(6701)),ee=(u(6610),u(9406)),Se=u(965);let Pe=(()=>{var rt;class ze extends ee.c{constructor(){super(ge=>this.obscured$.subscribe(ge)),this.el=(0,X.qW)(),this.obscured$=(0,t.WQX)(O.OX).pipe((0,Ee.c)(100,(0,ce.Ew)()),(0,Xe.T)(()=>(0,X.J0)(this.el)),(0,Se.Z)(null),(0,_t.F)(),(0,ce.sX)())}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275prov=t.jDH({token:rt,factory:rt.\u0275fac}),ze})(),ke=(()=>{var rt;class ze{constructor(){this.activeZone=(0,t.WQX)(N.N,{optional:!0}),this.enabled$=new U.B,this.obscured$=(0,t.WQX)(Pe,{self:!0}).pipe((0,Xe.T)(ge=>!(null==ge||!ge.every(Y=>{var He;return!(null!==(He=this.activeZone)&&void 0!==He&&He.contains(Y))})))),this.tuiObscured=this.enabled$.pipe((0,ce.aY)(()=>this.obscured$))}set tuiObscuredEnabled(ge){this.enabled$.next(ge)}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiObscured",""]],inputs:{tuiObscuredEnabled:"tuiObscuredEnabled"},outputs:{tuiObscured:"tuiObscured"},standalone:!0,features:[t.Jv_([Pe])]}),ze})();var Re=u(7434);function Ke(rt,ze){if(1&rt&&(t.j41(0,"div",2),t.EFF(1),t.k0s()),2&rt){const we=ze.polymorpheusOutlet;t.R7$(1),t.SpI(" ",we," ")}}const Dt=function(rt){return{$implicit:rt}},Pt=["tuiDropdownHost"],Kt=["*"];let Gt=(()=>{var rt;class ze extends U.B{constructor(){super(...arguments),this.type="dropdown"}}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275prov=t.jDH({token:rt,factory:rt.\u0275fac}),ze})(),an=(()=>{var rt;class ze extends te.I9{constructor(){super(...arguments),this.type="dropdown"}}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownDriver",""]],standalone:!0,features:[t.Vt3]}),ze})();const Ln=(0,W.ET)(()=>Bt),tn=new t.nKC("");let it=(()=>{var rt;class ze extends k.Ak{}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275prov=t.jDH({token:rt,factory:rt.\u0275fac,providedIn:"root"}),ze})();const Ye={align:"left",direction:null,limitWidth:"auto",maxHeight:400,minHeight:80,offset:4,appearance:""},ct=(0,W.gc)(Ye),ae=rt=>({provide:ct,deps:[[new t.Xx1,new t.B$B,he],[new t.Xx1,new t.kdw,ct]],useFactory:(0,ye.tu)(rt,Ye)});let he=(()=>{var rt;class ze{constructor(){this.options=(0,t.WQX)(ct,{skipSelf:!0}),this.align=this.options.align,this.appearance=this.options.appearance,this.direction=this.options.direction,this.limitWidth=this.options.limitWidth,this.minHeight=this.options.minHeight,this.maxHeight=this.options.maxHeight,this.offset=this.options.offset}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownAlign",""],["","tuiDropdownAppearance",""],["","tuiDropdownDirection",""],["","tuiDropdownLimitWidth",""],["","tuiDropdownMinHeight",""],["","tuiDropdownMaxHeight",""],["","tuiDropdownOffset",""]],inputs:{align:["tuiDropdownAlign","align"],appearance:["tuiDropdownAppearance","appearance"],direction:["tuiDropdownDirection","direction"],limitWidth:["tuiDropdownLimitWidth","limitWidth"],minHeight:["tuiDropdownMinHeight","minHeight"],maxHeight:["tuiDropdownMaxHeight","maxHeight"],offset:["tuiDropdownOffset","offset"]},standalone:!0,features:[t.Jv_([(0,W.QU)(ct,rt)])]}),ze})(),je=(()=>{var rt;class ze extends te.dg{constructor(){super(...arguments),this.options=(0,t.WQX)(ct),this.viewport=(0,t.WQX)(ve.ob),this.type="dropdown",this.accessor=(0,te.iA)("dropdown")((0,t.WQX)(te.cf),(0,t.WQX)(vt,{optional:!0}))}getPosition({width:ge,height:Y}){var He,pt;!ge&&!Y&&(this.previous=void 0);const Ut=null!==(He=null===(pt=this.accessor)||void 0===pt?void 0:pt.getClientRect())&&void 0!==He?He:q.Lo,jt=this.viewport.getClientRect(),{minHeight:_n,align:vn,direction:ri,offset:Vn,limitWidth:Wn}=this.options,Rn={top:jt.top-Vn,bottom:jt.bottom+Vn,right:jt.right-Vn,left:jt.left+Vn},Fi=this.previous||ri||"bottom",Oi={top:Ut.top-2*Vn-Rn.top,bottom:Rn.bottom-Ut.bottom-2*Vn},pi=Math.max(Ut.right-("fixed"===Wn?Ut.width:ge),Vn),Mi=Ut.left+ge<Rn.right?Ut.left:pi,xi={top:Ut.top-Vn-Y,bottom:Ut.bottom+Vn,right:Math.max(Rn.left,pi),center:Ut.left+Ut.width/2+ge/2<Rn.right?Ut.left+Ut.width/2-ge/2:pi,left:Math.max(Rn.left,Mi)},Dn=Oi.top>Oi.bottom?"top":"bottom";return Oi[Fi]>_n&&ri||Oi[Fi]>Y?[xi[Fi],xi[vn]]:(this.previous=Dn,[xi[Dn],xi[vn]])}}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownPosition",""]],standalone:!0,features:[t.Vt3]}),ze})(),vt=(()=>{var rt;class ze{constructor(){this.refresh$=new U.B,this.service=(0,t.WQX)(it),this.cdr=(0,t.WQX)(t.gRc),this.sub=this.refresh$.pipe((0,Ee.c)(0,(0,ce.Ew)()),(0,c.pQ)()).subscribe(()=>{var ge,Y;null===(ge=this.ref())||void 0===ge||ge.changeDetectorRef.detectChanges(),null===(Y=this.ref())||void 0===Y||Y.changeDetectorRef.markForCheck()}),this.el=(0,X.qW)(),this.type="dropdown",this.component=new Ue.lS((0,t.WQX)(Ln),(0,t.WQX)(t.duS)),this.ref=(0,t.vPA)(null)}set tuiDropdown(ge){this.content=ge instanceof t.C4Q?new Ue.A7(ge,this.cdr):ge}get position(){return Ae(this.el)?"fixed":"absolute"}ngAfterViewChecked(){this.refresh$.next()}ngOnChanges(){this.content||this.toggle(!1)}ngOnDestroy(){this.toggle(!1)}getClientRect(){return this.el.getBoundingClientRect()}toggle(ge){const Y=this.ref();ge&&this.content&&!Y?this.ref.set(this.service.add(this.component)):!ge&&Y&&(this.ref.set(null),this.service.remove(Y))}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdown","",5,"ng-container",5,"ng-template"]],inputs:{tuiDropdown:"tuiDropdown"},exportAs:["tuiDropdown"],standalone:!0,features:[t.Jv_([(0,te.yq)(rt),(0,te.XW)(rt)]),t.OA$,t.nM4([an,je])]}),(0,H.Cg)([W.PE],ze.prototype,"position",null),ze})(),Bt=(()=>{var rt;class ze{constructor(){var ge;this.el=(0,X.qW)(),this.accessor=(0,t.WQX)(te.cf),this.win=(0,t.WQX)(O.Qc),this.vvs=(0,t.WQX)(Q.yt),this.animation=(0,ye.mo)((0,t.WQX)(ve.nV)),this.options=(0,t.WQX)(ct),this.directive=(0,t.WQX)(vt),this.context=(0,t.WQX)(tn,{optional:!0}),this.theme=null===(ge=this.directive.el.closest("[tuiTheme]"))||void 0===ge?void 0:ge.getAttribute("tuiTheme"),this.sub=(0,t.WQX)(Q.ZE).pipe((0,Me.v)(()=>this.directive.el.isConnected),(0,Xe.T)(Y=>"fixed"===this.directive.position?this.vvs.correct(Y):Y),(0,Xe.T)(([Y,He])=>this.getStyles(Y,He)),(0,c.pQ)()).subscribe({next:Y=>Object.assign(this.el.style,Y),complete:()=>this.close()}),this.close=()=>this.directive.toggle(!1)}getStyles(ge,Y){var He;const{right:pt}=this.el.getBoundingClientRect(),{maxHeight:Ut,minHeight:jt,offset:_n,limitWidth:vn}=this.options,{innerHeight:ri}=this.win,Vn=null===(He=this.el.offsetParent)||void 0===He?void 0:He.getBoundingClientRect(),{position:Wn}=this.directive,Rn=this.accessor.getClientRect(),Oi="fixed"===Wn?0:-((null==Vn?void 0:Vn.top)||0);ge+=Oi,Y+="fixed"===Wn?0:-((null==Vn?void 0:Vn.left)||0);const si=pt<=Rn.left||Y>=Rn.right,Mi=Y<Rn.right&&pt>Rn.left&&ge<Oi+2*_n?Rn.top-2*_n:Oi+ri-ge-_n;return{position:Wn,top:(0,W.Pp)(Math.round(Math.max(ge,Oi+_n))),left:(0,W.Pp)(Math.round(Y)),maxHeight:(0,W.Pp)(si?Ut:Math.round((0,$.wN)(Mi,jt,Ut))),width:"fixed"===vn?(0,W.Pp)(Math.round(Rn.width)):"",minWidth:"min"===vn?(0,W.Pp)(Math.round(Rn.width)):""}}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275cmp=t.VBU({type:rt,selectors:[["tui-dropdown"]],hostVars:3,hostBindings:function(ge,Y){2&ge&&(t.BMQ("data-appearance",Y.options.appearance)("tuiTheme",Y.theme),t.zvX("@tuiDropdownAnimation",Y.animation))},standalone:!0,features:[t.Jv_([Q.ZE,(0,te.mI)("dropdown",je),(0,te.Z3)("dropdown",vt)]),t.aNF,t.nM4([N.N])],decls:2,vars:4,consts:[[1,"t-scroll"],["class","t-primitive",4,"polymorpheusOutlet","polymorpheusOutletContext"],[1,"t-primitive"]],template:function(ge,Y){1&ge&&(t.j41(0,"tui-scrollbar",0),t.DNE(1,Ke,2,1,"div",1),t.k0s()),2&ge&&(t.R7$(1),t.Y8G("polymorpheusOutlet",Y.directive.content)("polymorpheusOutletContext",t.eq3(2,Dt,Y.close)))},dependencies:[Ue.xr,Z.N0],styles:["[_nghost-%COMP%]{position:absolute;display:flex;box-shadow:var(--tui-shadow-medium);background:var(--tui-background-elevation-3);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-border-normal);box-sizing:border-box;max-inline-size:calc(100% - 8px);isolation:isolate;pointer-events:auto}.ng-animating[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%]:not([style*=top]){visibility:hidden}.t-scroll[_ngcontent-%COMP%]{flex-grow:1;max-inline-size:100%;overscroll-behavior:none}.t-primitive[_ngcontent-%COMP%]{padding:1rem}"],data:{animation:[se.CF]}}),ze})();function zn(rt){var ze;return"key"in rt&&"escape"===rt.key.toLowerCase()&&this.tuiDropdownEnabled&&!!this.tuiDropdownOpen&&!(null!==(ze=this.dropdown())&&void 0!==ze&&ze.nextElementSibling)}(0,W.gc)({showDelay:200,hideDelay:500});let bi=(()=>{var rt;class ze{constructor(){this.directive=(0,t.WQX)(vt),this.el=(0,X.qW)(),this.obscured=(0,t.WQX)(ke),this.dropdown=(0,t.EWP)(()=>{var ge;return null===(ge=this.directive.ref())||void 0===ge?void 0:ge.location.nativeElement}),this.sub=(0,Ge.h)(this.obscured.tuiObscured.pipe((0,at.p)(Boolean)),(0,t.WQX)(N.N).tuiActiveZoneChange.pipe((0,at.p)(ge=>!ge)),(0,tt.R)(this.el,"focusin").pipe((0,Xe.T)(X.U9),(0,at.p)(ge=>!this.host.contains(ge)||!this.directive.ref()))).pipe((0,ce.Eb)((0,t.WQX)(t.gRc)),(0,c.pQ)()).subscribe(()=>this.toggle(!1)),this.tuiDropdownEnabled=!0,this.tuiDropdownOpen=!1,this.tuiDropdownOpenChange=new t.bkB,this.driver=(0,t.WQX)(Gt)}ngOnChanges(){this.drive()}toggle(ge){this.focused&&!ge&&this.host.focus({preventScroll:!0}),this.update(ge)}onEsc(ge){ge.preventDefault(),this.toggle(!1)}onClick(ge){!this.editable&&this.host.contains(ge)&&this.update(!this.tuiDropdownOpen)}onArrow(ge,Y){!(0,X.ru)(ge.target)||!this.host.contains(ge.target)||!this.tuiDropdownEnabled||(ge.preventDefault(),this.focusDropdown(Y))}onKeydown({key:ge,target:Y,defaultPrevented:He}){He||!(0,ye.On)(ge)||!this.editable||!this.focused||!(0,X.Ki)(Y)||(0,X.dn)(Y)&&Y!==this.host||(this.update(!0),this.host.focus({preventScroll:!0}))}get host(){var ge,Y;const He=(null===(ge=this.dropdownHost)||void 0===ge?void 0:ge.nativeElement)||this.el,pt=(0,Re.Hn)(He)?He:(0,Re.km)({initial:He,root:this.el});return(null===(Y=this.dropdownHost)||void 0===Y?void 0:Y.nativeElement)||pt||this.el}get editable(){return(0,X.dn)(this.host)}get focused(){return(0,Re.Ij)(this.host)||(0,Re.Ij)(this.dropdown())}update(ge){ge&&!this.tuiDropdownEnabled||(this.tuiDropdownOpen=ge,this.tuiDropdownOpenChange.emit(ge),this.drive())}drive(ge=this.tuiDropdownOpen&&this.tuiDropdownEnabled){this.obscured.tuiObscuredEnabled=!!ge,this.driver.next(!!ge)}focusDropdown(ge){const Y=this.dropdown();if(!Y)return void this.update(!0);const pt=Y.appendChild(this.el.ownerDocument.createElement("div")),jt=(0,Re.km)({initial:ge?pt:Y,previous:ge,root:Y});pt.remove(),null==jt||jt.focus()}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdown","","tuiDropdownOpen",""],["","tuiDropdown","","tuiDropdownOpenChange",""]],contentQueries:function(ge,Y,He){if(1&ge&&t.wni(He,Pt,5,t.aKT),2&ge){let pt;t.mGM(pt=t.lsd())&&(Y.dropdownHost=pt.first)}},hostBindings:function(ge,Y){1&ge&&t.bIt("click",function(pt){return Y.onClick(pt.target)})("keydown.arrowDown",function(pt){return Y.onArrow(pt,!1)})("keydown.arrowUp",function(pt){return Y.onArrow(pt,!0)})("keydown.silent.capture",function(pt){return Y.onEsc(pt)},!1,t.EBC)("keydown.silent",function(pt){return Y.onKeydown(pt)},!1,t.EBC)},inputs:{tuiDropdownEnabled:"tuiDropdownEnabled",tuiDropdownOpen:"tuiDropdownOpen"},outputs:{tuiDropdownOpenChange:"tuiDropdownOpenChange"},standalone:!0,features:[t.Jv_([Gt,(0,te.Np)(Gt)]),t.OA$,t.nM4([ke,{directive:N.N,inputs:["tuiActiveZoneParent","tuiActiveZoneParent"],outputs:["tuiActiveZoneChange","tuiActiveZoneChange"]}])]}),(0,H.Cg)([(0,ie.KX)(zn)],ze.prototype,"onEsc",null),ze})(),ci=(()=>{var rt;class ze{constructor(){this.tuiDropdownOpenChange=new mt.t(!1)}set tuiDropdownOpen(ge){this.tuiDropdownOpenChange.next(ge)}}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,selectors:[["","tuiDropdownOpen","",3,"tuiDropdown",""],["","tuiDropdownOpenChange","",3,"tuiDropdown",""]],inputs:{tuiDropdownOpen:"tuiDropdownOpen"},outputs:{tuiDropdownOpenChange:"tuiDropdownOpenChange"},standalone:!0}),ze})();function on(rt){return(0,W.hp)(vt,"tuiDropdown",rt,{})}function cn(){const rt=(0,W.hp)(bi,"tuiDropdownOpen",!1,{});return(0,t.WQX)(bi).tuiDropdownOpenChange.pipe((0,c.pQ)()).subscribe(ze=>rt.set(ze)),rt}let xt=(()=>{var rt;class ze extends k.mi{}return(rt=ze).\u0275fac=function(){let we;return function(Y){return(we||(we=t.xGo(rt)))(Y||rt)}}(),rt.\u0275cmp=t.VBU({type:rt,selectors:[["tui-dropdowns"]],standalone:!0,features:[t.Jv_([(0,k.bo)(it)]),t.Vt3,t.aNF],ngContentSelectors:Kt,decls:3,vars:0,consts:[["viewContainer",""]],template:function(ge,Y){1&ge&&(t.NAR(),t.SdG(0),t.eu8(1,null,0))},styles:["[_nghost-%COMP%]{display:block;height:100%;isolation:isolate}"],changeDetection:0}),ze})(),un=(()=>{var rt;class ze{}return(rt=ze).\u0275fac=function(ge){return new(ge||rt)},rt.\u0275dir=t.FsC({type:rt,standalone:!0,features:[t.nM4([{directive:bi,inputs:["tuiDropdownOpen","open"],outputs:["tuiDropdownOpenChange","openChange"]}])]}),ze})()},7442:(St,Fe,u)=>{u.d(Fe,{w7:()=>W});var t=u(2978),c=u(4314);const N=(0,c.gc)({size:"l",collapsed:!1,rounded:!0,orientation:"horizontal"});let $=(()=>{var se;class te{}return(se=te).\u0275fac=function(Q){return new(Q||se)},se.\u0275cmp=t.VBU({type:se,selectors:[["ng-component"]],hostAttrs:[1,"tui-group"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(Q,ve){},styles:["[tuiGroup]{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-clip: inset(-1rem 1px -1rem -1rem)}[tuiGroup]>*{z-index:1;flex:1 1 0;min-inline-size:0}[tuiGroup]>*:disabled,[tuiGroup]>*._disabled{z-index:0}[tuiGroup]>*:invalid:not([data-mode]),[tuiGroup]>*[data-mode~=invalid]{z-index:2;--t-group-clip: none}[tuiGroup]>*:has(:invalid:not([data-mode])),[tuiGroup]>*:has([data-mode~=invalid]){z-index:2;--t-group-clip: none}[tuiGroup]>*:focus-within{z-index:3;--t-group-clip: none}[tuiGroup]>*:has([data-focus=true]){z-index:3;--t-group-clip: none}[tuiGroup]>*:checked:not([data-mode]),[tuiGroup]>*[data-mode~=checked]{z-index:4;--t-group-clip: none}[tuiGroup]>*:has([tuiBlock]:checked){z-index:4;--t-group-clip: none}[tuiGroup]>*:not(:last-child){margin-inline-end:var(--t-group-margin);clip-path:var(--t-group-clip)}[tuiGroup]>*:nth-child(n){border-radius:0}[tuiGroup]>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}[tuiGroup]>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}[tuiGroup][data-size=s],[tuiGroup][data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup][data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-clip: inset(-1rem -1rem 1px -1rem)}[tuiGroup][data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup][data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup][data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup][data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup][data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}.tui-group{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-inline-size:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-group-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-block-size:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-group-radius);border-top-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group__auto-width-item{min-inline-size:auto;flex:0 0 auto}.tui-group__inherit-item{border-radius:inherit!important}\n"],encapsulation:2,changeDetection:0}),te})(),W=(()=>{var se;class te{constructor(){this.options=(0,t.WQX)(N),this.nothing=(0,c.Ty)($),this.orientation=this.options.orientation,this.collapsed=this.options.collapsed,this.rounded=this.options.rounded,this.size=this.options.size}}return(se=te).\u0275fac=function(Q){return new(Q||se)},se.\u0275dir=t.FsC({type:se,selectors:[["","tuiGroup","",5,"ng-container"]],hostAttrs:["tuiGroup","","role","group"],hostVars:8,hostBindings:function(Q,ve){2&Q&&(t.BMQ("data-orientation",ve.orientation)("data-size",ve.size),t.xc7("--t-group-radius",ve.rounded?null:0)("--t-group-margin",ve.collapsed?null:.125,"rem")("--t-group-clip",ve.collapsed?null:0))},inputs:{orientation:"orientation",collapsed:"collapsed",rounded:"rounded",size:"size"},standalone:!0}),te})()},9131:(St,Fe,u)=>{u.d(Fe,{_n:()=>Ye,pp:()=>bi,$$:()=>Bi,XZ:()=>mn,YO:()=>he,bk:()=>ae,dY:()=>Vi});var t=u(7270),c=u(2978),O=u(7212),N=u(9141),X=u(4976),$=u(4822),W=u(9406),se=u(2489),te=u(3527),Z=u(8503),Q=u(3793);function ve({currentTarget:Et,relatedTarget:on}){return!(0,$.ru)(on)||!(0,$.ru)(Et)||!Et.contains(on)}let ye=(()=>{var Et;class on extends W.c{constructor(){super(xt=>this.stream$.subscribe(xt)),this.el=(0,$.qW)(),this.zone=(0,c.WQX)(c.SKi),this.stream$=(0,se.h)((0,X.xM)(this.el,"mouseenter").pipe((0,te.T)(N.z9)),(0,X.xM)(this.el,"mouseleave").pipe((0,te.T)(N.s_)),(0,X.xM)(this.el,"mouseout").pipe((0,Z.p)(ve),(0,te.T)(N.s_))).pipe((0,Q.F)(),(0,X.sX)(this.zone))}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275prov=c.jDH({token:Et,factory:Et.\u0275fac}),on})();var j=u(712),oe=u(4314),Le=u(7187),nt=u(4514),Ue=u(1342),U=u(656),Ee=u(5950),Me=u(5173),Xe=u(5981),Ge=u(6104),at=u(2831),tt=u(756),_t=u(8283),Ht=u(6340),Wt=u(9922),Tt=u(7236),Ot=u(7049),Rt=u(8129),mt=u(9867),le=u(262),H=u(6111),ce=u(8621),J=u(3229),ie=u(965),de=u(9990),ee=u(6242),Se=u(6610),Pe=u(7434);function ke(Et,on){1&Et&&c.eu8(0)}function Re(Et,on){1&Et&&c.nrm(0,"span",1),2&Et&&c.Y8G("innerHTML",on.polymorpheusOutlet,c.npT)}const Ke=["*"];function Dt(Et,on){1&Et&&c.eu8(0)}const Pt=function(Et){return{$implicit:Et}};function Kt(Et,on){if(1&Et&&(c.j41(0,"div",1),c.DNE(1,Dt,1,0,"ng-container",2),c.k0s()),2&Et){const cn=on.$implicit;c.Y8G("@tuiParentAnimation",void 0)("tuiActiveZoneParent",cn.activeZone||null),c.R7$(1),c.Y8G("polymorpheusOutlet",cn.component)("polymorpheusOutletContext",c.eq3(4,Pt,cn))}}const Gt=(0,oe.ET)(()=>bi);let an=(()=>{var Et;class on extends Xe.t{constructor(){super([])}add(xt){this.next(this.value.concat(xt))}remove(xt){this.value.includes(xt)&&this.next(this.value.filter(un=>un!==xt))}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275prov=c.jDH({token:Et,factory:Et.\u0275fac,providedIn:"root"}),on})(),Ln=(()=>{var Et;class on extends nt.I9{constructor(){super(...arguments),this.type="hint"}}return(Et=on).\u0275fac=function(){let cn;return function(un){return(cn||(cn=c.xGo(Et)))(un||Et)}}(),Et.\u0275dir=c.FsC({type:Et,standalone:!0,features:[c.Vt3]}),on})();const tn=["bottom-left","bottom","bottom-right","top-left","top","top-right","left-top","left","left-bottom","right-top","right","right-bottom"],Ye=(0,oe.gc)({direction:"bottom-left",showDelay:500,hideDelay:200,appearance:"",icon:"@tui.circle-help"});let ae=(()=>{var Et;class on{constructor(){this.options=(0,c.WQX)(Ye,{skipSelf:!0}),this.direction=this.options.direction,this.appearance=this.options.appearance,this.showDelay=this.options.showDelay,this.hideDelay=this.options.hideDelay,this.icon=this.options.icon,this.change$=new Ge.B}ngOnChanges(){this.change$.next()}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHintContent",""]],inputs:{content:["tuiHintContent","content"],direction:["tuiHintDirection","direction"],appearance:["tuiHintAppearance","appearance"],showDelay:["tuiHintShowDelay","showDelay"],hideDelay:["tuiHintHideDelay","hideDelay"]},standalone:!0,features:[c.Jv_([(0,oe.QU)(Ye,Et)]),c.OA$]}),on})(),he=(()=>{var Et;class on extends nt.Xu{constructor(){super(xt=>this.stream$.subscribe(xt)),this.el=(0,$.qW)(),this.hovered$=(0,c.WQX)(ye),this.options=(0,c.WQX)(Ye),this.visible=!1,this.toggle$=new Ge.B,this.stream$=(0,se.h)(this.toggle$.pipe((0,at.n)(xt=>(0,tt.of)(xt).pipe((0,_t.c)(xt?0:this.tuiHintHideDelay))),(0,Ht.Q)(this.hovered$),(0,Wt.u)()),this.hovered$.pipe((0,at.n)(xt=>(0,tt.of)(xt).pipe((0,_t.c)(xt?this.tuiHintShowDelay:this.tuiHintHideDelay))),(0,Ht.Q)(this.toggle$),(0,Wt.u)())).pipe((0,Z.p)(()=>this.enabled),(0,te.T)(xt=>xt&&(this.el.hasAttribute("tuiHintPointer")||!(0,Ee.GS)(this.el))),(0,Tt.M)(xt=>{this.visible=xt})),this.parent=(0,c.WQX)(on,{optional:!0,skipSelf:!0}),this.tuiHintShowDelay=this.options.showDelay,this.tuiHintHideDelay=this.options.hideDelay,this.type="hint",this.enabled=!0}toggle(xt=!this.visible){var un;this.toggle$.next(xt),null===(un=this.parent)||void 0===un||un.toggle(xt)}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,inputs:{tuiHintShowDelay:"tuiHintShowDelay",tuiHintHideDelay:"tuiHintHideDelay"},exportAs:["tuiHintHover"],standalone:!0,features:[c.Jv_([(0,nt.Np)(Et),ye]),c.Vt3]}),on})(),Tn=(()=>{var Et;class on extends nt.dg{constructor(){super(...arguments),this.viewport=(0,c.WQX)(U.ob),this.accessor=(0,nt.iA)("hint")((0,c.WQX)(nt.cf),(0,c.WQX)(mn)),this.points=tn.reduce((xt,un)=>({...xt,[un]:[0,0]}),{}),this.direction=(0,c.WQX)(Ye).direction,this.type="hint"}getPosition({width:xt,height:un}){var rt;const ze=null!==(rt=this.accessor.getClientRect())&&void 0!==rt?rt:N.Lo,we=ze.left+ze.width/2,ge=ze.top+ze.height/2;if(this.points["top-left"][0]=ze.top-un-8,this.points["top-left"][1]=we-xt+22,this.points.top[0]=this.points["top-left"][0],this.points.top[1]=we-xt/2,this.points["top-right"][0]=this.points["top-left"][0],this.points["top-right"][1]=we-22,this.points["bottom-left"][0]=ze.bottom+8,this.points["bottom-left"][1]=this.points["top-left"][1],this.points.bottom[0]=this.points["bottom-left"][0],this.points.bottom[1]=this.points.top[1],this.points["bottom-right"][0]=this.points["bottom-left"][0],this.points["bottom-right"][1]=this.points["top-right"][1],this.points["left-top"][0]=ge-un+22,this.points["left-top"][1]=ze.left-xt-8,this.points.left[0]=ge-un/2,this.points.left[1]=this.points["left-top"][1],this.points["left-bottom"][0]=ge-22,this.points["left-bottom"][1]=this.points["left-top"][1],this.points["right-top"][0]=this.points["left-top"][0],this.points["right-top"][1]=ze.right+8,this.points.right[0]=this.points.left[0],this.points.right[1]=this.points["right-top"][1],this.points["right-bottom"][0]=this.points["left-bottom"][0],this.points["right-bottom"][1]=this.points["right-top"][1],this.checkPosition(this.points[this.direction],xt,un))return this.points[this.direction];const Y=tn.find(He=>this.checkPosition(this.points[He],xt,un));return this.points[Y||this.fallback]}get fallback(){return this.points.top[0]>this.viewport.getClientRect().bottom-this.points.bottom[0]?"top":"bottom"}checkPosition([xt,un],rt,ze){const we=this.viewport.getClientRect();return xt>2&&un>2&&xt+ze<we.bottom-2&&un+rt<we.right-2}}return(Et=on).\u0275fac=function(){let cn;return function(un){return(cn||(cn=c.xGo(Et)))(un||Et)}}(),Et.\u0275dir=c.FsC({type:Et,inputs:{direction:["tuiHintDirection","direction"]},standalone:!0,features:[c.Vt3]}),on})(),mn=(()=>{var Et;class on{constructor(){this.service=(0,c.WQX)(an),this.appearance=(0,c.WQX)(Ye).appearance,this.component=(0,c.WQX)(Me.lS),this.el=(0,$.qW)(),this.activeZone=(0,c.WQX)(ee.N,{optional:!0}),this.type="hint"}set tuiHint(xt){this.content=xt,xt||this.toggle(!1)}ngOnDestroy(){this.toggle(!1)}getClientRect(){return this.el.getBoundingClientRect()}toggle(xt){xt&&this.content?this.service.add(this):this.service.remove(this)}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHint","",5,"ng-container",5,"ng-template"]],inputs:{context:["tuiHintContext","context"],appearance:["tuiHintAppearance","appearance"],tuiHint:"tuiHint"},standalone:!0,features:[c.Jv_([(0,nt.yq)(Et),(0,nt.XW)(Et),{provide:Me.lS,deps:[Gt,c.duS],useClass:Me.lS}]),c.nM4([Ln,{directive:he,inputs:["tuiHintHideDelay","tuiHintHideDelay","tuiHintShowDelay","tuiHintShowDelay"]},{directive:Tn,inputs:["tuiHintDirection","tuiHintDirection"]}])]}),on})(),An=(()=>{var Et;class on extends he{constructor(){super(...arguments),this.currentRect=N.Lo}getClientRect(){return this.currentRect}onMove({clientX:xt,clientY:un}){this.currentRect=(0,$.D$)(xt,un)}}return(Et=on).\u0275fac=function(){let cn;return function(un){return(cn||(cn=c.xGo(Et)))(un||Et)}}(),Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHint","","tuiHintPointer",""]],hostBindings:function(xt,un){1&xt&&c.bIt("mousemove.silent",function(ze){return un.onMove(ze)})},standalone:!0,features:[c.Jv_([(0,nt.yq)(Et),(0,nt.Np)(Et)]),c.Vt3]}),on})(),Qi=(()=>{var Et;class on{constructor(){this.context=(0,Me.Dm)()}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275cmp=c.VBU({type:Et,selectors:[["ng-component"]],hostVars:1,hostBindings:function(xt,un){2&xt&&c.zvX("@tuiParentAnimation",void 0)},standalone:!0,features:[c.aNF],decls:1,vars:1,consts:[[4,"polymorpheusOutlet"]],template:function(xt,un){1&xt&&c.DNE(0,ke,1,0,"ng-container",0),2&xt&&c.Y8G("polymorpheusOutlet",un.context.$implicit.content)},dependencies:[Me.xr],encapsulation:2,data:{animation:[Le.fj]},changeDetection:0}),on})();const zn=[Ue.ZE,ye,(0,nt.mI)("hint",Tn),(0,nt.Z3)("hint",mn)];let bi=(()=>{var Et;class on{constructor(){var xt;this.el=(0,$.qW)(),this.hover=(0,c.WQX)(he),this.vvs=(0,c.WQX)(Ue.yt),this.viewport=(0,c.WQX)(U.ob),this.options=(0,Ee.mo)((0,c.WQX)(U.nV)),this.pointer=(0,c.WQX)(An,{optional:!0}),this.accessor=(0,c.WQX)(nt.cf),this.hint=(0,Me.Dm)().$implicit,this.appearance=this.hint.appearance||(null===(xt=this.hint.el.closest("[tuiTheme]"))||void 0===xt?void 0:xt.getAttribute("tuiTheme")),(0,c.WQX)(Ue.ZE).pipe((0,Ot.v)(()=>this.hint.el.isConnected),(0,te.T)(un=>this.vvs.correct(un)),(0,O.pQ)()).subscribe({next:([un,rt])=>this.update(un,rt),complete:()=>this.hover.toggle(!1)}),(0,c.WQX)(ye).pipe((0,O.pQ)()).subscribe(un=>this.hover.toggle(un))}get content(){return this.hint.component.component===Qi?"":this.hint.content}onClick(xt){(!xt.closest("tui-hint")&&!this.hint.el.contains(xt)||(0,Ee.GS)(this.hint.el))&&this.hover.toggle(!1)}apply(xt,un,rt,ze){this.el.style.top=xt,this.el.style.left=un,this.el.style.setProperty("--top",rt),this.el.style.setProperty("--left",ze)}update(xt,un){const{height:rt,width:ze}=this.el.getBoundingClientRect(),we=this.accessor.getClientRect(),ge=this.viewport.getClientRect();if(we===N.Lo||!rt||!ze)return;const Y=(0,j.wN)(un,4,ge.width-ze-4),[He,pt]=this.vvs.correct([we.top+we.height/2-xt,we.left+we.width/2-Y]);this.apply((0,oe.Pp)(Math.round(xt)),(0,oe.Pp)(Math.round(Y)),(0,oe.Pp)(Math.round((0,j.wN)(He,1,rt-1))),(0,oe.Pp)(Math.round((0,j.wN)(pt,1,ze-1))))}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275cmp=c.VBU({type:Et,selectors:[["tui-hint"]],hostVars:5,hostBindings:function(xt,un){1&xt&&c.bIt("click",function(ze){return un.onClick(ze.target)},!1,c.EBC),2&xt&&(c.BMQ("data-appearance",un.appearance)("tuiTheme",un.appearance),c.zvX("@tuiFadeIn",un.options),c.AVh("_untouchable",un.pointer))},standalone:!0,features:[c.Jv_(zn),c.aNF],ngContentSelectors:Ke,decls:2,vars:2,consts:[[3,"innerHTML",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"innerHTML"]],template:function(xt,un){1&xt&&(c.NAR(),c.SdG(0),c.DNE(1,Re,1,1,"span",0)),2&xt&&(c.R7$(1),c.Y8G("polymorpheusOutlet",un.content)("polymorpheusOutletContext",un.hint.context))},dependencies:[Me.xr],styles:['[_nghost-%COMP%]{position:absolute;max-inline-size:18rem;min-block-size:var(--tui-height-m);padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;word-wrap:break-word;line-height:1.25rem}[_nghost-%COMP%]:before{content:"";position:absolute;top:var(--top);left:var(--left);inline-size:.5rem;block-size:.5rem;border-radius:.125rem;box-sizing:border-box;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}[data-appearance=error][_nghost-%COMP%]{background:var(--tui-status-negative)}[data-appearance=dark][_nghost-%COMP%]{background:var(--tui-background-accent-opposite-hover);color:var(--tui-background-base);filter:drop-shadow(0 0 .125rem rgba(0,0,0,.16)) drop-shadow(0 1.5rem 1rem rgba(0,0,0,.03)) drop-shadow(0 .75rem .75rem rgba(0,0,0,.04)) drop-shadow(0 .25rem .375rem rgba(0,0,0,.05))}[_nghost-%COMP%]:not([style*=top]){visibility:hidden}._untouchable[_nghost-%COMP%]{pointer-events:none}'],data:{animation:[Le.uy]},changeDetection:0}),(0,t.Cg)([oe.PE],on.prototype,"apply",null),on})(),Bi=(()=>{var Et;class on extends nt.Xu{constructor(){super(xt=>this.stream$.subscribe(xt)),this.doc=(0,c.WQX)(Se.qQ),this.el=(0,$.qW)(),this.zone=(0,c.WQX)(c.SKi),this.id$=new Xe.t(""),this.stream$=this.id$.pipe((0,Q.F)(),(0,X.aY)(()=>(0,Rt.R)(this.doc,"keydown",{capture:!0}),oe.Aj),(0,at.n)(()=>this.focused?(0,tt.of)(!1):(0,se.h)((0,X.xM)(this.doc,"keyup"),(0,X.xM)(this.element,"blur")).pipe((0,te.T)(()=>this.focused))),function k(Et){return(0,mt.N)((on,cn)=>{let xt=!1,un=null,rt=null;const ze=()=>{if(null==rt||rt.unsubscribe(),rt=null,xt){xt=!1;const we=un;un=null,cn.next(we)}};on.subscribe((0,H._)(cn,we=>{null==rt||rt.unsubscribe(),xt=!0,un=we,rt=(0,H._)(cn,ze,le.l),(0,ce.Tg)(Et(we)).subscribe(rt)},()=>{ze(),cn.complete()},void 0,()=>{un=rt=null}))})}(xt=>xt?(0,J.O)(1e3,(0,X.Ew)(this.zone)):(0,tt.of)(null)),(0,ie.Z)(!1),(0,Q.F)(),(0,de.i)(1),(0,X.sX)()),this.type="hint"}set tuiHintDescribe(xt){this.id$.next(xt||"")}get element(){return this.doc.getElementById(this.id$.value||"")||this.el}get focused(){return(0,Pe.X)(this.element)}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275dir=c.FsC({type:Et,selectors:[["","tuiHintDescribe",""]],inputs:{tuiHintDescribe:"tuiHintDescribe"},standalone:!0,features:[c.Jv_([(0,nt.Np)(Et)]),c.Vt3]}),(0,t.Cg)([oe.PE],on.prototype,"element",null),on})(),Vi=(()=>{var Et;class on{constructor(){this.hints$=(0,c.WQX)(an),this.destroyRef=(0,c.WQX)(c.abz),this.cdr=(0,c.WQX)(c.gRc),this.hints=[]}ngOnInit(){this.hints$.pipe((0,O.pQ)(this.destroyRef)).subscribe(xt=>{this.hints=xt,this.cdr.detectChanges()})}}return(Et=on).\u0275fac=function(xt){return new(xt||Et)},Et.\u0275cmp=c.VBU({type:Et,selectors:[["tui-hints"]],hostAttrs:["aria-live","polite"],standalone:!0,features:[c.aNF],decls:1,vars:1,consts:[["role","tooltip",3,"tuiActiveZoneParent",4,"ngFor","ngForOf"],["role","tooltip",3,"tuiActiveZoneParent"],[4,"polymorpheusOutlet","polymorpheusOutletContext"]],template:function(xt,un){1&xt&&c.DNE(0,Kt,2,6,"div",0),2&xt&&c.Y8G("ngForOf",un.hints)},dependencies:[Se.Sq,Me.xr,ee.N],styles:["[_nghost-%COMP%]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;block-size:0}"],data:{animation:[Le.fj]}}),on})()},5037:(St,Fe,u)=>{u.d(Fe,{R:()=>X,Z:()=>$});var t=u(2978),c=u(4314),O=u(656);let N=(()=>{var W;class se{}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275cmp=t.VBU({type:W,selectors:[["ng-component"]],hostAttrs:[1,"tui-icons"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(Z,Q){},styles:['[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:"";display:var(--t-icon-start);inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;background:currentColor;-webkit-mask:var(--t-icon-start) no-repeat center / contain;mask:var(--t-icon-start) no-repeat center / contain}[tuiIcons]:after{display:var(--t-icon-end);-webkit-mask:var(--t-icon-end) no-repeat center / contain;mask:var(--t-icon-end) no-repeat center / contain}\n'],encapsulation:2,changeDetection:0}),se})(),X=(()=>{var W;class se{constructor(){this.nothing=(0,c.Ty)(N),this.resolver=(0,O.XA)(),this.iconStart=(0,t.WQX)(O.kJ,{self:!0,optional:!0})||"",this.iconEnd=(0,t.WQX)(O.TN,{self:!0,optional:!0})||""}}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275dir=t.FsC({type:W,hostAttrs:["tuiIcons",""],hostVars:4,hostBindings:function(Z,Q){2&Z&&t.xc7("--t-icon-start",Q.iconStart?"url("+Q.resolver(Q.iconStart)+")":null)("--t-icon-end",Q.iconEnd?"url("+Q.resolver(Q.iconEnd)+")":null)},inputs:{iconStart:"iconStart",iconEnd:"iconEnd"},standalone:!0}),se})(),$=(()=>{var W;class se{}return(W=se).\u0275fac=function(Z){return new(Z||W)},W.\u0275dir=t.FsC({type:W,standalone:!0,features:[t.nM4([{directive:X,inputs:["iconStart","iconStart","iconEnd","iconEnd"]}])]}),se})()},109:(St,Fe,u)=>{u.d(Fe,{R:()=>N});var t=u(2978),c=u(4314);let O=(()=>{var X;class ${}return(X=$).\u0275fac=function(se){return new(se||X)},X.\u0275cmp=t.VBU({type:X,selectors:[["ng-component"]],hostAttrs:[1,"tui-title"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(se,te){},styles:["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-ui-s)}\n"],encapsulation:2,changeDetection:0}),$})(),N=(()=>{var X;class ${constructor(){this.nothing=(0,c.Ty)(O),this.size=""}}return(X=$).\u0275fac=function(se){return new(se||X)},X.\u0275dir=t.FsC({type:X,selectors:[["","tuiTitle",""]],hostAttrs:["tuiTitle",""],hostVars:1,hostBindings:function(se,te){2&se&&t.BMQ("data-size",te.size||null)},inputs:{size:["tuiTitle","size"]},standalone:!0}),$})()},1342:(St,Fe,u)=>{u.d(Fe,{$n:()=>Ae,ZE:()=>Le,yt:()=>nt});var t=u(2978),c=u(4976),O=u(811),N=u(656),X=u(9406),$=u(3527),W=u(3793),se=u(6661),te=u(965),Z=u(6347),Q=u(3241),ve=u(9141),ye=u(4822),q=u(4514);let Ae=(()=>{var Ue;class U extends X.c{constructor(){super(Me=>this.stream$.subscribe(Me)),this.media=(0,t.WQX)(N.IA),this.sorted=Object.values(this.media).sort((Me,Xe)=>Me-Xe),this.invert=Object.keys(this.media).reduce((Me,Xe)=>({...Me,[this.media[Xe]]:Xe}),{}),this.stream$=(0,t.WQX)(O.Q_).pipe((0,$.T)(({width:Me})=>this.sorted.find(Xe=>Xe>Me)),(0,$.T)(Me=>this.invert[Me||this.sorted[this.sorted.length-1]||0]),(0,W.F)(),(0,c.sX)(),(0,se.t)({bufferSize:1,refCount:!0}))}}return(Ue=U).\u0275fac=function(Me){return new(Me||Ue)},Ue.\u0275prov=t.jDH({token:Ue,factory:Ue.\u0275fac,providedIn:"root"}),U})(),Le=(()=>{var Ue;class U extends X.c{constructor(){const Me=(0,t.WQX)(Q.OX),Xe=(0,t.WQX)(t.SKi);super(Ge=>Me.pipe((0,te.Z)(null),(0,$.T)(()=>this.accessor.getPosition(this.el.getBoundingClientRect())),(0,c.rB)(Xe),(0,Z.j)(()=>this.accessor.getPosition(ve.Lo))).subscribe(Ge)),this.el=(0,ye.qW)(),this.accessor=(0,t.WQX)(q.dg)}}return(Ue=U).\u0275fac=function(Me){return new(Me||Ue)},Ue.\u0275prov=t.jDH({token:Ue,factory:Ue.\u0275fac}),U})(),nt=(()=>{var Ue;class U{constructor(){this.isWebkit=(0,t.WQX)(O.Ld),this.win=(0,t.WQX)(Q.Qc)}correct(Me){var Xe,Ge,at,tt;return this.isWebkit?[Me[0]+(null!==(Xe=null===(Ge=this.win.visualViewport)||void 0===Ge?void 0:Ge.offsetTop)&&void 0!==Xe?Xe:0),Me[1]+(null!==(at=null===(tt=this.win.visualViewport)||void 0===tt?void 0:tt.offsetLeft)&&void 0!==at?at:0)]:Me}}return(Ue=U).\u0275fac=function(Me){return new(Me||Ue)},Ue.\u0275prov=t.jDH({token:Ue,factory:Ue.\u0275fac,providedIn:"root"}),U})()},656:(St,Fe,u)=>{u.d(Fe,{Fm:()=>Ot,HF:()=>Gt,HG:()=>tn,I$:()=>at,IA:()=>Ke,R3:()=>Rt,RK:()=>Dt,TN:()=>J,XA:()=>ke,_Z:()=>Ee,kJ:()=>k,nV:()=>Le,ob:()=>it,t9:()=>Pt,uV:()=>le,vo:()=>oe,wH:()=>mt,xA:()=>an,xH:()=>nt});var t=u(2978),c=u(4314),O=u(6610),N=u(7212),X=u(3241),$=u(8129),W=u(8503),se=u(756),te=u(2489),Z=u(2831),Q=u(6340),ve=u(7782),ye=u(6548),q=u(5478),Ae=u(9141),j=u(4976);const oe=(0,c.ET)(()=>{var ct,ae,he;return null!==(ct=null===(ae=(0,t.WQX)(O.qQ).defaultView)||void 0===ae||null===(he=ae.matchMedia)||void 0===he?void 0:he.call(ae,"(prefers-reduced-motion: reduce)").matches)&&void 0!==ct&&ct}),Le=(0,c.ET)(()=>(0,t.WQX)(oe)?0:1),nt=(0,c.gc)("assets/taiga-ui/icons"),Ee=(0,c.gc)({check:"@tui.check",close:"@tui.x",error:"@tui.circle-alert",more:"@tui.chevron-right"}),Ge=(0,c.gc)("tuiDark"),at=new t.nKC("",{factory:()=>{var ct;let ae=!0;const he=(0,t.WQX)(X.fc),je=(0,t.WQX)(Ge),vt=he.getItem(je),Bt=(0,t.WQX)(X.Qc).matchMedia("(prefers-color-scheme: dark)"),pn=(0,t.vPA)(!!(null!==(ct=vt&&JSON.parse(vt))&&void 0!==ct?ct:Bt.matches));return(0,$.R)(Bt,"change").pipe((0,W.p)(()=>!he.getItem(je)),(0,N.pQ)()).subscribe(()=>{ae=!0,pn.set(Bt.matches)}),(0,t.QZP)(()=>{const Tn=String(pn());ae?ae=!1:he.setItem(je,Tn)}),Object.assign(pn,{reset:()=>{he.removeItem(je),ae=!0,pn.set(Bt.matches)}})}});(0,c.gc)((0,se.of)({mode:"DMY",separator:"."})),(0,c.gc)(ct=>ct.isWeekend?"weekend":"weekday"),(0,c.gc)(ye.GG.Monday);const Ot=(0,c.ET)((0,q.Y6)("months")),Rt=(0,c.ET)((0,q.Y6)("close")),mt=(0,c.ET)((0,q.Y6)("nothingFoundMessage")),le=(0,c.ET)((0,q.Y6)("defaultErrorMessage")),k=((0,c.ET)((0,q.Y6)("spinTexts")),(0,c.ET)((0,q.Y6)("shortWeekDays")),(0,c.gc)("")),J=(0,c.gc)(""),ie=(0,c.gc)({}),Se=(0,c.ET)(()=>{const ct=(0,t.WQX)(nt);return ae=>"".concat(ct,"/").concat(ae.replace("@tui.","").split(".").join("/"),".svg")});function ke(){const ct=(0,t.WQX)(ie),ae=(0,t.WQX)(Se);return he=>!he||he.includes("/")?he:ct[he]||ae(he)}const Ke=(0,c.gc)({mobile:768,desktopSmall:1024,desktopLarge:1280}),Dt={precision:NaN,decimalSeparator:".",thousandSeparator:Ae.am,rounding:"truncate",decimalMode:"pad"},Pt=(0,c.gc)((0,se.of)(Dt)),Gt=(0,c.ET)(()=>new t.aKT((0,t.WQX)(O.qQ).documentElement)),an=(0,c.ET)(()=>{const ct=(0,t.WQX)(O.qQ);return(0,te.h)((0,j.xM)(ct,"selectionchange"),(0,j.xM)(ct,"mouseup"),(0,j.xM)(ct,"mousedown").pipe((0,Z.n)(()=>(0,j.xM)(ct,"mousemove").pipe((0,Q.Q)((0,j.xM)(ct,"mouseup"))))),(0,j.xM)(ct,"keydown"),(0,j.xM)(ct,"keyup")).pipe((0,ve.u)())}),tn=((0,c.gc)({decrement:"@tui.chevron-left",increment:"@tui.chevron-right"}),(0,c.gc)("Taiga UI")),it=(0,c.ET)(()=>{const ct=(0,t.WQX)(X.Qc);return{type:"viewport",getClientRect(){const ae={top:0,left:0,right:ct.innerWidth,bottom:ct.innerHeight,width:ct.innerWidth,height:ct.innerHeight,x:0,y:0};return{...ae,toJSON:()=>JSON.stringify(ae)}}}})},5950:(St,Fe,u)=>{u.d(Fe,{GS:()=>N,On:()=>O,T0:()=>Z,Wu:()=>W,mo:()=>te,tu:()=>X});var t=u(4822);const c=["Spacebar","Backspace","Delete","ArrowLeft","ArrowRight","Left","Right","End","Home"];function O(Q=""){return 1===Q.length||c.includes(Q)}function N(Q,ve="tui-hints"){var ye;return!(null===(ye=(0,t.J0)(Q))||void 0===ye||!ye.some(q=>!q.closest(ve)))}function X(Q,ve){return(ye,q)=>{const Ae=ye||{...q||ve};return Object.keys(Q).forEach(j=>{Ae[j]=Q[j]}),Ae}}const $={xxs:0,xs:1,s:2,m:3,l:4,xl:5,xxl:6};function W(Q,ve="s"){return $[Q]>$[ve]}const se=300;function te(Q){return{value:"",params:{duration:Z(Q)}}}function Z(Q){return Q&&se/Q}},6701:(St,Fe,u)=>{u.d(Fe,{K0:()=>se,K5:()=>q,KX:()=>Ae});var t=u(6098),c=u(6610),O=u(2978);class N{supports(Le){return Le.includes(this.modifier)}unwrap(Le){return Le.split(".").filter(nt=>!this.modifier.includes(nt)).join(".")}}const X=new O.nKC("[GLOBAL_HANDLER]: Global event target handler",{factory:()=>{const oe=(0,O.WQX)(c.qQ);return Le=>"body"===Le?oe.body:oe.defaultView[Le]||oe.createElement("div")}});let $=(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.handler=(0,O.WQX)(X),this.modifier=">"}addEventListener(Ue,U,Ee){var Me,Xe;return this.manager.addEventListener(this.handler(U.split(">")[0]),null!==(Me=null===(Xe=U.split(">"))||void 0===Xe?void 0:Xe[1])&&void 0!==Me?Me:"",Ee)}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})(),W=(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.modifier="capture.once.passive"}supports(Ue){return Ue.includes(".")&&!this.unwrap(Ue).includes(".")}addEventListener(Ue,U,Ee){return Ue.addEventListener(this.unwrap(U),Ee,{once:U.includes(".once"),passive:U.includes(".passive"),capture:U.includes(".capture")}),()=>Ue.removeEventListener(this.unwrap(U),Ee,U.includes(".capture"))}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})(),se=(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.modifier=".prevent"}addEventListener(Ue,U,Ee){return this.manager.addEventListener(Ue,this.unwrap(U),Me=>{Me.preventDefault(),Ee(Me)})}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})(),te=(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.modifier="resize"}supports(Ue){return"resize"===Ue}addEventListener(Ue,U,Ee){if(typeof ResizeObserver>"u"||!(Ue instanceof Element))return Ue.addEventListener(U,Ee),()=>Ue.removeEventListener(U,Ee);const Me=new ResizeObserver(Ee);return Me.observe(Ue),()=>Me.disconnect()}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})(),Z=(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.modifier=".self"}addEventListener(Ue,U,Ee){return this.manager.addEventListener(Ue,this.unwrap(U),Me=>{Me.target===Me.currentTarget&&Ee(Me)})}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})(),Q=(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.modifier=".silent"}addEventListener(Ue,U,Ee){return Le.ngZone=this.manager.getZone(),Le.ngZone.runOutsideAngular(()=>this.manager.addEventListener(Ue,this.unwrap(U),Ee))}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})();const q=[Q,$,W,se,te,Z,(()=>{var oe;class Le extends N{constructor(){super(...arguments),this.modifier=".stop"}addEventListener(Ue,U,Ee){return this.manager.addEventListener(Ue,this.unwrap(U),Me=>{Me.stopPropagation(),Ee(Me)})}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=O.xGo(oe)))(U||oe)}}(),oe.\u0275prov=O.jDH({token:oe,factory:oe.\u0275fac}),Le})()].map(oe=>({provide:t.Q5,multi:!0,useClass:oe}));function Ae(oe){return(Le,nt,Ue)=>{const{value:U}=Ue;Ue.value=function(...Ee){oe.apply(this,Ee)&&(Q.ngZone?Q.ngZone.run(()=>U.apply(this,Ee)):U.apply(this,Ee))}}}},5478:(St,Fe,u)=>{u.d(Fe,{Y6:()=>Ae});var t=u(2978);const se={name:"english",months:["January","February","March","April","May","June","July","August","September","October","November","December"],close:"Close",nothingFoundMessage:"Nothing found",defaultErrorMessage:"Value is invalid",spinTexts:["Previous","Next"],shortWeekDays:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],countries:{AD:"Andorra",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua & Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AO:"Angola",AR:"Argentina",AT:"Austria",AU:"Australia",AW:"Aruba",AZ:"Azerbaijan",BA:"Bosnia & Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"St. Barth\xe9lemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"Caribbean Netherlands",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"C\xf4te d\u2019Ivoire",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CU:"Cuba",CV:"Cape Verde",CW:"Cura\xe7ao",CY:"Cyprus",CZ:"Czechia",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Federated States of Micronesia",FR:"France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GT:"Guatemala",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IN:"India",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JM:"Jamaica",JO:"Jordan",JP:"Japan",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KM:"Comoros",KN:"St. Kitts & Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"St. Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"St. Martin",MG:"Madagascar",MK:"North Macedonia",ML:"Mali",MM:"Myanmar (Burma)",MN:"Mongolia",MO:"Macao",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NZ:"New Zealand",OM:"Oman",PA:"Panama",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PT:"Portugal",PW:"Palau",PY:"Paraguay",QA:"Qatar",RE:"R\xe9union",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"St. Helena",SI:"Slovenia",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"S\xe3o Tom\xe9 & Pr\xedncipe",SV:"El Salvador",SX:"Sint Maarten",SY:"Syria",SZ:"Eswatini",TC:"Turks & Caicos Islands",TD:"Chad",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"T\xfcrkiye",TT:"Trinidad & Tobago",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VC:"St. Vincent & Grenadines",VE:"Venezuela",VG:"British Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WS:"Samoa",XK:"Kosovo",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",AC:"Ascension Island",AS:"American Samoa",AX:"\xc5land Islands",CC:"Cocos (Keeling) Islands",CK:"Cook Islands",CX:"Christmas Island",EH:"Western Sahara",FO:"Faroe Islands",GG:"Guernsey",GU:"Guam",IM:"Isle of Man",JE:"Jersey",IO:"British Indian Ocean Territory",KI:"Kiribati",MH:"Marshall Islands",MP:"Northern Mariana Islands",NF:"Norfolk Island",NR:"Nauru",NU:"Niue",PM:"Saint Pierre and Miquelon",PR:"Puerto Rico",PS:"Palestine",SJ:"Svalbard and Jan Mayen",SS:"South Sudan",TA:"Tristan da Cunha",TK:"Tokelau",TV:"Tuvalu",VA:"Holy See",VI:"Virgin Islands",WF:"Wallis and Futuna"},cancel:"Cancel",done:"Done",more:"More",otherDate:"Other date...",showAll:"Show all",hide:"Hide",mobileCalendarTexts:["Choose day","Choose range","Choose days"],range:["from","to"],countTexts:["Plus","Minus"],time:{"HH:MM":"HH:MM","HH:MM:SS":"HH:MM:SS","HH:MM:SS.MSS":"HH:MM:SS.MSS"},dateTexts:{DMY:"dd.mm.yyyy",MDY:"mm.dd.yyyy",YMD:"yyyy.mm.dd"},digitalInformationUnits:["B","KiB","MiB"],passwordTexts:["Show password","Hide password"],copyTexts:["Copy","Copied"],shortCalendarMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],pagination:["Previous page","Next page"],fileTexts:{loadingError:"Upload failed",preview:"Preview",remove:"Remove"},inputFileTexts:{defaultLabelSingle:"or drop\xa0it\xa0here",defaultLabelMultiple:"or drop\xa0them\xa0here",defaultLinkSingle:"Choose a file",defaultLinkMultiple:"Choose files",maxSizeRejectionReason:"File is larger than",formatRejectionReason:"Wrong file type",drop:"Drop file here",dropMultiple:"Drop files here"},multiSelectTexts:{all:"Select all",none:"Select none"},confirm:{yes:"Yes",no:"No"},previewTexts:{rotate:"Rotate"},zoomTexts:{zoomOut:"Zoom out",zoomIn:"Zoom in",reset:"Reset"},showHideText:"Show/Hide",paginationTexts:{pages:"Pages",linesPerPage:"Lines per page",of:"of"},cardNumber:["Number","Card number"],cardExpiry:["Expires","Valid through"],colorSelectorModeNames:["Solid color","Gradient"],toolbarTools:{undo:"Undo",redo:"Redo",font:"Font",fontStyle:"Font style",fontSize:"Font size",bold:"Bold",italic:"Italic",underline:"Underline",strikeThrough:"Strike through",justify:"Justify",justifyLeft:"Justify left",justifyCenter:"Justify center",justifyRight:"Justify right",justifyFull:"Justify full",list:"List",indent:"Indent",outdent:"Outdent",unorderedList:"Unordered list",orderedList:"Ordered list",quote:"Quote",foreColor:"Color",backColor:"Background color",hiliteColor:"Highlight color",clear:"Clear",link:"Link",attach:"Attach file",tex:"Insert TeX",code:"Code",image:"Insert image",insertHorizontalRule:"Insert horizontal rule",superscript:"Superscript",subscript:"Subscript",insertTable:"Insert table",insertGroup:"Insert group",hiliteGroup:"Hilite group",removeGroup:"Remove group",insertAnchor:"Insert anchor",mergeCells:"Merge cells",splitCells:"Split cells",rowsColumnsManaging:"Managing rows and columns",cellColor:"Cell color",setDetails:"Details",removeDetails:"Remove details"},editorEditLink:{urlExample:"example.com",anchorExample:"anchor"},editorTableCommands:[["Insert column before","Insert column after"],["Insert row before","Insert row after"],["Delete column","Delete row"]],editorCodeOptions:["Code in the text","Code in block"],editorFontOptions:{small:"Small",large:"Large",normal:"Normal",title:"Title",subtitle:"Subtitle"}};var te=u(756);const Z=new t.nKC("[TUI_DEFAULT_LANGUAGE]",{factory:()=>se}),Q=new t.nKC("[TUI_LANGUAGE]",{factory:()=>(0,te.of)((0,t.WQX)(Z))});new t.nKC("[TUI_LANGUAGE_LOADER]"),new t.nKC("[TUI_LANGUAGE_STORAGE_KEY]",{factory:()=>"tuiLanguage"});var q=u(3527);function Ae(Ee){return()=>(0,t.WQX)(Q).pipe((0,q.T)(Me=>Me[Ee]))}},5340:(St,Fe,u)=>{u.d(Fe,{El:()=>j,vQ:()=>Ae});var t=u(6610),c=u(2978),O=u(4314),N=u(4712),X=u(8395);function $(U,Ee){if(1&U&&c.nrm(0,"img",5),2&U){const Me=c.XpG();c.Y8G("src",Me.value,c.B4B)}}function W(U,Ee){if(1&U&&c.nrm(0,"tui-icon",6),2&U){const Me=c.XpG();c.Y8G("icon",Me.value.toString())}}function se(U,Ee){if(1&U&&(c.qex(0),c.EFF(1),c.bVm()),2&U){const Me=c.XpG();c.R7$(1),c.JRh(Me.value)}}function te(U,Ee){1&U&&(c.qex(0),c.SdG(1),c.bVm())}const Z=["*"],ye={appearance:"",round:!0,size:"l"},q=(0,O.gc)(ye);function Ae(U){return(0,O.eC)(q,U,ye)}let j=(()=>{var U;class Ee{constructor(){this.options=(0,c.WQX)(q),this.size=this.options.size,this.round=this.options.round}get safeSrc(){var Xe,Ge;return null!==(Xe=null===(Ge=this.src)||void 0===Ge?void 0:Ge.toString())&&void 0!==Xe?Xe:""}get value(){return this.src||""}get svg(){return(0,O.YB)(this.value)&&this.value.endsWith(".svg")}get type(){return this.value&&!(0,O.YB)(this.value)?"img":this.value.startsWith("@tui.")?"icon":this.value.length>0&&this.value.length<3?"text":this.value.length?"img":"content"}}return(U=Ee).\u0275fac=function(Xe){return new(Xe||U)},U.\u0275cmp=c.VBU({type:U,selectors:[["tui-avatar"],["button","tuiAvatar",""],["a","tuiAvatar",""]],hostVars:6,hostBindings:function(Xe,Ge){2&Xe&&(c.BMQ("data-size",Ge.size)("data-type",Ge.type),c.AVh("_round",Ge.round)("_svg",Ge.svg))},inputs:{size:"size",round:"round",src:"src"},standalone:!0,features:[c.Jv_([(0,X.mr)(q)]),c.aNF,c.nM4([X.tF])],ngContentSelectors:Z,decls:5,vars:4,consts:[[3,"ngSwitch"],["alt","","loading","lazy",3,"src",4,"ngSwitchCase"],[3,"icon",4,"ngSwitchCase"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],["alt","","loading","lazy",3,"src"],[3,"icon"]],template:function(Xe,Ge){1&Xe&&(c.NAR(),c.qex(0,0),c.DNE(1,$,1,1,"img",1),c.DNE(2,W,1,1,"tui-icon",2),c.DNE(3,se,2,1,"ng-container",3),c.DNE(4,te,2,0,"ng-container",4),c.bVm()),2&Xe&&(c.Y8G("ngSwitch",Ge.type),c.R7$(1),c.Y8G("ngSwitchCase","img"),c.R7$(1),c.Y8G("ngSwitchCase","icon"),c.R7$(1),c.Y8G("ngSwitchCase","text"))},dependencies:[t.ux,t.e1,t.fG,N.q],styles:['[_nghost-%COMP%]{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}[data-size=xs][_nghost-%COMP%]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}[data-size=xs][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-size:.5625rem}[data-size=s][_nghost-%COMP%]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}[data-size=s][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-xs);font-weight:700}[data-size=m][_nghost-%COMP%]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}[data-size=m][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-weight:700}[data-size=l][_nghost-%COMP%]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}[data-size=l][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-l);font-weight:700}[data-size=xl][_nghost-%COMP%]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}[data-size=xl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-4)}[data-size=xxl][_nghost-%COMP%]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[data-size=xxl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-size=xxxl][_nghost-%COMP%]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}[data-size=xxxl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-type=img][_nghost-%COMP%]:not(._svg){background:transparent}[data-type=icon][_nghost-%COMP%]:before{content:""}._round[_nghost-%COMP%]{--t-radius: calc(var(--t-size) / 2)}._svg[_nghost-%COMP%]   img[_ngcontent-%COMP%]{padding:20%;object-fit:contain}[_nghost-%COMP%]   tui-icon[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:60%;block-size:60%}[_nghost-%COMP%]     img, [_nghost-%COMP%]     picture, [_nghost-%COMP%]     video{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box}'],changeDetection:0}),Ee})()},4996:(St,Fe,u)=>{u.d(Fe,{aQ:()=>te,bw:()=>W});var t=u(2978),c=u(4314),O=u(8395),N=u(5037);const X={appearance:"",size:"l"},$=(0,c.gc)(X);function W(Z){return(0,c.eC)($,Z,X)}let se=(()=>{var Z;class Q{}return(Z=Q).\u0275fac=function(ye){return new(ye||Z)},Z.\u0275cmp=t.VBU({type:Z,selectors:[["ng-component"]],hostAttrs:[1,"tui-badge"],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(ye,q){},styles:['tui-badge,[tuiBadge]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));border-radius:6rem;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}tui-badge>img,[tuiBadge]>img,tui-badge>tui-svg,[tuiBadge]>tui-svg,tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge>tui-avatar,[tuiBadge]>tui-avatar,tui-badge>tui-badge,[tuiBadge]>tui-badge,tui-badge>[tuiBadge],[tuiBadge]>[tuiBadge],tui-badge>[tuiRadio],[tuiBadge]>[tuiRadio],tui-badge>[tuiSwitch],[tuiBadge]>[tuiSwitch],tui-badge>[tuiCheckbox],[tuiBadge]>[tuiCheckbox],tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{margin:var(--t-margin)}tui-badge[tuiStatus]:before,[tuiBadge][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin-inline-end:-.25rem}tui-badge>tui-icon,[tuiBadge]>tui-icon,tui-badge[tuiIcons]:before,[tuiBadge][tuiIcons]:before,tui-badge[tuiIcons]:after,[tuiBadge][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-badge[data-appearance=error],[tuiBadge][data-appearance=error]{--t-status: var(--tui-status-negative)}tui-badge[data-appearance=success],[tuiBadge][data-appearance=success]{--t-status: var(--tui-status-positive)}tui-badge[data-appearance=warning],[tuiBadge][data-appearance=warning]{--t-status: var(--tui-status-warning)}tui-badge[data-appearance=info],[tuiBadge][data-appearance=info]{--t-status: var(--tui-status-info)}tui-badge[data-appearance=neutral],[tuiBadge][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}tui-badge[tuiStatus][data-appearance=error]:before,[tuiBadge][tuiStatus][data-appearance=error]:before,tui-badge[tuiStatus][data-appearance=success]:before,[tuiBadge][tuiStatus][data-appearance=success]:before,tui-badge[tuiStatus][data-appearance=warning]:before,[tuiBadge][tuiStatus][data-appearance=warning]:before,tui-badge[tuiStatus][data-appearance=info]:before,[tuiBadge][tuiStatus][data-appearance=info]:before,tui-badge[tuiStatus][data-appearance=neutral]:before,[tuiBadge][tuiStatus][data-appearance=neutral]:before{content:"";display:block;margin:0}tui-badge[data-size=s],[tuiBadge][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem}tui-badge[data-size=s][tuiStatus]:before,[tuiBadge][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}tui-badge[data-size=m],[tuiBadge][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}tui-badge[data-size=xl],[tuiBadge][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}tui-badge[data-size=xl][tuiStatus]:before,[tuiBadge][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}tui-badge[tuiAppearance][data-appearance=error],[tuiBadge][tuiAppearance][data-appearance=error],tui-badge[tuiAppearance][data-appearance=success],[tuiBadge][tuiAppearance][data-appearance=success],tui-badge[tuiAppearance][data-appearance=warning],[tuiBadge][tuiAppearance][data-appearance=warning],tui-badge[tuiAppearance][data-appearance=info],[tuiBadge][tuiAppearance][data-appearance=info],tui-badge[tuiAppearance][data-appearance=neutral],[tuiBadge][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadge]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadge]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n'],encapsulation:2,changeDetection:0}),Q})(),te=(()=>{var Z;class Q{constructor(){this.nothing=(0,c.Ty)(se),this.size=(0,t.WQX)($).size}}return(Z=Q).\u0275fac=function(ye){return new(ye||Z)},Z.\u0275dir=t.FsC({type:Z,selectors:[["tui-badge"],["","tuiBadge",""]],hostVars:1,hostBindings:function(ye,q){2&ye&&t.BMQ("data-size",q.size)},inputs:{size:"size"},standalone:!0,features:[t.Jv_([(0,O.mr)($)]),t.nM4([O.tF,N.Z])]}),Q})()},6836:(St,Fe,u)=>{u.d(Fe,{GY:()=>q,Ly:()=>ye});var t=u(2978),c=u(7212),O=u(8832),N=u(958),X=u(4976),$=u(4822),W=u(4314),se=u(8395),te=u(656);const Z=["type","checkbox","tuiCheckbox",""],Q={size:"m",appearance:Ae=>Ae.checked||Ae.indeterminate?"primary":"whiteblock",icons:{checked:"@tui.check",indeterminate:"@tui.minus"}},ve=(0,W.gc)(Q);function ye(Ae){return(0,W.eC)(ve,Ae,Q)}let q=(()=>{var Ae;class j{constructor(){this.appearance=(0,t.WQX)(se.bC),this.options=(0,t.WQX)(ve),this.resolver=(0,te.XA)(),this.destroyRef=(0,t.WQX)(t.abz),this.el=(0,$.qW)(),this.size=this.options.size,this.control=(0,t.WQX)(O.vO,{optional:!0,self:!0})}ngOnInit(){var Le;null!==(Le=this.control)&&void 0!==Le&&Le.valueChanges&&(0,X.lD)(this.control).pipe((0,c.pQ)(this.destroyRef)).subscribe(nt=>{this.el.indeterminate=null===(this.control instanceof O.vS&&null===nt?this.control.model:nt)})}ngDoCheck(){this.appearance.tuiAppearance=(0,W.YB)(this.options.appearance)?this.options.appearance:this.options.appearance(this.el)}getIcon(Le){const nt=this.options.icons[Le],Ue=(0,W.YB)(nt)?nt:nt(this.size);return Ue&&"url(".concat(this.resolver(Ue),")")}}return(Ae=j).\u0275fac=function(Le){return new(Le||Ae)},Ae.\u0275cmp=t.VBU({type:Ae,selectors:[["input","type","checkbox","tuiCheckbox",""]],hostVars:8,hostBindings:function(Le,nt){2&Le&&(t.Mr5("disabled",!nt.control||nt.control.disabled),t.BMQ("data-size",nt.size),t.xc7("--t-checked-icon",nt.getIcon("checked"))("--t-indeterminate-icon",nt.getIcon("indeterminate")),t.AVh("_readonly",!nt.control))},inputs:{size:"size"},standalone:!0,features:[t.aNF,t.nM4([se.tF,N.W])],attrs:Z,decls:0,vars:0,template:function(Le,nt){},styles:['[tuiCheckbox]{--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckbox]:before{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:"";background:currentColor;-webkit-mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>\') center / 100%;mask:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>\') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[tuiCheckbox]:disabled._readonly{opacity:1}[tuiCheckbox]:checked:before,[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-checked-icon);mask-image:var(--t-checked-icon);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}[tuiCheckbox]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate-icon);mask-image:var(--t-indeterminate-icon)}[tuiCheckbox][data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}\n'],encapsulation:2,changeDetection:0}),j})()},1028:(St,Fe,u)=>{u.d(Fe,{E4:()=>ee,fh:()=>Pt,ig:()=>Ht,io:()=>_t,sd:()=>Le});var t=u(2978),c=u(4314),O=u(5478),N=u(6548),X=u(9141);u(811),u(3279),new t.nKC("[TUI_CALENDAR_DATE_STREAM]"),new t.nKC("[TUI_DATE_VALUE_TRANSFORMER]"),new t.nKC("[TUI_DATE_RANGE_VALUE_TRANSFORMER]"),new t.nKC("[TUI_DATE_TIME_VALUE_TRANSFORMER]"),new t.nKC("[TUI_TIME_VALUE_TRANSFORMER]"),(0,c.ET)((0,O.Y6)("confirm")),(0,c.ET)((0,O.Y6)("cancel")),(0,c.ET)((0,O.Y6)("done"));const Le=(0,c.ET)((0,O.Y6)("more")),_t=((0,c.ET)((0,O.Y6)("hide")),(0,c.ET)((0,O.Y6)("showAll")),(0,c.ET)((0,O.Y6)("otherDate")),(0,c.ET)((0,O.Y6)("mobileCalendarTexts")),(0,c.ET)((0,O.Y6)("range")),(0,c.ET)((0,O.Y6)("countTexts")),(0,c.ET)((0,O.Y6)("time")),(0,c.ET)((0,O.Y6)("dateTexts")),(0,c.ET)((0,O.Y6)("digitalInformationUnits")),(0,c.ET)((0,O.Y6)("copyTexts"))),Ht=(0,c.ET)((0,O.Y6)("passwordTexts")),k=((0,c.ET)((0,O.Y6)("shortCalendarMonths")),(0,c.ET)((0,O.Y6)("fileTexts")),(0,c.ET)((0,O.Y6)("pagination")),(0,c.ET)((0,O.Y6)("inputFileTexts")),(0,c.ET)((0,O.Y6)("multiSelectTexts")),(0,c.ET)((0,O.Y6)("countries")),(0,c.ET)((0,O.Y6)("previewTexts")),(0,c.ET)((0,O.Y6)("zoomTexts")),{icon:()=>"@tui.calendar",min:N.Xv,max:N.dF,nativePicker:!1});(0,c.gc)(k);const ee=(0,c.gc)({stringify:String,identityMatcher:X.BJ,disabledItemHandler:X.s_});new t.nKC("[TUI_MOBILE_CALENDAR]");(0,c.gc)({rotate:"@tui.rotate-ccw-square",prev:"@tui.arrow-left",next:"@tui.arrow-right",zoomIn:"@tui.plus",zoomOut:"@tui.minus",zoomReset:"@tui.minimize"});const Pt=(0,c.gc)({})},9702:(St,Fe,u)=>{u.d(Fe,{Er:()=>Ee,SN:()=>Me,Xb:()=>U,aX:()=>Ge,jc:()=>Ht,oB:()=>Xe,zY:()=>at});var t=u(2978),c=u(7002),O=u(4822),N=u(5180),X=u(1028),$=u(1623),W=u(7212),se=u(8832),te=u(4926),Z=u(9141),Q=u(4314),ve=u(6104),ye=u(8283),q=u(965),Ae=u(3527),j=u(8503),oe=u(3793),Le=u(2831),nt=u(2489);let U=(()=>{var Tt;class Ot{constructor(){this.focusVisible=!1,this.pseudoHover=null,this.pseudoActive=null,this.pseudoFocus=null,this.focusable=!0,this.nativeId="",this.focusedChange=new t.bkB,this.focusVisibleChange=new t.bkB,this.autoIdString="".concat("tui_interactive_").concat(Ot.autoId++).concat(Date.now())}get computedDisabled(){return this.disabled}get computedFocused(){var mt;return!this.computedDisabled&&(null!==(mt=this.pseudoFocus)&&void 0!==mt?mt:this.focused)}get computedFocusVisible(){var mt;return!this.computedDisabled&&(null!==(mt=this.pseudoFocus)&&void 0!==mt?mt:this.focusVisible)}get computedFocusable(){return!this.computedDisabled&&(this.focusable||this.focused)}get id(){return this.nativeId||this.autoIdString}updateFocused(mt){this.focusedChange.emit(mt)}updateFocusVisible(mt){this.focusVisible!==mt&&(this.focusVisible=mt,this.focusVisibleChange.emit(mt))}}return(Tt=Ot).autoId=0,Tt.\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,hostVars:7,hostBindings:function(mt,le){2&mt&&(t.BMQ("data-focused",le.pseudoFocus),t.AVh("_disabled",le.computedDisabled)("_focused",le.computedFocused)("_focus-visible",le.computedFocusVisible))},inputs:{pseudoHover:"pseudoHover",pseudoActive:"pseudoActive",pseudoFocus:"pseudoFocus",focusable:"focusable",nativeId:"nativeId"},outputs:{focusedChange:"focusedChange",focusVisibleChange:"focusVisibleChange"}}),Ot})(),Ee=(()=>{var Tt;class Ot extends U{constructor(){super(),this.ngControl=(0,t.WQX)(se.vO,{optional:!0}),this.refresh$=new ve.B,this.onTouched=Z.x7,this.onChange=Z.x7,this.fallbackValue=this.getFallbackValue(),this.destroyRef=(0,t.WQX)(t.abz),this.cdr=(0,t.WQX)(t.gRc),this.valueTransformer=(0,t.WQX)(te.XB,{optional:!0}),this.readOnly=!1,this.pseudoInvalid=null,this.ngControl&&(this.ngControl.valueAccessor=this)}get computedInvalid(){return this.interactive&&(null!==this.pseudoInvalid?this.pseudoInvalid:this.touched&&this.invalid)}get value(){var mt;return null!==(mt=this.previousInternalValue)&&void 0!==mt?mt:this.fallbackValue}set value(mt){this.updateValue(mt)}get safeCurrentValue(){var mt;return null!==(mt=this.rawValue)&&void 0!==mt?mt:this.fallbackValue}get invalid(){return this.safeNgControlData(({invalid:mt})=>mt,!1)}get valid(){return this.safeNgControlData(({valid:mt})=>mt,!1)}get touched(){return this.safeNgControlData(({touched:mt})=>mt,!1)}get disabled(){return this.safeNgControlData(({disabled:mt})=>mt,!1)}get interactive(){return!this.readOnly&&!this.computedDisabled}get control(){return this.safeNgControlData(({control:mt})=>mt,null)}get computedName(){var mt,le;return null!==(mt=null===(le=this.controlName)||void 0===le?void 0:le.toString())&&void 0!==mt?mt:null}get controlName(){var mt,le;return null!==(mt=null===(le=this.ngControl)||void 0===le||null===(le=le.name)||void 0===le?void 0:le.toString())&&void 0!==mt?mt:null}ngOnInit(){this.refresh$.pipe((0,ye.c)(0),(0,q.Z)(null),(0,Ae.T)(()=>{var mt;return null===(mt=this.ngControl)||void 0===mt?void 0:mt.control}),(0,j.p)(Q.Aj),(0,oe.F)(),(0,Le.n)(mt=>(0,nt.h)(mt.valueChanges,mt.statusChanges)),(0,W.pQ)(this.destroyRef)).subscribe(()=>{this.refreshLocalValue(this.safeCurrentValue)})}checkControlUpdate(){this.cdr.markForCheck()}registerOnChange(mt){this.onChange=le=>{mt(this.toControlValue(le))},this.refresh$.next()}registerOnTouched(mt){this.onTouched=mt}setDisabledState(){this.checkControlUpdate()}writeValue(mt){this.refreshLocalValue(this.fromControlValue(this.ngControl instanceof se.vS&&void 0===this.previousInternalValue?this.ngControl.model:mt))}updateFocused(mt){mt||this.controlMarkAsTouched(),super.updateFocused(mt)}updateValue(mt){this.disabled||this.valueIdenticalComparator(this.value,mt)||(this.previousInternalValue=mt,this.controlSetValue(mt))}valueIdenticalComparator(mt,le){return mt===le}get rawValue(){const{ngControl:mt}=this;if(null!==mt)return this.fromControlValue(mt instanceof se.vS&&void 0===this.previousInternalValue?mt.viewModel:mt.value)}safeNgControlData(mt,le){var H;return null!==(H=this.ngControl&&mt(this.ngControl))&&void 0!==H?H:le}controlMarkAsTouched(){this.onTouched(),this.checkControlUpdate()}controlSetValue(mt){this.onChange(mt),this.checkControlUpdate()}refreshLocalValue(mt){this.previousInternalValue=mt,this.checkControlUpdate()}fromControlValue(mt){return this.valueTransformer?this.valueTransformer.fromControlValue(mt):mt}toControlValue(mt){return this.valueTransformer?this.valueTransformer.toControlValue(mt):mt}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,hostVars:4,hostBindings:function(mt,le){2&mt&&t.AVh("_readonly",le.readOnly)("_invalid",le.computedInvalid)},inputs:{readOnly:"readOnly",pseudoInvalid:"pseudoInvalid"},features:[t.Vt3]}),Ot})();function Me(Tt){return(0,Q.QU)(Ee,Tt)}let Xe=(()=>{var Tt;class Ot{constructor(){this.datalist=null,this.autoId=(0,c.XD)(),this.el=(0,O.qW)(),this.host=(0,t.WQX)($.w2),this.control=(0,t.WQX)(Ee),this.itemsHandlers=(0,t.WQX)(X.E4),this.disabledItemHandler=null,this.placeholder=""}get id(){return this.el.id||this.autoId}get emptyOption(){return!!this.placeholder&&!this.control.value}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,viewQuery:function(mt,le){if(1&mt&&t.GBs(N.WX,7,t.C4Q),2&mt){let H;t.mGM(H=t.lsd())&&(le.datalist=H.first)}},hostVars:1,hostBindings:function(mt,le){2&mt&&t.Mr5("id",le.id)},inputs:{disabledItemHandler:"disabledItemHandler",placeholder:"placeholder"}}),Ot})(),Ge=(()=>{var Tt;class Ot{constructor(){this.host=(0,t.WQX)(Ee,{optional:!0})}get readOnly(){return this.host.readOnly}get disabled(){return this.host.computedDisabled}get invalid(){return this.host.computedInvalid}get focusable(){return this.host.computedFocusable}get inputMode(){return"text"}get value(){var mt;return(null===(mt=this.host.value)||void 0===mt?void 0:mt.toString())||""}process(mt){}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt}),Ot})(),at=(()=>{var Tt;class Ot{constructor(){this.change$=new ve.B}ngOnChanges(){this.change$.next()}}return(Tt=Ot).\u0275fac=function(mt){return new(mt||Tt)},Tt.\u0275dir=t.FsC({type:Tt,features:[t.OA$]}),Ot})(),Ht=(()=>{var Tt;class Ot extends Ee{getFallbackValue(){return null}}return(Tt=Ot).\u0275fac=function(){let Rt;return function(le){return(Rt||(Rt=t.xGo(Tt)))(le||Tt)}}(),Tt.\u0275dir=t.FsC({type:Tt,features:[t.Vt3]}),Ot})()},6801:(St,Fe,u)=>{u.d(Fe,{Ws:()=>Ae,mp:()=>q,zi:()=>j});var t=u(2978),c=u(7434),O=u(5180),N=u(3279),X=u(9702),$=u(5014),W=u(4225),se=u(7492),te=u(1623),Z=u(453),Q=u(6610);const ve=["*",[["input"]]],ye=["*","input"];let q=(()=>{var oe;class Le extends X.Er{constructor(){super(...arguments),this.textfieldSize=(0,t.WQX)(W.tI),this.open=!1}get size(){return this.textfieldSize.size}get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get focused(){var Ue;return(0,c.X)(this.nativeFocusableElement)||!(null===(Ue=this.dropdown)||void 0===Ue||!Ue.tuiDropdownOpen)}handleOption(Ue){this.setNativeValue(String(Ue)),this.focusInput(),this.value=String(Ue),this.open=!1}onValueChange(Ue){this.value=Ue,this.open=!0}get canOpen(){return this.interactive&&!!this.datalist}onActiveZone(Ue){this.updateFocused(Ue)}getFallbackValue(){return""}focusInput(Ue=!1){this.nativeFocusableElement&&this.nativeFocusableElement.focus({preventScroll:Ue})}setNativeValue(Ue){this.nativeFocusableElement&&(this.nativeFocusableElement.value=Ue)}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=t.xGo(oe)))(U||oe)}}(),oe.\u0275cmp=t.VBU({type:oe,selectors:[["tui-input"]],contentQueries:function(Ue,U,Ee){if(1&Ue&&t.wni(Ee,O.WX,5,t.C4Q),2&Ue){let Me;t.mGM(Me=t.lsd())&&(U.datalist=Me.first)}},viewQuery:function(Ue,U){if(1&Ue&&(t.GBs(N.iE,5),t.GBs($.eD,5)),2&Ue){let Ee;t.mGM(Ee=t.lsd())&&(U.dropdown=Ee.first),t.mGM(Ee=t.lsd())&&(U.textfield=Ee.first)}},hostVars:1,hostBindings:function(Ue,U){2&Ue&&t.BMQ("data-size",U.size)},features:[t.Jv_([se.PN,(0,te.Jr)(oe),(0,O.PU)(oe),(0,X.SN)(oe)],[Z.MJ]),t.Vt3],ngContentSelectors:ye,decls:4,vars:11,consts:[["tuiDropdownOpenMonitor","",1,"t-hosted",3,"tuiDropdown","tuiDropdownEnabled","tuiDropdownOpen","tuiDropdownOpenChange","tuiActiveZoneChange"],["automation-id","tui-input__textfield",1,"t-textfield",3,"disabled","focusable","invalid","nativeId","pseudoFocus","pseudoHover","readOnly","value","valueChange"]],template:function(Ue,U){1&Ue&&(t.NAR(ve),t.j41(0,"div",0),t.bIt("tuiDropdownOpenChange",function(Me){return U.open=Me})("tuiActiveZoneChange",function(Me){return U.onActiveZone(Me)}),t.j41(1,"tui-primitive-textfield",1),t.bIt("valueChange",function(Me){return U.onValueChange(Me)}),t.SdG(2),t.SdG(3,1,["ngProjectAs","input",5,["input"]]),t.k0s()()),2&Ue&&(t.Y8G("tuiDropdown",U.datalist||"")("tuiDropdownEnabled",U.canOpen)("tuiDropdownOpen",U.open),t.R7$(1),t.Y8G("disabled",U.computedDisabled)("focusable",U.computedFocusable)("invalid",U.computedInvalid)("nativeId",U.nativeId)("pseudoFocus",U.computedFocused)("pseudoHover",U.pseudoHover)("readOnly",U.readOnly)("value",U.value))},dependencies:[$.eD,$.gt,N.pU,N.iE],styles:["[_nghost-%COMP%]{display:block;border-radius:var(--tui-radius-m);text-align:start}._disabled[_nghost-%COMP%]{pointer-events:none}.t-hosted[_ngcontent-%COMP%]{display:block;border-radius:inherit}.t-textfield[_ngcontent-%COMP%]{border-radius:inherit;text-align:inherit}"],changeDetection:0}),Le})(),Ae=(()=>{var oe;class Le extends X.aX{onValueChange(Ue){this.host.onValueChange(Ue)}}return(oe=Le).\u0275fac=function(){let nt;return function(U){return(nt||(nt=t.xGo(oe)))(U||oe)}}(),oe.\u0275dir=t.FsC({type:oe,selectors:[["tui-input"]],features:[t.Jv_([(0,te.Sc)(oe)]),t.Vt3]}),Le})(),j=(()=>{var oe;class Le{}return(oe=Le).\u0275fac=function(Ue){return new(Ue||oe)},oe.\u0275mod=t.$C({type:oe}),oe.\u0275inj=t.G2t({imports:[Q.MD,$.Rp,N.Vh]}),Le})()},5014:(St,Fe,u)=>{u.d(Fe,{Bw:()=>Gt,HW:()=>Dt,Rp:()=>an,eD:()=>Pt,gt:()=>Kt});var t=u(7270),c=u(2978),O=u(4822),N=u(7434),X=u(4314),$=u(2734),W=u(9131),se=u(9702),te=u(4225),Z=u(1623),Q=u(453),ve=u(5173),ye=u(5981),q=u(2489),Ae=u(8283),j=u(8503),oe=u(3527),Le=u(3793),nt=u(8129),Ue=u(6610),U=u(8832),Ee=u(4198),Me=u(5852),Xe=u(4712),Ge=u(8395),at=u(7002);const tt=["pre"],_t=["focusableElement"];function Ht(Ye,ct){1&Ye&&c.eu8(0)}function Wt(Ye,ct){1&Ye&&c.eu8(0)}function Tt(Ye,ct){1&Ye&&(c.j41(0,"div",17),c.SdG(1,2),c.k0s())}function Ot(Ye,ct){1&Ye&&c.nrm(0,"tui-icon",20),2&Ye&&c.Y8G("icon",ct.polymorpheusOutlet.toString())}const Rt=function(Ye){return{$implicit:Ye}};function mt(Ye,ct){if(1&Ye&&(c.j41(0,"div",18),c.DNE(1,Ot,1,1,"tui-icon",19),c.k0s()),2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.iconLeftContent)("polymorpheusOutletContext",c.eq3(2,Rt,ae.size))}}function le(Ye,ct){if(1&Ye&&(c.j41(0,"label",21),c.SdG(1,3),c.k0s()),2&Ye){const ae=c.XpG();c.AVh("t-placeholder_raised",ae.placeholderRaised),c.Y8G("for",ae.computedId)}}function H(Ye,ct){1&Ye&&c.nrm(0,"tui-icon",24),2&Ye&&c.Y8G("icon",ct.polymorpheusOutlet)}function ce(Ye,ct){if(1&Ye&&(c.j41(0,"div",22),c.DNE(1,H,1,1,"tui-icon",23),c.k0s()),2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.controller.customContent)}}function k(Ye,ct){if(1&Ye&&c.nrm(0,"tui-icon",27),2&Ye){const ae=ct.polymorpheusOutlet;c.xc7("border","0.25rem solid transparent"),c.Y8G("icon",ae.toString())}}function J(Ye,ct){if(1&Ye){const ae=c.RV6();c.j41(0,"span",25),c.bIt("click.stop",function(){c.eBV(ae);const je=c.XpG();return c.Njj(je.clear())}),c.DNE(1,k,1,3,"tui-icon",26),c.k0s()}if(2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.iconCleaner||ae.controller.options.iconCleaner)("polymorpheusOutletContext",c.eq3(2,Rt,ae.size))}}function ie(Ye,ct){if(1&Ye&&c.nrm(0,"tui-tooltip",28),2&Ye){const ae=c.XpG();c.Y8G("content",null==ae.hintOptions?null:ae.hintOptions.content)("describeId",ae.computedId)}}function de(Ye,ct){1&Ye&&c.nrm(0,"tui-icon",20),2&Ye&&c.Y8G("icon",ct.polymorpheusOutlet.toString())}function ee(Ye,ct){if(1&Ye&&(c.j41(0,"div",29),c.DNE(1,de,1,1,"tui-icon",19),c.k0s()),2&Ye){const ae=c.XpG();c.R7$(1),c.Y8G("polymorpheusOutlet",ae.iconContent)("polymorpheusOutletContext",c.eq3(2,Rt,ae.size))}}const Se=[[["input"]],[["select"]],[["tuiContent"]],"*"],Pe=function(){return{standalone:!0}},ke=["input","select","tuiContent","*"],Re=["tuiTextfieldLegacy",""];let Ke=(()=>{var Ye;class ct{constructor(){this.textfield=(0,c.WQX)(Z.aX),this.fontsReady$=(0,c.WQX)(Z.KS),this.prefix$=new ye.t(""),this.pre$=(0,q.h)(this.fontsReady$,this.prefix$).pipe((0,Ae.c)(0),(0,j.p)(()=>{var he;return!(null===(he=this.pre)||void 0===he||!he.nativeElement.isConnected)}),(0,oe.T)(()=>{var he;return(null===(he=this.pre)||void 0===he?void 0:he.nativeElement.offsetWidth)||0}),(0,Le.F)())}ngDoCheck(){this.prefix$.next(this.prefix)}get isContextTable(){return"table"===this.textfield.appearance}get filler(){const{focused:he,placeholder:je,exampleText:vt,value:Bt,textfield:pn}=this;return je&&vt?"":he?vt||pn.filler.slice(Bt.length):""}get value(){return this.textfield.value}get prefix(){return this.decorationsVisible?this.textfield.prefix:""}get postfix(){return this.decorationsVisible?this.computedPostfix:""}get placeholder(){var he;return(null===(he=this.textfield.nativeFocusableElement)||void 0===he?void 0:he.placeholder)||""}get exampleText(){return!this.value&&this.focused?this.placeholder:""}get decorationsVisible(){return!!this.value||this.focused&&!this.placeholder}get focused(){return this.textfield.computedFocused&&!this.textfield.readOnly}get computedPostfix(){return this.textfield.postfix&&(this.filler||this.value)?" ".concat(this.textfield.postfix):this.textfield.postfix}}return(Ye=ct).\u0275fac=function(he){return new(he||Ye)},Ye.\u0275cmp=c.VBU({type:Ye,selectors:[["tui-value-decoration"]],viewQuery:function(he,je){if(1&he&&c.GBs(tt,7,c.aKT),2&he){let vt;c.mGM(vt=c.lsd())&&(je.pre=vt.first)}},hostVars:4,hostBindings:function(he,je){1&he&&c.bIt("animationstart",function(){return je.ngDoCheck()}),2&he&&c.AVh("_table",je.isContextTable)("_filler",je.filler)},decls:5,vars:4,consts:[[1,"t-prefix",3,"textContent"],["pre",""],[1,"t-ghost",3,"textContent"],[1,"t-filler",3,"textContent"],[1,"t-postfix",3,"textContent"]],template:function(he,je){1&he&&c.nrm(0,"span",0,1)(2,"span",2)(3,"span",3)(4,"span",4),2&he&&(c.Y8G("textContent",je.prefix),c.R7$(2),c.Y8G("textContent",je.value),c.R7$(1),c.Y8G("textContent",je.filler),c.R7$(1),c.Y8G("textContent",je.postfix))},styles:['[_nghost-%COMP%]{position:absolute;display:block;inline-size:100%;line-height:var(--tui-height);margin-top:calc(var(--tui-height) / -2);box-sizing:content-box;color:var(--tui-text-tertiary);animation:tuiPresent 1s;white-space:nowrap}._table[_nghost-%COMP%]{position:static;margin-top:0}._filler[_nghost-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-%COMP%]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-%COMP%], .t-postfix[_ngcontent-%COMP%]{white-space:pre;color:var(--tui-text-primary)}.t-filler[_ngcontent-%COMP%]{max-inline-size:100%;white-space:nowrap}']}),ct})();const Dt={s:1.25,m:1.75,l:2.25};let Pt=(()=>{var Ye;class ct extends se.Xb{constructor(){super(...arguments),this.legacyOptions=(0,c.WQX)(te.KB),this.el=(0,O.qW)(),this.options=(0,c.WQX)($.KB),this.controller=(0,c.WQX)(te.xX),this.hintOptions=(0,c.WQX)(W.bk,{optional:!0}),this.autofilled=!1,this.editable=!0,this.iconCleaner=this.legacyOptions.iconCleaner,this.readOnly=!1,this.invalid=!1,this.disabled=!1,this.value="",this.valueChange=new c.bkB}get prefix(){return this.controller.prefix}get postfix(){return this.controller.postfix}get filler(){return this.controller.filler}get nativeFocusableElement(){if(this.computedDisabled||!this.focusableElement)return null;const{nativeElement:he}=this.focusableElement;return he.previousElementSibling||he}get focused(){return(0,N.Ij)(this.el)}get appearance(){return"table"===this.options.appearance()?"table":this.controller.appearance}onModelChange(he){this.updateValue(he)}get size(){return this.controller.size}get computedInvalid(){return!this.readOnly&&!this.disabled&&this.invalid}get inputHidden(){var he;return!(null===(he=this.content)||void 0===he||!he.length)}get borderStart(){return this.iconLeftContent?this.iconPaddingLeft:0}get borderEnd(){return(0,Q.f3)(!!this.iconContent,this.hasCleaner,this.hasTooltip,this.hasCustomContent,this.size)}get hasValue(){return!!this.value}get hasCleaner(){return this.controller.cleaner&&this.hasValue&&!this.computedDisabled&&!this.readOnly}get hasTooltip(){var he;return!(null===(he=this.hintOptions)||void 0===he||!he.content||this.computedDisabled)}get hasCustomContent(){return!!this.controller.customContent}get placeholderVisible(){var he;const vt=((null===(he=this.nativeFocusableElement)||void 0===he?void 0:he.placeholder)||this.prefix||this.postfix||this.filler)&&!this.readOnly&&this.computedFocused;return!this.hasValue&&!vt}get hasPlaceholder(){return this.placeholderRaisable||this.placeholderVisible}get placeholderRaised(){return this.placeholderRaisable&&(this.computedFocused&&!this.readOnly||this.hasValue||this.autofilled)}get iconContent(){return this.controller.icon}get iconLeftContent(){return this.controller.iconStart}get showHint(){var he;return!(null===(he=this.hintOptions)||void 0===he||!he.content)&&(this.legacyOptions.hintOnDisabled||!this.computedDisabled)}get name(){var he;return"cc-exp"===(null===(he=this.nativeFocusableElement)||void 0===he?void 0:he.autocomplete)?"ccexpiryyear":null}get computedId(){var he;return(null===(he=this.nativeFocusableElement)||void 0===he?void 0:he.id)||""}getIndent$(he){return(0,nt.R)(he,"scroll").pipe((0,oe.T)(()=>-1*Math.max(he.scrollLeft,0)))}onFocused(he){this.updateFocused(he)}clear(){this.nativeFocusableElement&&(this.nativeFocusableElement.value=""),this.updateValue("")}onMouseDown(he){const{nativeFocusableElement:je}=this;!je||he.target===je||(he.preventDefault(),je.focus())}transitionStartHandler({propertyName:he,target:je}){he.includes("box-shadow")&&(null==je?void 0:je.matches("input"))&&this.onAutofilled(!this.autofilled)}onAutofilled(he){this.updateAutofilled(he)}detectRetargetFromLabel(he){(0,O.Kv)(he)&&he.stopImmediatePropagation()}get iconPaddingLeft(){return Dt[this.size]}get placeholderRaisable(){return"s"!==this.size&&!this.controller.labelOutside}updateAutofilled(he){this.autofilled!==he&&(this.autofilled=he)}updateValue(he){this.value=he,this.valueChange.emit(he)}}return(Ye=ct).\u0275fac=function(){let ae;return function(je){return(ae||(ae=c.xGo(Ye)))(je||Ye)}}(),Ye.\u0275cmp=c.VBU({type:Ye,selectors:[["tui-primitive-textfield"]],contentQueries:function(he,je,vt){if(1&he&&c.wni(vt,ve.xr,5),2&he){let Bt;c.mGM(Bt=c.lsd())&&(je.content=Bt)}},viewQuery:function(he,je){if(1&he&&c.GBs(_t,5),2&he){let vt;c.mGM(vt=c.lsd())&&(je.focusableElement=vt.first)}},hostVars:15,hostBindings:function(he,je){1&he&&c.bIt("focusin",function(){return je.onFocused(!0)})("focusout",function(){return je.onFocused(!1)})("transitionstart.capture",function(Bt){return je.transitionStartHandler(Bt)}),2&he&&(c.BMQ("data-size",je.size),c.xc7("--border-start",je.borderStart,"rem")("--border-end",je.borderEnd,"rem"),c.AVh("_readonly",je.readOnly)("_hidden",je.inputHidden)("_invalid",je.computedInvalid)("_autofilled",je.autofilled)("_label-outside","table"===je.options.appearance()||je.controller.labelOutside))},inputs:{editable:"editable",iconCleaner:"iconCleaner",readOnly:"readOnly",invalid:"invalid",disabled:"disabled",value:"value"},outputs:{valueChange:"valueChange"},features:[c.Jv_([(0,Z.Jr)(Ye),te.ZW]),c.Vt3],ngContentSelectors:ke,decls:24,vars:39,consts:[[4,"ngIf"],["automation-id","tui-primitive-textfield__wrapper","tuiWrapper","",3,"active","appearance","disabled","focus","hover","invalid","readOnly","click.prevent.silent","mousedown"],["automation-id","tui-primitive-textfield__native-input",1,"t-input",3,"disabled","id","ngModel","ngModelOptions","readOnly","tabIndex","ngModelChange"],["focusableElement",""],["automation-id","tui-primitive-textfield__value","class","t-input t-input_template",4,"ngIf"],[1,"t-content"],["class","t-icon t-icon_left t-textfield-icon",4,"ngIf"],[1,"t-wrapper"],["automation-id","tui-primitive-textfield__placeholder","class","t-placeholder",3,"t-placeholder_raised","for",4,"ngIf"],[1,"t-wrapper-value-decoration"],["aria-hidden","true","automation-id","tui-primitive-textfield__value-decoration",1,"t-value-decoration"],["decor",""],[1,"t-icons"],["automation-id","tui-primitive-textfield__custom-content","class","t-custom-content",4,"ngIf"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","","class","t-cleaner",3,"click.stop",4,"ngIf"],["automation-id","tui-primitive-textfield__tooltip","class","t-tooltip",3,"content","describeId",4,"ngIf"],["class","t-icon t-textfield-icon",4,"ngIf"],["automation-id","tui-primitive-textfield__value",1,"t-input","t-input_template"],[1,"t-icon","t-icon_left","t-textfield-icon"],["tuiAppearance","icon",3,"icon",4,"polymorpheusOutlet","polymorpheusOutletContext"],["tuiAppearance","icon",3,"icon"],["automation-id","tui-primitive-textfield__placeholder",1,"t-placeholder",3,"for"],["automation-id","tui-primitive-textfield__custom-content",1,"t-custom-content"],["class","t-custom-icon",3,"icon",4,"polymorpheusOutlet"],[1,"t-custom-icon",3,"icon"],["appearance","icon","automation-id","tui-primitive-textfield__cleaner","tuiWrapper","",1,"t-cleaner",3,"click.stop"],[3,"icon","border",4,"polymorpheusOutlet","polymorpheusOutletContext"],[3,"icon"],["automation-id","tui-primitive-textfield__tooltip",1,"t-tooltip",3,"content","describeId"],[1,"t-icon","t-textfield-icon"]],template:function(he,je){if(1&he&&(c.NAR(Se),c.DNE(0,Ht,1,0,"ng-container",0),c.nI1(1,"async"),c.DNE(2,Wt,1,0,"ng-container",0),c.nI1(3,"async"),c.j41(4,"div",1),c.bIt("click.prevent.silent",function(Bt){return je.detectRetargetFromLabel(Bt)})("mousedown",function(Bt){return je.onMouseDown(Bt)}),c.nI1(5,"async"),c.SdG(6),c.SdG(7,1),c.j41(8,"input",2,3),c.bIt("ngModelChange",function(Bt){return je.onModelChange(Bt)}),c.k0s(),c.DNE(10,Tt,2,0,"div",4),c.j41(11,"div",5),c.DNE(12,mt,2,4,"div",6),c.j41(13,"div",7),c.DNE(14,le,2,3,"label",8),c.j41(15,"div",9)(16,"tui-value-decoration",10,11),c.nI1(18,"async"),c.k0s()()(),c.j41(19,"div",12),c.DNE(20,ce,2,1,"div",13),c.DNE(21,J,2,4,"span",14),c.DNE(22,ie,1,2,"tui-tooltip",15),c.DNE(23,ee,2,4,"div",16),c.k0s()()()),2&he){const vt=c.sdS(9),Bt=c.sdS(17);c.Y8G("ngIf",c.bMT(1,30,null==je.content?null:je.content.changes)),c.R7$(2),c.Y8G("ngIf",c.bMT(3,32,null==je.hintOptions?null:je.hintOptions.change$)),c.R7$(2),c.xc7("--text-indent",c.bMT(5,34,Bt.pre$),"px"),c.Y8G("active",je.pseudoActive)("appearance",je.appearance)("disabled",je.disabled)("focus",je.computedFocused)("hover",je.pseudoHover)("invalid",je.computedInvalid)("readOnly",je.readOnly),c.R7$(4),c.Y8G("disabled",je.computedDisabled)("id",je.id)("ngModel",je.value)("ngModelOptions",c.lJ4(38,Pe))("readOnly",je.readOnly||!je.editable)("tabIndex",je.computedFocusable?0:-1),c.BMQ("aria-invalid",je.computedInvalid)("name",je.name),c.R7$(2),c.Y8G("ngIf",je.inputHidden),c.R7$(2),c.Y8G("ngIf",je.iconLeftContent),c.R7$(2),c.Y8G("ngIf",je.hasPlaceholder),c.R7$(2),c.xc7("text-indent",c.bMT(18,36,je.getIndent$(vt)),"px"),c.AVh("t-has-value",je.value),c.R7$(4),c.Y8G("ngIf",je.hasCustomContent),c.R7$(1),c.Y8G("ngIf",je.hasCleaner),c.R7$(1),c.Y8G("ngIf",je.showHint),c.R7$(1),c.Y8G("ngIf",je.iconContent)}},dependencies:[Ue.bT,U.me,U.BC,U.vS,ve.xr,Ee.l,Me.x,Xe.q,Ge.bC,Ke,Ue.Jj],styles:['[_nghost-%COMP%]{position:relative;display:block;text-align:start;border-radius:var(--tui-radius-m);block-size:var(--tui-height);min-block-size:var(--tui-height);max-block-size:var(--tui-height)}[data-size=s][_nghost-%COMP%]{--tui-height: var(--tui-height-s);font:var(--tui-font-text-s)}[data-size=m][_nghost-%COMP%]{--tui-height: var(--tui-height-m);font:var(--tui-font-text-s)}[data-size=l][_nghost-%COMP%]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input[_ngcontent-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:hover, .t-input[_ngcontent-%COMP%]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}.t-input[inputMode=none][_ngcontent-%COMP%]{caret-color:transparent}.t-input[_ngcontent-%COMP%]:-webkit-autofill, .t-input[_ngcontent-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-%COMP%]::-webkit-caps-lock-indicator, .t-input[_ngcontent-%COMP%]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input[_ngcontent-%COMP%]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]   .t-input[_ngcontent-%COMP%]::placeholder{opacity:1}[data-size=s][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], .t-input   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], .t-input   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]{padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   .t-input[_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input.t-input[_ngcontent-%COMP%], .t-input   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content[_ngcontent-%COMP%]{display:flex;block-size:100%;inline-size:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   .t-content[_ngcontent-%COMP%]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-%COMP%]{flex:1;min-inline-size:0;padding-inline-end:.25rem}.t-placeholder[_ngcontent-%COMP%]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;inline-size:100%;-webkit-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-secondary);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-%COMP%]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-%COMP%]{transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-%COMP%]:not(._focused)   .t-placeholder_raised[_ngcontent-%COMP%], ._invalid[_nghost-%COMP%]:not(._focused):hover   .t-placeholder_raised[_ngcontent-%COMP%]{color:var(--tui-text-negative)}._focused[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=m]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-tertiary)}[data-size=l][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-%COMP%]   .t-placeholder_raised[_ngcontent-%COMP%]{font-size:.8156rem}[data-size=m]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%], [data-size=l]._focused[_nghost-%COMP%]:not(._label-outside)   .t-placeholder[_ngcontent-%COMP%]{color:var(--tui-text-primary)}.t-cleaner[_ngcontent-%COMP%]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto;border:.25rem solid transparent}._readonly[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%], ._disabled[_nghost-%COMP%]   .t-cleaner[_ngcontent-%COMP%]{pointer-events:none}.t-icon[_ngcontent-%COMP%]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}[data-size=s][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{margin-inline-start:-.375rem}[data-size=m][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{margin-inline-start:-.125rem;margin-inline-end:.375rem}[data-size=l][_nghost-%COMP%]   .t-icon_left[_ngcontent-%COMP%]{margin-inline-end:.75rem}.t-icons[_ngcontent-%COMP%]{display:flex;align-items:center}[data-size=m][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{margin-inline-end:-.125rem}[data-size=s][_nghost-%COMP%]   .t-icons[_ngcontent-%COMP%]{margin-inline-end:-.375rem}[_nghost-%COMP%]:not([data-size=s])   .t-icons[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:not(:first-child){margin-inline-start:.25rem}[_nghost-%COMP%]     input{transition:box-shadow .01s}._autofilled[data-size=s][_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled._label-outside[_nghost-%COMP%]   .t-placeholder[_ngcontent-%COMP%], ._autofilled[_nghost-%COMP%]   .t-value-decoration[_ngcontent-%COMP%]:not(.t-has-value){visibility:hidden}[data-size=s][_nghost-%COMP%]   tui-icon[_ngcontent-%COMP%]{border:.25rem solid transparent}.t-custom-content[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:center;min-inline-size:2rem;block-size:2rem;pointer-events:none}.t-custom-icon[_ngcontent-%COMP%]{inline-size:2rem;block-size:100%}.t-input[_ngcontent-%COMP%]:not(:first-child){display:none}[data-size][_nghost-%COMP%]   .t-input_template[_ngcontent-%COMP%]{display:flex;inline-size:calc(100% - 1rem);max-inline-size:calc(100% - 1rem);align-items:center;pointer-events:none;padding-inline-end:0}.t-text-template[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-%COMP%]{position:relative;pointer-events:none}'],changeDetection:0}),(0,t.Cg)([X.PE],ct.prototype,"getIndent$",null),ct})(),Kt=(()=>{var Ye;class ct extends se.aX{constructor(){super(...arguments),this.host=(0,c.WQX)(Pt)}get readOnly(){return this.host.readOnly||!this.host.editable}onValueChange(he){this.host.onModelChange(he)}}return(Ye=ct).\u0275fac=function(){let ae;return function(je){return(ae||(ae=c.xGo(Ye)))(je||Ye)}}(),Ye.\u0275dir=c.FsC({type:Ye,selectors:[["tui-primitive-textfield"]],features:[c.Jv_([(0,Z.Sc)(Ye)]),c.Vt3]}),ct})(),Gt=(()=>{var Ye;class ct{constructor(){this.autoId=(0,at.XD)(),this.el=(0,O.qW)(),this.controller=(0,c.WQX)(te.xX),this.host=(0,c.WQX)(Z.w2),this.host.process(this.el)}get id(){return this.el.id||this.autoId}get inputMode(){return this.el.inputMode||this.host.inputMode}}return(Ye=ct).\u0275fac=function(he){return new(he||Ye)},Ye.\u0275cmp=c.VBU({type:Ye,selectors:[["input","tuiTextfieldLegacy",""],["textarea","tuiTextfieldLegacy",""]],hostAttrs:["type","text"],hostVars:7,hostBindings:function(he,je){1&he&&c.bIt("input",function(Bt){return je.host.onValueChange(Bt.target.value)}),2&he&&(c.Mr5("tabIndex",je.host.focusable?0:-1)("readOnly",je.host.readOnly)("value",je.host.value),c.BMQ("id",je.id)("inputMode",je.inputMode)("aria-invalid",je.host.invalid)("disabled",je.host.disabled||null))},features:[c.Jv_([te.ZW])],attrs:Re,decls:0,vars:0,template:function(he,je){},styles:['[_nghost-%COMP%]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:hover, [_nghost-%COMP%]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-%COMP%]{caret-color:transparent}[_nghost-%COMP%]:-webkit-autofill, [_nghost-%COMP%]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-%COMP%]::-webkit-caps-lock-indicator, [_nghost-%COMP%]::-webkit-contacts-auto-fill-button, [_nghost-%COMP%]::-webkit-credit-card-auto-fill-button, [_nghost-%COMP%]::-webkit-credentials-auto-fill-button, [_nghost-%COMP%]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-%COMP%]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-%COMP%]:not(._readonly)   [_ngcontent-%COMP%]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-%COMP%]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-%COMP%]::placeholder{opacity:1}[data-size=s][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="s"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="s"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="s"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="m"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="m"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"][_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-%COMP%]:not(tui-primitive-textfield), [_nghost-%COMP%]   tui-textarea[data-size="l"][_nghost-%COMP%]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-%COMP%]:not(tui-textarea), [_nghost-%COMP%]   tui-text-area[data-size="l"][_nghost-%COMP%]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-%COMP%]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-%COMP%]   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield._disabled[_nghost-%COMP%], tui-primitive-textfield._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-textarea._disabled[_nghost-%COMP%], tui-textarea._disabled   [_nghost-%COMP%], [_nghost-%COMP%]   tui-text-area._disabled[_nghost-%COMP%], tui-text-area._disabled   [_nghost-%COMP%]{pointer-events:none}[data-size=l][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost, [_nghost-%COMP%]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-%COMP%]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-%COMP%]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-%COMP%]:not(._label-outside)   [_ngcontent-%COMP%]:-webkit-autofill + .t-content[_ngcontent-%COMP%]   .t-placeholder[_ngcontent-%COMP%]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   tui-primitive-textfield._hidden[_nghost-%COMP%], tui-primitive-textfield._hidden   [_nghost-%COMP%]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-%COMP%]{white-space:pre-wrap}textarea[_nghost-%COMP%]   tui-textarea._ios[_nghost-%COMP%], tui-textarea._ios   [_nghost-%COMP%], textarea[_nghost-%COMP%]   tui-text-area._ios[_nghost-%COMP%], tui-text-area._ios   [_nghost-%COMP%]{padding-left:.8125rem}'],changeDetection:0}),ct})(),an=(()=>{var Ye;class ct{}return(Ye=ct).\u0275fac=function(he){return new(he||Ye)},Ye.\u0275mod=c.$C({type:Ye}),Ye.\u0275inj=c.G2t({imports:[Ue.MD,U.YN,Ee.E,Me.q,Xe.q]}),ct})()},5852:(St,Fe,u)=>{u.d(Fe,{q:()=>Z,x:()=>te});var t=u(2978),c=u(811),O=u(9131),N=u(4712),X=u(5173),$=u(8395),W=u(6610);function se(Q,ve){1&Q&&t.nrm(0,"tui-icon",3),2&Q&&t.Y8G("icon",ve.polymorpheusOutlet)}let te=(()=>{var Q;class ve extends O.bk{constructor(){super(...arguments),this.isMobile=(0,t.WQX)(c.Td),this.describeId=""}get computedAppearance(){return this.appearance||""}stopOnMobile(q){var Ae;this.isMobile&&(q.preventDefault(),q.stopPropagation()),null===(Ae=this.driver$)||void 0===Ae||Ae.toggle()}}return(Q=ve).\u0275fac=function(){let ye;return function(Ae){return(ye||(ye=t.xGo(Q)))(Ae||Q)}}(),Q.\u0275cmp=t.VBU({type:Q,selectors:[["tui-tooltip"]],viewQuery:function(q,Ae){if(1&q&&t.GBs(O.YO,5),2&q){let j;t.mGM(j=t.lsd())&&(Ae.driver$=j.first)}},hostVars:1,hostBindings:function(q,Ae){1&q&&t.bIt("mousedown",function(oe){return Ae.stopOnMobile(oe)}),2&q&&t.BMQ("data-appearance",Ae.computedAppearance)},inputs:{content:"content",direction:"direction",appearance:"appearance",showDelay:"showDelay",hideDelay:"hideDelay",describeId:"describeId",context:"context"},features:[t.Vt3],decls:4,vars:11,consts:[["automation-id","tui-tooltip__icon","tuiAppearance","icon",1,"t-tooltip-icon",3,"tuiAppearanceState","tuiHint","tuiHintAppearance","tuiHintContext","tuiHintDescribe","tuiHintDirection","tuiHintHideDelay","tuiHintShowDelay"],["driver","tuiHintHover"],["class","t-icon",3,"icon",4,"polymorpheusOutlet"],[1,"t-icon",3,"icon"]],template:function(q,Ae){if(1&q&&(t.j41(0,"span",0,1),t.nI1(2,"async"),t.DNE(3,se,1,1,"tui-icon",2),t.k0s()),2&q){const j=t.sdS(1);t.Y8G("tuiAppearanceState",t.bMT(2,9,j)?"hover":null)("tuiHint",Ae.content)("tuiHintAppearance",Ae.computedAppearance)("tuiHintContext",Ae.context)("tuiHintDescribe",Ae.describeId)("tuiHintDirection",Ae.direction)("tuiHintHideDelay",Ae.hideDelay)("tuiHintShowDelay",Ae.showDelay),t.R7$(3),t.Y8G("polymorpheusOutlet",Ae.icon)}},dependencies:[N.q,X.xr,$.bC,O.XZ,O.$$,W.Jj],styles:["[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;inline-size:1.5rem;block-size:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}[data-appearance=error][_nghost-%COMP%]{color:var(--tui-text-negative)}.t-tooltip-icon[_ngcontent-%COMP%]{display:inline-block;inline-size:100%;block-size:100%}.t-icon[_ngcontent-%COMP%]{border:.25rem solid transparent}"],changeDetection:0}),ve})(),Z=(()=>{var Q;class ve{}return(Q=ve).\u0275fac=function(q){return new(q||Q)},Q.\u0275mod=t.$C({type:Q}),Q.\u0275inj=t.G2t({imports:[W.MD,N.q,O.pp]}),ve})()},4225:(St,Fe,u)=>{u.d(Fe,{CN:()=>Rt,G6:()=>Ot,KB:()=>Q,OC:()=>Ee,Om:()=>_t,Rd:()=>Le,V4:()=>Ue,ZW:()=>le,dx:()=>Xe,kf:()=>at,np:()=>j,rQ:()=>Wt,tI:()=>Tt,u1:()=>Ae,xX:()=>mt});var t=u(4314),c=u(2978),O=u(9702),N=u(7212),X=u(4976),$=u(1623),W=u(2489),se=u(871);class te{constructor(ce,k,J,ie,de,ee,Se,Pe,ke,Re,Ke,Dt,Pt){this.change$=ce,this.options=k,this.legacyAppearance=J,this.appearanceDirective=ie,this.cleanerDirective=de,this.customContentDirective=ee,this.iconDirective=Se,this.iconLeftDirective=Pe,this.labelOutsideDirective=ke,this.sizeDirective=Re,this.prefixDirective=Ke,this.postfixDirective=Dt,this.fillerDirective=Pt}get appearance(){return this.appearanceDirective.appearance||this.legacyAppearance}get cleaner(){return this.cleanerDirective.cleaner}get customContent(){return this.customContentDirective.customContent||""}get icon(){return this.iconDirective.icon}get iconStart(){return this.iconLeftDirective.iconStart}get labelOutside(){return this.labelOutsideDirective.labelOutside}get size(){return this.sizeDirective.size}get prefix(){return this.prefixDirective.prefix}get postfix(){return this.postfixDirective.postfix}get filler(){return this.fillerDirective.filler}}const Q=(0,t.gc)({iconCleaner:"@tui.x",hintOnDisabled:!1}),ye=(0,t.ET)(()=>new q);let q=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.appearance=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldAppearance",""]],inputs:{appearance:["tuiTextfieldAppearance","appearance"]},features:[c.Jv_([(0,t.QU)(ye,H)]),c.Vt3]}),ce})();const Ae=(0,t.ET)(()=>new j);let j=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.cleaner=!1}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldCleaner",""]],inputs:{cleaner:["tuiTextfieldCleaner","cleaner"]},features:[c.Jv_([(0,t.QU)(Ae,H)]),c.Vt3]}),ce})();const oe=(0,t.ET)(()=>new Le);let Le=(()=>{var H;class ce extends O.zY{}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldCustomContent",""]],inputs:{customContent:["tuiTextfieldCustomContent","customContent"]},features:[c.Jv_([(0,t.QU)(oe,H)]),c.Vt3]}),ce})();const nt=(0,t.ET)(()=>new Ue);let Ue=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.filler=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldFiller",""]],inputs:{filler:["tuiTextfieldFiller","filler"]},features:[c.Jv_([(0,t.QU)(nt,H)]),c.Vt3]}),ce})();const U=(0,t.ET)(()=>new Ee);let Ee=(()=>{var H;class ce extends O.zY{}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldIcon",""]],inputs:{icon:["tuiTextfieldIcon","icon"]},features:[c.Jv_([(0,t.QU)(U,H)]),c.Vt3]}),ce})();const Me=(0,t.ET)(()=>new Xe);let Xe=(()=>{var H;class ce extends O.zY{}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldIconLeft",""]],inputs:{iconStart:["tuiTextfieldIconLeft","iconStart"]},features:[c.Jv_([(0,t.QU)(Me,H)]),c.Vt3]}),ce})();const Ge=(0,t.ET)(()=>new at);let at=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.labelOutside=!1}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldLabelOutside",""]],inputs:{labelOutside:["tuiTextfieldLabelOutside","labelOutside"]},features:[c.Jv_([(0,t.QU)(Ge,H)]),c.Vt3]}),ce})();const tt=(0,t.ET)(()=>new _t);let _t=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.postfix=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldPostfix",""]],inputs:{postfix:["tuiTextfieldPostfix","postfix"]},features:[c.Jv_([(0,t.QU)(tt,H)]),c.Vt3]}),ce})();const Ht=(0,t.ET)(()=>new Wt);let Wt=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.prefix=""}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldPrefix",""]],inputs:{prefix:["tuiTextfieldPrefix","prefix"]},features:[c.Jv_([(0,t.QU)(Ht,H)]),c.Vt3]}),ce})();const Tt=(0,t.ET)(()=>new Ot);let Ot=(()=>{var H;class ce extends O.zY{constructor(){super(...arguments),this.size="l"}}return(H=ce).\u0275fac=function(){let k;return function(ie){return(k||(k=c.xGo(H)))(ie||H)}}(),H.\u0275dir=c.FsC({type:H,selectors:[["","tuiTextfieldSize",""]],inputs:{size:["tuiTextfieldSize","size"]},features:[c.Jv_([(0,t.QU)(Tt,H)]),c.Vt3]}),ce})(),Rt=(()=>{var H;class ce{}return(H=ce).\u0275fac=function(J){return new(J||H)},H.\u0275mod=c.$C({type:H}),H.\u0275inj=c.G2t({}),ce})();const mt=new c.nKC("[TUI_TEXTFIELD_WATCHED_CONTROLLER]"),le=[{provide:mt,deps:[c.gRc,Q,$.Eo,ye,Ae,oe,U,Me,Ge,Tt,Ht,tt,nt],useFactory:(H,ce,k,...J)=>{const ie=(0,W.h)(...J.map(({change$:de})=>de||se.t)).pipe((0,X.Eb)(H),(0,N.pQ)());return ie.subscribe(),new te(ie,ce,k,...J)}}]},7492:(St,Fe,u)=>{u.d(Fe,{PN:()=>X,aD:()=>$,r5:()=>W});var t=u(2978),c=u(8832),O=u(1623),N=u(9656);const X={provide:O.r0,deps:[[new t.Xx1,new t.B$B,c.kq]],useFactory:N.D};let $=(()=>{var se;class te{}return(se=te).\u0275fac=function(Q){return new(Q||se)},se.\u0275dir=t.FsC({type:se,selectors:[["","tuiValueAccessor",""]],features:[t.Jv_([X])]}),te})(),W=(()=>{var se;class te{}return(se=te).\u0275fac=function(Q){return new(Q||se)},se.\u0275mod=t.$C({type:se}),se.\u0275inj=t.G2t({}),te})()},4198:(St,Fe,u)=>{u.d(Fe,{E:()=>O,l:()=>c});var t=u(2978);let c=(()=>{var N;class X{constructor(){this.disabled=!1,this.readOnly=!1,this.hover=null,this.active=null,this.focus=!1,this.invalid=!1,this.appearance=""}get computedInvalid(){return!this.disabled&&!this.readOnly&&this.invalid}get computedFocused(){return this.focus&&!this.disabled}get interactiveState(){return this.disabled?"disabled":this.readOnly?"readonly":this.active?"active":this.hover?"hover":null}get noHover(){return this.readOnly||!1===this.hover}get noActive(){return this.readOnly||!1===this.active}}return(N=X).\u0275fac=function(W){return new(W||N)},N.\u0275dir=t.FsC({type:N,selectors:[["","tuiWrapper",""]],hostVars:10,hostBindings:function(W,se){2&W&&(t.BMQ("data-appearance",se.appearance)("data-state",se.interactiveState),t.AVh("_invalid",se.computedInvalid)("_focused",se.computedFocused)("_no-hover",se.noHover)("_no-active",se.noActive))},inputs:{disabled:"disabled",readOnly:"readOnly",hover:"hover",active:"active",focus:"focus",invalid:"invalid",appearance:"appearance"}}),X})(),O=(()=>{var N;class X{}return(N=X).\u0275fac=function(W){return new(W||N)},N.\u0275mod=t.$C({type:N}),N.\u0275inj=t.G2t({}),X})()},1623:(St,Fe,u)=>{u.d(Fe,{aX:()=>q,KS:()=>j,dq:()=>Le,Eo:()=>Ge,w2:()=>at,r0:()=>Ht,Jr:()=>Ae,Sc:()=>tt});var t=u(4314),c=u(2978),O=u(6610),N=u(8399),X=u(8448),$=u(6661),te=(u(3527),u(756),u(3241)),Z=u(453);u(656),(0,t.gc)({AD:"+376###-###",AE:"+971-##-###-####",AF:"+93##-###-####",AG:"+1(268) ###-####",AI:"+1(264) ###-####",AL:"+355(###) ###-###",AM:"+374##-###-###",AO:"+244(###) ###-###",AR:"+54(###) ####-####",AT:"+43(###) ###-####",AU:"+61#-####-####",AW:"+297###-####",AZ:"+994##-###-##-##",BA:"+387 ###-####-##",BB:"+1(246) ###-####",BD:"+880##-###-###",BE:"+32(###) ###-###",BF:"+226##-##-####",BG:"+359(###) ###-###",BH:"+973####-####",BI:"+257##-##-####",BJ:"+229##-##-####",BL:"+590 ## ## ## ## ##",BM:"+1(441) ###-####",BN:"+673###-####",BO:"+591#-###-####",BQ:"+599-###-####",BR:"+55(##) ####-####",BS:"+1(242) ###-####",BT:"+975#-###-###",BW:"+267##-###-###",BY:"+375(##) ###-##-##",BZ:"+501###-####",CA:"+1(###) ###-####",CD:"+243(###) ###-###",CF:"+236-##-##-####",CG:"+242##-###-####",CH:"+41##-###-####",CI:"+225##-##-###-###",CL:"+56#-####-####",CM:"+237#####-####",CN:"+86(###) ####-####",CO:"+57(###) ###-####",CR:"+506####-####",CU:"+53#-###-####",CV:"+238(###) ##-##",CW:"+5999-###-####",CY:"+357##-###-###",CZ:"+420(###) ###-###",DE:"+49(###) ###-###-##",DJ:"+253##-##-##-##",DK:"+45##-##-##-##",DM:"+1(767) ###-####",DO:"+1(###) ###-####",DZ:"+213##-###-####",EC:"+593##-###-####",EE:"+372####-####",EG:"+20(###) ###-####",ER:"+291#-###-###",ES:"+34(###) ###-###",ET:"+251##-###-####",FI:"+358(###) ###-##-##",FJ:"+679##-#####",FK:"+500#####",FM:"+691###-####",FR:"+33 ## ## ## ## ##",GA:"+241##-##-##-##",GB:"+44##-####-####",GD:"+1(473) ###-####",GE:"+995(###) ###-###",GF:"+594 ## ## ## ## ##",GH:"+233(###) ###-###",GI:"+350###-#####",GL:"+299##-##-##",GM:"+220(###) ##-##",GN:"+224##-###-###",GP:"+590 ## ## ## ## ##",GQ:"+240##-###-####",GR:"+30(###) ###-####",GT:"+502#-###-####",GW:"+245#-######",GY:"+592###-####",HK:"+852####-####",HN:"+504####-####",HR:"+385##-###-####",HT:"+509##-##-####",HU:"+36(###) ###-###",ID:"+62(###) ###-##-###",IE:"+353(###) ###-###",IL:"+972##-###-####",IN:"+91(####) ###-###",IQ:"+964(###) ###-####",IR:"+98(###) ###-####",IS:"+354###-####",IT:"+39(###) ####-###",JM:"+1(876) ###-####",JO:"+962#-####-####",JP:"+81-##-####-####",KE:"+254###-######",KG:"+996(###) ###-###",KH:"+855##-###-###",KM:"+269##-#####",KN:"+1(869) ###-####",KP:"+850####-#############",KR:"+82##-###-####",KW:"+965####-####",KY:"+1(345) ###-####",KZ:"+7(###) ###-##-##",LA:"+856##-##-###-###",LB:"+961##-###-###",LC:"+1(758) ###-####",LI:"+423(###) ###-####",LK:"+94##-###-####",LR:"+231##-###-###",LS:"+266#-###-####",LT:"+370(###) ##-###",LU:"+352(###) ###-###",LV:"+371##-###-###",LY:"+218##-###-####",MA:"+212##-####-###",MC:"+377###-###-###",MD:"+373####-####",ME:"+382##-###-###",MF:"+590 ## ## ## ## ##",MG:"+261##-##-#####",MK:"+389##-###-###",ML:"+223##-##-####",MM:"+95##-###-###",MN:"+976##-##-####",MO:"+853####-####",MQ:"+596 ## ## ## ## ##",MR:"+222##-##-####",MS:"+1(664) ###-####",MT:"+356####-####",MU:"+230####-####",MV:"+960###-####",MW:"+265#-####-####",MX:"+52(###) ###-####",MY:"+60(###) ###-###",MZ:"+258##-###-###",NA:"+264##-###-####",NC:"+687 ### ###",NE:"+227##-##-####",NG:"+234(###) ###-####",NI:"+505####-####",NL:"+31##-###-####",NO:"+47(###) ##-###",NP:"+977##-###-###",NZ:"+64(###) ###-####",OM:"+968##-###-###",PA:"+507###-####",PE:"+51(###) ###-###",PF:"+689 ## ## ## ##",PG:"+675(###) ##-###",PH:"+63(###) ###-####",PK:"+92(###) ###-####",PL:"+48(###) ###-###",PT:"+351##-###-####",PW:"+680###-####",PY:"+595(###) ###-###",QA:"+974####-####",RE:"+262 ## ## ## ## ##",RO:"+40##-###-####",RS:"+381##-###-####",RU:"+7### ###-##-##",RW:"+250(###) ###-###",SA:"+966#-####-####",SB:"+677###-####",SC:"+248#-###-###",SD:"+249##-###-####",SE:"+46##-###-####",SG:"+65####-####",SH:"+290####",SI:"+386##-###-###",SK:"+421(###) ###-###",SL:"+232##-######",SM:"+378####-######",SN:"+221##-###-####",SO:"+252##-###-###",SR:"+597###-####",ST:"+239##-#####",SV:"+503##-##-####",SX:"+1(721) ###-####",SY:"+963##-####-###",SZ:"+268##-##-####",TC:"+1(649) ###-####",TD:"+235##-##-##-##",TG:"+228##-###-###",TH:"+66##-###-####",TJ:"+992##-###-####",TL:"+670###-#####",TM:"+993#-###-####",TN:"+216##-###-###",TO:"+676#####",TR:"+90(###) ###-####",TT:"+1(868) ###-####",TW:"+886#-####-####",TZ:"+255##-###-####",UA:"+380(##) ###-##-##",UG:"+256(###) ###-###",US:"+1(###) ###-####",UY:"+598#-###-##-##",UZ:"+998##-###-####",VC:"+1(784) ###-####",VE:"+58(###) ###-####",VG:"+1(284)###-####",VN:"+84(###) ####-###",VU:"+678##-#####",WS:"+685##-####",XK:"+383##-###-###",YE:"+967###-###-###",YT:"+262 ## ## ## ## ##",ZA:"+27##-###-####",ZM:"+260##-###-####",ZW:"+263#-######",VA:"+39 #### ###-####",WF:"+681 ## ##-##",VI:"+1(340) ###-####",JE:"+44(####) ######",AC:"+247###-####",TV:"+686###-####",TK:"+690###-####",TA:"+290###-####",SS:"+211### ###-###",SJ:"+47 ## ##-##-##",PS:"+970 #### ###-###",PR:"+1(###) ###-####",PM:"+508 ### ##-##-##",NU:"+683 ###-####",NR:"+674 ###-####",NF:"+672##-####",MP:"+1(670) ###-####",MH:"+692 ###-####",KI:"+686 ####-####",IO:"+246 ### ####",IM:"+44(####) ######",GU:"+1(###) ###-###",GG:"+44(###) ###-####",FO:"+298 ######",EH:"+212 #### #####",CX:"+61 # ####-####",CK:"+682 ## ###",CC:"+61 # ####-####",AX:"+358 ## ###-####",AS:"+1(###) ###-####"});const q=new c.nKC("[TUI_FOCUSABLE_ITEM_ACCESSOR]");function Ae(Wt){return(0,t.QU)(q,Wt)}const j=new c.nKC("[TUI_FONTS_READY]",{factory:()=>{var Wt;return(0,N.H)((null===(Wt=(0,c.WQX)(O.qQ).fonts)||void 0===Wt?void 0:Wt.ready)||X.w).pipe((0,$.t)({bufferSize:1,refCount:!1}))}}),Le=((0,t.gc)({}),(0,t.ET)(()=>(0,Z.Zz)((0,c.WQX)(te.Rp)))),Ge=((0,t.ET)(()=>!!(0,c.WQX)(te.Qc).chrome),(0,t.ET)(()=>{var Wt;return void 0!==(null===(Wt=(0,c.WQX)(te.Qc))||void 0===Wt?void 0:Wt.mozCancelFullScreen)}),(0,t.ET)(()=>(0,c.WQX)(te.Qc).location.host.endsWith("stackblitz.io")),new c.nKC("[TUI_MONTH_FORMATTER]"),new c.nKC("[TUI_SANITIZER]"),(0,t.gc)("textfield")),at=new c.nKC("[TUI_TEXTFIELD_HOST]");function tt(Wt){return(0,t.QU)(at,Wt)}(0,t.ET)(()=>(0,c.WQX)(te.Qc).matchMedia("(any-pointer: coarse)").matches);const Ht=new c.nKC("[TUI_VALUE_ACCESSOR]")},453:(St,Fe,u)=>{u.d(Fe,{MJ:()=>Xe,Zz:()=>Ae,f3:()=>se});var t=u(4010),c=u(3279);const $=1.5,W=2.5;function se(Ge,at=!1,tt=!1,_t=!1,Ht="m"){const Wt="s"===Ht?0:.25;let Tt=0;return Ge&&(Tt+=$+Wt),at&&(Tt+=$+Wt),tt&&(Tt+=$+Wt),_t&&(Tt+=W+Wt),Tt}const q=/^((?!chrome|android).)*safari/i;function Ae(Ge){return(0,t.ed)(Ge)||q.test(Ge.userAgent.toLowerCase())}const Xe=(0,c.Lq)({limitWidth:"fixed",align:"right"})},5173:(St,Fe,u)=>{u.d(Fe,{A7:()=>W,Dm:()=>O,lS:()=>N,su:()=>c,xr:()=>se});var t=u(2978);const c=new t.nKC("");function O(ve={}){return(0,t.WQX)(c,ve)}class N{constructor(ye,q){this.component=ye,this.i=q}createInjector(ye,q){return t.zZn.create({parent:this.i||ye,providers:[{provide:c,useValue:q}]})}}class X{constructor(ye){this.$implicit=ye}get polymorpheusOutlet(){return this.$implicit}}let W=(()=>{var ve;class ye{constructor(Ae=(0,t.WQX)(t.C4Q,{self:!0}),j=(0,t.WQX)(t.gRc)){this.template=Ae,this.cdr=j,this.polymorpheus=""}static ngTemplateContextGuard(Ae,j){return!0}check(){this.cdr.markForCheck()}}return(ve=ye).\u0275fac=function(Ae){return new(Ae||ve)(t.rXU(t.C4Q),t.rXU(t.gRc))},ve.\u0275dir=t.FsC({type:ve,selectors:[["ng-template","polymorpheus",""]],inputs:{polymorpheus:"polymorpheus"},exportAs:["polymorpheus"],standalone:!0}),ye})(),se=(()=>{var ve;class ye{constructor(){this.vcr=(0,t.WQX)(t.c1b),this.i=(0,t.WQX)(t.duS),this.t=(0,t.WQX)(t.C4Q),this.content=""}static ngTemplateContextGuard(Ae,j){return!0}ngOnChanges({content:Ae}){var j;const oe=this.getContext();if(null===(j=this.c)||void 0===j||j.injector.get(t.gRc).markForCheck(),!Ae)return;this.vcr.clear();const Le=oe&&new Proxy(oe,{get:(nt,Ue)=>{var U;return null===(U=this.getContext())||void 0===U?void 0:U[Ue]}});Z(this.content)?this.process(this.content,Le):null!=(oe instanceof X&&oe.$implicit)&&this.vcr.createEmbeddedView(this.template,Le,{injector:this.i})}ngDoCheck(){te(this.content)&&this.content.check()}get template(){return te(this.content)?this.content.template:this.content instanceof t.C4Q?this.content:this.t}getContext(){return function Q(ve){return te(ve)||ve instanceof t.C4Q}(this.content)||Z(this.content)?this.context:new X(this.context&&"function"==typeof this.content?this.content(this.context):this.content)}process(Ae,j){const oe=Ae.createInjector(this.i,j);this.c=this.vcr.createComponent(Ae.component,{injector:oe})}}return(ve=ye).\u0275fac=function(Ae){return new(Ae||ve)},ve.\u0275dir=t.FsC({type:ve,selectors:[["","polymorpheusOutlet",""]],inputs:{content:["polymorpheusOutlet","content"],context:["polymorpheusOutletContext","context"]},standalone:!0,features:[t.OA$]}),ye})();function te(ve){return ve instanceof W}function Z(ve){return ve instanceof N}},8191:(St,Fe,u)=>{u.d(Fe,{sq:()=>_t,f4:()=>le});var t=u(2978),c=u(6610),O=u(5981),N=u(8503),X=u(8486),$=u(2831),W=u(7236),se=u(8448),te=u(4526),Z=u(8823),Q=u(9406),ve=u(8621),ye=u(8751),q=u(6111),Ae=u(2363),oe=u(3527),Le=u(8399),nt=u(1227),Ue=u(2029);const U={schedule(ce){let k=requestAnimationFrame,J=cancelAnimationFrame;const{delegate:ie}=U;ie&&(k=ie.requestAnimationFrame,J=ie.cancelAnimationFrame);const de=k(ee=>{J=void 0,ce(ee)});return new Ue.yU(()=>null==J?void 0:J(de))},requestAnimationFrame(...ce){const{delegate:k}=U;return((null==k?void 0:k.requestAnimationFrame)||requestAnimationFrame)(...ce)},cancelAnimationFrame(...ce){const{delegate:k}=U;return((null==k?void 0:k.cancelAnimationFrame)||cancelAnimationFrame)(...ce)},delegate:void 0};var Me=u(1246);const Ge=new class Xe extends Me.q{flush(k){this._active=!0;const J=this._scheduled;this._scheduled=void 0;const{actions:ie}=this;let de;k=k||ie.shift();do{if(de=k.execute(k.state,k.delay))break}while((k=ie[0])&&k.id===J&&ie.shift());if(this._active=!1,de){for(;(k=ie[0])&&k.id===J&&ie.shift();)k.unsubscribe();throw de}}}(class Ee extends nt.R{constructor(k,J){super(k,J),this.scheduler=k,this.work=J}requestAsyncId(k,J,ie=0){return null!==ie&&ie>0?super.requestAsyncId(k,J,ie):(k.actions.push(this),k._scheduled||(k._scheduled=U.requestAnimationFrame(()=>k.flush(void 0))))}recycleAsyncId(k,J,ie=0){var de;if(null!=ie?ie>0:this.delay>0)return super.recycleAsyncId(k,J,ie);const{actions:ee}=k;null!=J&&(null===(de=ee[ee.length-1])||void 0===de?void 0:de.id)!==J&&(U.cancelAnimationFrame(J),k._scheduled=void 0)}});var tt=u(6098);const _t=new t.nKC("HIGHLIGHT_OPTIONS");let Ht;let Ot=(()=>{var ce;class k{constructor(ie,de,ee){if(this.doc=ie,this.platformId=de,this._options=ee,this._ready=new O.t(null),this.ready=this._ready.asObservable().pipe((0,N.p)(Pe=>!!Pe),(0,X.s)(1)),(0,c.UE)(de))if(ie.defaultView.hljs)this._ready.next(ie.defaultView.hljs);else{var Se;this._loadLibrary().pipe((0,$.n)(Pe=>this._options&&this._options.lineNumbersLoader?(ie.defaultView.hljs=Pe,this.loadLineNumbers().pipe((0,W.M)(ke=>{ke.activateLineNumbers(),this._ready.next(Pe)}))):(this._ready.next(Pe),se.w)),(0,te.W)(Pe=>(console.error("[HLJS] ",Pe),se.w))).subscribe(),null!==(Se=this._options)&&void 0!==Se&&Se.themePath&&this.loadTheme(this._options.themePath)}}_loadLibrary(){if(this._options){if(this._options.fullLibraryLoader&&this._options.coreLibraryLoader)return(0,Z.$)(()=>"The full library and the core library were imported, only one of them should be imported!");if(this._options.fullLibraryLoader&&this._options.languages)return(0,Z.$)(()=>"The highlighting languages were imported they are not needed!");if(this._options.coreLibraryLoader&&!this._options.languages)return(0,Z.$)(()=>"The highlighting languages were not imported!");if(!this._options.coreLibraryLoader&&this._options.languages)return(0,Z.$)(()=>"The core library was not imported!");if(this._options.fullLibraryLoader)return this.loadFullLibrary();if(this._options.coreLibraryLoader&&this._options.languages&&Object.keys(this._options.languages).length)return this.loadCoreLibrary().pipe((0,$.n)(ie=>this._loadLanguages(ie)))}return(0,Z.$)(()=>"Highlight.js library was not imported!")}_loadLanguages(ie){return function j(...ce){const k=(0,Ae.ms)(ce),J=(0,ye.K)(ce);return J.length?new Q.c(ie=>{let de=J.map(()=>[]),ee=J.map(()=>!1);ie.add(()=>{de=ee=null});for(let Se=0;!ie.closed&&Se<J.length;Se++)(0,ve.Tg)(J[Se]).subscribe((0,q._)(ie,Pe=>{if(de[Se].push(Pe),de.every(ke=>ke.length)){const ke=de.map(Re=>Re.shift());ie.next(k?k(...ke):ke),de.some((Re,Ke)=>!Re.length&&ee[Ke])&&ie.complete()}},()=>{ee[Se]=!0,!de[Se].length&&ie.complete()}));return()=>{de=ee=null}}):se.w}(...Object.entries(this._options.languages).map(([ee,Se])=>Rt(Se()).pipe((0,W.M)(Pe=>ie.registerLanguage(ee,Pe))))).pipe((0,oe.T)(()=>ie))}loadCoreLibrary(){return Rt(this._options.coreLibraryLoader())}loadFullLibrary(){return Rt(this._options.fullLibraryLoader())}loadLineNumbers(){return(0,Le.H)(this._options.lineNumbersLoader())}setTheme(ie){(0,c.UE)(this.platformId)&&(this._themeLinkElement?this._themeLinkElement.href=ie:this.loadTheme(ie))}loadTheme(ie){this._themeLinkElement=this.doc.createElement("link"),this._themeLinkElement.href=ie,this._themeLinkElement.type="text/css",this._themeLinkElement.rel="stylesheet",this._themeLinkElement.media="screen,print",this.doc.head.appendChild(this._themeLinkElement)}}return(ce=k).\u0275fac=function(ie){return new(ie||ce)(t.KVO(c.qQ),t.KVO(t.Agw),t.KVO(_t,8))},ce.\u0275prov=t.jDH({token:ce,factory:ce.\u0275fac,providedIn:"root"}),k})();const Rt=ce=>(0,Le.H)(ce).pipe((0,N.p)(k=>!(null==k||!k.default)),(0,oe.T)(k=>k.default));let mt=(()=>{var ce;class k{get hljs(){return this._hljs}constructor(ie,de){this._loader=ie,this._hljs=null,ie.ready.subscribe(ee=>{this._hljs=ee,de&&de.config&&(ee.configure(de.config),ee.listLanguages().length<1&&console.error("[HighlightJS]: No languages were registered!"))})}highlight(ie,{language:de,ignoreIllegals:ee}){return this._loader.ready.pipe((0,oe.T)(Se=>Se.highlight(ie,{language:de,ignoreIllegals:ee})))}highlightAuto(ie,de){return this._loader.ready.pipe((0,oe.T)(ee=>ee.highlightAuto(ie,de)))}highlightElement(ie){return this._loader.ready.pipe((0,oe.T)(de=>de.highlightElement(ie)))}highlightAll(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.highlightAll()))}configure(ie){return this._loader.ready.pipe((0,oe.T)(de=>de.configure(ie)))}registerLanguage(ie,de){return this._loader.ready.pipe((0,W.M)(ee=>ee.registerLanguage(ie,de)))}unregisterLanguage(ie){return this._loader.ready.pipe((0,W.M)(de=>de.unregisterLanguage(ie)))}registerAliases(ie,{languageName:de}){return this._loader.ready.pipe((0,W.M)(ee=>ee.registerAliases(ie,{languageName:de})))}listLanguages(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.listLanguages()))}getLanguage(ie){return this._loader.ready.pipe((0,oe.T)(de=>de.getLanguage(ie)))}safeMode(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.safeMode()))}debugMode(){return this._loader.ready.pipe((0,oe.T)(ie=>ie.debugMode()))}lineNumbersBlock(ie){return this._loader.ready.pipe((0,N.p)(de=>!!de.lineNumbersBlock),(0,W.M)(de=>de.lineNumbersBlock(ie)))}}return(ce=k).\u0275fac=function(ie){return new(ie||ce)(t.KVO(Ot),t.KVO(_t,8))},ce.\u0275prov=t.jDH({token:ce,factory:ce.\u0275fac,providedIn:"root"}),k})(),le=(()=>{var ce;class k{constructor(ie,de,ee,Se,Pe){this._hljs=de,this._sanitizer=ee,this.platformId=Se,this._options=Pe,this.highlighted=new t.bkB,this._nativeElement=ie.nativeElement}ngOnChanges(ie){var de;(0,c.UE)(this.platformId)&&null!==(null==ie||null===(de=ie.code)||void 0===de?void 0:de.currentValue)&&ie.code.currentValue!==ie.code.previousValue&&(this.code?this.highlightElement(this.code,this.languages):this.setTextContent(""))}highlightElement(ie,de){this.setTextContent(ie),this._hljs.highlightAuto(ie,de).subscribe(ee=>{this.setInnerHTML(null==ee?void 0:ee.value),this.lineNumbers&&this._options&&this._options.lineNumbersLoader&&this.addLineNumbers(),this.highlighted.emit(ee)})}addLineNumbers(){this.destroyLineNumbersObserver(),Ge.schedule(()=>{this._hljs.lineNumbersBlock(this._nativeElement).subscribe(),this._lineNumbersObs=new MutationObserver(()=>{this._nativeElement.firstElementChild&&"TABLE"===this._nativeElement.firstElementChild.tagName.toUpperCase()&&this._nativeElement.classList.add("hljs-line-numbers"),this.destroyLineNumbersObserver()}),this._lineNumbersObs.observe(this._nativeElement,{childList:!0})})}destroyLineNumbersObserver(){this._lineNumbersObs&&(this._lineNumbersObs.disconnect(),this._lineNumbersObs=null)}setTextContent(ie){Ge.schedule(()=>this._nativeElement.textContent=ie)}setInnerHTML(ie){Ge.schedule(()=>this._nativeElement.innerHTML=function Tt(ce){var k;return(null===(k=function Wt(){if(!Ht)try{var ce;Ht=null===(ce=window)||void 0===ce||null===(ce=ce.trustedTypes)||void 0===ce?void 0:ce.createPolicy("ngx-highlightjs",{createHTML:k=>k})}catch{}return Ht}())||void 0===k?void 0:k.createHTML(ce))||ce}(this._sanitizer.sanitize(t.WPN.HTML,ie)||""))}}return(ce=k).\u0275fac=function(ie){return new(ie||ce)(t.rXU(t.aKT),t.rXU(mt),t.rXU(tt.up),t.rXU(t.Agw),t.rXU(_t,8))},ce.\u0275dir=t.FsC({type:ce,selectors:[["","highlight",""]],hostVars:2,hostBindings:function(ie,de){2&ie&&t.AVh("hljs",!0)},inputs:{code:["highlight","code"],languages:"languages",lineNumbers:"lineNumbers"},outputs:{highlighted:"highlighted"},standalone:!0,features:[t.OA$]}),k})()},3308:(St,Fe,u)=>{function t(O,N,X,$,W,se,te){try{var Z=O[se](te),Q=Z.value}catch(ve){return void X(ve)}Z.done?N(Q):Promise.resolve(Q).then($,W)}function c(O){return function(){var N=this,X=arguments;return new Promise(function($,W){var se=O.apply(N,X);function te(Q){t(se,$,W,te,Z,"next",Q)}function Z(Q){t(se,$,W,te,Z,"throw",Q)}te(void 0)})}}u.d(Fe,{A:()=>c})},1423:(St,Fe,u)=>{function t(X){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function($){return typeof $}:function($){return $&&"function"==typeof Symbol&&$.constructor===Symbol&&$!==Symbol.prototype?"symbol":typeof $})(X)}function N(X,$,W){return($=function O(X){var $=function c(X,$){if("object"!==t(X)||null===X)return X;var W=X[Symbol.toPrimitive];if(void 0!==W){var se=W.call(X,$||"default");if("object"!==t(se))return se;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===$?String:Number)(X)}(X,"string");return"symbol"===t($)?$:String($)}($))in X?Object.defineProperty(X,$,{value:W,enumerable:!0,configurable:!0,writable:!0}):X[$]=W,X}u.d(Fe,{A:()=>N})},7270:(St,Fe,u)=>{function X(H,ce,k,J){var ee,ie=arguments.length,de=ie<3?ce:null===J?J=Object.getOwnPropertyDescriptor(ce,k):J;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)de=Reflect.decorate(H,ce,k,J);else for(var Se=H.length-1;Se>=0;Se--)(ee=H[Se])&&(de=(ie<3?ee(de):ie>3?ee(ce,k,de):ee(ce,k))||de);return ie>3&&de&&Object.defineProperty(ce,k,de),de}function ve(H,ce,k,J){return new(k||(k=Promise))(function(de,ee){function Se(Re){try{ke(J.next(Re))}catch(Ke){ee(Ke)}}function Pe(Re){try{ke(J.throw(Re))}catch(Ke){ee(Ke)}}function ke(Re){Re.done?de(Re.value):function ie(de){return de instanceof k?de:new k(function(ee){ee(de)})}(Re.value).then(Se,Pe)}ke((J=J.apply(H,ce||[])).next())})}function U(H){return this instanceof U?(this.v=H,this):new U(H)}function Ee(H,ce,k){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var ie,J=k.apply(H,ce||[]),de=[];return ie=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),Se("next"),Se("throw"),Se("return",function ee(Pt){return function(Kt){return Promise.resolve(Kt).then(Pt,Ke)}}),ie[Symbol.asyncIterator]=function(){return this},ie;function Se(Pt,Kt){J[Pt]&&(ie[Pt]=function(Gt){return new Promise(function(an,Ln){de.push([Pt,Gt,an,Ln])>1||Pe(Pt,Gt)})},Kt&&(ie[Pt]=Kt(ie[Pt])))}function Pe(Pt,Kt){try{!function ke(Pt){Pt.value instanceof U?Promise.resolve(Pt.value.v).then(Re,Ke):Dt(de[0][2],Pt)}(J[Pt](Kt))}catch(Gt){Dt(de[0][3],Gt)}}function Re(Pt){Pe("next",Pt)}function Ke(Pt){Pe("throw",Pt)}function Dt(Pt,Kt){Pt(Kt),de.shift(),de.length&&Pe(de[0][0],de[0][1])}}function Xe(H){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var k,ce=H[Symbol.asyncIterator];return ce?ce.call(H):(H=function j(H){var ce="function"==typeof Symbol&&Symbol.iterator,k=ce&&H[ce],J=0;if(k)return k.call(H);if(H&&"number"==typeof H.length)return{next:function(){return H&&J>=H.length&&(H=void 0),{value:H&&H[J++],done:!H}}};throw new TypeError(ce?"Object is not iterable.":"Symbol.iterator is not defined.")}(H),k={},J("next"),J("throw"),J("return"),k[Symbol.asyncIterator]=function(){return this},k);function J(de){k[de]=H[de]&&function(ee){return new Promise(function(Se,Pe){!function ie(de,ee,Se,Pe){Promise.resolve(Pe).then(function(ke){de({value:ke,done:Se})},ee)}(Se,Pe,(ee=H[de](ee)).done,ee.value)})}}}u.d(Fe,{AQ:()=>Ee,Cg:()=>X,N3:()=>U,sH:()=>ve,xN:()=>Xe}),"function"==typeof SuppressedError&&SuppressedError}},St=>{St(St.s=2601)}]);
\ No newline at end of file
diff --git a/real-world-form/index.html b/real-world-form/index.html
index 51d0c57d5..aacce6a22 100644
--- a/real-world-form/index.html
+++ b/real-world-form/index.html
@@ -27,7 +27,7 @@
 </style><style ng-app-id="ng">[tuiChevron][tuiIcons]:after,tui-icon[tuiChevron]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-block;cursor:pointer}[tuiChevron][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevron]._chevron-rotated:after{transform:rotate(180deg)}
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">[_nghost-ng-c4242230046]{display:flex;justify-content:center;align-items:center;padding-top:2rem}form[_ngcontent-ng-c4242230046]{inline-size:80%;max-inline-size:40rem}.password-icon[_ngcontent-ng-c4242230046]{pointer-events:all;cursor:pointer}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1678597687]{position:relative;z-index:0;display:flex;flex-direction:column;min-block-size:var(--tui-textarea-height);border-radius:var(--tui-radius-m);color:var(--tui-text-primary)}[data-size=s][_nghost-ng-c1678597687]{--tui-height: var(--tui-height-s);--tui-textarea-height: 4.5625rem;font:var(--tui-font-text-s)}[data-size=m][_nghost-ng-c1678597687]{--tui-height: var(--tui-height-m);--tui-textarea-height: 5.5rem;font:var(--tui-font-text-s)}[data-size=l][_nghost-ng-c1678597687]{--tui-height: var(--tui-height-l);--tui-textarea-height: 6.75rem;font:var(--tui-font-text-m)}[data-size=m]._has-counter[_nghost-ng-c1678597687]{--tui-textarea-height: 6.625rem}[data-size=l]._has-counter[_nghost-ng-c1678597687]{--tui-textarea-height: 7.875rem}@supports (-webkit-hyphens: none){[_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687], [_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{text-wrap:balance}}.t-outline[_ngcontent-ng-c1678597687]{min-block-size:inherit}.t-content[_ngcontent-ng-c1678597687]{display:block;margin-top:0;margin-bottom:0;min-block-size:inherit;box-sizing:border-box;overflow:hidden;cursor:text}._disabled[_nghost-ng-c1678597687]   .t-content[_ngcontent-ng-c1678597687]{cursor:auto;opacity:var(--tui-disabled-opacity)}[_nghost-ng-c1678597687]:not(._expandable)   .t-content[_ngcontent-ng-c1678597687]{position:absolute;top:0;left:0;bottom:1px;right:0;min-block-size:auto}._has-counter[_nghost-ng-c1678597687]:not(._expandable)   .t-content[_ngcontent-ng-c1678597687]{bottom:1.6875rem}._label-outside._has-counter[_nghost-ng-c1678597687]:not(._expandable)   .t-content[_ngcontent-ng-c1678597687]{bottom:1rem}.t-wrapper[_ngcontent-ng-c1678597687]{position:relative;inline-size:100%;block-size:100%;min-block-size:inherit;box-sizing:border-box;padding:calc((var(--tui-height) - 1.25rem) / 2) 0}[data-size=l]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 1.5rem) / 2) 0}[data-size=m][_nghost-ng-c1678597687]:not(._label-outside)   .t-wrapper[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 2.25rem) / 2) 0}[data-size=l][_nghost-ng-c1678597687]:not(._label-outside)   .t-wrapper[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 2.625rem) / 2) 0}table[data-size=m]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687], table   [data-size=m]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687]{padding-bottom:.75rem}table[data-size=l]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687], table   [data-size=l]._label-outside[_nghost-ng-c1678597687]   .t-wrapper[_ngcontent-ng-c1678597687]{padding-bottom:1rem}.t-input-wrapper[_ngcontent-ng-c1678597687]{min-block-size:inherit;inline-size:100%;flex:1}.t-relative[_ngcontent-ng-c1678597687]{position:relative;min-block-size:inherit}.t-box[_ngcontent-ng-c1678597687]{display:flex;min-block-size:calc(100% - 1rem);inline-size:100%}[_nghost-ng-c1678597687]:not(._expandable)   .t-box[_ngcontent-ng-c1678597687]{block-size:calc(100% - 1rem)}[_nghost-ng-c1678597687]:not(._expandable)._label-outside   .t-box[_ngcontent-ng-c1678597687]{block-size:100%}._has-counter._expandable[_nghost-ng-c1678597687]   .t-box[_ngcontent-ng-c1678597687]{margin-bottom:1.25rem}[data-size=m][_nghost-ng-c1678597687]:not(._label-outside)   .t-box[_ngcontent-ng-c1678597687]{border-block-start:1rem solid transparent}[data-size=l][_nghost-ng-c1678597687]:not(._label-outside)   .t-box[_ngcontent-ng-c1678597687]{border-block-start:1.25rem solid transparent}.t-pseudo-content[_ngcontent-ng-c1678597687]{white-space:pre-wrap;word-wrap:break-word;word-break:keep-all;pointer-events:none;color:transparent;overflow:hidden;border:0 solid transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}[data-size=s][_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687], [data-size=m][_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687]{padding:0 .75rem}[data-size=l][_nghost-ng-c1678597687]   .t-pseudo-content[_ngcontent-ng-c1678597687]{padding:0 1rem}.t-pseudo-content__extra[_ngcontent-ng-c1678597687]{background-color:var(--tui-status-negative-pale)}.t-input[_ngcontent-ng-c1678597687]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:none;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0)}.t-input[_ngcontent-ng-c1678597687]:-webkit-autofill, .t-input[_ngcontent-ng-c1678597687]:-webkit-autofill:hover, .t-input[_ngcontent-ng-c1678597687]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}.t-input[_ngcontent-ng-c1678597687]:not(:last-of-type){display:none}.t-input[_ngcontent-ng-c1678597687]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]:not(:read-only)::placeholder{opacity:1}[data-size=s][_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687], [data-size=m][_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{padding:0 .75rem;font:var(--tui-font-text-s)}[data-size=l][_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{padding:0 1rem;font:var(--tui-font-text-m)}@supports (-webkit-marquee-repetition: infinite) and (object-fit: fill){._ios[_nghost-ng-c1678597687]   .t-input[_ngcontent-ng-c1678597687]{padding-left:.8125rem}}.t-placeholder[_ngcontent-ng-c1678597687]{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;inline-size:100%;-webkit-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-secondary);pointer-events:none;will-change:transform;transform:translateY(0);position:absolute;top:calc(var(--tui-height) / 2 - .625rem);left:0;max-inline-size:100%;border:0 solid transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);box-sizing:border-box}@supports (-webkit-hyphens: none){.t-placeholder[_ngcontent-ng-c1678597687]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-ng-c1678597687]{transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1678597687]   .t-placeholder_raised[_ngcontent-ng-c1678597687]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-ng-c1678597687]:not(._focused)   .t-placeholder_raised[_ngcontent-ng-c1678597687], ._invalid[_nghost-ng-c1678597687]:not(._focused):hover   .t-placeholder_raised[_ngcontent-ng-c1678597687]{color:var(--tui-text-negative)}._focused[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687], [data-size=m]._focused._label-outside[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687], [data-size=l]._focused._label-outside[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{color:var(--tui-text-tertiary)}[data-size=l][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-ng-c1678597687]   .t-placeholder_raised[_ngcontent-ng-c1678597687]{font-size:.8156rem}[data-size=m]._focused[_nghost-ng-c1678597687]:not(._label-outside)   .t-placeholder[_ngcontent-ng-c1678597687], [data-size=l]._focused[_nghost-ng-c1678597687]:not(._label-outside)   .t-placeholder[_ngcontent-ng-c1678597687]{color:var(--tui-text-primary)}[data-size=s][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{padding:0 .75rem}[data-size=m][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{padding:0 .75rem}[data-size=l][_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{padding:0 1rem}._label-outside[_nghost-ng-c1678597687]   .t-placeholder[_ngcontent-ng-c1678597687]{overflow:initial;block-size:auto;white-space:initial}.t-icons[_ngcontent-ng-c1678597687]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:calc((var(--tui-height) - 1.5rem) / 2) 1rem}[data-size=m][_nghost-ng-c1678597687]   .t-icons[_ngcontent-ng-c1678597687]{padding:calc((var(--tui-height) - 1.5rem) / 2) .625rem}.t-icons[_ngcontent-ng-c1678597687] > [_ngcontent-ng-c1678597687]:not(:first-child){margin-inline-start:.25rem}.t-icon[_ngcontent-ng-c1678597687]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}.t-icon_left[_ngcontent-ng-c1678597687]{margin-inline-end:auto}.t-cleaner[_ngcontent-ng-c1678597687]{position:relative;display:flex;inline-size:1.5rem;block-size:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto;border:.25rem solid transparent}._readonly[_nghost-ng-c1678597687]   .t-cleaner[_ngcontent-ng-c1678597687], ._disabled[_nghost-ng-c1678597687]   .t-cleaner[_ngcontent-ng-c1678597687]{pointer-events:none}.t-caret[_ngcontent-ng-c1678597687]{display:inline-block;block-size:1rem;inline-size:0}.t-counter[_ngcontent-ng-c1678597687]{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:end;color:var(--tui-text-tertiary)}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_691726656987388" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_691726656987388"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/browser-support" target="_self" data-appearance="icon"> Browser support <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/supported-input-types" target="_self" data-appearance="icon"> Supported &lt;input /&gt; types <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/real-world-form" target="_self" data-appearance="icon"> Maskito in Real World Form <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink class="t-sublink ng-star-inserted" href="https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md" target="_blank" data-appearance="icon"> Changelog <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><real-world-form _nghost-ng-c4242230046 class="ng-star-inserted"><form _ngcontent-ng-c4242230046 novalidate autocomplete="on" class="tui-form ng-untouched ng-pristine ng-valid"><h3 _ngcontent-ng-c4242230046 class="tui-form__header tui-form__header_margin-top_none">Real World Form</h3><div _ngcontent-ng-c4242230046 class="tui-form__row tui-form__row_multi-fields"><tui-input _ngcontent-ng-c4242230046 formcontrolname="name" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="name" name="name" placeholder="Only latin letters" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_211726656987411" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_781726656987414" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_211726656987411"> Name </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c4242230046 formcontrolname="surname" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="family-name" name="surname" placeholder="Only CAPITAL latin letters" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_221726656987411" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_791726656987414" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_221726656987411"> Surname </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></div><div _ngcontent-ng-c4242230046 class="tui-form__row"><tui-input _ngcontent-ng-c4242230046 formcontrolname="phone" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="tel" inputmode="tel" name="phone" tuitextfieldlegacy _nghost-ng-c1724629924 pattern tabindex="0" value id="tui_231726656987412" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_801726656987415" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_231726656987412"> Enter phone number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><div _ngcontent-ng-c4242230046 class="tui-form__row tui-form__row_multi-fields"><tui-input _ngcontent-ng-c4242230046 formcontrolname="password" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="new-password" name="password" placeholder="Only digits and one latin letter" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_241726656987412" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_811726656987415" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_241726656987412"> Enter password </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c4242230046 class="password-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/eye-off.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c4242230046 formcontrolname="repeatedPassword" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="new-password" name="repeatPassword" placeholder="Only digits and one latin letter" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_251726656987412" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_821726656987416" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_251726656987412"> Repeat password </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c4242230046 class="password-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/eye-off.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><div _ngcontent-ng-c4242230046 class="tui-form__row tui-form__row_multi-fields"><tui-input _ngcontent-ng-c4242230046 formcontrolname="transactionDate" tuitextfieldcustomcontent="@tui.calendar" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" inputmode="text" name="transactionDate" placeholder="dd.mm.yyyy" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_261726656987412" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_831726656987416" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_261726656987412"> Transaction date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c4242230046 formcontrolname="transactionAmount" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="transaction-amount" inputmode="text" name="transactionAmount" placeholder="Enter amount" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_271726656987412" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_841726656987417" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_271726656987412"> Transaction amount </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></div><div _ngcontent-ng-c4242230046 class="tui-form__row"><tui-textarea _ngcontent-ng-c4242230046 formcontrolname="address" _nghost-ng-c1678597687 class="_expandable ng-untouched ng-pristine ng-valid" data-size="l" style="--border-end: 0rem; --border-start: 0rem;"><!----><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__wrapper" tuiwrapper class="t-outline" data-appearance="textfield"><!----><label _ngcontent-ng-c1678597687 class="t-content"><div _ngcontent-ng-c1678597687 class="t-wrapper"><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__placeholder" class="t-placeholder ng-star-inserted"> Enter address </div><!----><tui-scrollbar _ngcontent-ng-c1678597687 automation-id="tui-text-area__scrollbar" class="t-box _native-hidden" _nghost-ng-c3554927007 style="max-height: 480px;"><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><div _ngcontent-ng-c1678597687 class="t-input-wrapper"><div _ngcontent-ng-c1678597687 class="t-relative"><div _ngcontent-ng-c1678597687 aria-hidden="true" class="t-pseudo-content"><span _ngcontent-ng-c1678597687>Only latin letters, digits and some punctuation signs are allowed</span><span _ngcontent-ng-c1678597687 class="t-pseudo-content__extra"></span><span _ngcontent-ng-c1678597687 class="t-caret"></span></div><textarea _ngcontent-ng-c1678597687 automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_771726656987413" tabindex="0"></textarea><textarea _ngcontent-ng-c4242230046 type="text" autocomplete="street-address" name="address" placeholder="Only latin letters, digits and some punctuation signs are allowed" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" id="tui_281726656987413" inputmode="text" aria-invalid="false"></textarea></div></div></div></tui-scrollbar></div><div _ngcontent-ng-c1678597687 class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></div><div _ngcontent-ng-c4242230046 class="tui-form__buttons"><button _ngcontent-ng-c4242230046 tuiappearance tuiicons size="l" tuibutton type="submit" class="tui-form__button" data-appearance="primary" data-size="l"> Submit </button><button _ngcontent-ng-c4242230046 tuiappearance tuiicons appearance="flat" size="l" tuibutton type="button" class="tui-form__button" data-appearance="flat" data-size="l"> Clear all </button></div></form></real-world-form><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_721726756645208" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_721726756645208"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/browser-support" target="_self" data-appearance="icon"> Browser support <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/supported-input-types" target="_self" data-appearance="icon"> Supported &lt;input /&gt; types <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/real-world-form" target="_self" data-appearance="icon"> Maskito in Real World Form <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink class="t-sublink ng-star-inserted" href="https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md" target="_blank" data-appearance="icon"> Changelog <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><real-world-form _nghost-ng-c4242230046 class="ng-star-inserted"><form _ngcontent-ng-c4242230046 novalidate autocomplete="on" class="tui-form ng-untouched ng-pristine ng-valid"><h3 _ngcontent-ng-c4242230046 class="tui-form__header tui-form__header_margin-top_none">Real World Form</h3><div _ngcontent-ng-c4242230046 class="tui-form__row tui-form__row_multi-fields"><tui-input _ngcontent-ng-c4242230046 formcontrolname="name" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="name" name="name" placeholder="Only latin letters" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_211726756645223" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_811726756645226" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_211726756645223"> Name </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c4242230046 formcontrolname="surname" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="family-name" name="surname" placeholder="Only CAPITAL latin letters" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_221726756645224" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_821726756645227" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_221726756645224"> Surname </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></div><div _ngcontent-ng-c4242230046 class="tui-form__row"><tui-input _ngcontent-ng-c4242230046 formcontrolname="phone" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="tel" inputmode="tel" name="phone" tuitextfieldlegacy _nghost-ng-c1724629924 pattern tabindex="0" value id="tui_231726756645224" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_831726756645227" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_231726756645224"> Enter phone number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/phone.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><div _ngcontent-ng-c4242230046 class="tui-form__row tui-form__row_multi-fields"><tui-input _ngcontent-ng-c4242230046 formcontrolname="password" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="new-password" name="password" placeholder="Only digits and one latin letter" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_241726756645224" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_841726756645228" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_241726756645224"> Enter password </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c4242230046 class="password-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/eye-off.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c4242230046 formcontrolname="repeatedPassword" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="new-password" name="repeatPassword" placeholder="Only digits and one latin letter" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_251726756645224" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_851726756645228" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_251726756645224"> Repeat password </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c4242230046 class="password-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/eye-off.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></div><div _ngcontent-ng-c4242230046 class="tui-form__row tui-form__row_multi-fields"><tui-input _ngcontent-ng-c4242230046 formcontrolname="transactionDate" tuitextfieldcustomcontent="@tui.calendar" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" inputmode="text" name="transactionDate" placeholder="dd.mm.yyyy" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_261726756645225" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_861726756645229" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_261726756645225"> Transaction date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c4242230046 formcontrolname="transactionAmount" class="tui-form__multi-field ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c4242230046 type="text" autocomplete="transaction-amount" inputmode="text" name="transactionAmount" placeholder="Enter amount" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_271726756645225" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_871726756645229" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_271726756645225"> Transaction amount </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></div><div _ngcontent-ng-c4242230046 class="tui-form__row"><tui-textarea _ngcontent-ng-c4242230046 formcontrolname="address" _nghost-ng-c1678597687 class="_expandable ng-untouched ng-pristine ng-valid" data-size="l" style="--border-end: 0rem; --border-start: 0rem;"><!----><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__wrapper" tuiwrapper class="t-outline" data-appearance="textfield"><!----><label _ngcontent-ng-c1678597687 class="t-content"><div _ngcontent-ng-c1678597687 class="t-wrapper"><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__placeholder" class="t-placeholder ng-star-inserted"> Enter address </div><!----><tui-scrollbar _ngcontent-ng-c1678597687 automation-id="tui-text-area__scrollbar" class="t-box _native-hidden" _nghost-ng-c3554927007 style="max-height: 480px;"><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><div _ngcontent-ng-c1678597687 class="t-input-wrapper"><div _ngcontent-ng-c1678597687 class="t-relative"><div _ngcontent-ng-c1678597687 aria-hidden="true" class="t-pseudo-content"><span _ngcontent-ng-c1678597687>Only latin letters, digits and some punctuation signs are allowed</span><span _ngcontent-ng-c1678597687 class="t-pseudo-content__extra"></span><span _ngcontent-ng-c1678597687 class="t-caret"></span></div><textarea _ngcontent-ng-c1678597687 automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_801726756645225" tabindex="0"></textarea><textarea _ngcontent-ng-c4242230046 type="text" autocomplete="street-address" name="address" placeholder="Only latin letters, digits and some punctuation signs are allowed" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" id="tui_281726756645225" inputmode="text" aria-invalid="false"></textarea></div></div></div></tui-scrollbar></div><div _ngcontent-ng-c1678597687 class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></div><div _ngcontent-ng-c4242230046 class="tui-form__buttons"><button _ngcontent-ng-c4242230046 tuiappearance tuiicons size="l" tuibutton type="submit" class="tui-form__button" data-appearance="primary" data-size="l"> Submit </button><button _ngcontent-ng-c4242230046 tuiappearance tuiicons appearance="flat" size="l" tuibutton type="button" class="tui-form__button" data-appearance="flat" data-size="l"> Clear all </button></div></form></real-world-form><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/card/index.html b/recipes/card/index.html
index 6a1d01327..3e895d52f 100644
--- a/recipes/card/index.html
+++ b/recipes/card/index.html
@@ -29,7 +29,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_481726656986908" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_481726656986908"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><card-doc class="ng-star-inserted"><tui-doc-page header="Card" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Card <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0"> Creating mask for credit card input requires basic understanding of the following topics: </p><ul class="tui-list"><li class="tui-list__item"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Pattern&nbsp;mask&nbsp;expression </a></li><li class="tui-list__item"> How to use <a tuiappearance tuiicons tuilink href="/kit/date" data-appearance="link"> Date </a> mask from <code>@maskito/kit</code></li></ul></section><tui-doc-example id="card" _nghost-ng-c3443978456 style="padding: 0px;" class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/card#card" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> TypeScript <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> HTML <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><card-doc-example-1 _nghost-ng-c3194952428><form _ngcontent-ng-c3194952428 novalidate tuigroup role="group" autocomplete="on" class="wrapper ng-untouched ng-pristine ng-valid" data-orientation="horizontal" data-size="l" style="--t-group-margin: 0.125rem; --t-group-clip: 0;"><tui-input _ngcontent-ng-c3194952428 formcontrolname="cardNumber" class="number ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c3194952428 type="text" autocomplete="cc-number" inputmode="numeric" placeholder="0000 0000 0000 0000" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_151726656986923" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_521726656986924" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_151726656986923"> Card number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c3194952428 formcontrolname="expire" class="expired ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c3194952428 type="text" autocomplete="cc-exp" inputmode="numeric" placeholder="mm/yy" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_161726656986924" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_531726656986925" tabindex="0" aria-invalid="false" value name="ccexpiryyear"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_161726656986924"> EXP </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c3194952428 formcontrolname="cvv" class="cvv ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c3194952428 type="text" autocomplete="cc-csc" inputmode="numeric" placeholder="000" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_171726656986924" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_541726656986925" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_171726656986924"> CVV </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></form></card-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_481726756644691" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_481726756644691"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><card-doc class="ng-star-inserted"><tui-doc-page header="Card" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Card <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0"> Creating mask for credit card input requires basic understanding of the following topics: </p><ul class="tui-list"><li class="tui-list__item"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> Pattern&nbsp;mask&nbsp;expression </a></li><li class="tui-list__item"> How to use <a tuiappearance tuiicons tuilink href="/kit/date" data-appearance="link"> Date </a> mask from <code>@maskito/kit</code></li></ul></section><tui-doc-example id="card" _nghost-ng-c3443978456 style="padding: 0px;" class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/card#card" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> TypeScript <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> HTML <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><card-doc-example-1 _nghost-ng-c3194952428><form _ngcontent-ng-c3194952428 novalidate tuigroup role="group" autocomplete="on" class="wrapper ng-untouched ng-pristine ng-valid" data-orientation="horizontal" data-size="l" style="--t-group-margin: 0.125rem; --t-group-clip: 0;"><tui-input _ngcontent-ng-c3194952428 formcontrolname="cardNumber" class="number ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c3194952428 type="text" autocomplete="cc-number" inputmode="numeric" placeholder="0000 0000 0000 0000" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_151726756644708" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_521726756644709" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_151726756644708"> Card number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c3194952428 formcontrolname="expire" class="expired ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c3194952428 type="text" autocomplete="cc-exp" inputmode="numeric" placeholder="mm/yy" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_161726756644708" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_531726756644710" tabindex="0" aria-invalid="false" value name="ccexpiryyear"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_161726756644708"> EXP </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c3194952428 formcontrolname="cvv" class="cvv ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c3194952428 type="text" autocomplete="cc-csc" inputmode="numeric" placeholder="000" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_171726756644708" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_541726756644710" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_171726756644708"> CVV </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></form></card-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -42,6 +42,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></card-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/content-editable/index.html b/recipes/content-editable/index.html
index d145da334..447395968 100644
--- a/recipes/content-editable/index.html
+++ b/recipes/content-editable/index.html
@@ -30,7 +30,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_591726656987080" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_591726656987080"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><content-editable-doc class="ng-star-inserted"><tui-doc-page header="ContentEditable" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> ContentEditable <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0 tui-space_bottom-4"> You can use <strong>Maskito</strong> with <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/contentEditable" rel="noreferrer" target="_blank" data-appearance="link"><code>contentEditable</code></a> too. </p><p> Just wrap the element with <code>maskitoAdaptContentEditable</code> utility and use <strong>Maskito</strong> in the same way as <code>HTMLInputElement</code> / <code>HTMLTextAreaElement</code> . </p><tui-notification tuiicons tuiappearance appearance="success" size="m" class="tui-space_bottom-4" style="--t-icon-start: url(assets/taiga-ui/icons/circle-check.svg);" data-appearance="success" data-size="m"><div> No need to use <code>maskitoAdaptContentEditable</code> if you use <a tuiappearance tuiicons tuilink href="/frameworks/angular" data-appearance style="text-decoration-line: underline;"><code>@maskito/angular</code></a> , <a tuiappearance tuiicons tuilink href="/frameworks/react" data-appearance style="text-decoration-line: underline;"><code>@maskito/react</code></a> or <a tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance style="text-decoration-line: underline;"><code>@maskito/vue</code></a> with the default element predicate (it will be wrapped automatically). </div></tui-notification><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_621726756644916" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_621726756644916"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><content-editable-doc class="ng-star-inserted"><tui-doc-page header="ContentEditable" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> ContentEditable <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0 tui-space_bottom-4"> You can use <strong>Maskito</strong> with <a tuiappearance tuiicons tuilink href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/contentEditable" rel="noreferrer" target="_blank" data-appearance="link"><code>contentEditable</code></a> too. </p><p> Just wrap the element with <code>maskitoAdaptContentEditable</code> utility and use <strong>Maskito</strong> in the same way as <code>HTMLInputElement</code> / <code>HTMLTextAreaElement</code> . </p><tui-notification tuiicons tuiappearance appearance="success" size="m" class="tui-space_bottom-4" style="--t-icon-start: url(assets/taiga-ui/icons/circle-check.svg);" data-appearance="success" data-size="m"><div> No need to use <code>maskitoAdaptContentEditable</code> if you use <a tuiappearance tuiicons tuilink href="/frameworks/angular" data-appearance style="text-decoration-line: underline;"><code>@maskito/angular</code></a> , <a tuiappearance tuiicons tuilink href="/frameworks/react" data-appearance style="text-decoration-line: underline;"><code>@maskito/react</code></a> or <a tuiappearance tuiicons tuilink href="/frameworks/vue" data-appearance style="text-decoration-line: underline;"><code>@maskito/vue</code></a> with the default element predicate (it will be wrapped automatically). </div></tui-notification><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -75,6 +75,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></content-editable-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/phone/index.html b/recipes/phone/index.html
index 9b06ad9b0..839423e94 100644
--- a/recipes/phone/index.html
+++ b/recipes/phone/index.html
@@ -29,7 +29,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_551726656986977" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_551726656986977"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc class="ng-star-inserted"><tui-doc-page header="Phone" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Phone <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"> Creating mask for a phone number is simple. The only required knowledge is the <strong>pattern&nbsp;mask&nbsp;expression</strong> with <strong>fixed&nbsp;characters</strong> . Read more about it in <a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> "Mask&nbsp;expression" </a> section. </p><p class="tui-space_bottom-0">This page demonstrates some examples for different countries.</p><tui-doc-example id="us" heading="United States" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">United States</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/phone#us" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+1 (212) 555-2368" id="tui_151726656986989" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_571726656986989" tabindex="0" aria-invalid="false" value="+1 (212) 555-2368"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_151726656986989"> Enter a phone number <!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+1 (212) 555-2368</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/us.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_561726756644810" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_561726756644810"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><phone-doc class="ng-star-inserted"><tui-doc-page header="Phone" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Phone <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"> Creating mask for a phone number is simple. The only required knowledge is the <strong>pattern&nbsp;mask&nbsp;expression</strong> with <strong>fixed&nbsp;characters</strong> . Read more about it in <a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> "Mask&nbsp;expression" </a> section. </p><p class="tui-space_bottom-0">This page demonstrates some examples for different countries.</p><tui-doc-example id="us" heading="United States" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">United States</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/phone#us" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><phone-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="+1 (212) 555-2368" id="tui_181726756644823" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_581726756644823" tabindex="0" aria-invalid="false" value="+1 (212) 555-2368"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_181726756644823"> Enter a phone number <!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">+1 (212) 555-2368</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/us.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></phone-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -59,7 +59,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="kz" heading="Kazakhstan" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Kazakhstan</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/phone#kz" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> The following example demonstrates a more complex mask. It shows how to make the country prefix non-removable. It is achieved by built-in <strong>postprocessor</strong> from <code>@maskito/kit</code> . </p><p class="ng-star-inserted"> Read more about it in <a tuiappearance tuiicons tuilink fragment="by-postprocessor" href="/recipes/prefix#by-postprocessor" data-appearance="link"> "With prefix" </a> section. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><phone-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_161726656986990" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_591726656986991" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_161726656986990"> Enter a phone number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of Kazakhstan" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/kz.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></phone-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="kz" heading="Kazakhstan" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Kazakhstan</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/phone#kz" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> The following example demonstrates a more complex mask. It shows how to make the country prefix non-removable. It is achieved by built-in <strong>postprocessor</strong> from <code>@maskito/kit</code> . </p><p class="ng-star-inserted"> Read more about it in <a tuiappearance tuiicons tuilink fragment="by-postprocessor" href="/recipes/prefix#by-postprocessor" data-appearance="link"> "With prefix" </a> section. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><phone-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" autocomplete="tel" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_191726756644824" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_601726756644824" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_191726756644824"> Enter a phone number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of Kazakhstan" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/kz.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></phone-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -90,6 +90,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></phone-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/placeholder/index.html b/recipes/placeholder/index.html
index a1ee91075..098cfb771 100644
--- a/recipes/placeholder/index.html
+++ b/recipes/placeholder/index.html
@@ -29,7 +29,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_671726656987230" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_671726656987230"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><placeholder-doc class="ng-star-inserted"><tui-doc-page header="With placeholder" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> With placeholder <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><code>maskitoWithPlaceholder</code> helps to show placeholder mask characters. The placeholder character represents the fillable spot in the mask. </p><tui-doc-example id="cvc" heading="Card Verification Code" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Card Verification Code</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/placeholder#cvc" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> This example is the simplest demonstration how to create masked input with <strong>placeholder</strong> . </p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> The only required prerequisite is basic understanding of <a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> "Mask&nbsp;expression" </a> concept. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-1><tui-input tuitextfieldcustomcontent="@tui.credit-card" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="xxx" id="tui_191726656987247" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_691726656987247" tabindex="0" aria-invalid="false" value="xxx"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_191726656987247"> Enter CVC code </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">xxx</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/credit-card.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></placeholder-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_641726756645078" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_641726756645078"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><placeholder-doc class="ng-star-inserted"><tui-doc-page header="With placeholder" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> With placeholder <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><p class="tui-space_top-0"><code>maskitoWithPlaceholder</code> helps to show placeholder mask characters. The placeholder character represents the fillable spot in the mask. </p><tui-doc-example id="cvc" heading="Card Verification Code" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Card Verification Code</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/placeholder#cvc" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> This example is the simplest demonstration how to create masked input with <strong>placeholder</strong> . </p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> The only required prerequisite is basic understanding of <a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> "Mask&nbsp;expression" </a> concept. </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-1><tui-input tuitextfieldcustomcontent="@tui.credit-card" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value="xxx" id="tui_181726756645093" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_661726756645093" tabindex="0" aria-invalid="false" value="xxx"><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder t-placeholder_raised ng-star-inserted" for="tui_181726756645093"> Enter CVC code </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration t-has-value" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost">xxx</span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/credit-card.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></placeholder-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -59,7 +59,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="phone" heading="Phone" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Phone</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/placeholder#phone" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> The following example explains return type of <code>maskitoWithPlaceholder</code> utility — an&nbsp;object which partially implements <code>MaskitoOptions</code> interface. It contains its own <a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> processor and postprocessor </a> and <a tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> plugins </a> to keep caret from getting into placeholder part of the value. </p><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"></p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> Also, this complex example uses built-in postprocessor <a tuiappearance tuiicons tuilink fragment="by-postprocessor" href="/recipes/prefix#by-postprocessor" data-appearance="link"> maskitoPrefixPostprocessorGenerator </a> from <code>@maskito/kit</code> . </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_201726656987250" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_711726656987251" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_201726656987250"> Enter US phone number <!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/us.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></placeholder-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="phone" heading="Phone" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Phone</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/placeholder#phone" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"> The following example explains return type of <code>maskitoWithPlaceholder</code> utility — an&nbsp;object which partially implements <code>MaskitoOptions</code> interface. It contains its own <a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> processor and postprocessor </a> and <a tuiappearance tuiicons tuilink href="/core-concepts/plugins" data-appearance="link"> plugins </a> to keep caret from getting into placeholder part of the value. </p><p class="tui-space_top-0 tui-space_bottom-2 ng-star-inserted"></p><p class="tui-space_top-0 tui-space_bottom-0 ng-star-inserted"> Also, this complex example uses built-in postprocessor <a tuiappearance tuiicons tuilink fragment="by-postprocessor" href="/recipes/prefix#by-postprocessor" data-appearance="link"> maskitoPrefixPostprocessorGenerator </a> from <code>@maskito/kit</code> . </p><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_191726756645094" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_681726756645094" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_191726756645094"> Enter US phone number <!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/us.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></placeholder-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -89,7 +89,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="date" heading="Date" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Date</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/placeholder#date" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> This last example demonstrates how to integrate <code class="ng-star-inserted">maskitoWithPlaceholder</code> with any built-in mask from <code class="ng-star-inserted">@maskito/kit</code> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-3><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_211726656987251" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_731726656987251" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_211726656987251"> Enter date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></placeholder-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="date" heading="Date" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Date</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/placeholder#date" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> This last example demonstrates how to integrate <code class="ng-star-inserted">maskitoWithPlaceholder</code> with any built-in mask from <code class="ng-star-inserted">@maskito/kit</code> . <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><placeholder-doc-example-3><tui-input tuitextfieldcustomcontent="@tui.calendar" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_201726756645095" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_701726756645095" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_201726756645095"> Enter date </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/calendar.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></placeholder-doc-example-3><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -120,6 +120,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></placeholder-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/postfix/index.html b/recipes/postfix/index.html
index 02b802aa0..f42a703fa 100644
--- a/recipes/postfix/index.html
+++ b/recipes/postfix/index.html
@@ -30,7 +30,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_611726656987196" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_611726656987196"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><postfix-doc class="ng-star-inserted"><tui-doc-page header="With postfix" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> With postfix <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"> There are two approaches to add <strong>postfix</strong> for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. <tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By pattern mask expression</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/postfix#by-pattern-mask-expression" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> This example demonstrates how to create postfix via dynamic <strong class="ng-star-inserted"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> pattern&nbsp;mask&nbsp;expression </a></strong> . Percent symbol is a trailing fixed character, which will be automatically added when user enters the first digit. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_191726656987208" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_631726656987209" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_191726656987208"> Enter percentage amount </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></postfix-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_641726756645029" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_641726756645029"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><postfix-doc class="ng-star-inserted"><tui-doc-page header="With postfix" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> With postfix <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"> There are two approaches to add <strong>postfix</strong> for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. <tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By pattern mask expression</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/postfix#by-pattern-mask-expression" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> This example demonstrates how to create postfix via dynamic <strong class="ng-star-inserted"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> pattern&nbsp;mask&nbsp;expression </a></strong> . Percent symbol is a trailing fixed character, which will be automatically added when user enters the first digit. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_201726756645042" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_661726756645043" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_201726756645042"> Enter percentage amount </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></postfix-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -60,7 +60,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By postprocessor</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/postfix#by-postprocessor" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create postfix via <strong><a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> postprocessor </a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPostfixPostprocessorGenerator</code> or create your own. </p><tui-notification tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m" class="ng-star-inserted"><div> Don't forget that <code>mask</code> property should be compatible with a new prefix / postfix! </div></tui-notification><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_201726656987209" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_651726656987210" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_201726656987209"> Enter price </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></postfix-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By postprocessor</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/postfix#by-postprocessor" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create postfix via <strong><a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> postprocessor </a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPostfixPostprocessorGenerator</code> or create your own. </p><tui-notification tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m" class="ng-star-inserted"><div> Don't forget that <code>mask</code> property should be compatible with a new prefix / postfix! </div></tui-notification><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><postfix-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="numeric" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_211726756645044" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_681726756645044" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_211726756645044"> Enter price </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></postfix-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -91,6 +91,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></postfix-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/prefix/index.html b/recipes/prefix/index.html
index 913fb6e3f..69ecd9e05 100644
--- a/recipes/prefix/index.html
+++ b/recipes/prefix/index.html
@@ -30,7 +30,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_611726656987087" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_611726656987087"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><prefix-doc class="ng-star-inserted"><tui-doc-page header="With prefix" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> With prefix <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0"> Use prefixes to indicate things like currencies, area / phone country codes and etc. </p><p class="tui-space_bottom-0"> There are two approaches to add prefix for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. </p></section><tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By pattern mask expression</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/prefix#by-pattern-mask-expression" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> This example demonstrates how to create prefix via dynamic <strong class="ng-star-inserted"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> pattern&nbsp;mask&nbsp;expression </a></strong> . Dollar symbol is a fixed character, which will be automatically added when user forgets to type it or deleted when user erase all digits. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_171726656987102" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_631726656987102" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_171726656987102"> Enter price </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></prefix-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_581726756644962" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_581726756644962"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><prefix-doc class="ng-star-inserted"><tui-doc-page header="With prefix" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> With prefix <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0"> Use prefixes to indicate things like currencies, area / phone country codes and etc. </p><p class="tui-space_bottom-0"> There are two approaches to add prefix for masked input. Every approach has its own behaviour and requires basic understanding of different core concepts. </p></section><tui-doc-example id="by-pattern-mask-expression" heading="By pattern mask expression" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By pattern mask expression</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/prefix#by-pattern-mask-expression" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"> This example demonstrates how to create prefix via dynamic <strong class="ng-star-inserted"><a tuiappearance tuiicons tuilink href="/core-concepts/mask-expression" data-appearance="link"> pattern&nbsp;mask&nbsp;expression </a></strong> . Dollar symbol is a fixed character, which will be automatically added when user forgets to type it or deleted when user erase all digits. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-1><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_161726756644973" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_601726756644974" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_161726756644973"> Enter price </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></prefix-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -60,7 +60,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By postprocessor</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/prefix#by-postprocessor" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create prefix via <strong><a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> postprocessor </a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPrefixPostprocessorGenerator</code> or create your own. </p><tui-notification tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m" class="ng-star-inserted"><div> Don't forget that <code>mask</code> property should be compatible with a new prefix! </div></tui-notification><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_181726656987103" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_651726656987103" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_181726656987103"> Enter price </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></prefix-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="by-postprocessor" heading="By postprocessor" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">By postprocessor</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/prefix#by-postprocessor" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><p class="tui-space_top-0 ng-star-inserted"> This example demonstrates how to create prefix via <strong><a tuiappearance tuiicons tuilink href="/core-concepts/processors" data-appearance="link"> postprocessor </a></strong> . It provides more flexibility, and you can configure any desired behaviour. You can use built-in <code>maskitoPrefixPostprocessorGenerator</code> or create your own. </p><tui-notification tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m" class="ng-star-inserted"><div> Don't forget that <code>mask</code> property should be compatible with a new prefix! </div></tui-notification><!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><prefix-doc-example-2><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_171726756644975" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_621726756644975" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_171726756644975"> Enter price </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></prefix-doc-example-2><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -91,6 +91,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></prefix-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/recipes/textarea/index.html b/recipes/textarea/index.html
index 91f3e6728..cc2e644b1 100644
--- a/recipes/textarea/index.html
+++ b/recipes/textarea/index.html
@@ -29,13 +29,13 @@
 </style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_561726656986992" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_561726656986992"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><textarea-doc class="ng-star-inserted"><tui-doc-page header="Textarea" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Textarea <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0 tui-space_bottom-4"> You can use <strong>Maskito</strong> with <code>HTMLTextAreaElement</code> too. API is the same as for <code>HTMLInputElement</code> . </p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-12 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_551726756644852" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_551726756644852"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/card" target="_self" data-appearance="icon"> Card <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/phone" target="_self" data-appearance="icon"> Phone <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/recipes/textarea" target="_self" data-appearance="icon"> Textarea <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/content-editable" target="_self" data-appearance="icon"> ContentEditable <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/prefix" target="_self" data-appearance="icon"> With prefix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/postfix" target="_self" data-appearance="icon"> With postfix <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/recipes/placeholder" target="_self" data-appearance="icon"> With placeholder <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><textarea-doc class="ng-star-inserted"><tui-doc-page header="Textarea" package="Recipes" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Textarea <!----><tui-chip _ngcontent-ng-c3711820930 tuiappearance tuiicons appearance="custom" size="xs" class="t-tag t-tag_package ng-star-inserted" style="background: hsl(-323,57%,77%);" data-appearance="custom" data-size="xs"> Recipes </tui-chip><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><section><p class="tui-space_top-0 tui-space_bottom-4"> You can use <strong>Maskito</strong> with <code>HTMLTextAreaElement</code> too. API is the same as for <code>HTMLInputElement</code> . </p><tui-doc-code _nghost-ng-c694226118 style="visibility: hidden;" class><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
         
     </div>
-</pre><!----></tui-doc-code><p class="tui-space_bottom-0"> Learn more in the <a tuiappearance tuiicons tuilink href="/core-concepts/overview" data-appearance="link"> "Core&nbsp;Concepts" </a> section. </p></section><tui-doc-example id="latin" heading="Latin letters and digits" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Latin letters and digits</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/textarea#latin" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><textarea-doc-example-1><tui-textarea _nghost-ng-c1678597687 class="ng-untouched ng-pristine ng-valid" data-size="l" style="--border-end: 0rem; --border-start: 0rem;"><!----><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__wrapper" tuiwrapper class="t-outline" data-appearance="textfield"><!----><label _ngcontent-ng-c1678597687 class="t-content"><div _ngcontent-ng-c1678597687 class="t-wrapper"><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__placeholder" class="t-placeholder ng-star-inserted"> Enter address </div><!----><tui-scrollbar _ngcontent-ng-c1678597687 automation-id="tui-text-area__scrollbar" class="t-box _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><div _ngcontent-ng-c1678597687 class="t-input-wrapper"><div _ngcontent-ng-c1678597687 class="t-relative"><div _ngcontent-ng-c1678597687 aria-hidden="true" class="t-pseudo-content"><span _ngcontent-ng-c1678597687>Only latin letters and digits are allowed</span><span _ngcontent-ng-c1678597687 class="t-pseudo-content__extra"></span><span _ngcontent-ng-c1678597687 class="t-caret"></span></div><textarea _ngcontent-ng-c1678597687 automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_571726656987004" tabindex="0"></textarea><textarea type="text" autocomplete="street-address" placeholder="Only latin letters and digits are allowed" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" id="tui_181726656987004" inputmode="text" aria-invalid="false"></textarea></div></div></div></tui-scrollbar></div><div _ngcontent-ng-c1678597687 class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></textarea-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><p class="tui-space_bottom-0"> Learn more in the <a tuiappearance tuiicons tuilink href="/core-concepts/overview" data-appearance="link"> "Core&nbsp;Concepts" </a> section. </p></section><tui-doc-example id="latin" heading="Latin letters and digits" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">Latin letters and digits</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/recipes/textarea#latin" data-appearance="link"> # </a><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><textarea-doc-example-1><tui-textarea _nghost-ng-c1678597687 class="ng-untouched ng-pristine ng-valid" data-size="l" style="--border-end: 0rem; --border-start: 0rem;"><!----><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__wrapper" tuiwrapper class="t-outline" data-appearance="textfield"><!----><label _ngcontent-ng-c1678597687 class="t-content"><div _ngcontent-ng-c1678597687 class="t-wrapper"><div _ngcontent-ng-c1678597687 automation-id="tui-text-area__placeholder" class="t-placeholder ng-star-inserted"> Enter address </div><!----><tui-scrollbar _ngcontent-ng-c1678597687 automation-id="tui-text-area__scrollbar" class="t-box _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><div _ngcontent-ng-c1678597687 class="t-input-wrapper"><div _ngcontent-ng-c1678597687 class="t-relative"><div _ngcontent-ng-c1678597687 aria-hidden="true" class="t-pseudo-content"><span _ngcontent-ng-c1678597687>Only latin letters and digits are allowed</span><span _ngcontent-ng-c1678597687 class="t-pseudo-content__extra"></span><span _ngcontent-ng-c1678597687 class="t-caret"></span></div><textarea _ngcontent-ng-c1678597687 automation-id="tui-text-area__native" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_561726756644867" tabindex="0"></textarea><textarea type="text" autocomplete="street-address" placeholder="Only latin letters and digits are allowed" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" id="tui_151726756644867" inputmode="text" aria-invalid="false"></textarea></div></div></div></tui-scrollbar></div><div _ngcontent-ng-c1678597687 class="t-icons"><!----><!----><!----><!----><!----></div></label></div></tui-textarea></textarea-doc-example-1><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -66,6 +66,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></textarea-doc><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/stackblitz/index.html b/stackblitz/index.html
index 657d4c80d..52c0f2b1c 100644
--- a/stackblitz/index.html
+++ b/stackblitz/index.html
@@ -27,7 +27,7 @@
 </style><style ng-app-id="ng">[tuiChevron][tuiIcons]:after,tui-icon[tuiChevron]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:inline-block;cursor:pointer}[tuiChevron][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevron]._chevron-rotated:after{transform:rotate(180deg)}
 </style><style ng-app-id="ng">[_nghost-ng-c2714427768]{position:sticky;top:0;left:0;z-index:1;min-inline-size:calc(100% - 1px);min-block-size:calc(100% - 1px);max-inline-size:calc(100% - 1px);max-block-size:calc(100% - 1px);float:inline-start;margin-inline-end:calc(-100% + 1px);pointer-events:none}.t-bar[_ngcontent-ng-c2714427768]{position:absolute;right:0;bottom:0;pointer-events:auto}.t-bar_vertical[_ngcontent-ng-c2714427768]{top:0;inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]{left:0;block-size:.875rem}.t-bar_has-horizontal[_ngcontent-ng-c2714427768]{bottom:.5rem}.t-bar_has-vertical[_ngcontent-ng-c2714427768]{right:.5rem}.t-thumb[_ngcontent-ng-c2714427768]{transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;border-radius:6.25rem;border:.25rem solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:currentColor;background-clip:content-box;box-sizing:border-box;transition-property:width,height,opacity;opacity:.2}.t-thumb[_ngcontent-ng-c2714427768]:hover{opacity:.24}.t-thumb[_ngcontent-ng-c2714427768]:active{opacity:.48}.t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{right:0;inline-size:.75rem;min-block-size:1.25rem}.t-bar_vertical[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_vertical[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{inline-size:.875rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]{bottom:0;block-size:.75rem;min-inline-size:1.25rem}.t-bar_horizontal[_ngcontent-ng-c2714427768]:hover   .t-thumb[_ngcontent-ng-c2714427768], .t-bar_horizontal[_ngcontent-ng-c2714427768]   .t-thumb[_ngcontent-ng-c2714427768]:active{block-size:.875rem}</style><style ng-app-id="ng">[_nghost-ng-c1450352032]{display:flex;align-items:center}@media screen and (max-width: 47.9625em){[_nghost-ng-c1450352032]{font-size:0}}.logo-link[_ngcontent-ng-c1450352032]{display:flex}.logo-name[_ngcontent-ng-c1450352032]{display:flex;color:var(--tui-text-primary)}.logo[_ngcontent-ng-c1450352032]{margin-right:.625rem}.by[_ngcontent-ng-c1450352032]{margin-left:.875rem}@media screen and (max-width: 47.9625em){.by[_ngcontent-ng-c1450352032]{display:none}}</style><style ng-app-id="ng">.loader[_ngcontent-ng-c1487980798]{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;z-index:1;background:var(--tui-background-base)}</style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_861726656987495" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_861726656987495"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><stackblitz-starter _nghost-ng-c1487980798 class="ng-star-inserted"><tui-loader _ngcontent-ng-c1487980798 size="xxl" textcontent="Stackblitz loading..." class="loader _loading" _nghost-ng-c1861733742 data-size="xxl"><fieldset _ngcontent-ng-c1861733742 class="t-content t-content_has-overlay t-content_loading" disabled inert="true"></fieldset><div _ngcontent-ng-c1861733742 class="t-loader ng-star-inserted"><svg _ngcontent-ng-c1861733742="" automation-id="tui-loader__loader" focusable="false" height="100%" width="100%" class="t-icon"><circle _ngcontent-ng-c1861733742="" cx="50%" cy="50%" class="t-circle"/></svg><div _ngcontent-ng-c1861733742 automation-id="tui-loader__text" class="t-text ng-star-inserted"> Stackblitz loading... <!----><!----></div><!----></div><!----></tui-loader></stackblitz-starter><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_891726756645324" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_891726756645324"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><stackblitz-starter _nghost-ng-c1487980798 class="ng-star-inserted"><tui-loader _ngcontent-ng-c1487980798 size="xxl" textcontent="Stackblitz loading..." class="loader _loading" _nghost-ng-c1861733742 data-size="xxl"><fieldset _ngcontent-ng-c1861733742 class="t-content t-content_has-overlay t-content_loading" disabled inert="true"></fieldset><div _ngcontent-ng-c1861733742 class="t-loader ng-star-inserted"><svg _ngcontent-ng-c1861733742="" automation-id="tui-loader__loader" focusable="false" height="100%" width="100%" class="t-icon"><circle _ngcontent-ng-c1861733742="" cx="50%" cy="50%" class="t-circle"/></svg><div _ngcontent-ng-c1861733742 automation-id="tui-loader__text" class="t-text ng-star-inserted"> Stackblitz loading... <!----><!----></div><!----></div><!----></tui-loader></stackblitz-starter><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/supported-input-types/index.html b/supported-input-types/index.html
index 1da3854e9..863550543 100644
--- a/supported-input-types/index.html
+++ b/supported-input-types/index.html
@@ -29,7 +29,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c3443978456]{position:relative;display:block;padding-top:3.5rem;clear:inline-end}[_nghost-ng-c3443978456]:target{animation:1s .3s tuiShaking}@media screen and (max-width: 47.9625em){[_nghost-ng-c3443978456]{padding-top:2rem}}.t-title-block[_ngcontent-ng-c3443978456]{display:flex;flex-direction:row-reverse}.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin:0 auto .5rem 0}@media screen and (max-width: 47.9625em){.t-title[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6)}}.t-title[_ngcontent-ng-c3443978456]:hover + .t-link[_ngcontent-ng-c3443978456]{opacity:1}.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-6);padding-right:.1rem}@media not screen and (max-width: 47.9625em){.t-link[_ngcontent-ng-c3443978456]{font:var(--tui-font-heading-5);margin-left:-1.6rem}.t-link[_ngcontent-ng-c3443978456]:not(:hover):not(.t-link-active){opacity:0}}.t-description[_ngcontent-ng-c3443978456]{font:var(--tui-font-text-m);font-weight:400;margin:0}.t-title[_ngcontent-ng-c3443978456]:first-letter, .t-description[_ngcontent-ng-c3443978456]:first-letter{text-transform:capitalize}.t-example[_ngcontent-ng-c3443978456]{position:relative;margin-top:1.5rem;border:1px solid var(--tui-border-normal);border-radius:var(--tui-radius-m);box-shadow:0 .125rem .1875rem #0000001a;overflow:hidden}@media screen and (max-width: 47.9625em){.t-example[_ngcontent-ng-c3443978456]{margin-top:.75rem}}.t-tabs-wrapper[_ngcontent-ng-c3443978456]{display:flex;padding:0 .875rem 0 2rem;box-shadow:inset 0 -1px var(--tui-border-normal);justify-content:space-between;align-items:center;gap:.5rem}@media screen and (max-width: 47.9625em){.t-tabs-wrapper[_ngcontent-ng-c3443978456]{padding:0 .875rem 0 1rem}}.t-tabs[_ngcontent-ng-c3443978456]{flex-grow:1;box-shadow:none}.t-code-editor[_ngcontent-ng-c3443978456]{flex-shrink:0}.t-demo[_ngcontent-ng-c3443978456]{padding:2rem;max-inline-size:100%;box-sizing:border-box;overflow-x:auto}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar, .t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar{background-color:transparent}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.t-demo[_ngcontent-ng-c3443978456]::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.t-demo[_ngcontent-ng-c3443978456]{padding:1rem}}[_nghost-ng-c3443978456]:not(._fullsize)   .t-demo[_ngcontent-ng-c3443978456]{inline-size:-webkit-min-content;inline-size:min-content;min-inline-size:20rem}.t-content[_ngcontent-ng-c3443978456]{will-change:opacity;block-size:0;visibility:hidden;opacity:0}.t-content_animated[_ngcontent-ng-c3443978456]{transition:opacity .3s ease-in-out}.t-content_visible[_ngcontent-ng-c3443978456]{block-size:auto;visibility:visible;opacity:1}tui-doc-code[_ngcontent-ng-c3443978456]{overflow:hidden}</style><style ng-app-id="ng">[_nghost-ng-c1724629924]{padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);color:var(--tui-text-primary);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:hover, [_nghost-ng-c1724629924]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tui-text-primary)!important;border-color:var(--tui-service-autofill-background);box-shadow:0 0 0 100rem var(--tui-service-autofill-background) inset!important}[inputMode=none][_nghost-ng-c1724629924]{caret-color:transparent}[_nghost-ng-c1724629924]:-webkit-autofill, [_nghost-ng-c1724629924]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}[_nghost-ng-c1724629924]::-webkit-caps-lock-indicator, [_nghost-ng-c1724629924]::-webkit-contacts-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credit-card-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-credentials-auto-fill-button, [_nghost-ng-c1724629924]::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}[_nghost-ng-c1724629924]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1724629924]:not(._readonly)   [_ngcontent-ng-c1724629924]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1724629924]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="s"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="s"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="s"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="m"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="m"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"][_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-primitive-textfield), [_nghost-ng-c1724629924]   tui-textarea[data-size="l"][_nghost-ng-c1724629924]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-textarea), [_nghost-ng-c1724629924]   tui-text-area[data-size="l"][_nghost-ng-c1724629924]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1724629924]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1724629924]   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield._disabled[_nghost-ng-c1724629924], tui-primitive-textfield._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-textarea._disabled[_nghost-ng-c1724629924], tui-textarea._disabled   [_nghost-ng-c1724629924], [_nghost-ng-c1724629924]   tui-text-area._disabled[_nghost-ng-c1724629924], tui-text-area._disabled   [_nghost-ng-c1724629924]{pointer-events:none}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost, [_nghost-ng-c1724629924]   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1724629924]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1724629924]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   -shadowcsshost{padding-top:1.25rem}[data-size=l][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1724629924]:not(._label-outside)   [_ngcontent-ng-c1724629924]:-webkit-autofill + .t-content[_ngcontent-ng-c1724629924]   .t-placeholder[_ngcontent-ng-c1724629924]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1724629924]   input[_ngcontent-ng-c1724629924], [_nghost-ng-c1724629924]   tui-primitive-textfield._hidden[_nghost-ng-c1724629924], tui-primitive-textfield._hidden   [_nghost-ng-c1724629924]{opacity:0;text-indent:-10em;-webkit-user-select:none}textarea[_nghost-ng-c1724629924]{white-space:pre-wrap}textarea[_nghost-ng-c1724629924]   tui-textarea._ios[_nghost-ng-c1724629924], tui-textarea._ios   [_nghost-ng-c1724629924], textarea[_nghost-ng-c1724629924]   tui-text-area._ios[_nghost-ng-c1724629924], tui-text-area._ios   [_nghost-ng-c1724629924]{padding-left:.8125rem}</style><style ng-app-id="ng">[_nghost-ng-c1023913877]{display:block;border-radius:var(--tui-radius-m);text-align:start}.t-icon[_ngcontent-ng-c1023913877]{cursor:pointer;pointer-events:auto}.t-icon_small[_ngcontent-ng-c1023913877]{border:.25rem solid transparent}.t-textfield[_ngcontent-ng-c1023913877]{border-radius:inherit;text-align:inherit}</style><style ng-app-id="ng">[_nghost-ng-c1794875140]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;inline-size:1.5rem;block-size:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}[data-appearance=error][_nghost-ng-c1794875140]{color:var(--tui-text-negative)}.t-tooltip-icon[_ngcontent-ng-c1794875140]{display:inline-block;inline-size:100%;block-size:100%}.t-icon[_ngcontent-ng-c1794875140]{border:.25rem solid transparent}</style><style ng-app-id="ng">[_nghost-ng-c920679226]{position:relative;display:flex;font:var(--tui-font-text-m);box-sizing:border-box;color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:hidden}.t-tabs[_ngcontent-ng-c920679226]{block-size:inherit;font:inherit;overflow:visible;box-shadow:none;color:inherit}.t-flex[_ngcontent-ng-c920679226]{display:flex}.t-overflown[_ngcontent-ng-c920679226]{margin:0;inline-size:0;max-inline-size:0;overflow:hidden;visibility:hidden}.t-icon[_ngcontent-ng-c920679226]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated[_ngcontent-ng-c920679226]{transform:rotate(180deg)}.t-dropdown[_ngcontent-ng-c920679226]{padding:.25rem 0}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]{inline-size:calc(100% - .75rem);block-size:2.75rem;justify-content:flex-start;margin:.125rem .375rem;padding:0 .625rem;line-height:1.5rem;border-radius:var(--tui-radius-s);font:var(--tui-font-text-m);color:var(--tui-text-primary)}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:before{display:none}.t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:hover, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]:focus, .t-dropdown[_ngcontent-ng-c920679226]     *[tuiTab]._active{box-shadow:none;outline:none;background:var(--tui-background-neutral-1)}.t-dropdown[data-size=m][_ngcontent-ng-c920679226]     *[tuiTab]{block-size:2.25rem;font:var(--tui-font-text-s)}.t-dropdown-item[_ngcontent-ng-c920679226]{display:flex;flex-direction:column}.t-no-margin[_ngcontent-ng-c920679226]{margin-left:0}</style><style ng-app-id="ng">[tuiTab]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-left:24px}tui-tabs[data-size=m]+[tuiTab],tui-tabs[data-size=m] [tuiTab],[tuiTabs][data-size=m] [tuiTab]{margin-left:16px;font:var(--tui-font-text-s)}[tuiTab]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTab]:focus-visible{outline:2px solid var(--tui-border-focus);outline-offset:-2px}tui-tabs._underline [tuiTab]:hover:not(._active),[tuiTabs]._underline [tuiTab]:hover:not(._active){box-shadow:inset 0 -2px var(--tui-border-normal)}tui-tabs>[tuiTab]:first-child,[tuiTabs]>[tuiTab]:first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:first-child{margin-left:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:first-child{margin-left:var(--tui-tab-margin, 1.5rem)}[tuiTab][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:empty:after,[tuiTab]:empty:before{margin:.5rem}@media (hover: hover){[tuiTab]:hover{color:var(--tui-text-primary)}}[tuiTabs],tui-tabs{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabs]::-webkit-scrollbar,tui-tabs::-webkit-scrollbar,[tuiTabs]::-webkit-scrollbar-thumb,tui-tabs::-webkit-scrollbar-thumb{display:none}[tuiTabs][data-size=l]:not([data-vertical]),tui-tabs[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabs][data-size=m]:not([data-vertical]),tui-tabs[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabs]:before,tui-tabs:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:2px;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabs]._underline:before,tui-tabs._underline:before{content:""}tui-tabs[data-vertical],[tuiTabs][data-vertical]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab],[tuiTabs][data-vertical] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}tui-tabs[data-vertical] [tuiTab]:after,[tuiTabs][data-vertical] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:2px;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical] [tuiTab]:hover,[tuiTabs][data-vertical] [tuiTab]:hover{box-shadow:inset -2px 0 var(--tui-border-normal)}tui-tabs[data-vertical] [tuiTab]._active:after,[tuiTabs][data-vertical] [tuiTab]._active:after{transform:none}tui-tabs[data-vertical][data-size=m] [tuiTab],[tuiTabs][data-vertical][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}tui-tabs[data-vertical][data-vertical=right],[tuiTabs][data-vertical][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}tui-tabs[data-vertical][data-vertical=right] [tuiTab],[tuiTabs][data-vertical][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:after,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}tui-tabs[data-vertical][data-vertical=right] [tuiTab]:hover,[tuiTabs][data-vertical][data-vertical=right] [tuiTab]:hover{box-shadow:inset 2px 0 var(--tui-border-normal)}
 </style><style ng-app-id="ng">[_nghost-ng-c1861733742]{position:relative;display:flex;min-inline-size:1.5rem;--tui-thickness: calc(var(--t-diameter) / 12)}._loading[_nghost-ng-c1861733742]{overflow:hidden}[data-size=xs][_nghost-ng-c1861733742]{--t-diameter: .75em}[data-size=s][_nghost-ng-c1861733742]{--t-diameter: 1em}[data-size=m][_nghost-ng-c1861733742]{--t-diameter: 1.5em}[data-size=l][_nghost-ng-c1861733742]{--t-diameter: 2.5em}[data-size=xl][_nghost-ng-c1861733742]{--t-diameter: 3.5em}[data-size=xxl][_nghost-ng-c1861733742]{--t-diameter: 5em}.t-content[_ngcontent-ng-c1861733742]{z-index:0;min-inline-size:100%;block-size:100%;padding:0;margin:0;border:none}.t-content_has-overlay[_ngcontent-ng-c1861733742]{opacity:.3}.t-content_loading[_ngcontent-ng-c1861733742]{pointer-events:none}.t-loader[_ngcontent-ng-c1861733742]{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:100%;min-block-size:var(--t-diameter);flex-shrink:0;align-self:center;color:var(--tui-text-primary);stroke:var(--tui-background-accent-1);animation:tuiFadeIn var(--tui-duration);font-size:1rem}.t-loader.t-loader_horizontal[_ngcontent-ng-c1861733742]{flex-direction:row}.t-loader.t-loader_inherit-color[_ngcontent-ng-c1861733742]{color:inherit;stroke:currentColor}.t-text[_ngcontent-ng-c1861733742]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);margin-top:1rem;color:inherit;max-inline-size:100%;text-align:center;stroke-width:0}.t-text_horizontal[_ngcontent-ng-c1861733742]{margin:0 0 0 1rem}@keyframes _ngcontent-ng-c1861733742_tuiLoaderRotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}.t-icon[_ngcontent-ng-c1861733742]{display:block;inline-size:var(--t-diameter);block-size:var(--t-diameter);margin:.25rem calc(var(--t-diameter) / -2);border-radius:100%;overflow:hidden;animation:_ngcontent-ng-c1861733742_tuiLoaderRotate 4s linear infinite}@supports (-webkit-hyphens: none){.t-icon[_ngcontent-ng-c1861733742]{overflow:visible}}@keyframes _ngcontent-ng-c1861733742_tuiLoaderDashOffset{0%{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}50%{stroke-dashoffset:calc(.05 * calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness))))}to{stroke-dashoffset:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)))}}.t-circle[_ngcontent-ng-c1861733742]{r:calc(var(--t-diameter) / 2 - var(--tui-thickness));stroke-dasharray:calc(2 * 3.14159265 * calc(var(--t-diameter) / 2 - var(--tui-thickness)));fill:none;stroke:inherit;stroke-width:max(var(--tui-thickness),1.5px);animation:_ngcontent-ng-c1861733742_tuiLoaderDashOffset 4s linear infinite}</style><style ng-app-id="ng">@media screen and (max-width: 47.9625em){button[_ngcontent-ng-c1800630492]{font-size:0;margin-right:-1rem}}</style><style ng-app-id="ng">img[_ngcontent-ng-c350961067]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c3715670637]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4111747303]{display:flex;width:1.5rem}</style><style ng-app-id="ng">img[_ngcontent-ng-c4291606325]{display:flex;width:1.5rem}</style><style ng-app-id="ng">[_nghost-ng-c694226118]{display:block}.t-header[_ngcontent-ng-c694226118]{font:var(--tui-font-text-s);font-weight:700}.t-header[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{border-radius:.25rem}.t-code[_ngcontent-ng-c694226118]{position:relative;margin:0;white-space:normal;outline:1px solid var(--tui-border-normal)}.t-code[_ngcontent-ng-c694226118]     .hljs-ln{inline-size:100%}.t-code[_ngcontent-ng-c694226118]     .hljs-ln .hljs-ln-numbers{inline-size:1rem}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td{white-space:pre}.t-code[_ngcontent-ng-c694226118]     .hljs-ln td:not(.hljs-ln-numbers):hover{outline:1px solid var(--tui-border-normal);border-radius:.25rem}.t-code[_ngcontent-ng-c694226118] + .t-code[_ngcontent-ng-c694226118]{margin-top:1rem}.t-code-actions[_ngcontent-ng-c694226118]{position:absolute;top:.75rem;right:.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}@media screen and (max-width: 47.9625em){.t-code-actions[_ngcontent-ng-c694226118]{padding:.3125rem;border-radius:.25rem;border:1px solid var(--tui-border-normal)}}.t-copy-button[_ngcontent-ng-c694226118] +*:not(:empty){margin-right:.375rem}.hljs[_ngcontent-ng-c694226118]:not(:empty){font:var(--tui-font-text-m);font-size:.875rem;padding:1.5rem 2rem;font-family:monospace;word-wrap:break-word;white-space:pre-wrap}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar, .hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{inline-size:1rem;block-size:1rem;border-radius:6.25rem;background-clip:padding-box;border:.375rem solid transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar{background-color:transparent}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--tui-background-neutral-1-hover)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--tui-background-neutral-1-pressed)}.hljs[_ngcontent-ng-c694226118]:not(:empty)::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-tertiary)}}@media screen and (max-width: 47.9625em){.hljs[_ngcontent-ng-c694226118]:not(:empty){padding:1rem}}.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:var(--tui-background-base)}@supports (background: color-mix(in srgb,var(--tui-background-base),#222 2%)){.t-code-actions[_ngcontent-ng-c694226118], .hljs[_ngcontent-ng-c694226118]:not(:empty){background:color-mix(in srgb,var(--tui-background-base),#222 2%)}}</style></head>
     <body>
-        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_751726656987369" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_751726656987369"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/browser-support" target="_self" data-appearance="icon"> Browser support <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/supported-input-types" target="_self" data-appearance="icon"> Supported &lt;input /&gt; types <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/real-world-form" target="_self" data-appearance="icon"> Maskito in Real World Form <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink class="t-sublink ng-star-inserted" href="https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md" target="_blank" data-appearance="icon"> Changelog <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><supported-input-types-doc-page class="ng-star-inserted"><tui-doc-page header="Supported <input /> types" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Supported &lt;input /&gt; types <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><tui-notification tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div><strong>Maskito</strong> supports only limited types of <code>HTMLInputElement</code> due to some browser limitations! </div></tui-notification><section class="tui-space_top-4"><p><strong>Maskito</strong> accepts only the types whose support the following native properties/methods: </p><ul class="tui-list"><li class="tui-list__item"><code>selectionStart</code></li><li class="tui-list__item"><code>selectionEnd</code></li><li class="tui-list__item"><code>setSelectionRange</code></li></ul><p> According to the <a tuiappearance tuiicons tuilink href="https://html.spec.whatwg.org/multipage/input.html#concept-input-apply" rel="noreferrer" target="_blank" data-appearance="link"> WHATWG&nbsp;forms&nbsp;spec </a> they apply only to inputs of types <code>text</code> , <code>search</code> , <code>URL</code> , <code>tel</code> and <code>password</code> . <br><strong>All other types will not work properly with Maskito!</strong></p></section><p>All examples below are demonstrations to see different supported types in action.</p><tui-doc-example id="text" heading="text" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">text</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#text" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="text"&nbsp;/&gt;</code> is the default, the simplest and the most popular type of input-element. <br class="ng-star-inserted"> Use it if you don't know which type to choose. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-text-example><tui-input tuitextfieldcustomcontent="@tui.clock" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_221726656987385" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_771726656987386" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_221726656987385"> Enter time </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></input-type-text-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+        <app _nghost-ng-c1877247900 ng-version="16.2.12" ng-server-context="ssg"><tui-doc-main _ngcontent-ng-c1877247900><tui-root data-tui-version="4.7.0" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;" class="_mobile"><tui-scroll-controls class="t-root-scrollbar ng-tns-c2714427768-11 ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><tui-dropdowns _nghost-ng-c2999772204><div class="t-root-content"><div class="tui-doc-page"><tui-doc-navigation class="tui-doc-navigation" _nghost-ng-c1870620593><tui-input _ngcontent-ng-c1870620593 tuitextfieldsize="m" class="t-input ng-untouched ng-pristine ng-valid" _nghost-ng-c3899723740 data-size="m"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="m" style="--border-start: 1.75rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_721726756645206" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_721726756645206"><div _ngcontent-ng-c1870620593 class="t-search-text"> Search <code _ngcontent-ng-c1870620593 class="t-slash">/</code></div><!----></label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><nav _ngcontent-ng-c1870620593 class="t-navigation"><tui-scrollbar _ngcontent-ng-c1870620593 class="t-scrollbar _native-hidden" _nghost-ng-c3554927007><tui-scroll-controls _ngcontent-ng-c3554927007 class="t-bars ng-tns-c2714427768-10 t-hover-mode ng-star-inserted" _nghost-ng-c2714427768><!----><!----><!----><!----></tui-scroll-controls><!----><div _ngcontent-ng-c3554927007 class="t-content"><tui-accordion _ngcontent-ng-c1870620593 tuigroup role="group" data-orientation="vertical" data-size="l" style="--t-group-radius: 0;"><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Getting started</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-3 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-3 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Core concepts</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-4 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-4 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Frameworks</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-5 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-5 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Kit</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-6 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-6 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Addons</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-7 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-7 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Recipes</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-8 ng-star-inserted" aria-expanded="false"><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-8 ng-trigger ng-trigger-tuiParentAnimation"><!----></div></tui-expand></div></tui-accordion-item><tui-accordion-item _ngcontent-ng-c1870620593 size="s" _nghost-ng-c2244420239 data-size="s" class="_has-arrow ng-star-inserted"><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-wrapper" class="t-wrapper"><button _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-header" type="button" class="t-header t-header_hoverable t-header_open"><span _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-title" class="t-title"><span _ngcontent-ng-c1870620593 class="t-label"><strong _ngcontent-ng-c1870620593>Other</strong></span></span><tui-icon _ngcontent-ng-c2244420239 tuichevron class="t-icon ng-star-inserted _chevron-rotated" style="--t-icon: url(assets/taiga-ui/icons/chevron-down.svg);"></tui-icon><!----><!----></button><tui-expand _ngcontent-ng-c2244420239 ngskiphydration="true" _nghost-ng-c2297013872 class="ng-tns-c2297013872-9 ng-star-inserted _overflow _expanded" aria-expanded="true" style><div _ngcontent-ng-c2297013872 class="t-wrapper ng-tns-c2297013872-9 ng-trigger ng-trigger-tuiParentAnimation ng-animate-disabled"><!----><!----><div _ngcontent-ng-c2244420239 automation-id="tui-accordion__item-content" class="t-content ng-star-inserted"><div _ngcontent-ng-c1870620593 class="t-section ng-star-inserted"><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/browser-support" target="_self" data-appearance="icon"> Browser support <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted t-sublink_active" href="/supported-input-types" target="_self" data-appearance="icon"> Supported &lt;input /&gt; types <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink routerlinkactive="t-sublink_active" class="t-sublink ng-star-inserted" href="/real-world-form" target="_self" data-appearance="icon"> Maskito in Real World Form <!----></a><!----><!----><!----><!----><!----><!----><a _ngcontent-ng-c1870620593 tuiappearance tuiicons tuilink class="t-sublink ng-star-inserted" href="https://github.com/taiga-family/maskito/blob/main/CHANGELOG.md" target="_blank" data-appearance="icon"> Changelog <!----></a><!----><!----><!----><!----><!----><!----><!----></div><!----></div><!----><!----><!----><!----></div></tui-expand></div></tui-accordion-item><!----></tui-accordion><div _ngcontent-ng-c1870620593 class="t-items-container"><!----></div><!----></div></tui-scrollbar></nav></tui-doc-navigation><div class="tui-doc-content"><router-outlet class="tui-doc-outlet"></router-outlet><supported-input-types-doc-page class="ng-star-inserted"><tui-doc-page header="Supported <input /> types" _nghost-ng-c3711820930><header _ngcontent-ng-c3711820930 class="t-header"><h1 _ngcontent-ng-c3711820930 class="t-title"> Supported &lt;input /&gt; types <!----><!----><!----></h1><!----><tui-doc-source-code _ngcontent-ng-c3711820930 class="t-source-code"><!----></tui-doc-source-code></header><div _ngcontent-ng-c3711820930 class="t-content"><tui-notification tuiicons tuiappearance appearance="warning" size="m" style="--t-icon-start: url(assets/taiga-ui/icons/circle-alert.svg);" data-appearance="warning" data-size="m"><div><strong>Maskito</strong> supports only limited types of <code>HTMLInputElement</code> due to some browser limitations! </div></tui-notification><section class="tui-space_top-4"><p><strong>Maskito</strong> accepts only the types whose support the following native properties/methods: </p><ul class="tui-list"><li class="tui-list__item"><code>selectionStart</code></li><li class="tui-list__item"><code>selectionEnd</code></li><li class="tui-list__item"><code>setSelectionRange</code></li></ul><p> According to the <a tuiappearance tuiicons tuilink href="https://html.spec.whatwg.org/multipage/input.html#concept-input-apply" rel="noreferrer" target="_blank" data-appearance="link"> WHATWG&nbsp;forms&nbsp;spec </a> they apply only to inputs of types <code>text</code> , <code>search</code> , <code>URL</code> , <code>tel</code> and <code>password</code> . <br><strong>All other types will not work properly with Maskito!</strong></p></section><p>All examples below are demonstrations to see different supported types in action.</p><tui-doc-example id="text" heading="text" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">text</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#text" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="text"&nbsp;/&gt;</code> is the default, the simplest and the most popular type of input-element. <br class="ng-star-inserted"> Use it if you don't know which type to choose. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-text-example><tui-input tuitextfieldcustomcontent="@tui.clock" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="text" inputmode="text" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_221726756645230" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_741726756645230" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_221726756645230"> Enter time </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/clock.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></input-type-text-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -59,7 +59,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="tel" heading="tel" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">tel</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#tel" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="tel"&nbsp;/&gt;</code> is a control for entering a telephone number. <br class="ng-star-inserted"> Displays a telephone keypad in some devices with dynamic keypads. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-tel-example><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_231726656987387" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_791726656987387" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_231726656987387"> Enter phone number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/us.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></input-type-tel-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="tel" heading="tel" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">tel</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#tel" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="tel"&nbsp;/&gt;</code> is a control for entering a telephone number. <br class="ng-star-inserted"> Displays a telephone keypad in some devices with dynamic keypads. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-tel-example><tui-input _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="tel" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_231726756645231" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_761726756645231" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_231726756645231"> Enter phone number </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><img alt="Flag of the United States" width="28" style="border-radius: 50%;" src="assets/taiga-ui/icons/flags/us.svg" class="ng-star-inserted"><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><!----></input-type-tel-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -89,7 +89,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="password" heading="password" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">password</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#password" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="password"&nbsp;/&gt;</code> is a single-line text field whose value is obscured. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-password-example><tui-input-password tuihintcontent="Only 3 digits are allowed" _nghost-ng-c1023913877 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-primitive-textfield _ngcontent-ng-c1023913877 class="t-textfield _label-outside" _nghost-ng-c1657133415 data-size="l" style="--border-start: 0rem; --border-end: 3.5rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="password" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_241726656987388" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_811726656987388" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_241726656987388"> Enter password </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1023913877 tuiappearance="icon" automation-id="tui-password__icon" class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/eye-off.svg);" data-appearance="icon"></tui-icon><!----><!----><!----><!----><!----></div><!----></div></div></div></tui-primitive-textfield><!----></tui-input-password></input-type-password-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="password" heading="password" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">password</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#password" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="password"&nbsp;/&gt;</code> is a single-line text field whose value is obscured. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-password-example><tui-input-password tuihintcontent="Only 3 digits are allowed" _nghost-ng-c1023913877 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><tui-primitive-textfield _ngcontent-ng-c1023913877 class="t-textfield _label-outside" _nghost-ng-c1657133415 data-size="l" style="--border-start: 0rem; --border-end: 3.5rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="password" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_241726756645233" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_781726756645233" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_241726756645233"> Enter password </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><tui-tooltip _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__tooltip" class="t-tooltip ng-star-inserted" _nghost-ng-c1794875140 data-appearance><span _ngcontent-ng-c1794875140 tuiappearance="icon" automation-id="tui-tooltip__icon" class="t-tooltip-icon" data-appearance="icon"><tui-icon _ngcontent-ng-c1794875140 class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/circle-help.svg);"></tui-icon><!----></span></tui-tooltip><!----><div _ngcontent-ng-c1657133415 class="t-icon t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1023913877 tuiappearance="icon" automation-id="tui-password__icon" class="t-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/eye-off.svg);" data-appearance="icon"></tui-icon><!----><!----><!----><!----><!----></div><!----></div></div></div></tui-primitive-textfield><!----></tui-input-password></input-type-password-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -119,7 +119,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="url" heading="url" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">url</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#url" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="url"&nbsp;/&gt;</code> is a field for entering a URL. <br class="ng-star-inserted"> Looks like a text input, but has relevant keyboard in supporting browsers and devices with dynamic keyboards. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-url-example><tui-input tuitextfieldcustomcontent="@tui.globe" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="url" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_251726656987389" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_831726656987389" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_251726656987389"> Enter url </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/globe.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></input-type-url-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="url" heading="url" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">url</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#url" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="url"&nbsp;/&gt;</code> is a field for entering a URL. <br class="ng-star-inserted"> Looks like a text input, but has relevant keyboard in supporting browsers and devices with dynamic keyboards. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-url-example><tui-input tuitextfieldcustomcontent="@tui.globe" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 2.75rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="url" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_251726756645234" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_801726756645234" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_251726756645234"> Enter url </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__custom-content" class="t-custom-content ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 class="t-custom-icon ng-star-inserted" style="--t-icon: url(assets/taiga-ui/icons/globe.svg);"></tui-icon><!----></div><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></input-type-url-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -149,7 +149,7 @@
         </button>
         <!---->
     </div>
-</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="search" heading="search" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">search</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#search" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="search"&nbsp;/&gt;</code> is a single-line text field for entering search strings. <br class="ng-star-inserted"> Displays a search icon instead of enter key on some devices with dynamic keypads. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-search-example><tui-input tuitextfieldiconleft="@tui.search" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 2.25rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="search" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_261726656987390" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_851726656987391" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_261726656987390"> Enter any english word </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></input-type-search-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
+</pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><tui-doc-example id="search" heading="search" _nghost-ng-c3443978456 class="_fullsize"><div _ngcontent-ng-c3443978456 class="t-title-block"><h3 _ngcontent-ng-c3443978456 class="t-title ng-star-inserted"><span _ngcontent-ng-c3443978456 class="ng-star-inserted">search</span><!----></h3><!----><a _ngcontent-ng-c3443978456 tuiappearance tuiicons tuilink routerlink="." routerlinkactive="t-link-active" type="button" class="t-link ng-star-inserted" title="Copy" href="/supported-input-types#search" data-appearance="link"> # </a><!----></div><h4 _ngcontent-ng-c3443978456 class="t-description ng-star-inserted"><code class="ng-star-inserted">&lt;input&nbsp;type="search"&nbsp;/&gt;</code> is a single-line text field for entering search strings. <br class="ng-star-inserted"> Displays a search icon instead of enter key on some devices with dynamic keypads. <!----></h4><!----><div _ngcontent-ng-c3443978456 class="t-example ng-star-inserted"><div _ngcontent-ng-c3443978456 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c3443978456 class="t-tabs" _nghost-ng-c920679226><!----><tui-tabs _ngcontent-ng-c920679226 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"> mask <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><javascript-logo _nghost-ng-c350961067 class="ng-star-inserted"><img _ngcontent-ng-c350961067 src="assets/icons/javascript.svg"></javascript-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><angular-logo _nghost-ng-c3715670637 class="ng-star-inserted"><img _ngcontent-ng-c3715670637 src="assets/icons/angular.svg"></angular-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><react-logo _nghost-ng-c4111747303 class="ng-star-inserted"><img _ngcontent-ng-c4111747303 src="assets/icons/react.svg"></react-logo><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c3443978456 tuiicons type="button" tuitab class="ng-star-inserted"><vue-logo _nghost-ng-c4291606325 class="ng-star-inserted"><img _ngcontent-ng-c4291606325 src="assets/icons/vue.svg"></vue-logo><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c920679226 tuichevron tuiicons type="button" tuitab class="t-more t-overflown ng-star-inserted" tabindex="-1" style="--t-icon-end: url(assets/taiga-ui/icons/chevron-down.svg);"> More </button><!----><!----><!----></tui-tabs-with-more><tui-loader _ngcontent-ng-c3443978456 size="xs" class="t-code-editor ng-star-inserted" _nghost-ng-c1861733742 data-size="xs"><fieldset _ngcontent-ng-c1861733742 class="t-content"><stackblitz-edit-button _nghost-ng-c1800630492 class="ng-star-inserted"><button _ngcontent-ng-c1800630492 tuiappearance tuiicons appearance="flat" iconstart="assets/icons/stackblitz.svg" size="s" title="Edit on StackBlitz" tuibutton type="button" data-appearance="flat" style="--t-icon-start: url(assets/icons/stackblitz.svg);" data-size="s"> Edit </button></stackblitz-edit-button><!----><!----><!----><!----></fieldset><!----></tui-loader><!----></div><!----><div _ngcontent-ng-c3443978456 class="t-content t-content_animated t-content_visible ng-star-inserted"><div _ngcontent-ng-c3443978456 automation-id="tui-doc-example" class="t-demo ng-star-inserted"><!----><input-type-search-example><tui-input tuitextfieldiconleft="@tui.search" _nghost-ng-c3899723740 style="max-width: 20rem;" class="ng-untouched ng-pristine ng-valid" data-size="l"><div _ngcontent-ng-c3899723740 tuidropdownopenmonitor class="t-hosted"><tui-primitive-textfield _ngcontent-ng-c3899723740 automation-id="tui-input__textfield" class="t-textfield _label-outside" _nghost-ng-c1657133415 data-focused="false" data-size="l" style="--border-start: 2.25rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input type="search" tuitextfieldlegacy _nghost-ng-c1724629924 tabindex="0" value id="tui_261726756645235" inputmode="text" aria-invalid="false"><input _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_821726756645235" tabindex="0" aria-invalid="false" value><!----><div _ngcontent-ng-c1657133415 class="t-content"><div _ngcontent-ng-c1657133415 class="t-icon t-icon_left t-textfield-icon ng-star-inserted"><tui-icon _ngcontent-ng-c1657133415 tuiappearance="icon" style="--t-icon: url(assets/taiga-ui/icons/search.svg);" data-appearance="icon" class="ng-star-inserted"></tui-icon><!----></div><!----><div _ngcontent-ng-c1657133415 class="t-wrapper"><label _ngcontent-ng-c1657133415 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_261726756645235"> Enter any english word </label><!----><div _ngcontent-ng-c1657133415 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1657133415 aria-hidden="true" automation-id="tui-primitive-textfield__value-decoration" class="t-value-decoration" _nghost-ng-c1691791975><span _ngcontent-ng-c1691791975 class="t-prefix"></span><span _ngcontent-ng-c1691791975 class="t-ghost"></span><span _ngcontent-ng-c1691791975 class="t-filler"></span><span _ngcontent-ng-c1691791975 class="t-postfix"></span></tui-value-decoration></div></div><div _ngcontent-ng-c1657133415 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></input-type-search-example><!----></div><!----><!----><!----></div><div _ngcontent-ng-c3443978456 class="t-content t-content_animated ng-star-inserted"><tui-doc-code _ngcontent-ng-c3443978456 _nghost-ng-c694226118 style="visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c694226118 class="t-code ng-star-inserted">    <code _ngcontent-ng-c694226118 class="hljs"></code>
     <div _ngcontent-ng-c694226118 class="t-code-actions">
         <button _ngcontent-ng-c694226118 tuiappearance tuiicons type="button" tuiiconbutton appearance="icon" size="xs" class="t-copy-button" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="xs">
         </button>
@@ -180,6 +180,6 @@
         <!---->
     </div>
 </pre><!----></tui-doc-code><!----><!----><!----></div><!----><!----><!----></div><!----><!----><!----></tui-doc-example><!----><!----></div></tui-doc-page></supported-input-types-doc-page><!----></div></div><header tuidocheader _nghost-ng-c2635070235><button _ngcontent-ng-c2635070235 tuiappearance tuiicons appearance="icon" tuiiconbutton type="button" class="t-menu" title="Menu" data-appearance="icon" style="--t-icon-start: url(assets/taiga-ui/icons/menu.svg);" data-size="l"><!----></button><div _ngcontent-ng-c2635070235 class="t-logo"><logo _nghost-ng-c1450352032 class="ng-star-inserted"><a _ngcontent-ng-c1450352032 tuiappearance tuiicons tuilink routerlink="/" class="logo-link" href="/" data-appearance="link"><span _ngcontent-ng-c1450352032 class="logo-name"><img _ngcontent-ng-c1450352032 alt="Maskito logo" src="assets/icons/maskito.svg" class="logo"> Maskito </span></a><img _ngcontent-ng-c1450352032 alt="by T-Bank" src="assets/icons/by.svg" class="by"></logo><!----></div><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://github.com/taiga-family/maskito" iconstart="assets/icons/github.svg" rel="noreferrer" target="_blank" title="Maskito source code on GitHub" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/github.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" href="https://t.me/taiga_ui/10600" iconstart="assets/icons/telegram.svg" rel="noreferrer" target="_blank" title="Get help on Telegram" class="link" data-appearance="icon" style="--t-icon-start: url(assets/icons/telegram.svg);"></a><a _ngcontent-ng-c1877247900 tuiappearance tuiicons tuilink appearance="icon" iconstart="assets/icons/stackblitz.svg" title="Maskito StackBlitz Starter" class="link" href="/stackblitz" data-appearance="icon" style="--t-icon-start: url(assets/icons/stackblitz.svg);"></a><!----><button tuiappearance tuiicons appearance="secondary" size="s" tuiiconbutton type="button" class="tui-doc-dark-mode-switch" style="border-radius: 100%; --t-icon-start: url(assets/taiga-ui/icons/moon.svg);" data-appearance="secondary" data-size="s"></button></header></div><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0 ng-star-inserted"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0" style="opacity: 0;"></div><!----></tui-dialogs><!----><tui-alerts class="ng-tns-c2626836292-1 ng-star-inserted"><!----></tui-alerts><!----><!----></tui-dropdowns><!----><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints><!----></tui-root></tui-doc-main></app>
-    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.2305a4be4def1e8f.js" type="module"></script>
+    <script src="runtime.60cf27dd28a84eb4.js" type="module"></script><script src="polyfills.4448038bed703409.js" type="module"></script><script src="main.d597644e92c1ab5d.js" type="module"></script>
 
 </body></html>
\ No newline at end of file