@taiga-ui/core 2.30.0 → 2.34.0

package/fesm2015/taiga-ui-core-components-dialog.js

@@ -132,7 +132,7 @@ TuiDialogComponent = __decorate([
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: TUI_DIALOG_PROVIDERS,
         animations: [tuiSlideInTop, tuiFadeIn],
-        styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:40px solid transparent}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 1.125rem 1.875rem rgba(0,0,0,.48);content:'';border-radius:inherit;pointer-events:none}:host[data-size='s']{width:30rem}:host[data-size='s'] .content{padding:1.5rem}:host[data-size='s'] .heading{margin-bottom:.5rem}:host[data-size='m']{width:42.5rem}:host[data-size='m'] .heading{margin-bottom:.75rem}:host[data-size='l']{width:55rem}:host[data-size='l'] .heading{margin-bottom:1rem}:host[data-size=fullscreen],:host[data-size=page]{width:100vw;min-height:100%;border-radius:0;border:none;background:var(--tui-base-01);box-shadow:0 4rem var(--tui-base-01)}:host[data-size=fullscreen] .content,:host[data-size=page] .content{padding:3rem calc(50vw - (45rem / 2))}:host[data-size=fullscreen] .heading,:host[data-size=page] .heading{margin-bottom:1rem}:host[data-size=page] .content{padding:0}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-width:100vw;width:100vw;max-width:100vw;border-radius:0;border:none;margin:auto 0 0}:host :host-context(tui-root._mobile)[data-size] .content{padding:2rem 1.5rem}:host :host-context(tui-root._mobile)[data-size] .heading{margin-bottom:.5rem}.heading{margin:0;word-wrap:break-word}.heading:empty{display:none}.header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .header{flex:1}.content{border-radius:inherit;padding:2rem;background:var(--tui-base-01)}.content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.wrapper{position:sticky;top:0;order:-1}.close{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;color:var(--tui-base-01);background:rgba(104,104,104,.96)}.close:hover{background:rgba(159,159,159,.86)}:host:not([data-size=fullscreen]) .close{-webkit-animation:tuiFadeIn var(--tui-duration);animation:tuiFadeIn var(--tui-duration)}:host:not([data-size=fullscreen]).ng-animating .close{display:none}:host-context(tui-root._mobile) .close{position:absolute;top:0;right:0;background:0 0;color:var(--tui-base-06)}:host-context(tui-root._mobile) .close:hover{color:var(--tui-base-07)}.buttons{margin-top:1.25rem;text-align:right}"]
+        styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:40px solid transparent}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 1.125rem 1.875rem rgba(0,0,0,.48);content:'';border-radius:inherit;pointer-events:none}:host[data-size='s']{width:30rem}:host[data-size='s'] .content{padding:1.5rem}:host[data-size='s'] .heading{margin-bottom:.5rem}:host[data-size='m']{width:42.5rem}:host[data-size='m'] .heading{margin-bottom:.75rem}:host[data-size='l']{width:55rem}:host[data-size='l'] .heading{margin-bottom:1rem}:host[data-size=fullscreen],:host[data-size=page]{width:100vw;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-base-01)}:host[data-size=fullscreen] .content,:host[data-size=page] .content{padding:3rem calc(50vw - (45rem / 2))}:host[data-size=fullscreen] .heading,:host[data-size=page] .heading{margin-bottom:1rem}:host[data-size=page] .content{padding:0}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-width:100vw;width:100vw;max-width:100vw;border-radius:0;border:none;margin:auto 0 0}:host :host-context(tui-root._mobile)[data-size] .content{padding:2rem 1.5rem}:host :host-context(tui-root._mobile)[data-size] .heading{margin-bottom:.5rem}.heading{margin:0;word-wrap:break-word}.heading:empty{display:none}.header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .header{flex:1}.content{border-radius:inherit;padding:2rem;background:var(--tui-base-01)}.content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.wrapper{position:-webkit-sticky;position:sticky;top:0;order:-1}.close{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;color:var(--tui-base-01);background:rgba(104,104,104,.96)}.close:hover{background:rgba(159,159,159,.86)}:host:not([data-size=fullscreen]) .close{-webkit-animation:tuiFadeIn var(--tui-duration);animation:tuiFadeIn var(--tui-duration)}:host:not([data-size=fullscreen]).ng-animating .close{display:none}:host-context(tui-root._mobile) .close{position:absolute;top:0;right:0;background:0 0;color:var(--tui-base-06)}:host-context(tui-root._mobile) .close:hover{color:var(--tui-base-07)}.buttons{margin-top:1.25rem;text-align:right}"]
     }),
     __param(0, Inject(TUI_ANIMATIONS_DURATION)),
     __param(1, Inject(TUI_IS_MOBILE)),

package/fesm2015/taiga-ui-core-components-dropdown-box.js

@@ -276,7 +276,7 @@ TuiDropdownBoxComponent = __decorate([
         changeDetection: ChangeDetectionStrategy.Default,
         providers: [TuiDestroyService],
         animations: [tuiDropdownAnimation],
-        styles: [":host{z-index:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.16);position:absolute;top:0;left:0;display:flex;background-color:#fff;background-color:var(--tui-base-01);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-base-03);box-sizing:border-box}:host.ng-animating{pointer-events:none}.content{display:flex;flex-direction:column;max-height:100%}.wrapper{flex-grow:1;max-width:100%;max-height:inherit;overflow:visible}.scroll{height:100%}"]
+        styles: [":host{z-index:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.16);position:absolute;top:0;left:0;display:flex;background-color:#fff;background-color:var(--tui-elevation-01);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-base-03);box-sizing:border-box}:host.ng-animating{pointer-events:none}.content{display:flex;flex-direction:column;max-height:100%}.wrapper{flex-grow:1;max-width:100%;max-height:inherit;overflow:visible}.scroll{height:100%}"]
     }),
     __param(0, Inject(TuiDestroyService)),
     __param(1, Inject(NgZone)),

package/fesm2015/taiga-ui-core-components-label.js

@@ -41,7 +41,7 @@ TuiLabelComponent = __decorate([
         host: {
             '($.data-mode.attr)': 'mode$',
         },
-        styles: [":host{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.label{font:var(--tui-font-text-s);max-width:100%;-ms-grid-row-align:inherit;align-self:inherit;overflow:inherit;pointer-events:auto}.text{display:block;overflow:inherit;text-overflow:ellipsis}:host:not(._control) .text{color:var(--tui-text-02)}:host([data-mode=onDark]) .text{color:var(--tui-text-02-night)}.content{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}"]
+        styles: [":host{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.label{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}.text{display:block;overflow:inherit;text-overflow:ellipsis}:host:not(._control) .text{color:var(--tui-text-02)}:host([data-mode=onDark]) .text{color:var(--tui-text-02-night)}.content{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}"]
     }),
     __param(0, Inject(TUI_MODE))
 ], TuiLabelComponent);

package/fesm2015/taiga-ui-core-components-link.js

@@ -75,7 +75,7 @@ __decorate([
 TuiLinkComponent = TuiLinkComponent_1 = __decorate([
     Component({
         selector: 'a[tuiLink], button[tuiLink]',
-        template: "<tui-svg *ngIf=\"iconAlignLeft\" class=\"icon icon_left\" [src]=\"icon\"></tui-svg>\n<span class=\"content\">\n    <ng-content></ng-content>\n</span>\n<tui-svg *ngIf=\"iconAlignRight\" class=\"icon icon_right\" [src]=\"icon\"></tui-svg>\n",
+        template: "<tui-svg\n    *ngIf=\"iconAlignLeft\"\n    class=\"t-icon t-icon_left\"\n    [src]=\"icon\"\n></tui-svg>\n<span class=\"t-content\">\n    <ng-content></ng-content>\n</span>\n<tui-svg\n    *ngIf=\"iconAlignRight\"\n    class=\"t-icon t-icon_right\"\n    [src]=\"icon\"\n></tui-svg>\n",
         providers: [
             {
                 provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
@@ -90,7 +90,7 @@ TuiLinkComponent = TuiLinkComponent_1 = __decorate([
         host: {
             '($.data-mode.attr)': 'mode$',
         },
-        styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;color:var(--tui-link);text-decoration:none;text-align:left;text-transform:inherit;font-weight:inherit;cursor:pointer;outline:0}:host:hover{color:var(--tui-link-hover)}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host[data-mode=onLight]{color:var(--tui-text-02)}:host[data-mode=onLight]._active,:host[data-mode=onLight]:hover{color:var(--tui-text-01)}:host[data-mode=onLight]._pseudo{color:var(--tui-text-01)}:host[data-mode=onLight]._pseudo._active,:host[data-mode=onLight]._pseudo:hover{color:var(--tui-text-03)}:host[data-mode=onLight][data-host-mode=negative]{color:var(--tui-negative-night)}:host[data-mode=onLight][data-host-mode=negative]._active,:host[data-mode=onLight][data-host-mode=negative]:active,:host[data-mode=onLight][data-host-mode=negative]:hover{color:var(--tui-negative-night-hover)}:host[data-mode=onDark]{color:var(--tui-text-03-night)}:host[data-mode=onDark]._active,:host[data-mode=onDark]:active,:host[data-mode=onDark]:hover{color:var(--tui-text-01-night)}:host[data-mode=onDark]._pseudo{color:var(--tui-text-01-night)}:host[data-mode=onDark]._pseudo._active,:host[data-mode=onDark]._pseudo:active,:host[data-mode=onDark]._pseudo:hover{color:var(--tui-text-03-night)}:host[data-mode=onDark][data-host-mode=positive]{color:var(--tui-positive-night)}:host[data-mode=onDark][data-host-mode=positive]._active,:host[data-mode=onDark][data-host-mode=positive]:active,:host[data-mode=onDark][data-host-mode=positive]:hover{color:var(--tui-positive-night-hover)}:host[data-host-mode=negative]{color:var(--tui-negative)}:host[data-host-mode=negative]:hover{color:var(--tui-negative-hover)}:host[data-host-mode=positive]{color:var(--tui-positive)}:host[data-host-mode=positive]:hover{color:var(--tui-positive-hover)}.content{display:inline-block}:host._focus-visible .content{background:var(--tui-selection)}:host[data-mode=onLight]._focus-visible .content{background:var(--tui-clear);color:var(--tui-text-01)}:host[data-mode=onDark]._focus-visible .content{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}:host[data-host-mode=positive]._focus-visible .content{background:var(--tui-success-bg)}:host[data-host-mode=negative]._focus-visible .content{background:var(--tui-error-bg)}:host._pseudo .content{padding-bottom:.15em;text-decoration:underline dashed;text-underline-offset:.2em;text-decoration-thickness:.7px}.icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-top:-.125rem;opacity:.8}.icon_left{margin-right:.25rem}.icon_right{margin-left:.25rem}:host._hovered .icon{opacity:1}:host._icon-rotated .icon{transform:rotate(180deg)}"]
+        styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;color:var(--tui-link);text-decoration:none;text-align:left;text-transform:inherit;font-weight:inherit;cursor:pointer;outline:0}:host:hover{color:var(--tui-link-hover)}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host[data-mode=onLight]{color:var(--tui-text-02)}:host[data-mode=onLight]._active,:host[data-mode=onLight]:hover{color:var(--tui-text-01)}:host[data-mode=onLight]._pseudo{color:var(--tui-text-01)}:host[data-mode=onLight]._pseudo._active,:host[data-mode=onLight]._pseudo:hover{color:var(--tui-text-03)}:host[data-mode=onLight][data-host-mode=negative]{color:var(--tui-negative-night)}:host[data-mode=onLight][data-host-mode=negative]._active,:host[data-mode=onLight][data-host-mode=negative]:active,:host[data-mode=onLight][data-host-mode=negative]:hover{color:var(--tui-negative-night-hover)}:host[data-mode=onDark]{color:var(--tui-text-03-night)}:host[data-mode=onDark]._active,:host[data-mode=onDark]:active,:host[data-mode=onDark]:hover{color:var(--tui-text-01-night)}:host[data-mode=onDark]._pseudo{color:var(--tui-text-01-night)}:host[data-mode=onDark]._pseudo._active,:host[data-mode=onDark]._pseudo:active,:host[data-mode=onDark]._pseudo:hover{color:var(--tui-text-03-night)}:host[data-mode=onDark][data-host-mode=positive]{color:var(--tui-positive-night)}:host[data-mode=onDark][data-host-mode=positive]._active,:host[data-mode=onDark][data-host-mode=positive]:active,:host[data-mode=onDark][data-host-mode=positive]:hover{color:var(--tui-positive-night-hover)}:host[data-host-mode=negative]{color:var(--tui-negative)}:host[data-host-mode=negative]:hover{color:var(--tui-negative-hover)}:host[data-host-mode=positive]{color:var(--tui-positive)}:host[data-host-mode=positive]:hover{color:var(--tui-positive-hover)}.t-content{display:inline-block}:host._focus-visible .t-content{background:var(--tui-selection)}:host[data-mode=onLight]._focus-visible .t-content{background:var(--tui-clear);color:var(--tui-text-01)}:host[data-mode=onDark]._focus-visible .t-content{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}:host[data-host-mode=positive]._focus-visible .t-content{background:var(--tui-success-bg)}:host[data-host-mode=negative]._focus-visible .t-content{background:var(--tui-error-bg)}:host._pseudo .t-content{padding-bottom:.15em;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-underline-offset:.2em;text-decoration-thickness:.7px}.t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-top:-.125rem;opacity:.8}.t-icon_left{margin-right:.25rem}.t-icon_right{margin-left:.25rem}:host._hovered .t-icon{opacity:1}:host._icon-rotated .t-icon{transform:rotate(180deg)}"]
     }),
     __param(0, Inject(ElementRef)),
     __param(1, Inject(TUI_MODE)),

package/fesm2015/taiga-ui-core-components-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-link.js","sources":["ng://@taiga-ui/core/components/link/link.component.ts","ng://@taiga-ui/core/components/link/link.module.ts","ng://@taiga-ui/core/components/link/taiga-ui-core-components-link.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiFocusableElementAccessor,\n    TuiFocusVisibleService,\n    TuiNativeFocusableElement,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness, TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {merge, Observable} from 'rxjs';\nimport {mapTo} from 'rxjs/operators';\n\n// @bad TODO: Think about extending Interactive\n@Component({\n    selector: 'a[tuiLink], button[tuiLink]',\n    templateUrl: './link.template.html',\n    styleUrls: ['./link.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiLinkComponent),\n        },\n        TuiFocusVisibleService,\n        TuiDestroyService,\n        MODE_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: 'tuiLink',\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiLinkComponent implements TuiFocusableElementAccessor {\n    @Input()\n    @HostBinding('class._pseudo')\n    @tuiDefaultProp()\n    pseudo = false;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @HostBinding('class._icon-rotated')\n    @tuiDefaultProp()\n    iconRotated = false;\n\n    @Input()\n    @HostBinding('attr.data-host-mode')\n    @tuiDefaultProp()\n    mode: 'positive' | 'negative' | null = null;\n\n    @HostBinding('class._focus-visible')\n    focusVisible = false;\n\n    readonly focusedChange = merge(\n        typedFromEvent(this.elementRef.nativeElement, 'focusin').pipe(mapTo(true)),\n        typedFromEvent(this.elementRef.nativeElement, 'focusout').pipe(mapTo(false)),\n    );\n\n    constructor(\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<TuiNativeFocusableElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TuiFocusVisibleService)\n        focusVisible$: TuiFocusVisibleService,\n    ) {\n        focusVisible$.subscribe(visible => {\n            this.focusVisible = visible;\n        });\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement {\n        return this.elementRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get hasIcon(): boolean {\n        return this.icon !== null;\n    }\n\n    get iconAlignLeft(): boolean {\n        return this.hasIcon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return this.hasIcon && this.iconAlign === 'right';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\n\nimport {TuiLinkComponent} from './link.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiLinkComponent],\n    exports: [TuiLinkComponent],\n})\nexport class TuiLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBA;IAoBa,gBAAgB,wBAA7B,MAAa,gBAAgB;IAgCzB,YAEqB,UAAiD,EACvC,KAAuC,EAElE,aAAqC;QAHpB,eAAU,GAAV,UAAU,CAAuC;QACvC,UAAK,GAAL,KAAK,CAAkC;QA/BtE,WAAM,GAAG,KAAK,CAAC;QAIf,SAAI,GAAkB,IAAI,CAAC;QAI3B,cAAS,GAA2B,OAAO,CAAC;QAK5C,gBAAW,GAAG,KAAK,CAAC;QAKpB,SAAI,GAAmC,IAAI,CAAC;QAG5C,iBAAY,GAAG,KAAK,CAAC;QAEZ,kBAAa,GAAG,KAAK,CAC1B,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC1E,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAC/E,CAAC;QASE,aAAa,CAAC,SAAS,CAAC,OAAO;YAC3B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;SAC/B,CAAC,CAAC;KACN;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACxC;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;KAC7B;IAED,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;KACpD;IAED,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC;KACrD;EACJ;;YA7BoC,UAAU,uBADtC,MAAM,SAAC,UAAU;YAEgB,UAAU,uBAA3C,MAAM,SAAC,QAAQ;YAED,sBAAsB,uBADpC,MAAM,SAAC,sBAAsB;;AAhClC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,eAAe,CAAC;IAC5B,cAAc,EAAE;gDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8CACU;AAI3B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDAC2B;AAK5C;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,qBAAqB,CAAC;IAClC,cAAc,EAAE;qDACG;AAKpB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,qBAAqB,CAAC;IAClC,cAAc,EAAE;8CAC2B;AAG5C;IADC,WAAW,CAAC,sBAAsB,CAAC;sDACf;AAzBZ,gBAAgB;IAnB5B,SAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;QACvC,0PAAmC;QAEnC,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,kBAAgB,CAAC;aAClD;YACD,sBAAsB;YACtB,iBAAiB;YACjB,aAAa;SAChB;QACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IAkCO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAElB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,sBAAsB,CAAC,CAAA;GApC1B,gBAAgB,CA+D5B;;ICjGY,aAAa,GAA1B,MAAa,aAAa;EAAG;AAAhB,aAAa;IALzB,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,gBAAgB,CAAC;QAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;KAC9B,CAAC;GACW,aAAa,CAAG;;ACX7B;;;;;;"}
+{"version":3,"file":"taiga-ui-core-components-link.js","sources":["ng://@taiga-ui/core/components/link/link.component.ts","ng://@taiga-ui/core/components/link/link.module.ts","ng://@taiga-ui/core/components/link/taiga-ui-core-components-link.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiFocusableElementAccessor,\n    TuiFocusVisibleService,\n    TuiNativeFocusableElement,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness, TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {merge, Observable} from 'rxjs';\nimport {mapTo} from 'rxjs/operators';\n\n// @bad TODO: Think about extending Interactive\n@Component({\n    selector: 'a[tuiLink], button[tuiLink]',\n    templateUrl: './link.template.html',\n    styleUrls: ['./link.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiLinkComponent),\n        },\n        TuiFocusVisibleService,\n        TuiDestroyService,\n        MODE_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: 'tuiLink',\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiLinkComponent implements TuiFocusableElementAccessor {\n    @Input()\n    @HostBinding('class._pseudo')\n    @tuiDefaultProp()\n    pseudo = false;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @HostBinding('class._icon-rotated')\n    @tuiDefaultProp()\n    iconRotated = false;\n\n    @Input()\n    @HostBinding('attr.data-host-mode')\n    @tuiDefaultProp()\n    mode: 'positive' | 'negative' | null = null;\n\n    @HostBinding('class._focus-visible')\n    focusVisible = false;\n\n    readonly focusedChange = merge(\n        typedFromEvent(this.elementRef.nativeElement, 'focusin').pipe(mapTo(true)),\n        typedFromEvent(this.elementRef.nativeElement, 'focusout').pipe(mapTo(false)),\n    );\n\n    constructor(\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<TuiNativeFocusableElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TuiFocusVisibleService)\n        focusVisible$: TuiFocusVisibleService,\n    ) {\n        focusVisible$.subscribe(visible => {\n            this.focusVisible = visible;\n        });\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement {\n        return this.elementRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get hasIcon(): boolean {\n        return this.icon !== null;\n    }\n\n    get iconAlignLeft(): boolean {\n        return this.hasIcon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return this.hasIcon && this.iconAlign === 'right';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\n\nimport {TuiLinkComponent} from './link.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiLinkComponent],\n    exports: [TuiLinkComponent],\n})\nexport class TuiLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-core-components-loader.js

@@ -81,7 +81,7 @@ TuiLoaderComponent = __decorate([
         selector: 'tui-loader',
         template: "<fieldset\n    class=\"t-content\"\n    [class.t-content_has-overlay]=\"hasOverlay\"\n    [class.t-content_loading]=\"loading\"\n    [disabled]=\"loading && !isApple\"\n>\n    <ng-content></ng-content>\n</fieldset>\n\n<div\n    *ngIf=\"loading\"\n    class=\"t-loader\"\n    [class.t-loader_horizontal]=\"isHorizontal\"\n    [class.t-loader_inherit-color]=\"inheritColor\"\n    [attr.data-tui-element-size]=\"size\"\n>\n    <svg\n        automation-id=\"tui-loader__loader\"\n        focusable=\"false\"\n        viewBox=\"0 0 100 100\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-icon\"\n    >\n        <circle\n            cx=\"50\"\n            cy=\"50\"\n            r=\"50\"\n            stroke-dasharray=\"314\"\n            class=\"t-circle\"\n        ></circle>\n    </svg>\n\n    <div\n        *ngIf=\"hasText\"\n        polymorpheus-outlet\n        automation-id=\"tui-loader__text\"\n        class=\"t-text\"\n        [class.t-text_horizontal]=\"isHorizontal\"\n        [content]=\"textContent\"\n    ></div>\n</div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: ["@-webkit-keyframes tuiLoaderDashOffset{0%,100%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}}@keyframes tuiLoaderDashOffset{0%,100%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}}@-webkit-keyframes tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}100%{transform:rotate(3turn)}}@keyframes tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}100%{transform:rotate(3turn)}}:host{position:relative;display:flex}:host._loading{overflow:hidden}.t-content{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay{opacity:.3}.t-content_loading{pointer-events:none}.t-loader{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;-ms-grid-row-align:center;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);-webkit-animation:tuiFadeIn var(--tui-duration);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal{flex-direction:row}.t-loader.t-loader_inherit-color{color:inherit;stroke:currentColor}.t-loader[data-tui-element-size=xs]{font-size:.75rem;stroke-width:38}.t-loader[data-tui-element-size='s']{font-size:1rem;stroke-width:25}.t-loader[data-tui-element-size='m']{font-size:1.5rem;stroke-width:17}.t-loader[data-tui-element-size='l']{font-size:2.5rem;stroke-width:15}.t-loader[data-tui-element-size=xl]{font-size:3.5rem;stroke-width:14}.t-loader[data-tui-element-size=xxl]{font-size:5rem;stroke-width:10}.t-text{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal{margin:0 0 0 1rem}.t-icon{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scale(1,-1)}:host:not(._animated-with-js) .t-icon{-webkit-animation:3s linear infinite tuiLoaderRotate;animation:3s linear infinite tuiLoaderRotate}.t-circle{fill:none;stroke:inherit;stroke-width:inherit;-webkit-animation:3s linear infinite tuiLoaderDashOffset;animation:3s linear infinite tuiLoaderDashOffset}"]
+        styles: ["@-webkit-keyframes tuiLoaderDashOffset{0%,100%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}}@keyframes tuiLoaderDashOffset{0%,100%{stroke-dashoffset:-66}50%{stroke-dashoffset:-314}}@-webkit-keyframes tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}100%{transform:rotate(3turn)}}@keyframes tuiLoaderRotate{0%{transform:rotate(0)}50%{transform:rotate(1turn)}100%{transform:rotate(3turn)}}:host{position:relative;display:flex}:host._loading{overflow:hidden}.t-content{z-index:0;min-width:100%;height:100%;padding:0;margin:0;border:none}.t-content_has-overlay{opacity:.3}.t-content_loading{pointer-events:none}.t-loader{position:relative;left:-100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;flex-shrink:0;align-self:center;color:var(--tui-text-01);stroke:var(--tui-primary);-webkit-animation:tuiFadeIn var(--tui-duration);animation:tuiFadeIn var(--tui-duration)}.t-loader.t-loader_horizontal{flex-direction:row}.t-loader.t-loader_inherit-color{color:inherit;stroke:currentColor}.t-loader[data-tui-element-size=xs]{font-size:.75rem;stroke-width:38}.t-loader[data-tui-element-size='s']{font-size:1rem;stroke-width:25}.t-loader[data-tui-element-size='m']{font-size:1.5rem;stroke-width:17}.t-loader[data-tui-element-size='l']{font-size:2.5rem;stroke-width:15}.t-loader[data-tui-element-size=xl]{font-size:3.5rem;stroke-width:14}.t-loader[data-tui-element-size=xxl]{font-size:5rem;stroke-width:10}.t-text{font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1rem;color:inherit;max-width:100%;text-align:center;stroke-width:0}.t-text_horizontal{margin:0 0 0 1rem}.t-icon{display:block;min-width:1em;max-width:1em;min-height:1em;max-height:1em;margin:.25rem -.5em;border-radius:100%;overflow:hidden;transform:scale(1,-1)}:host:not(._animated-with-js) .t-icon{-webkit-animation:3s linear infinite tuiLoaderRotate;animation:3s linear infinite tuiLoaderRotate}.t-circle{fill:none;stroke:inherit;stroke-width:inherit;-webkit-animation:3s linear infinite tuiLoaderDashOffset;animation:3s linear infinite tuiLoaderDashOffset}"]
     }),
     __param(0, Inject(DOCUMENT)),
     __param(1, Inject(ElementRef)),
@@ -91,6 +91,9 @@ TuiLoaderComponent = __decorate([
 
 const PERIMETER = 314;
 const COEFFICIENT = 1.5;
+/**
+ * @deprecated
+ */
 let TuiLoaderDirective = class TuiLoaderDirective {
     constructor(animationFrame$, ngZone, destroy$, elementRef, userAgent) {
         this.elementRef = elementRef;
@@ -114,7 +117,7 @@ let TuiLoaderDirective = class TuiLoaderDirective {
         const fps = 1000 / delta;
         const offsetStep = 1 + Math.floor(this.strokeDasharray / PERIMETER);
         const { style } = this.elementRef.nativeElement;
-        style.strokeDashoffset = this.strokeDashoffset.toString();
+        style.strokeDashoffset = String(this.strokeDashoffset);
         style.strokeDasharray = PERIMETER - strokeDasharray + ' ' + strokeDasharray;
         this.strokeDasharray -= PERIMETER / COEFFICIENT / fps;
         this.strokeDashoffset += (offsetStep * PERIMETER) / COEFFICIENT / fps;

package/fesm2015/taiga-ui-core-components-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-loader.js","sources":["ng://@taiga-ui/core/components/loader/loader.component.ts","ng://@taiga-ui/core/components/loader/loader.directive.ts","ng://@taiga-ui/core/components/loader/loader.module.ts","ng://@taiga-ui/core/components/loader/taiga-ui-core-components-loader.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    blurNativeFocused,\n    isEdgeOlderThan,\n    isIE,\n    isNativeFocusedIn,\n    isSafari,\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core/types';\nimport {sizeBigger} from '@taiga-ui/core/utils/miscellaneous';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @dynamic\n@Component({\n    selector: 'tui-loader',\n    templateUrl: './loader.template.html',\n    styleUrls: ['./loader.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLoaderComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    inheritColor = false;\n\n    @Input()\n    @tuiDefaultProp()\n    overlay = false;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    textContent: PolymorpheusContent | null = null;\n\n    @Input()\n    @tuiRequiredSetter()\n    set showLoader(value: boolean) {\n        // @bad TODO: https://github.com/angular/angular/issues/32083 think of a better way\n        if (value && this.focused) {\n            blurNativeFocused(this.documentRef);\n        }\n\n        this.loading = value;\n    }\n\n    @HostBinding('class._loading')\n    loading = true;\n\n    @HostBinding('class._animated-with-js')\n    animatedWithJs = isEdgeOlderThan(17, this.userAgent) || isIE(this.userAgent);\n\n    readonly isApple = isSafari(this.elementRef.nativeElement) || this.isIos;\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n    ) {}\n\n    get hasOverlay(): boolean {\n        return this.overlay && this.loading;\n    }\n\n    get hasText(): boolean {\n        return !!this.textContent;\n    }\n\n    get isHorizontal(): boolean {\n        return !sizeBigger(this.size);\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n}\n","import {Directive, ElementRef, Inject, NgZone} from '@angular/core';\nimport {ANIMATION_FRAME, USER_AGENT} from '@ng-web-apis/common';\nimport {isEdgeOlderThan, isIE, TuiDestroyService, tuiZonefree} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {pairwise, takeUntil} from 'rxjs/operators';\n\nconst PERIMETER = 314;\nconst COEFFICIENT = 1.5;\n\n@Directive({\n    selector: 'circle',\n    providers: [TuiDestroyService],\n})\nexport class TuiLoaderDirective {\n    private strokeDasharray = PERIMETER;\n\n    private strokeDashoffset = 0;\n\n    constructor(\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<SVGCircleElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (!isEdgeOlderThan(17, userAgent) && !isIE(userAgent)) {\n            return;\n        }\n\n        animationFrame$\n            .pipe(tuiZonefree(ngZone), pairwise(), takeUntil(destroy$))\n            .subscribe(([cur, prev]) => {\n                this.animate(prev - cur);\n            });\n    }\n\n    private animate(delta: number) {\n        if (this.strokeDasharray < 0) {\n            this.strokeDasharray = PERIMETER * 2;\n            this.strokeDashoffset = 0;\n        }\n\n        const strokeDasharray = Math.abs(this.strokeDasharray - PERIMETER);\n        const fps = 1000 / delta;\n        const offsetStep = 1 + Math.floor(this.strokeDasharray / PERIMETER);\n        const {style} = this.elementRef.nativeElement;\n\n        style.strokeDashoffset = this.strokeDashoffset.toString();\n        style.strokeDasharray = PERIMETER - strokeDasharray + ' ' + strokeDasharray;\n\n        this.strokeDasharray -= PERIMETER / COEFFICIENT / fps;\n        this.strokeDashoffset += (offsetStep * PERIMETER) / COEFFICIENT / fps;\n        // this.elementRef.nativeElement.parentElement!.style.animation = 'none';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLoaderComponent} from './loader.component';\nimport {TuiLoaderDirective} from './loader.directive';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule],\n    declarations: [TuiLoaderComponent, TuiLoaderDirective],\n    exports: [TuiLoaderComponent],\n})\nexport class TuiLoaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-core-components-loader.js","sources":["ng://@taiga-ui/core/components/loader/loader.component.ts","ng://@taiga-ui/core/components/loader/loader.directive.ts","ng://@taiga-ui/core/components/loader/loader.module.ts","ng://@taiga-ui/core/components/loader/taiga-ui-core-components-loader.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    blurNativeFocused,\n    isEdgeOlderThan,\n    isIE,\n    isNativeFocusedIn,\n    isSafari,\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core/types';\nimport {sizeBigger} from '@taiga-ui/core/utils/miscellaneous';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @dynamic\n@Component({\n    selector: 'tui-loader',\n    templateUrl: './loader.template.html',\n    styleUrls: ['./loader.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLoaderComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    inheritColor = false;\n\n    @Input()\n    @tuiDefaultProp()\n    overlay = false;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    textContent: PolymorpheusContent | null = null;\n\n    @Input()\n    @tuiRequiredSetter()\n    set showLoader(value: boolean) {\n        // @bad TODO: https://github.com/angular/angular/issues/32083 think of a better way\n        if (value && this.focused) {\n            blurNativeFocused(this.documentRef);\n        }\n\n        this.loading = value;\n    }\n\n    @HostBinding('class._loading')\n    loading = true;\n\n    @HostBinding('class._animated-with-js')\n    animatedWithJs = isEdgeOlderThan(17, this.userAgent) || isIE(this.userAgent);\n\n    readonly isApple = isSafari(this.elementRef.nativeElement) || this.isIos;\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n        @Inject(TUI_IS_IOS) private readonly isIos: boolean,\n    ) {}\n\n    get hasOverlay(): boolean {\n        return this.overlay && this.loading;\n    }\n\n    get hasText(): boolean {\n        return !!this.textContent;\n    }\n\n    get isHorizontal(): boolean {\n        return !sizeBigger(this.size);\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n}\n","import {Directive, ElementRef, Inject, NgZone} from '@angular/core';\nimport {ANIMATION_FRAME, USER_AGENT} from '@ng-web-apis/common';\nimport {isEdgeOlderThan, isIE, TuiDestroyService, tuiZonefree} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {pairwise, takeUntil} from 'rxjs/operators';\n\nconst PERIMETER = 314;\nconst COEFFICIENT = 1.5;\n\n/**\n * @deprecated\n */\n@Directive({\n    selector: 'circle',\n    providers: [TuiDestroyService],\n})\nexport class TuiLoaderDirective {\n    private strokeDasharray = PERIMETER;\n\n    private strokeDashoffset = 0;\n\n    constructor(\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<SVGCircleElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (!isEdgeOlderThan(17, userAgent) && !isIE(userAgent)) {\n            return;\n        }\n\n        animationFrame$\n            .pipe(tuiZonefree(ngZone), pairwise(), takeUntil(destroy$))\n            .subscribe(([cur, prev]) => {\n                this.animate(prev - cur);\n            });\n    }\n\n    private animate(delta: number) {\n        if (this.strokeDasharray < 0) {\n            this.strokeDasharray = PERIMETER * 2;\n            this.strokeDashoffset = 0;\n        }\n\n        const strokeDasharray = Math.abs(this.strokeDasharray - PERIMETER);\n        const fps = 1000 / delta;\n        const offsetStep = 1 + Math.floor(this.strokeDasharray / PERIMETER);\n        const {style} = this.elementRef.nativeElement;\n\n        style.strokeDashoffset = String(this.strokeDashoffset);\n        style.strokeDasharray = PERIMETER - strokeDasharray + ' ' + strokeDasharray;\n\n        this.strokeDasharray -= PERIMETER / COEFFICIENT / fps;\n        this.strokeDashoffset += (offsetStep * PERIMETER) / COEFFICIENT / fps;\n        // this.elementRef.nativeElement.parentElement!.style.animation = 'none';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLoaderComponent} from './loader.component';\nimport {TuiLoaderDirective} from './loader.directive';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule],\n    declarations: [TuiLoaderComponent, TuiLoaderDirective],\n    exports: [TuiLoaderComponent],\n})\nexport class TuiLoaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-core-components-primitive-checkbox.js

@@ -25,6 +25,10 @@ const TUI_CHECKBOX_DEFAULT_OPTIONS = {
 const TUI_CHECKBOX_OPTIONS = new InjectionToken('Default parameters for checkbox component', {
     factory: () => TUI_CHECKBOX_DEFAULT_OPTIONS,
 });
+const tuiCheckboxOptionsProvider = (options) => ({
+    provide: TUI_CHECKBOX_OPTIONS,
+    useValue: Object.assign(Object.assign({}, TUI_CHECKBOX_DEFAULT_OPTIONS), options),
+});
 
 // @dynamic
 let TuiPrimitiveCheckboxComponent = class TuiPrimitiveCheckboxComponent {
@@ -70,7 +74,7 @@ TuiPrimitiveCheckboxComponent.ctorParameters = () => [
 ];
 __decorate([
     Input(),
-    HostBinding('attr.data-tui-host-size'),
+    HostBinding('attr.data-size'),
     tuiDefaultProp()
 ], TuiPrimitiveCheckboxComponent.prototype, "size", void 0);
 __decorate([
@@ -102,7 +106,7 @@ TuiPrimitiveCheckboxComponent = __decorate([
         selector: 'tui-primitive-checkbox',
         template: "<tui-wrapper\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"focused\"\n    [hovered]=\"hovered\"\n    [pressed]=\"pressed\"\n    [invalid]=\"invalid\"\n>\n    <span polymorpheus-outlet [content]=\"icon\" [context]=\"{$implicit: size}\">\n        <ng-template let-icon>\n            <tui-svg\n                class=\"mark\"\n                [class.mark_on]=\"!empty\"\n                [src]=\"icon\"\n            ></tui-svg>\n        </ng-template>\n    </span>\n</tui-wrapper>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:block;font-size:0;flex-shrink:0}:host[data-tui-host-size='m']{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}:host[data-tui-host-size='l']{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.mark{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.mark_on{transform:scale(1)}"]
+        styles: [":host{display:block;font-size:0;flex-shrink:0}:host[data-size='m']{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}:host[data-size='l']{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.mark{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.mark_on{transform:scale(1)}"]
     }),
     __param(0, Inject(TUI_CHECKBOX_OPTIONS))
 ], TuiPrimitiveCheckboxComponent);
@@ -121,5 +125,5 @@ TuiPrimitiveCheckboxModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_CHECKBOX_DEFAULT_OPTIONS, TUI_CHECKBOX_OPTIONS, TuiPrimitiveCheckboxComponent, TuiPrimitiveCheckboxModule };
+export { TUI_CHECKBOX_DEFAULT_OPTIONS, TUI_CHECKBOX_OPTIONS, TuiPrimitiveCheckboxComponent, TuiPrimitiveCheckboxModule, tuiCheckboxOptionsProvider };
 //# sourceMappingURL=taiga-ui-core-components-primitive-checkbox.js.map

package/fesm2015/taiga-ui-core-components-primitive-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-primitive-checkbox.js","sources":["ng://@taiga-ui/core/components/primitive-checkbox/checkbox-options.ts","ng://@taiga-ui/core/components/primitive-checkbox/primitive-checkbox.component.ts","ng://@taiga-ui/core/components/primitive-checkbox/primitive-checkbox.module.ts","ng://@taiga-ui/core/components/primitive-checkbox/taiga-ui-core-components-primitive-checkbox.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface CheckboxOptions {\n    readonly size: TuiSizeL;\n    readonly appearances: Readonly<{\n        unchecked: string;\n        checked: string;\n        indeterminate: string;\n    }>;\n    readonly icons: Readonly<{\n        checked: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n        indeterminate: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n    }>;\n}\n\n/** Default values for the checkbox options. */\nexport const TUI_CHECKBOX_DEFAULT_OPTIONS: CheckboxOptions = {\n    size: 'm',\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n        indeterminate: TuiAppearance.Primary,\n    },\n    icons: {\n        checked({$implicit}: TuiContextWithImplicit<TuiSizeL>): string {\n            return $implicit === 'm' ? 'tuiIconCheck' : 'tuiIconCheckLarge';\n        },\n        indeterminate({$implicit}: TuiContextWithImplicit<TuiSizeL>): string {\n            return $implicit === 'm' ? 'tuiIconMinus' : 'tuiIconMinusLarge';\n        },\n    },\n};\n\nexport const TUI_CHECKBOX_OPTIONS = new InjectionToken<CheckboxOptions>(\n    'Default parameters for checkbox component',\n    {\n        factory: () => TUI_CHECKBOX_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {TuiContextWithImplicit, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {CheckboxOptions, TUI_CHECKBOX_OPTIONS} from './checkbox-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-primitive-checkbox',\n    templateUrl: './primitive-checkbox.template.html',\n    styleUrls: ['./primitive-checkbox.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPrimitiveCheckboxComponent {\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @tuiDefaultProp()\n    focused = false;\n\n    @Input()\n    @tuiDefaultProp()\n    hovered = false;\n\n    @Input()\n    @tuiDefaultProp()\n    pressed = false;\n\n    @Input()\n    @tuiDefaultProp()\n    invalid = false;\n\n    @Input('value')\n    @tuiDefaultProp()\n    set valueSetter(value: boolean | null) {\n        if (value !== false) {\n            this.setCurrentIcon(value);\n        }\n\n        this.value = value;\n    }\n\n    icon: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>> =\n        this.options.icons.checked;\n\n    value: boolean | null = false;\n\n    constructor(\n        @Inject(TUI_CHECKBOX_OPTIONS) private readonly options: CheckboxOptions,\n    ) {}\n\n    get appearance(): string {\n        switch (this.value) {\n            case false:\n                return this.options.appearances.unchecked;\n            case true:\n                return this.options.appearances.checked;\n            default:\n                return this.options.appearances.indeterminate;\n        }\n    }\n\n    get empty(): boolean {\n        return this.value === false;\n    }\n\n    private setCurrentIcon(value: null | boolean) {\n        this.icon =\n            value === null\n                ? this.options.icons.indeterminate\n                : this.options.icons.checked;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\nimport {TuiWrapperModule} from '@taiga-ui/core/components/wrapper';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPrimitiveCheckboxComponent} from './primitive-checkbox.component';\n\n@NgModule({\n    imports: [TuiSvgModule, TuiWrapperModule, PolymorpheusModule],\n    declarations: [TuiPrimitiveCheckboxComponent],\n    exports: [TuiPrimitiveCheckboxComponent],\n})\nexport class TuiPrimitiveCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAmBA;MACa,4BAA4B,GAAoB;IACzD,IAAI,EAAE,GAAG;IACT,WAAW,EAAE;QACT,SAAS;QACT,OAAO;QACP,aAAa;KAChB;IACD,KAAK,EAAE;QACH,OAAO,CAAC,EAAC,SAAS,EAAmC;YACjD,OAAO,SAAS,KAAK,GAAG,GAAG,cAAc,GAAG,mBAAmB,CAAC;SACnE;QACD,aAAa,CAAC,EAAC,SAAS,EAAmC;YACvD,OAAO,SAAS,KAAK,GAAG,GAAG,cAAc,GAAG,mBAAmB,CAAC;SACnE;KACJ;EACH;MAEW,oBAAoB,GAAG,IAAI,cAAc,CAClD,2CAA2C,EAC3C;IACI,OAAO,EAAE,MAAM,4BAA4B;CAC9C;;AC5BL;IAOa,6BAA6B,GAA1C,MAAa,6BAA6B;IAyCtC,YACmD,OAAwB;QAAxB,YAAO,GAAP,OAAO,CAAiB;QAtC3E,SAAI,GAAa,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAInC,aAAQ,GAAG,KAAK,CAAC;QAIjB,YAAO,GAAG,KAAK,CAAC;QAIhB,YAAO,GAAG,KAAK,CAAC;QAIhB,YAAO,GAAG,KAAK,CAAC;QAIhB,YAAO,GAAG,KAAK,CAAC;QAYhB,SAAI,GACA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAE/B,UAAK,GAAmB,KAAK,CAAC;KAI1B;IAfJ,IAAI,WAAW,CAAC,KAAqB;QACjC,IAAI,KAAK,KAAK,KAAK,EAAE;YACjB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;SAC9B;QAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAWD,IAAI,UAAU;QACV,QAAQ,IAAI,CAAC,KAAK;YACd,KAAK,KAAK;gBACN,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC;YAC9C,KAAK,IAAI;gBACL,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;YAC5C;gBACI,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;SACrD;KACJ;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;KAC/B;IAEO,cAAc,CAAC,KAAqB;QACxC,IAAI,CAAC,IAAI;YACL,KAAK,KAAK,IAAI;kBACR,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa;kBAChC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;KACxC;EACJ;;4CAxBQ,MAAM,SAAC,oBAAoB;;AAtChC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;2DACkB;AAInC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACA;AAIjB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACD;AAIhB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACD;AAIhB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACD;AAIhB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACD;AAIhB;IAFC,KAAK,CAAC,OAAO,CAAC;IACd,cAAc,EAAE;gEAOhB;AAlCQ,6BAA6B;IANzC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,0gBAAiD;QAEjD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IA2CO,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;GA1CxB,6BAA6B,CAkEzC;;IC1EY,0BAA0B,GAAvC,MAAa,0BAA0B;EAAG;AAA7B,0BAA0B;IALtC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC;QAC7D,YAAY,EAAE,CAAC,6BAA6B,CAAC;QAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;KAC3C,CAAC;GACW,0BAA0B,CAAG;;ACZ1C;;;;;;"}
+{"version":3,"file":"taiga-ui-core-components-primitive-checkbox.js","sources":["ng://@taiga-ui/core/components/primitive-checkbox/checkbox-options.ts","ng://@taiga-ui/core/components/primitive-checkbox/primitive-checkbox.component.ts","ng://@taiga-ui/core/components/primitive-checkbox/primitive-checkbox.module.ts","ng://@taiga-ui/core/components/primitive-checkbox/taiga-ui-core-components-primitive-checkbox.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiCheckboxOptions {\n    readonly size: TuiSizeL;\n    readonly appearances: Readonly<{\n        unchecked: string;\n        checked: string;\n        indeterminate: string;\n    }>;\n    readonly icons: Readonly<{\n        checked: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n        indeterminate: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n    }>;\n}\n\n/**\n * @deprecated: use TuiCheckboxOptions instead\n * todo: remove in 3.0\n */\nexport type CheckboxOptions = TuiCheckboxOptions;\n\n/** Default values for the checkbox options. */\nexport const TUI_CHECKBOX_DEFAULT_OPTIONS: TuiCheckboxOptions = {\n    size: 'm',\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n        indeterminate: TuiAppearance.Primary,\n    },\n    icons: {\n        checked({$implicit}: TuiContextWithImplicit<TuiSizeL>): string {\n            return $implicit === 'm' ? 'tuiIconCheck' : 'tuiIconCheckLarge';\n        },\n        indeterminate({$implicit}: TuiContextWithImplicit<TuiSizeL>): string {\n            return $implicit === 'm' ? 'tuiIconMinus' : 'tuiIconMinusLarge';\n        },\n    },\n};\n\nexport const TUI_CHECKBOX_OPTIONS = new InjectionToken<TuiCheckboxOptions>(\n    'Default parameters for checkbox component',\n    {\n        factory: () => TUI_CHECKBOX_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiCheckboxOptionsProvider: (\n    options: Partial<TuiCheckboxOptions>,\n) => ValueProvider = (options: Partial<TuiCheckboxOptions>) => ({\n    provide: TUI_CHECKBOX_OPTIONS,\n    useValue: {...TUI_CHECKBOX_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {TuiContextWithImplicit, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions} from './checkbox-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-primitive-checkbox',\n    templateUrl: './primitive-checkbox.template.html',\n    styleUrls: ['./primitive-checkbox.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPrimitiveCheckboxComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @tuiDefaultProp()\n    focused = false;\n\n    @Input()\n    @tuiDefaultProp()\n    hovered = false;\n\n    @Input()\n    @tuiDefaultProp()\n    pressed = false;\n\n    @Input()\n    @tuiDefaultProp()\n    invalid = false;\n\n    @Input('value')\n    @tuiDefaultProp()\n    set valueSetter(value: boolean | null) {\n        if (value !== false) {\n            this.setCurrentIcon(value);\n        }\n\n        this.value = value;\n    }\n\n    icon: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>> =\n        this.options.icons.checked;\n\n    value: boolean | null = false;\n\n    constructor(\n        @Inject(TUI_CHECKBOX_OPTIONS) private readonly options: TuiCheckboxOptions,\n    ) {}\n\n    get appearance(): string {\n        switch (this.value) {\n            case false:\n                return this.options.appearances.unchecked;\n            case true:\n                return this.options.appearances.checked;\n            default:\n                return this.options.appearances.indeterminate;\n        }\n    }\n\n    get empty(): boolean {\n        return this.value === false;\n    }\n\n    private setCurrentIcon(value: null | boolean) {\n        this.icon =\n            value === null\n                ? this.options.icons.indeterminate\n                : this.options.icons.checked;\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\nimport {TuiWrapperModule} from '@taiga-ui/core/components/wrapper';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPrimitiveCheckboxComponent} from './primitive-checkbox.component';\n\n@NgModule({\n    imports: [TuiSvgModule, TuiWrapperModule, PolymorpheusModule],\n    declarations: [TuiPrimitiveCheckboxComponent],\n    exports: [TuiPrimitiveCheckboxComponent],\n})\nexport class TuiPrimitiveCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}