From 31b796cbe66db60dd10e92431346b92dd5281eaf Mon Sep 17 00:00:00 2001
From: taiga-family-bot <140712314+taiga-family-bot@users.noreply.github.com>
Date: Mon, 10 Feb 2025 07:57:01 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20taiga-fa?=
 =?UTF-8?q?mily/ng-web-apis@74ab8abb324decb478ee1ba1d74a9717cad85925=20?=
 =?UTF-8?q?=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mutation-observer/index.html | 2 +-
 ngsw.json                    | 2 +-
 storage/index.html           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/mutation-observer/index.html b/mutation-observer/index.html
index c2f2e90b..a14a4993 100644
--- a/mutation-observer/index.html
+++ b/mutation-observer/index.html
@@ -22,7 +22,7 @@
 </style><style ng-app-id="ng">[_nghost-ng-c3899723740]{display:block;border-radius:var(--tui-radius-m);text-align:start}._disabled[_nghost-ng-c3899723740], [_nghost-ng-c3899723740]   *:disabled[_nghost-ng-c3899723740], *:disabled   [_nghost-ng-c3899723740]{pointer-events:none}.t-hosted[_ngcontent-ng-c3899723740]{display:block;border-radius:inherit}.t-textfield[_ngcontent-ng-c3899723740]{border-radius:inherit;text-align:inherit}</style><style ng-app-id="ng">[_nghost-ng-c1557642256]{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-ng-c1557642256]{--tui-height: var(--tui-height-s);font:var(--tui-font-text-s)}[data-size=m][_nghost-ng-c1557642256]{--tui-height: var(--tui-height-m);font:var(--tui-font-text-s)}[data-size=l][_nghost-ng-c1557642256]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}[_nghost-ng-c1557642256]   *:disabled[_nghost-ng-c1557642256], *:disabled   [_nghost-ng-c1557642256]{pointer-events:none}.t-input[_ngcontent-ng-c1557642256]{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-ng-c1557642256]:-webkit-autofill, .t-input[_ngcontent-ng-c1557642256]:-webkit-autofill:hover, .t-input[_ngcontent-ng-c1557642256]:-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-ng-c1557642256]{caret-color:transparent}.t-input[_ngcontent-ng-c1557642256]:-webkit-autofill, .t-input[_ngcontent-ng-c1557642256]:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input[_ngcontent-ng-c1557642256]::-webkit-caps-lock-indicator, .t-input[_ngcontent-ng-c1557642256]::-webkit-contacts-auto-fill-button, .t-input[_ngcontent-ng-c1557642256]::-webkit-credit-card-auto-fill-button, .t-input[_ngcontent-ng-c1557642256]::-webkit-credentials-auto-fill-button, .t-input[_ngcontent-ng-c1557642256]::-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-ng-c1557642256]::placeholder{color:var(--tui-text-tertiary);opacity:0}._focused[_nghost-ng-c1557642256]:not(._readonly)   .t-input[_ngcontent-ng-c1557642256]::placeholder, tui-primitive-textfield._focused:not(._readonly)[_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256]::placeholder, tui-primitive-textfield._focused:not(._readonly)   [_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256]::placeholder, tui-textarea._focused:not(._readonly)[_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256]::placeholder, tui-textarea._focused:not(._readonly)   [_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256]::placeholder, tui-text-area._focused:not(._readonly)[_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256]::placeholder, tui-text-area._focused:not(._readonly)   [_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256]::placeholder{opacity:1}[data-size=s][_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield[data-size="s"][_nghost-ng-c1557642256]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="s"]   [_nghost-ng-c1557642256]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="s"][_nghost-ng-c1557642256]:not(tui-textarea), tui-textarea[data-size="s"]   [_nghost-ng-c1557642256]:not(tui-textarea), .t-input   tui-text-area[data-size="s"][_nghost-ng-c1557642256]:not(tui-text-area), tui-text-area[data-size="s"]   [_nghost-ng-c1557642256]:not(tui-text-area){padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield[data-size="m"][_nghost-ng-c1557642256]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]   [_nghost-ng-c1557642256]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="m"][_nghost-ng-c1557642256]:not(tui-textarea), tui-textarea[data-size="m"]   [_nghost-ng-c1557642256]:not(tui-textarea), .t-input   tui-text-area[data-size="m"][_nghost-ng-c1557642256]:not(tui-text-area), tui-text-area[data-size="m"]   [_nghost-ng-c1557642256]:not(tui-text-area){padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield[data-size="l"][_nghost-ng-c1557642256]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]   [_nghost-ng-c1557642256]:not(tui-primitive-textfield), .t-input   tui-textarea[data-size="l"][_nghost-ng-c1557642256]:not(tui-textarea), tui-textarea[data-size="l"]   [_nghost-ng-c1557642256]:not(tui-textarea), .t-input   tui-text-area[data-size="l"][_nghost-ng-c1557642256]:not(tui-text-area), tui-text-area[data-size="l"]   [_nghost-ng-c1557642256]:not(tui-text-area){padding:0 var(--tui-padding-l)}._disabled[_nghost-ng-c1557642256]   .t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield._disabled[_nghost-ng-c1557642256], tui-primitive-textfield._disabled   [_nghost-ng-c1557642256], .t-input   tui-textarea._disabled[_nghost-ng-c1557642256], tui-textarea._disabled   [_nghost-ng-c1557642256], .t-input   tui-text-area._disabled[_nghost-ng-c1557642256], tui-text-area._disabled   [_nghost-ng-c1557642256]{pointer-events:none}[data-size=l][_nghost-ng-c1557642256]:not(._label-outside)   .t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield[data-size="l"]:not(._label-outside)[_nghost-ng-c1557642256]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="l"]:not(._label-outside)   [_nghost-ng-c1557642256]:not(tui-primitive-textfield){padding-top:1.25rem}[data-size=m][_nghost-ng-c1557642256]:not(._label-outside)   .t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield[data-size="m"]:not(._label-outside)[_nghost-ng-c1557642256]:not(tui-primitive-textfield), tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1557642256]:not(tui-primitive-textfield){padding-top:1rem}[data-size=l][_nghost-ng-c1557642256]:not(._label-outside)   .t-input[_ngcontent-ng-c1557642256]{padding-top:1.25rem}[data-size=l][_nghost-ng-c1557642256]:not(._label-outside)   .t-input[_ngcontent-ng-c1557642256]:-webkit-autofill + .t-content[_ngcontent-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256]{font-size:.8156rem;transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1557642256]:not(._label-outside)   .t-input[_ngcontent-ng-c1557642256]:-webkit-autofill + .t-content[_ngcontent-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256]{font-size:.69rem;transform:translateY(-.5rem)}._hidden[_nghost-ng-c1557642256]   input.t-input[_ngcontent-ng-c1557642256], .t-input   tui-primitive-textfield._hidden[_nghost-ng-c1557642256], tui-primitive-textfield._hidden   [_nghost-ng-c1557642256]{opacity:0;text-indent:-10em}.t-content[_ngcontent-ng-c1557642256]{display:flex;block-size:100%;inline-size:100%;box-sizing:border-box;align-items:center;overflow:hidden}[data-size=s][_nghost-ng-c1557642256]   .t-content[_ngcontent-ng-c1557642256]{padding:0 var(--tui-padding-s)}[data-size=m][_nghost-ng-c1557642256]   .t-content[_ngcontent-ng-c1557642256]{padding:0 var(--tui-padding-m)}[data-size=l][_nghost-ng-c1557642256]   .t-content[_ngcontent-ng-c1557642256]{padding:0 var(--tui-padding-l)}.t-wrapper[_ngcontent-ng-c1557642256]{flex:1;min-inline-size:0;padding-inline-end:.25rem}.t-placeholder[_ngcontent-ng-c1557642256]{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-ng-c1557642256]{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised[_ngcontent-ng-c1557642256]{transform:translateY(-.625rem)}[data-size=m][_nghost-ng-c1557642256]   .t-placeholder_raised[_ngcontent-ng-c1557642256]{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}._invalid[_nghost-ng-c1557642256]:not(._focused)   .t-placeholder_raised[_ngcontent-ng-c1557642256], ._invalid[_nghost-ng-c1557642256]:not(._focused):hover   .t-placeholder_raised[_ngcontent-ng-c1557642256]{color:var(--tui-text-negative)}._focused[_nghost-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256], [data-size=m]._focused._label-outside[_nghost-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256], [data-size=l]._focused._label-outside[_nghost-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256]{color:var(--tui-text-tertiary)}[data-size=l][_nghost-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256]{font:var(--tui-font-text-m);line-height:1.25rem}[data-size=l][_nghost-ng-c1557642256]   .t-placeholder_raised[_ngcontent-ng-c1557642256]{font-size:.8156rem}[data-size=m]._focused[_nghost-ng-c1557642256]:not(._label-outside)   .t-placeholder[_ngcontent-ng-c1557642256], [data-size=l]._focused[_nghost-ng-c1557642256]:not(._label-outside)   .t-placeholder[_ngcontent-ng-c1557642256]{color:var(--tui-text-primary)}.t-cleaner[_ngcontent-ng-c1557642256]{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-width:.25rem}._readonly[_nghost-ng-c1557642256]   .t-cleaner[_ngcontent-ng-c1557642256], ._disabled[_nghost-ng-c1557642256]   .t-cleaner[_ngcontent-ng-c1557642256]{pointer-events:none}.t-icon[_ngcontent-ng-c1557642256]{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-ng-c1557642256]   .t-icon_left[_ngcontent-ng-c1557642256]{margin:0 .125rem 0 -.375rem}[data-size=m][_nghost-ng-c1557642256]   .t-icon_left[_ngcontent-ng-c1557642256]{margin-inline-start:-.125rem;margin-inline-end:.375rem}[data-size=l][_nghost-ng-c1557642256]   .t-icon_left[_ngcontent-ng-c1557642256]{margin-inline-end:.75rem}.t-icons[_ngcontent-ng-c1557642256]{display:flex;align-items:center}[data-size=m][_nghost-ng-c1557642256]   .t-icons[_ngcontent-ng-c1557642256]{margin-inline-end:-.125rem}[data-size=s][_nghost-ng-c1557642256]   .t-icons[_ngcontent-ng-c1557642256]{margin-inline-end:-.375rem}[_nghost-ng-c1557642256]:not([data-size=s])   .t-icons[_ngcontent-ng-c1557642256] > [_ngcontent-ng-c1557642256]:not(:first-child){margin-inline-start:.25rem}[_nghost-ng-c1557642256]     input{transition:box-shadow .01s}._autofilled[data-size=s][_nghost-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256], ._autofilled._label-outside[_nghost-ng-c1557642256]   .t-placeholder[_ngcontent-ng-c1557642256], ._autofilled[_nghost-ng-c1557642256]   .t-value-decoration[_ngcontent-ng-c1557642256]:not(.t-has-value){visibility:hidden}[data-size=s][_nghost-ng-c1557642256]   tui-icon[_ngcontent-ng-c1557642256]{border-width:.25rem}.t-custom-content[_ngcontent-ng-c1557642256]{position:relative;display:flex;align-items:center;justify-content:center;min-inline-size:2rem;block-size:2rem;pointer-events:none}.t-custom-icon[_ngcontent-ng-c1557642256]{inline-size:2rem;block-size:100%}.t-input[_ngcontent-ng-c1557642256]:not(:first-child){display:none}[data-size][_nghost-ng-c1557642256]   .t-input_template[_ngcontent-ng-c1557642256]{display:flex;inline-size:calc(100% - 1rem);max-inline-size:calc(100% - 1rem);align-items:center;pointer-events:none;padding-inline-end:0}.t-input_template_hidden[_ngcontent-ng-c1557642256]{display:none}.t-text-template[_ngcontent-ng-c1557642256]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration[_ngcontent-ng-c1557642256]{position:relative;pointer-events:none}._readonly[_nghost-ng-c1557642256]   .t-textfield-icon[_ngcontent-ng-c1557642256]     [tuiAppearance][data-appearance=icon]{pointer-events:none}@media (hover: hover) and (pointer: fine){[_nghost-ng-c1557642256]:not(._readonly):not(._disabled):hover   .t-textfield-icon[_ngcontent-ng-c1557642256]     [tuiAppearance][data-appearance=icon]:after{color:var(--tui-text-secondary)}}</style><style ng-app-id="ng">[_nghost-ng-c1691791975]{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-ng-c1691791975]{position:static;margin-top:0}._filler[_nghost-ng-c1691791975]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tui-primitive-textfield[data-size="m"]:not(._label-outside)   [_nghost-ng-c1691791975]{line-height:calc(var(--tui-height) - .25rem)}.t-ghost[_ngcontent-ng-c1691791975]{visibility:hidden;white-space:pre;text-overflow:clip}.t-prefix[_ngcontent-ng-c1691791975], .t-postfix[_ngcontent-ng-c1691791975]{white-space:pre;color:var(--tui-text-primary)}.t-filler[_ngcontent-ng-c1691791975]{max-inline-size:100%;white-space:nowrap}</style></head>
     <body>
         <!-- eslint-disable-next-line @angular-eslint/template/prefer-self-closing-tags -->
-        <app _nghost-ng-c3714564291 ng-version="16.2.12" ng-server-context="ssg"><tui-root _ngcontent-ng-c3714564291 data-tui-version="4.22.0" class="root _mobile" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;"><div class="t-root-content"><div _ngcontent-ng-c3714564291 class="wrapper"><header _ngcontent-ng-c3714564291><div _ngcontent-ng-c3714564291 class="header"><img _ngcontent-ng-c3714564291 alt="Web APIs logo" height="128" routerlink="/" src="assets/images/web-api.svg" width="128" class="logo" tabindex="0"><div _ngcontent-ng-c3714564291><h1 _ngcontent-ng-c3714564291 class="title">Web APIs for Angular</h1><section _ngcontent-ng-c3714564291> High quality lightweight wrappers for native Web APIs for idiomatic use with Angular </section><a _ngcontent-ng-c3714564291 tuiappearance tuiicons tuilink routerlink="/home" routerlinkactive="active" class="tui-appearance-initializing back" href="/ng-web-apis/home" data-appearance="action"><tui-icon _ngcontent-ng-c3714564291 icon="@tui.home" style="--t-icon: url(assets/taiga-ui/icons/home.svg);"></tui-icon> Home </a></div></div></header><main _ngcontent-ng-c3714564291><router-outlet _ngcontent-ng-c3714564291></router-outlet><mutation-observer-page _nghost-ng-c1025165237 class="ng-star-inserted"><p _ngcontent-ng-c1025165237 tuigroup role="group" data-orientation="horizontal" data-size="l" style="--t-group-margin: 0.125rem; --t-group-mask: none; --t-group-mask-start: none; --t-group-mask-end: none;"><button _ngcontent-ng-c1025165237 tuiappearance tuiicons appearance="secondary" size="m" tuibutton type="button" class="tui-appearance-initializing" data-appearance="secondary" data-size="m"> Toggle DOM change </button><button _ngcontent-ng-c1025165237 tuiappearance tuiicons appearance="secondary" size="m" tuibutton type="button" class="tui-appearance-initializing" data-appearance="secondary" data-size="m"> Toggle attribute </button></p><p _ngcontent-ng-c1025165237 tuigroup role="group" tuitextfieldsize="m" data-orientation="horizontal" data-size="l" style="--t-group-margin: 0.125rem; --t-group-mask: none; --t-group-mask-start: none; --t-group-mask-end: none;"><tui-input _ngcontent-ng-c1025165237 aria-label="title" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" 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-c1557642256 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_31739043509097" tabindex="0" aria-invalid="false" value="title"><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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">title</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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c1025165237 aria-label="text" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" 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-c1557642256 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_41739043509101" tabindex="0" aria-invalid="false" value="text"><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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">text</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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c1025165237 aria-label="ignored" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" 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-c1557642256 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_51739043509103" tabindex="0" aria-invalid="false" value="Ignored aria-label attribute"><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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">Ignored aria-label attribute</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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></p><div _ngcontent-ng-c1025165237 attributefilter="title, disabled" characterdata childlist subtree class="observer" title="title" aria-label="Ignored aria-label attribute"> I am being observed for text changes, DOM changes and "title" and "disabled" attributes: text <div _ngcontent-ng-c1025165237 class="ng-star-inserted">See console for logged mutations</div><!----><!----></div></mutation-observer-page><!----></main><footer _ngcontent-ng-c3714564291> Icons made by <a _ngcontent-ng-c3714564291 href="https://www.flaticon.com/authors/freepik" title="Freepik"> Freepik </a> from <a _ngcontent-ng-c3714564291 href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com </a></footer></div></div><tui-scroll-controls class="t-root-scrollbar ng-tns-c2342072456-3 ng-star-inserted" _nghost-ng-c2342072456><!----><!----><!----><!----><!----><!----></tui-scroll-controls><!----><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0"></div><!----></tui-dialogs><tui-alerts class="ng-tns-c2626836292-1"><!----></tui-alerts><tui-dropdowns><!----></tui-dropdowns><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints></tui-root></app>
+        <app _nghost-ng-c3714564291 ng-version="16.2.12" ng-server-context="ssg"><tui-root _ngcontent-ng-c3714564291 data-tui-version="4.22.0" class="root _mobile" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;"><div class="t-root-content"><div _ngcontent-ng-c3714564291 class="wrapper"><header _ngcontent-ng-c3714564291><div _ngcontent-ng-c3714564291 class="header"><img _ngcontent-ng-c3714564291 alt="Web APIs logo" height="128" routerlink="/" src="assets/images/web-api.svg" width="128" class="logo" tabindex="0"><div _ngcontent-ng-c3714564291><h1 _ngcontent-ng-c3714564291 class="title">Web APIs for Angular</h1><section _ngcontent-ng-c3714564291> High quality lightweight wrappers for native Web APIs for idiomatic use with Angular </section><a _ngcontent-ng-c3714564291 tuiappearance tuiicons tuilink routerlink="/home" routerlinkactive="active" class="tui-appearance-initializing back" href="/ng-web-apis/home" data-appearance="action"><tui-icon _ngcontent-ng-c3714564291 icon="@tui.home" style="--t-icon: url(assets/taiga-ui/icons/home.svg);"></tui-icon> Home </a></div></div></header><main _ngcontent-ng-c3714564291><router-outlet _ngcontent-ng-c3714564291></router-outlet><mutation-observer-page _nghost-ng-c1025165237 class="ng-star-inserted"><p _ngcontent-ng-c1025165237 tuigroup role="group" data-orientation="horizontal" data-size="l" style="--t-group-margin: 0.125rem; --t-group-mask: none; --t-group-mask-start: none; --t-group-mask-end: none;"><button _ngcontent-ng-c1025165237 tuiappearance tuiicons appearance="secondary" size="m" tuibutton type="button" class="tui-appearance-initializing" data-appearance="secondary" data-size="m"> Toggle DOM change </button><button _ngcontent-ng-c1025165237 tuiappearance tuiicons appearance="secondary" size="m" tuibutton type="button" class="tui-appearance-initializing" data-appearance="secondary" data-size="m"> Toggle attribute </button></p><p _ngcontent-ng-c1025165237 tuigroup role="group" tuitextfieldsize="m" data-orientation="horizontal" data-size="l" style="--t-group-margin: 0.125rem; --t-group-mask: none; --t-group-mask-start: none; --t-group-mask-end: none;"><tui-input _ngcontent-ng-c1025165237 aria-label="title" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" 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-c1557642256 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_31739174219036" tabindex="0" aria-invalid="false" value="title"><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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">title</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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c1025165237 aria-label="text" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" 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-c1557642256 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_41739174219041" tabindex="0" aria-invalid="false" value="text"><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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">text</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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><tui-input _ngcontent-ng-c1025165237 aria-label="ignored" _nghost-ng-c3899723740 class="ng-untouched ng-pristine ng-valid" 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-c1557642256 data-focused="false" data-size="m" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_51739174219042" tabindex="0" aria-invalid="false" value="Ignored aria-label attribute"><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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">Ignored aria-label attribute</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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></p><div _ngcontent-ng-c1025165237 attributefilter="title, disabled" characterdata childlist subtree class="observer" title="title" aria-label="Ignored aria-label attribute"> I am being observed for text changes, DOM changes and "title" and "disabled" attributes: text <div _ngcontent-ng-c1025165237 class="ng-star-inserted">See console for logged mutations</div><!----><!----></div></mutation-observer-page><!----></main><footer _ngcontent-ng-c3714564291> Icons made by <a _ngcontent-ng-c3714564291 href="https://www.flaticon.com/authors/freepik" title="Freepik"> Freepik </a> from <a _ngcontent-ng-c3714564291 href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com </a></footer></div></div><tui-scroll-controls class="t-root-scrollbar ng-tns-c2342072456-3 ng-star-inserted" _nghost-ng-c2342072456><!----><!----><!----><!----><!----><!----></tui-scroll-controls><!----><!----><tui-dialogs _nghost-ng-c2381883856 class="ng-tns-c2381883856-0"><div _ngcontent-ng-c2381883856 class="t-overlay ng-tns-c2381883856-0"></div><!----></tui-dialogs><tui-alerts class="ng-tns-c2626836292-1"><!----></tui-alerts><tui-dropdowns><!----></tui-dropdowns><tui-hints aria-live="polite" _nghost-ng-c2232230169 class="ng-tns-c2232230169-2"><!----></tui-hints></tui-root></app>
     <script src="runtime.f928ae42f5d157c3.js" type="module"></script><script src="polyfills.438fa0b065f1e28a.js" type="module"></script><script src="scripts.75d93336962ccb31.js" defer></script><script src="main.fd6d056cbe9d537a.js" type="module"></script>
 
 </body></html>
\ No newline at end of file
diff --git a/ngsw.json b/ngsw.json
index 81613dbe..deef2884 100644
--- a/ngsw.json
+++ b/ngsw.json
@@ -1,6 +1,6 @@
 {
   "configVersion": 1,
-  "timestamp": 1739043509904,
+  "timestamp": 1739174219891,
   "index": "/ng-web-apis/index.html",
   "assetGroups": [
     {
diff --git a/storage/index.html b/storage/index.html
index 75857fb6..fd58bef1 100644
--- a/storage/index.html
+++ b/storage/index.html
@@ -25,7 +25,7 @@
     <body>
         <!-- eslint-disable-next-line @angular-eslint/template/prefer-self-closing-tags -->
         <app _nghost-ng-c3714564291 ng-version="16.2.12" ng-server-context="ssg"><tui-root _ngcontent-ng-c3714564291 data-tui-version="4.22.0" class="root _mobile" data-platform="web" style="--tui-duration: 300ms; --tui-scroll-behavior: smooth;"><div class="t-root-content"><div _ngcontent-ng-c3714564291 class="wrapper"><header _ngcontent-ng-c3714564291><div _ngcontent-ng-c3714564291 class="header"><img _ngcontent-ng-c3714564291 alt="Web APIs logo" height="128" routerlink="/" src="assets/images/web-api.svg" width="128" class="logo" tabindex="0"><div _ngcontent-ng-c3714564291><h1 _ngcontent-ng-c3714564291 class="title">Web APIs for Angular</h1><section _ngcontent-ng-c3714564291> High quality lightweight wrappers for native Web APIs for idiomatic use with Angular </section><a _ngcontent-ng-c3714564291 tuiappearance tuiicons tuilink routerlink="/home" routerlinkactive="active" class="tui-appearance-initializing back" href="/ng-web-apis/home" data-appearance="action"><tui-icon _ngcontent-ng-c3714564291 icon="@tui.home" style="--t-icon: url(assets/taiga-ui/icons/home.svg);"></tui-icon> Home </a></div></div></header><main _ngcontent-ng-c3714564291><router-outlet _ngcontent-ng-c3714564291></router-outlet><common-page _nghost-ng-c2530851863 class="ng-star-inserted"><tui-doc-example _ngcontent-ng-c2530851863 _nghost-ng-c644840128 class="_fullsize"><div _ngcontent-ng-c644840128 class="t-title-block"><!----><!----></div><!----><div _ngcontent-ng-c644840128 class="t-example"><div _ngcontent-ng-c644840128 class="t-tabs-wrapper ng-star-inserted"><tui-tabs-with-more _ngcontent-ng-c644840128 class="t-tabs" _nghost-ng-c1256433989><!----><tui-tabs _ngcontent-ng-c1256433989 class="t-tabs _underline" data-size="l" style="--t-color: var(--tui-background-accent-1); --t-left: 0px; --t-width: 0px;"><button _ngcontent-ng-c644840128 tuiicons type="button" tuitab class="ng-star-inserted"> Preview <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c644840128 tuiicons type="button" tuitab class="ng-star-inserted"> TypeScript <!----><!----></button><!----><!----><!----><!----><button _ngcontent-ng-c644840128 tuiicons type="button" tuitab class="ng-star-inserted"> HTML <!----><!----></button><!----><!----><!----><!----><!----></tui-tabs><button _ngcontent-ng-c1256433989 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-c644840128 class="t-content ng-star-inserted"><div _ngcontent-ng-c644840128 automation-id="tui-doc-example" class="t-demo ng-star-inserted" style="display: block;"><example _ngcontent-ng-c2530851863><h3> Value from <code>STORAGE_EVENT</code> : 
-</h3><p tuigroup><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-c1557642256 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_81739043509275" tabindex="0" aria-invalid="false" value><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><label _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_81739043509275"> Native update </label><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><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-c1557642256 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_91739043509276" tabindex="0" aria-invalid="false" value><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><label _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_91739043509276"> With service </label><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></p><tui-notification tuiicons tuiappearance size="m" class="tui-appearance-initializing" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Native event is only triggered with update happens in another tab. Try opening this page in another tab and type into the first input. Use <code>StorageService</code> if you need to know about changes in the same tab too. </div></tui-notification></example><!----></div><!----><tui-doc-code _ngcontent-ng-c644840128 _nghost-ng-c111447422 style="display: none; visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c111447422 class="t-code ng-star-inserted">    <code _ngcontent-ng-c111447422 class="hljs"></code>
+</h3><p tuigroup><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-c1557642256 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_81739174219261" tabindex="0" aria-invalid="false" value><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><label _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_81739174219261"> Native update </label><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input><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-c1557642256 data-focused="false" data-size="l" style="--border-start: 0rem; --border-end: 0rem;"><!----><!----><div _ngcontent-ng-c1557642256 tuiappearance automation-id="tui-primitive-textfield__wrapper" tuiwrapper data-appearance="textfield" class style="--text-indent: 0px;"><input _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__native-input" class="t-input ng-untouched ng-pristine ng-valid" id="tui_interactive_91739174219263" tabindex="0" aria-invalid="false" value><div _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__value" class="t-input t-input_template t-input_template_hidden"></div><div _ngcontent-ng-c1557642256 class="t-content"><!----><div _ngcontent-ng-c1557642256 class="t-wrapper"><label _ngcontent-ng-c1557642256 automation-id="tui-primitive-textfield__placeholder" class="t-placeholder ng-star-inserted" for="tui_interactive_91739174219263"> With service </label><!----><div _ngcontent-ng-c1557642256 class="t-wrapper-value-decoration"><tui-value-decoration _ngcontent-ng-c1557642256 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-c1557642256 class="t-icons"><!----><!----><!----><!----></div></div></div></tui-primitive-textfield></div></tui-input></p><tui-notification tuiicons tuiappearance size="m" class="tui-appearance-initializing" style="--t-icon-start: url(assets/taiga-ui/icons/info.svg);" data-appearance="info" data-size="m"><div> Native event is only triggered with update happens in another tab. Try opening this page in another tab and type into the first input. Use <code>StorageService</code> if you need to know about changes in the same tab too. </div></tui-notification></example><!----></div><!----><tui-doc-code _ngcontent-ng-c644840128 _nghost-ng-c111447422 style="display: none; visibility: hidden;" class="ng-star-inserted"><!----><pre _ngcontent-ng-c111447422 class="t-code ng-star-inserted">    <code _ngcontent-ng-c111447422 class="hljs"></code>
     <div _ngcontent-ng-c111447422 class="t-code-actions">
         <button _ngcontent-ng-c111447422 tuiappearance tuiicons type="button" tuiiconbutton appearance="outline-grayscale" size="s" class="tui-appearance-initializing t-copy-button" data-appearance="outline-grayscale" style="--t-icon-start: url(assets/taiga-ui/icons/copy.svg);" data-size="s">
         </button>