npm - @taiga-ui/kit - Versions diffs - 2.55.0 → 2.58.0 - Mend

@taiga-ui/kit 2.55.0 → 2.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1092) hide show

package/fesm5/taiga-ui-kit-components-accordion.js CHANGED Viewed

@@ -18,7 +18,7 @@ var TuiAccordionItemContentDirective = /** @class */ (function (_super) {
     ]; };
     TuiAccordionItemContentDirective = __decorate([
         Directive({
-            selector: 'ng-template[tuiAccordionItemContent]',
+            selector: "ng-template[tuiAccordionItemContent]",
         }),
         __param(0, Inject(TemplateRef)),
         __param(0, Self()),
@@ -32,7 +32,7 @@ var TuiAccordionItemEagerContentDirective = /** @class */ (function () {
     }
     TuiAccordionItemEagerContentDirective = __decorate([
         Directive({
-            selector: '[tuiAccordionItemContent]:not(ng-template)',
+            selector: "[tuiAccordionItemContent]:not(ng-template)",
         })
     ], TuiAccordionItemEagerContentDirective);
     return TuiAccordionItemEagerContentDirective;
@@ -46,8 +46,8 @@ var TuiAccordionItemComponent = /** @class */ (function (_super) {
         _this.mode$ = mode$;
         _this.noPadding = false;
         _this.showArrow = true;
-        _this.borders = 'all';
-        _this.size = 'm';
+        _this.borders = "all";
+        _this.size = "m";
         _this.disabled = false;
         _this.disableHover = false;
         _this.open = false;
@@ -119,31 +119,31 @@ var TuiAccordionItemComponent = /** @class */ (function (_super) {
         { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] }
     ]; };
     __decorate([
-        ViewChild('focusableElement')
+        ViewChild("focusableElement")
     ], TuiAccordionItemComponent.prototype, "focusableElement", void 0);
     __decorate([
         Input(),
-        HostBinding('class._no-padding'),
+        HostBinding("class._no-padding"),
         tuiDefaultProp()
     ], TuiAccordionItemComponent.prototype, "noPadding", void 0);
     __decorate([
         Input(),
-        HostBinding('class._has-arrow'),
+        HostBinding("class._has-arrow"),
         tuiDefaultProp()
     ], TuiAccordionItemComponent.prototype, "showArrow", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-tui-host-borders'),
+        HostBinding("attr.data-tui-host-borders"),
         tuiDefaultProp()
     ], TuiAccordionItemComponent.prototype, "borders", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-size'),
+        HostBinding("attr.data-size"),
         tuiDefaultProp()
     ], TuiAccordionItemComponent.prototype, "size", void 0);
     __decorate([
         Input(),
-        HostBinding('class._disabled'),
+        HostBinding("class._disabled"),
         tuiDefaultProp()
     ], TuiAccordionItemComponent.prototype, "disabled", void 0);
     __decorate([
@@ -169,7 +169,7 @@ var TuiAccordionItemComponent = /** @class */ (function (_super) {
     ], TuiAccordionItemComponent.prototype, "lazyContent", void 0);
     TuiAccordionItemComponent = TuiAccordionItemComponent_1 = __decorate([
         Component({
-            selector: 'tui-accordion-item',
+            selector: "tui-accordion-item",
             template: "<div\n    #focusableElement\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n    [tuiFocusable]=\"computedFocusable\"\n    (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    (tuiFocusedChange)=\"onFocused($event)\"\n    (keydown.space)=\"onItemKeyDownSpace($event)\"\n    (keydown.enter)=\"onItemKeyDownSpace($event)\"\n    (keydown.esc)=\"onItemKeyDownEsc($event)\"\n>\n    <div\n        automation-id=\"tui-accordion__item-header\"\n        class=\"t-header\"\n        [class.t-header_open]=\"open\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (click)=\"onRowToggle()\"\n    >\n        <div\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <tui-svg\n            *ngIf=\"showArrow\"\n            automation-id=\"tui-accordion__item-arrow\"\n            src=\"tuiIconChevronDownLarge\"\n            class=\"t-icon\"\n            [class.t-icon_open]=\"open\"\n        ></tui-svg>\n    </div>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <div\n            *ngIf=\"eagerContent\"\n            class=\"t-content\"\n        >\n            <ng-content select=\"[tuiAccordionItemContent]\"></ng-content>\n        </div>\n        <ng-template tuiExpandContent>\n            <div\n                *ngIf=\"lazyContent\"\n                polymorpheus-outlet\n                automation-id=\"tui-accordion__item-content\"\n                class=\"t-content\"\n                [content]=\"lazyContent\"\n            ></div>\n        </ng-template>\n    </tui-expand>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
@@ -180,7 +180,7 @@ var TuiAccordionItemComponent = /** @class */ (function (_super) {
                 MODE_PROVIDER,
             ],
             host: {
-                '($.data-mode.attr)': 'mode$',
+                '($.data-mode.attr)': "mode$",
             },
             styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-tui-host-borders=top-bottom]{border-radius:0!important}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:focus{outline:0}.t-wrapper:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}:host:not([data-tui-host-borders]) .t-wrapper:after{border-width:0}:host[data-tui-host-borders=all] .t-wrapper:after{border-width:1px}:host[data-tui-host-borders=top-bottom] .t-wrapper:after{border-left-width:0;border-right-width:0}:host[data-tui-host-borders=top] .t-wrapper:after{border-left-width:0;border-right-width:0;border-bottom-width:0}:host[data-tui-host-borders=bottom] .t-wrapper:after{border-left-width:0;border-right-width:0;border-top-width:0}:host[data-mode=onDark] .t-wrapper:after{border-color:var(--tui-base-03)}:host[data-mode=onLight] .t-wrapper:after{border-color:var(--tui-text-01)}:host._focus-visible .t-wrapper:after{border:2px solid var(--tui-focus)}:host:not([data-mode]) .t-wrapper{background:var(--tui-base-01)}.t-header{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer}:host[data-mode=onDark] .t-header{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}:host[data-mode=onLight] .t-header{border-color:var(--tui-text-01)}:host:not([data-tui-host-borders]) .t-header{border-bottom-width:0;box-shadow:none}:host._has-arrow .t-header{padding-right:.75rem}:host[data-mode=onDark] .t-header_open{background:var(--tui-clear-inverse)}:host[data-mode=onLight] .t-header_open{background:var(--tui-clear)}:host[data-size='s'] .t-header{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}:host:hover:not([data-mode]) .t-header_hoverable{background:var(--tui-base-02)}:host:hover[data-mode=onDark] .t-header_hoverable{background:var(--tui-clear-inverse)}:host:hover[data-mode=onLight] .t-header_hoverable{background:var(--tui-clear)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:transform,color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open{transform:rotate(180deg)}:host[data-mode] .t-icon{opacity:var(--tui-disabled-opacity)}:host:hover[data-mode] .t-icon{opacity:.8}:host[data-mode=onDark] .t-icon{color:var(--tui-text-01-night)}:host[data-mode=onLight] .t-icon{color:var(--tui-text-01)}:host:hover:not([data-mode]) .t-icon{color:var(--tui-base-07)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}:host[data-size='s'] .t-content{font:var(--tui-font-text-s);padding:1rem}"]
         }),
@@ -234,11 +234,11 @@ var TuiAccordionComponent = /** @class */ (function () {
     ], TuiAccordionComponent.prototype, "accordionItems", void 0);
     TuiAccordionComponent = __decorate([
         Component({
-            selector: 'tui-accordion',
-            template: "<!--TODO: Unnecessary nesting, probably accordion can be a directive-->\n<div\n    tuiGroup\n    automation-id=\"tui-accordion__group\"\n    orientation=\"vertical\"\n    size=\"l\"\n    class=\"group\"\n    [collapsed]=\"true\"\n    [rounded]=\"rounded\"\n>\n    <ng-content select=\"tui-accordion-item\"></ng-content>\n</div>\n",
+            selector: "tui-accordion",
+            template: "<!--TODO: Unnecessary nesting, probably accordion can be a directive-->\n<div\n    tuiGroup\n    automation-id=\"tui-accordion__group\"\n    orientation=\"vertical\"\n    size=\"l\"\n    class=\"t-group\"\n    [collapsed]=\"true\"\n    [rounded]=\"rounded\"\n>\n    <ng-content select=\"tui-accordion-item\"></ng-content>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [TuiDestroyService],
-            styles: [":host{display:block}.group{display:flex}"]
+            styles: [":host{display:block}.t-group{display:flex}"]
         }),
         __param(0, Inject(TuiDestroyService))
     ], TuiAccordionComponent);

package/fesm5/taiga-ui-kit-components-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-accordion.js","sources":["ng://@taiga-ui/kit/components/accordion/accordion-item/accordion-item-content.directive.ts","ng://@taiga-ui/kit/components/accordion/accordion-item/accordion-item-eager-content.directive.ts","ng://@taiga-ui/kit/components/accordion/accordion-item/accordion-item.component.ts","ng://@taiga-ui/kit/components/accordion/accordion.component.ts","ng://@taiga-ui/kit/components/accordion/accordion.module.ts","ng://@taiga-ui/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {ChangeDetectorRef, Directive, Inject, Self, TemplateRef} from '@angular/core';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\n\n@Directive({\n selector: 'ng-template[tuiAccordionItemContent]',\n})\nexport class TuiAccordionItemContentDirective extends PolymorpheusTemplate<\n Record<string, unknown>\n> {\n constructor(\n @Inject(TemplateRef)\n @Self()\n templateRef: TemplateRef<Record<string, unknown>>,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n super(templateRef, changeDetectorRef);\n }\n}\n","import {Directive} from '@angular/core';\n\n@Directive({\n selector: '[tuiAccordionItemContent]:not(ng-template)',\n})\nexport class TuiAccordionItemEagerContentDirective {}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n Inject,\n Input,\n Output,\n ViewChild,\n} from '@angular/core';\nimport {\n AbstractTuiInteractive,\n isNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeS} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TuiAccordionItemContentDirective} from './accordion-item-content.directive';\nimport {TuiAccordionItemEagerContentDirective} from './accordion-item-eager-content.directive';\n\n@Component({\n selector: 'tui-accordion-item',\n templateUrl: './accordion-item.template.html',\n styleUrls: ['./accordion-item.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiAccordionItemComponent),\n },\n MODE_PROVIDER,\n ],\n host: {\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiAccordionItemComponent\n extends AbstractTuiInteractive\n implements TuiFocusableElementAccessor\n{\n @ViewChild('focusableElement')\n private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n @Input()\n @HostBinding('class._no-padding')\n @tuiDefaultProp()\n noPadding = false;\n\n @Input()\n @HostBinding('class._has-arrow')\n @tuiDefaultProp()\n showArrow = true;\n\n @Input()\n @HostBinding('attr.data-tui-host-borders')\n @tuiDefaultProp()\n borders: 'all' \| 'top-bottom' \| null = 'all';\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = 'm';\n\n @Input()\n @HostBinding('class._disabled')\n @tuiDefaultProp()\n disabled = false;\n\n @Input()\n @tuiDefaultProp()\n disableHover = false;\n\n @Input()\n @tuiDefaultProp()\n open = false;\n\n @Input()\n @tuiDefaultProp()\n async = false;\n\n @Output()\n readonly openChange = new EventEmitter<boolean>();\n\n @ContentChild(TuiAccordionItemEagerContentDirective)\n readonly eagerContent?: TuiAccordionItemEagerContentDirective;\n\n @ContentChild(TuiAccordionItemContentDirective)\n readonly lazyContent?: TuiAccordionItemContentDirective;\n\n constructor(\n @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>,\n ) {\n super();\n }\n\n get nativeFocusableElement(): TuiNativeFocusableElement \| null {\n return this.disabled \|\| !this.focusableElement\n ? null\n : this.focusableElement.nativeElement;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n onHovered(hovered: boolean): void {\n if (!this.disableHover) {\n this.updateHovered(hovered);\n }\n }\n\n onFocused(focused: boolean): void {\n this.updateFocused(focused);\n }\n\n onFocusVisible(focusVisible: boolean): void {\n this.updateFocusVisible(focusVisible);\n }\n\n onRowToggle(): void {\n if (!this.disabled) {\n this.updateOpen(!this.open);\n }\n }\n\n onItemKeyDownEsc(event: Event): void {\n if (!this.focused \|\| !this.open) {\n return;\n }\n\n event.stopPropagation();\n this.updateOpen(false);\n }\n\n onItemKeyDownSpace(event: Event): void {\n if (!this.focused) {\n return;\n }\n\n event.preventDefault();\n this.onRowToggle();\n }\n\n close(): void {\n this.updateOpen(false);\n this.changeDetectorRef.markForCheck();\n }\n\n private updateOpen(open: boolean): void {\n if (this.open === open) {\n return;\n }\n\n this.open = open;\n this.openChange.emit(open);\n }\n}\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Inject,\n Input,\n QueryList,\n} from '@angular/core';\nimport {\n EMPTY_QUERY,\n isPresent,\n itemsQueryListObservable,\n tuiDefaultProp,\n TuiDestroyService,\n} from '@taiga-ui/cdk';\nimport {identity, merge} from 'rxjs';\nimport {filter, map, mapTo, pairwise, switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiAccordionItemComponent} from './accordion-item/accordion-item.component';\n\n@Component({\n selector: 'tui-accordion',\n styleUrls: ['./accordion.style.less'],\n templateUrl: 'accordion.template.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [TuiDestroyService],\n})\nexport class TuiAccordionComponent implements AfterContentInit {\n @Input()\n @tuiDefaultProp()\n closeOthers = true;\n\n @Input()\n @tuiDefaultProp()\n rounded = true;\n\n @ContentChildren(TuiAccordionItemComponent)\n readonly accordionItems: QueryList<TuiAccordionItemComponent> = EMPTY_QUERY;\n\n constructor(\n @Inject(TuiDestroyService)\n private readonly destroy$: TuiDestroyService,\n ) {}\n\n ngAfterContentInit(): void {\n const {accordionItems} = this;\n const rows$ = itemsQueryListObservable(accordionItems);\n const newOpenRow$ = rows$.pipe(\n pairwise(),\n map(([previous, current]) =>\n current.find(item => !previous.includes(item) && item.open),\n ),\n filter(isPresent),\n );\n const rowsOpen$ = merge(\n rows$.pipe(\n switchMap(rows =>\n merge(\n ...rows.map(row =>\n row.openChange.pipe(filter(identity), mapTo(row)),\n ),\n ),\n ),\n ),\n newOpenRow$,\n ).pipe(\n filter(() => this.closeOthers),\n takeUntil(this.destroy$),\n );\n\n rowsOpen$.subscribe(currentRow => {\n accordionItems.forEach(row => {\n if (currentRow !== row) {\n row.close();\n }\n });\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n TuiFocusableModule,\n TuiFocusedModule,\n TuiFocusVisibleModule,\n TuiHoveredModule,\n} from '@taiga-ui/cdk';\nimport {TuiExpandModule, TuiGroupModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionItemComponent} from './accordion-item/accordion-item.component';\nimport {TuiAccordionItemContentDirective} from './accordion-item/accordion-item-content.directive';\nimport {TuiAccordionItemEagerContentDirective} from './accordion-item/accordion-item-eager-content.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiFocusedModule,\n TuiFocusVisibleModule,\n TuiFocusableModule,\n TuiHoveredModule,\n PolymorpheusModule,\n TuiSvgModule,\n TuiGroupModule,\n TuiExpandModule,\n ],\n declarations: [\n TuiAccordionComponent,\n TuiAccordionItemComponent,\n TuiAccordionItemContentDirective,\n TuiAccordionItemEagerContentDirective,\n ],\n exports: [\n TuiAccordionComponent,\n TuiAccordionItemComponent,\n TuiAccordionItemContentDirective,\n TuiAccordionItemEagerContentDirective,\n ],\n})\nexport class TuiAccordionModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"taiga-ui-kit-components-accordion.js","sources":["ng://@taiga-ui/kit/components/accordion/accordion-item/accordion-item-content.directive.ts","ng://@taiga-ui/kit/components/accordion/accordion-item/accordion-item-eager-content.directive.ts","ng://@taiga-ui/kit/components/accordion/accordion-item/accordion-item.component.ts","ng://@taiga-ui/kit/components/accordion/accordion.component.ts","ng://@taiga-ui/kit/components/accordion/accordion.module.ts","ng://@taiga-ui/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {ChangeDetectorRef, Directive, Inject, Self, TemplateRef} from '@angular/core';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\n\n@Directive({\n selector: `ng-template[tuiAccordionItemContent]`,\n})\nexport class TuiAccordionItemContentDirective extends PolymorpheusTemplate<\n Record<string, unknown>\n> {\n constructor(\n @Inject(TemplateRef)\n @Self()\n templateRef: TemplateRef<Record<string, unknown>>,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n super(templateRef, changeDetectorRef);\n }\n}\n","import {Directive} from '@angular/core';\n\n@Directive({\n selector: `[tuiAccordionItemContent]:not(ng-template)`,\n})\nexport class TuiAccordionItemEagerContentDirective {}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostBinding,\n Inject,\n Input,\n Output,\n ViewChild,\n} from '@angular/core';\nimport {\n AbstractTuiInteractive,\n isNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeS} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TuiAccordionItemContentDirective} from './accordion-item-content.directive';\nimport {TuiAccordionItemEagerContentDirective} from './accordion-item-eager-content.directive';\n\n@Component({\n selector: `tui-accordion-item`,\n templateUrl: `./accordion-item.template.html`,\n styleUrls: [`./accordion-item.style.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiAccordionItemComponent),\n },\n MODE_PROVIDER,\n ],\n host: {\n '($.data-mode.attr)': `mode$`,\n },\n})\nexport class TuiAccordionItemComponent\n extends AbstractTuiInteractive\n implements TuiFocusableElementAccessor\n{\n @ViewChild(`focusableElement`)\n private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n @Input()\n @HostBinding(`class._no-padding`)\n @tuiDefaultProp()\n noPadding = false;\n\n @Input()\n @HostBinding(`class._has-arrow`)\n @tuiDefaultProp()\n showArrow = true;\n\n @Input()\n @HostBinding(`attr.data-tui-host-borders`)\n @tuiDefaultProp()\n borders: 'all' \| 'top-bottom' \| null = `all`;\n\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size: TuiSizeS = `m`;\n\n @Input()\n @HostBinding(`class._disabled`)\n @tuiDefaultProp()\n disabled = false;\n\n @Input()\n @tuiDefaultProp()\n disableHover = false;\n\n @Input()\n @tuiDefaultProp()\n open = false;\n\n @Input()\n @tuiDefaultProp()\n async = false;\n\n @Output()\n readonly openChange = new EventEmitter<boolean>();\n\n @ContentChild(TuiAccordionItemEagerContentDirective)\n readonly eagerContent?: TuiAccordionItemEagerContentDirective;\n\n @ContentChild(TuiAccordionItemContentDirective)\n readonly lazyContent?: TuiAccordionItemContentDirective;\n\n constructor(\n @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>,\n ) {\n super();\n }\n\n get nativeFocusableElement(): TuiNativeFocusableElement \| null {\n return this.disabled \|\| !this.focusableElement\n ? null\n : this.focusableElement.nativeElement;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n onHovered(hovered: boolean): void {\n if (!this.disableHover) {\n this.updateHovered(hovered);\n }\n }\n\n onFocused(focused: boolean): void {\n this.updateFocused(focused);\n }\n\n onFocusVisible(focusVisible: boolean): void {\n this.updateFocusVisible(focusVisible);\n }\n\n onRowToggle(): void {\n if (!this.disabled) {\n this.updateOpen(!this.open);\n }\n }\n\n onItemKeyDownEsc(event: Event): void {\n if (!this.focused \|\| !this.open) {\n return;\n }\n\n event.stopPropagation();\n this.updateOpen(false);\n }\n\n onItemKeyDownSpace(event: Event): void {\n if (!this.focused) {\n return;\n }\n\n event.preventDefault();\n this.onRowToggle();\n }\n\n close(): void {\n this.updateOpen(false);\n this.changeDetectorRef.markForCheck();\n }\n\n private updateOpen(open: boolean): void {\n if (this.open === open) {\n return;\n }\n\n this.open = open;\n this.openChange.emit(open);\n }\n}\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Inject,\n Input,\n QueryList,\n} from '@angular/core';\nimport {\n EMPTY_QUERY,\n isPresent,\n itemsQueryListObservable,\n tuiDefaultProp,\n TuiDestroyService,\n} from '@taiga-ui/cdk';\nimport {identity, merge} from 'rxjs';\nimport {filter, map, mapTo, pairwise, switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiAccordionItemComponent} from './accordion-item/accordion-item.component';\n\n@Component({\n selector: `tui-accordion`,\n styleUrls: [`./accordion.style.less`],\n templateUrl: `accordion.template.html`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [TuiDestroyService],\n})\nexport class TuiAccordionComponent implements AfterContentInit {\n @Input()\n @tuiDefaultProp()\n closeOthers = true;\n\n @Input()\n @tuiDefaultProp()\n rounded = true;\n\n @ContentChildren(TuiAccordionItemComponent)\n readonly accordionItems: QueryList<TuiAccordionItemComponent> = EMPTY_QUERY;\n\n constructor(\n @Inject(TuiDestroyService)\n private readonly destroy$: TuiDestroyService,\n ) {}\n\n ngAfterContentInit(): void {\n const {accordionItems} = this;\n const rows$ = itemsQueryListObservable(accordionItems);\n const newOpenRow$ = rows$.pipe(\n pairwise(),\n map(([previous, current]) =>\n current.find(item => !previous.includes(item) && item.open),\n ),\n filter(isPresent),\n );\n const rowsOpen$ = merge(\n rows$.pipe(\n switchMap(rows =>\n merge(\n ...rows.map(row =>\n row.openChange.pipe(filter(identity), mapTo(row)),\n ),\n ),\n ),\n ),\n newOpenRow$,\n ).pipe(\n filter(() => this.closeOthers),\n takeUntil(this.destroy$),\n );\n\n rowsOpen$.subscribe(currentRow => {\n accordionItems.forEach(row => {\n if (currentRow !== row) {\n row.close();\n }\n });\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n TuiFocusableModule,\n TuiFocusedModule,\n TuiFocusVisibleModule,\n TuiHoveredModule,\n} from '@taiga-ui/cdk';\nimport {TuiExpandModule, TuiGroupModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionItemComponent} from './accordion-item/accordion-item.component';\nimport {TuiAccordionItemContentDirective} from './accordion-item/accordion-item-content.directive';\nimport {TuiAccordionItemEagerContentDirective} from './accordion-item/accordion-item-eager-content.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiFocusedModule,\n TuiFocusVisibleModule,\n TuiFocusableModule,\n TuiHoveredModule,\n PolymorpheusModule,\n TuiSvgModule,\n TuiGroupModule,\n TuiExpandModule,\n ],\n declarations: [\n TuiAccordionComponent,\n TuiAccordionItemComponent,\n TuiAccordionItemContentDirective,\n TuiAccordionItemEagerContentDirective,\n ],\n exports: [\n TuiAccordionComponent,\n TuiAccordionItemComponent,\n TuiAccordionItemContentDirective,\n TuiAccordionItemEagerContentDirective,\n ],\n})\nexport class TuiAccordionModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-action.js CHANGED Viewed

@@ -11,8 +11,8 @@ var TuiActionComponent = /** @class */ (function (_super) {
     function TuiActionComponent(focusVisible$, elementRef) {
         var _this = _super.call(this) || this;
         _this.elementRef = elementRef;
-        _this.icon = '';
-        _this.isLink = _this.elementRef.nativeElement.matches('a');
+        _this.icon = "";
+        _this.isLink = _this.elementRef.nativeElement.matches("a");
         _this.disabled = false;
         if (!_this.isLink) {
             return _this;
@@ -55,24 +55,24 @@ var TuiActionComponent = /** @class */ (function (_super) {
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
     ]; };
     __decorate([
-        ViewChild('focusableElement')
+        ViewChild("focusableElement")
     ], TuiActionComponent.prototype, "focusableElement", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
     ], TuiActionComponent.prototype, "icon", void 0);
     __decorate([
-        HostListener('focusin', ['true']),
-        HostListener('focusout', ['false'])
+        HostListener("focusin", ["true"]),
+        HostListener("focusout", ["false"])
     ], TuiActionComponent.prototype, "onFocused", null);
     __decorate([
-        HostListener('mouseenter', ['true']),
-        HostListener('mouseleave', ['false'])
+        HostListener("mouseenter", ["true"]),
+        HostListener("mouseleave", ["false"])
     ], TuiActionComponent.prototype, "onHovered", null);
     TuiActionComponent = TuiActionComponent_1 = __decorate([
         Component({
-            selector: 'tui-action, a[tuiAction]',
-            template: "<label\n    *ngIf=\"!isLink; else content\"\n    automation-id=\"tui-action__content\"\n    class=\"wrapper\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <button\n        #focusableElement\n        type=\"button\"\n        automation-id=\"tui-action__native\"\n        class=\"button\"\n        [id]=\"id\"\n        [tuiDescribedBy]=\"id\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    ></button>\n</label>\n<ng-template #content>\n    <div class=\"wrapper\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n<tui-marker-icon\n    size=\"s\"\n    class=\"icon\"\n    [src]=\"icon\"\n></tui-marker-icon>\n",
+            selector: "tui-action, a[tuiAction]",
+            template: "<label\n    *ngIf=\"!isLink; else content\"\n    automation-id=\"tui-action__content\"\n    class=\"t-wrapper\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <button\n        #focusableElement\n        type=\"button\"\n        automation-id=\"tui-action__native\"\n        class=\"t-button\"\n        [id]=\"id\"\n        [tuiDescribedBy]=\"id\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    ></button>\n</label>\n<ng-template #content>\n    <div class=\"t-wrapper\">\n        <ng-content></ng-content>\n    </div>\n</ng-template>\n<tui-marker-icon\n    size=\"s\"\n    class=\"t-icon\"\n    [src]=\"icon\"\n></tui-marker-icon>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 TuiDestroyService,
@@ -82,7 +82,7 @@ var TuiActionComponent = /** @class */ (function (_super) {
                     useExisting: forwardRef(function () { return TuiActionComponent_1; }),
                 },
             ],
-            styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;transition-property:transform,box-shadow;will-change:transform,box-shadow;position:relative;display:flex;font:var(--tui-font-text-m);padding:.875rem;color:var(--tui-text-01);text-decoration:none;border:2px solid transparent;border-radius:var(--tui-radius-l);outline:0}:host:hover{box-shadow:0 .75rem 2.25rem rgba(0,0,0,.2);transform:translateY(-.25rem)}:host._focus-visible{border-color:var(--tui-focus)}.button{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;cursor:pointer;outline:0}.icon{margin-left:1.25rem;color:var(--tui-action-color,var(--tui-link));background-color:var(--tui-action-background,var(--tui-base-02))}.wrapper{flex:1}"]
+            styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;transition-property:transform,box-shadow;will-change:transform,box-shadow;position:relative;display:flex;font:var(--tui-font-text-m);padding:.875rem;color:var(--tui-text-01);text-decoration:none;border:2px solid transparent;border-radius:var(--tui-radius-l);outline:0}:host:hover{box-shadow:0 .75rem 2.25rem rgba(0,0,0,.2);transform:translateY(-.25rem)}:host._focus-visible{border-color:var(--tui-focus)}.t-button{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;cursor:pointer;outline:0}.t-icon{margin-left:1.25rem;color:var(--tui-action-color,var(--tui-link));background-color:var(--tui-action-background,var(--tui-base-02))}.t-wrapper{flex:1}"]
         }),
         __param(0, Inject(TuiFocusVisibleService)),
         __param(1, Inject(ElementRef))

package/fesm5/taiga-ui-kit-components-action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-action.js","sources":["ng://@taiga-ui/kit/components/action/action.component.ts","ng://@taiga-ui/kit/components/action/action.module.ts","ng://@taiga-ui/kit/components/action/taiga-ui-kit-components-action.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n forwardRef,\n HostListener,\n Inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {\n AbstractTuiInteractive,\n isNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n tuiDefaultProp,\n TuiDestroyService,\n TuiFocusVisibleService,\n TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\n\n// TODO: 3.0 Refactor to button[tuiAction]\n@Component({\n selector: 'tui-action, a[tuiAction]~~',\~~n templateUrl: ~~'./~~action.template.html~~',\~~n styleUrls: [~~'./~~action.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiFocusVisibleService,\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiActionComponent),\n },\n ],\n})\nexport class TuiActionComponent extends AbstractTuiInteractive {\n @ViewChild('focusableElement')\n private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n @Input()\n @tuiDefaultProp()\n icon = ~~'';\~~n\n readonly isLink = this.elementRef.nativeElement.matches('a');\n\n readonly disabled = false;\n\n constructor(\n @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {\n super();\n\n if (!this.isLink) {\n return;\n }\n\n focusVisible$.subscribe(visible => {\n this.updateFocusVisible(visible);\n });\n }\n\n get nativeFocusableElement(): TuiNativeFocusableElement \| null {\n if (this.isLink) {\n return this.elementRef.nativeElement;\n }\n\n return this.focusableElement ? this.focusableElement.nativeElement : null;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n @HostListener('focusin', ['true'])\n @HostListener('focusout', ['false'])\n onFocused(focused: boolean): void {\n this.updateFocused(focused);\n }\n\n @HostListener('mouseenter', ['true'])\n @HostListener('mouseleave', ['false'])\n onHovered(hovered: boolean): void {\n this.updateHovered(hovered);\n }\n\n onFocusVisible(focusVisible: boolean): void {\n this.updateFocusVisible(focusVisible);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiFocusVisibleModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule} from '@taiga-ui/core';\nimport {TuiMarkerIconModule} from '@taiga-ui/kit/components/marker-icon';\n\nimport {TuiActionComponent} from './action.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiFocusableModule,\n TuiFocusVisibleModule,\n TuiDescribedByModule,\n TuiMarkerIconModule,\n ],\n declarations: [TuiActionComponent],\n exports: [TuiActionComponent],\n})\nexport class TuiActionModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAoBA;;IAewC,sCAAsB;IAY1D,4BACoC,aAAqC,EAChC,UAAmC;QAF5E,YAII,iBAAO,SASV;QAXwC,gBAAU,GAAV,UAAU,CAAyB;QAR5E,UAAI,GAAG,EAAE,CAAC;QAED,YAAM,GAAG,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAEpD,cAAQ,GAAG,KAAK,CAAC;QAQtB,IAAI,CAAC,KAAI,CAAC,MAAM,EAAE;;SAEjB;QAED,aAAa,CAAC,SAAS,CAAC,UAAA,OAAO;YAC3B,KAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;SACpC,CAAC,CAAC;;KACN;2BAzBQ,kBAAkB;IA2B3B,sBAAI,sDAAsB;aAA1B;YACI,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;aACxC;YAED,OAAO,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7E;;;OAAA;IAED,sBAAI,uCAAO;aAAX;YACI,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACvD;;;OAAA;IAID,sCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAID,sCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,2CAAc,GAAd,UAAe,YAAqB;QAChC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;KACzC;;;gBAxCkD,sBAAsB,uBAApE,MAAM,SAAC,sBAAsB;gBACmB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;IAZtB;QADC,SAAS,CAAC,kBAAkB,CAAC;gEAC4C;IAI1E;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACP;IAmCV;QAFC,YAAY,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;QACjC,YAAY,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC;uDAGnC;IAID;QAFC,YAAY,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC;QACpC,YAAY,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC;uDAGrC;IAjDQ,kBAAkB;QAd9B,SAAS,CAAC;YACP,QAAQ,EAAE,0BAA0B;YACpC,~~stBAAqC~~;YAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP,iBAAiB;gBACjB,sBAAsB;gBACtB;oBACI,OAAO,EAAE,2BAA2B;oBACpC,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAkB,GAAA,CAAC;iBACpD;aACJ;;SACJ,CAAC;QAcO,WAAA,MAAM,CAAC,sBAAsB,CAAC,CAAA;QAC9B,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OAdd,kBAAkB,CAsD9B;IAAD,yBAAC;CAAA,CAtDuC,sBAAsB;;;IChB9D;KAA+B;IAAlB,eAAe;QAX3B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;aACtB;YACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACnBA;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-action.js","sources":["ng://@taiga-ui/kit/components/action/action.component.ts","ng://@taiga-ui/kit/components/action/action.module.ts","ng://@taiga-ui/kit/components/action/taiga-ui-kit-components-action.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n forwardRef,\n HostListener,\n Inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {\n AbstractTuiInteractive,\n isNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n tuiDefaultProp,\n TuiDestroyService,\n TuiFocusVisibleService,\n TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\n\n// TODO: 3.0 Refactor to button[tuiAction]\n@Component({\n selector: `tui-action, a[tuiAction]`,\n templateUrl: `./action.template.html`,\n styleUrls: [`./action.style.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiFocusVisibleService,\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiActionComponent),\n },\n ],\n})\nexport class TuiActionComponent extends AbstractTuiInteractive {\n @ViewChild(`focusableElement`)\n private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n @Input()\n @tuiDefaultProp()\n icon = ``;\n\n readonly isLink = this.elementRef.nativeElement.matches(`a`);\n\n readonly disabled = false;\n\n constructor(\n @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {\n super();\n\n if (!this.isLink) {\n return;\n }\n\n focusVisible$.subscribe(visible => {\n this.updateFocusVisible(visible);\n });\n }\n\n get nativeFocusableElement(): TuiNativeFocusableElement \| null {\n if (this.isLink) {\n return this.elementRef.nativeElement;\n }\n\n return this.focusableElement ? this.focusableElement.nativeElement : null;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n @HostListener(`focusin`, [`true`])\n @HostListener(`focusout`, [`false`])\n onFocused(focused: boolean): void {\n this.updateFocused(focused);\n }\n\n @HostListener(`mouseenter`, [`true`])\n @HostListener(`mouseleave`, [`false`])\n onHovered(hovered: boolean): void {\n this.updateHovered(hovered);\n }\n\n onFocusVisible(focusVisible: boolean): void {\n this.updateFocusVisible(focusVisible);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiFocusVisibleModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule} from '@taiga-ui/core';\nimport {TuiMarkerIconModule} from '@taiga-ui/kit/components/marker-icon';\n\nimport {TuiActionComponent} from './action.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiFocusableModule,\n TuiFocusVisibleModule,\n TuiDescribedByModule,\n TuiMarkerIconModule,\n ],\n declarations: [TuiActionComponent],\n exports: [TuiActionComponent],\n})\nexport class TuiActionModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAoBA;;IAewC,sCAAsB;IAY1D,4BACoC,aAAqC,EAChC,UAAmC;QAF5E,YAII,iBAAO,SASV;QAXwC,gBAAU,GAAV,UAAU,CAAyB;QAR5E,UAAI,GAAG,EAAE,CAAC;QAED,YAAM,GAAG,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAEpD,cAAQ,GAAG,KAAK,CAAC;QAQtB,IAAI,CAAC,KAAI,CAAC,MAAM,EAAE;;SAEjB;QAED,aAAa,CAAC,SAAS,CAAC,UAAA,OAAO;YAC3B,KAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;SACpC,CAAC,CAAC;;KACN;2BAzBQ,kBAAkB;IA2B3B,sBAAI,sDAAsB;aAA1B;YACI,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;aACxC;YAED,OAAO,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7E;;;OAAA;IAED,sBAAI,uCAAO;aAAX;YACI,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACvD;;;OAAA;IAID,sCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAID,sCAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,2CAAc,GAAd,UAAe,YAAqB;QAChC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;KACzC;;;gBAxCkD,sBAAsB,uBAApE,MAAM,SAAC,sBAAsB;gBACmB,UAAU,uBAA1D,MAAM,SAAC,UAAU;;IAZtB;QADC,SAAS,CAAC,kBAAkB,CAAC;gEAC4C;IAI1E;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACP;IAmCV;QAFC,YAAY,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;QACjC,YAAY,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC;uDAGnC;IAID;QAFC,YAAY,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC;QACpC,YAAY,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC;uDAGrC;IAjDQ,kBAAkB;QAd9B,SAAS,CAAC;YACP,QAAQ,EAAE,0BAA0B;YACpC,8tBAAqC;YAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,SAAS,EAAE;gBACP,iBAAiB;gBACjB,sBAAsB;gBACtB;oBACI,OAAO,EAAE,2BAA2B;oBACpC,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,oBAAkB,GAAA,CAAC;iBACpD;aACJ;;SACJ,CAAC;QAcO,WAAA,MAAM,CAAC,sBAAsB,CAAC,CAAA;QAC9B,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;OAdd,kBAAkB,CAsD9B;IAAD,yBAAC;CAAA,CAtDuC,sBAAsB;;;IChB9D;KAA+B;IAAlB,eAAe;QAX3B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;aACtB;YACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACnBA;;;;;;"}

package/fesm5/taiga-ui-kit-components-arrow.js CHANGED Viewed

@@ -5,21 +5,21 @@ import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorph
 import { CommonModule } from '@angular/common';
 // TODO: 3.0 remove in ivy compilation
-var TUI_ARROW_ICON_SMALL = 'tuiIconChevronDown';
-var TUI_ARROW_ICON_LARGE = 'tuiIconChevronDownLarge';
+var TUI_ARROW_ICON_SMALL = "tuiIconChevronDown";
+var TUI_ARROW_ICON_LARGE = "tuiIconChevronDownLarge";
 /** Default values for arrow options */
 var TUI_ARROW_DEFAULT_OPTIONS = {
     iconSmall: TUI_ARROW_ICON_SMALL,
     iconLarge: TUI_ARROW_ICON_LARGE,
 };
-var TUI_ARROW_OPTIONS = new InjectionToken('Default parameters for arrow component', {
+var TUI_ARROW_OPTIONS = new InjectionToken("Default parameters for arrow component", {
     factory: function () { return TUI_ARROW_DEFAULT_OPTIONS; },
 });
 var tuiArrowOptionsProvider = function (options) { return ({
     provide: TUI_ARROW_OPTIONS,
     useValue: __assign(__assign({}, TUI_ARROW_DEFAULT_OPTIONS), options),
 }); };
-var TUI_ARROW_MODE = new InjectionToken('Type of icon in dropdowns for interactive or disable mode', {
+var TUI_ARROW_MODE = new InjectionToken("Type of icon in dropdowns for interactive or disable mode", {
     factory: function () { return ({
         interactive: TUI_ARROW,
         disabled: TUI_ARROW,
@@ -52,7 +52,7 @@ var TuiArrowComponent = /** @class */ (function () {
     ]; };
     TuiArrowComponent = __decorate([
         Component({
-            selector: 'tui-arrow',
+            selector: "tui-arrow",
             template: "<span\n    polymorpheus-outlet\n    class=\"t-icon\"\n    [class.t-icon_rotated]=\"dropdown.openChange | async\"\n    [content]=\"arrowIcon\"\n>\n    <ng-template let-icon>\n        <tui-svg [src]=\"icon\"></tui-svg>\n    </ng-template>\n</span>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [".t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}.t-icon_rotated{transform:rotate(180deg)}"]

package/fesm5/taiga-ui-kit-components-arrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-arrow.js","sources":["ng://@taiga-ui/kit/components/arrow/arrow-options.ts","ng://@taiga-ui/kit/components/arrow/arrow.component.ts","ng://@taiga-ui/kit/components/arrow/arrow.module.ts","ng://@taiga-ui/kit/components/arrow/taiga-ui-kit-components-arrow.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeM, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW} from './arrow.component';\n\nexport interface TuiArrowOptions {\n readonly iconSmall: PolymorpheusContent;\n readonly iconLarge: PolymorpheusContent;\n}\n\n// TODO: 3.0 remove in ivy compilation\nexport const TUI_ARROW_ICON_SMALL = 'tuiIconChevronDown~~';\~~nexport const TUI_ARROW_ICON_LARGE = 'tuiIconChevronDownLarge~~';\~~n\n/** Default values for arrow options /\nexport const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {\n iconSmall: TUI_ARROW_ICON_SMALL,\n iconLarge: TUI_ARROW_ICON_LARGE,\n};\n\nexport const TUI_ARROW_OPTIONS = new InjectionToken<TuiArrowOptions>(\n 'Default parameters for arrow component~~',\~~n {\n factory: () => TUI_ARROW_DEFAULT_OPTIONS,\n },\n);\n\nexport const tuiArrowOptionsProvider: (\n options: Partial<TuiArrowOptions>,\n) => ValueProvider = (options: Partial<TuiArrowOptions>) => ({\n provide: TUI_ARROW_OPTIONS,\n useValue: {...TUI_ARROW_DEFAULT_OPTIONS, ...options},\n});\n\nexport interface TuiArrowMode {\n readonly interactive: PolymorpheusContent<\n TuiContextWithImplicit<TuiSizeS \| TuiSizeM \| TuiSizeL>\n >;\n readonly disabled: PolymorpheusContent<\n TuiContextWithImplicit<TuiSizeS \| TuiSizeM \| TuiSizeL>\n >;\n}\n\nexport const TUI_ARROW_MODE: InjectionToken<TuiArrowMode> = new InjectionToken(\n 'Type of icon in dropdowns for interactive or disable mode~~',\~~n {\n factory: () => ({\n interactive: TUI_ARROW,\n disabled: TUI_ARROW,\n }),\n },\n);\n\nexport const tuiArrowModeProvider: (options: Partial<TuiArrowMode>) => ValueProvider = (\n options: Partial<TuiArrowMode>,\n) => ({\n provide: TUI_ARROW_MODE,\n useValue: {\n interactive: TUI_ARROW,\n disabled: TUI_ARROW,\n ...options,\n },\n});\n","import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {\n sizeBigger,\n TUI_TEXTFIELD_SIZE,\n TuiHostedDropdownComponent,\n TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW_OPTIONS, TuiArrowOptions} from './arrow-options';\n\n@Component({\n selector: 'tui-arrow~~',\~~n templateUrl: ~~'./~~arrow.template.html~~',\~~n styleUrls: [~~'./~~arrow.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArrowComponent {\n constructor(\n @Inject(TuiHostedDropdownComponent)\n readonly dropdown: TuiHostedDropdownComponent,\n @Inject(TUI_TEXTFIELD_SIZE)\n private readonly textfieldSize: TuiTextfieldSizeDirective,\n @Inject(TUI_ARROW_OPTIONS) private readonly options: TuiArrowOptions,\n ) {}\n\n get arrowIcon(): PolymorpheusContent {\n return sizeBigger(this.textfieldSize.size)\n ? this.options.iconLarge\n : this.options.iconSmall;\n }\n}\n\nexport const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiArrowComponent} from './arrow.component';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule, PolymorpheusModule],\n declarations: [TuiArrowComponent],\n exports: [TuiArrowComponent],\n entryComponents: [TuiArrowComponent],\n})\nexport class TuiArrowModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAYA;IACa,oBAAoB,GAAG,qBAAqB;IAC5C,oBAAoB,GAAG,0BAA0B;AAE9D;IACa,yBAAyB,GAAoB;IACtD,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,oBAAoB;EACjC;IAEW,iBAAiB,GAAG,IAAI,cAAc,CAC/C,wCAAwC,EACxC;IACI,OAAO,EAAE,cAAM,OAAA,yBAAyB,GAAA;CAC3C,EACH;IAEW,uBAAuB,GAEf,UAAC,OAAiC,IAAK,QAAC;IACzD,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,wBAAM,yBAAyB,GAAK,OAAO,CAAC;CACvD,KAAE;IAWU,cAAc,GAAiC,IAAI,cAAc,CAC1E,2DAA2D,EAC3D;IACI,OAAO,EAAE,cAAM,QAAC;QACZ,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,SAAS;KACtB,IAAC;CACL,EACH;IAEW,oBAAoB,GAAsD,UACnF,OAA8B,IAC7B,QAAC;IACF,OAAO,EAAE,cAAc;IACvB,QAAQ,aACJ,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,SAAS,IAChB,OAAO,CACb;CACJ;;;IC9CG,2BAEa,QAAoC,EAE5B,aAAwC,EACb,OAAwB;QAH3D,aAAQ,GAAR,QAAQ,CAA4B;QAE5B,kBAAa,GAAb,aAAa,CAA2B;QACb,YAAO,GAAP,OAAO,CAAiB;KACpE;IAEJ,sBAAI,wCAAS;aAAb;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;kBACpC,IAAI,CAAC,OAAO,CAAC,SAAS;kBACtB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;SAChC;;;OAAA;;gBAVsB,0BAA0B,uBAD5C,MAAM,SAAC,0BAA0B;gBAGF,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;gDAEzB,MAAM,SAAC,iBAAiB;;IANpB,iBAAiB;QAN7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,mQAAoC;YAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAGO,WAAA,MAAM,CAAC,0BAA0B,CAAC,CAAA;QAElC,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;QAE1B,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;OANrB,iBAAiB,CAc7B;IAAD,wBAAC;CAdD,IAcC;IAEY,SAAS,GAAG,IAAI,qBAAqB,CAAC,iBAAiB;;;ICpBpE;KAA8B;IAAjB,cAAc;QAN1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,CAAC;YACzD,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;YAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;SACvC,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACbA;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-arrow.js","sources":["ng://@taiga-ui/kit/components/arrow/arrow-options.ts","ng://@taiga-ui/kit/components/arrow/arrow.component.ts","ng://@taiga-ui/kit/components/arrow/arrow.module.ts","ng://@taiga-ui/kit/components/arrow/taiga-ui-kit-components-arrow.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeM, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW} from './arrow.component';\n\nexport interface TuiArrowOptions {\n readonly iconSmall: PolymorpheusContent;\n readonly iconLarge: PolymorpheusContent;\n}\n\n// TODO: 3.0 remove in ivy compilation\nexport const TUI_ARROW_ICON_SMALL = `tuiIconChevronDown`;\nexport const TUI_ARROW_ICON_LARGE = `tuiIconChevronDownLarge`;\n\n/** Default values for arrow options /\nexport const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {\n iconSmall: TUI_ARROW_ICON_SMALL,\n iconLarge: TUI_ARROW_ICON_LARGE,\n};\n\nexport const TUI_ARROW_OPTIONS = new InjectionToken<TuiArrowOptions>(\n `Default parameters for arrow component`,\n {\n factory: () => TUI_ARROW_DEFAULT_OPTIONS,\n },\n);\n\nexport const tuiArrowOptionsProvider: (\n options: Partial<TuiArrowOptions>,\n) => ValueProvider = (options: Partial<TuiArrowOptions>) => ({\n provide: TUI_ARROW_OPTIONS,\n useValue: {...TUI_ARROW_DEFAULT_OPTIONS, ...options},\n});\n\nexport interface TuiArrowMode {\n readonly interactive: PolymorpheusContent<\n TuiContextWithImplicit<TuiSizeS \| TuiSizeM \| TuiSizeL>\n >;\n readonly disabled: PolymorpheusContent<\n TuiContextWithImplicit<TuiSizeS \| TuiSizeM \| TuiSizeL>\n >;\n}\n\nexport const TUI_ARROW_MODE: InjectionToken<TuiArrowMode> = new InjectionToken(\n `Type of icon in dropdowns for interactive or disable mode`,\n {\n factory: () => ({\n interactive: TUI_ARROW,\n disabled: TUI_ARROW,\n }),\n },\n);\n\nexport const tuiArrowModeProvider: (options: Partial<TuiArrowMode>) => ValueProvider = (\n options: Partial<TuiArrowMode>,\n) => ({\n provide: TUI_ARROW_MODE,\n useValue: {\n interactive: TUI_ARROW,\n disabled: TUI_ARROW,\n ...options,\n },\n});\n","import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {\n sizeBigger,\n TUI_TEXTFIELD_SIZE,\n TuiHostedDropdownComponent,\n TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW_OPTIONS, TuiArrowOptions} from './arrow-options';\n\n@Component({\n selector: `tui-arrow`,\n templateUrl: `./arrow.template.html`,\n styleUrls: [`./arrow.style.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArrowComponent {\n constructor(\n @Inject(TuiHostedDropdownComponent)\n readonly dropdown: TuiHostedDropdownComponent,\n @Inject(TUI_TEXTFIELD_SIZE)\n private readonly textfieldSize: TuiTextfieldSizeDirective,\n @Inject(TUI_ARROW_OPTIONS) private readonly options: TuiArrowOptions,\n ) {}\n\n get arrowIcon(): PolymorpheusContent {\n return sizeBigger(this.textfieldSize.size)\n ? this.options.iconLarge\n : this.options.iconSmall;\n }\n}\n\nexport const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiArrowComponent} from './arrow.component';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule, PolymorpheusModule],\n declarations: [TuiArrowComponent],\n exports: [TuiArrowComponent],\n entryComponents: [TuiArrowComponent],\n})\nexport class TuiArrowModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAYA;IACa,oBAAoB,GAAG,qBAAqB;IAC5C,oBAAoB,GAAG,0BAA0B;AAE9D;IACa,yBAAyB,GAAoB;IACtD,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,oBAAoB;EACjC;IAEW,iBAAiB,GAAG,IAAI,cAAc,CAC/C,wCAAwC,EACxC;IACI,OAAO,EAAE,cAAM,OAAA,yBAAyB,GAAA;CAC3C,EACH;IAEW,uBAAuB,GAEf,UAAC,OAAiC,IAAK,QAAC;IACzD,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,wBAAM,yBAAyB,GAAK,OAAO,CAAC;CACvD,KAAE;IAWU,cAAc,GAAiC,IAAI,cAAc,CAC1E,2DAA2D,EAC3D;IACI,OAAO,EAAE,cAAM,QAAC;QACZ,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,SAAS;KACtB,IAAC;CACL,EACH;IAEW,oBAAoB,GAAsD,UACnF,OAA8B,IAC7B,QAAC;IACF,OAAO,EAAE,cAAc;IACvB,QAAQ,aACJ,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,SAAS,IAChB,OAAO,CACb;CACJ;;;IC9CG,2BAEa,QAAoC,EAE5B,aAAwC,EACb,OAAwB;QAH3D,aAAQ,GAAR,QAAQ,CAA4B;QAE5B,kBAAa,GAAb,aAAa,CAA2B;QACb,YAAO,GAAP,OAAO,CAAiB;KACpE;IAEJ,sBAAI,wCAAS;aAAb;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;kBACpC,IAAI,CAAC,OAAO,CAAC,SAAS;kBACtB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;SAChC;;;OAAA;;gBAVsB,0BAA0B,uBAD5C,MAAM,SAAC,0BAA0B;gBAGF,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;gDAEzB,MAAM,SAAC,iBAAiB;;IANpB,iBAAiB;QAN7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,mQAAoC;YAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAGO,WAAA,MAAM,CAAC,0BAA0B,CAAC,CAAA;QAElC,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;QAE1B,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;OANrB,iBAAiB,CAc7B;IAAD,wBAAC;CAdD,IAcC;IAEY,SAAS,GAAG,IAAI,qBAAqB,CAAC,iBAAiB;;;ICpBpE;KAA8B;IAAjB,cAAc;QAN1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,CAAC;YACzD,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;YAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;SACvC,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACbA;;;;;;"}

package/fesm5/taiga-ui-kit-components-avatar.js CHANGED Viewed

@@ -8,11 +8,11 @@ import { TuiLazyLoadingModule } from '@taiga-ui/kit/directives';
 /** Default values for the avatar options. */
 var TUI_AVATAR_DEFAULT_OPTIONS = {
-    size: 'm',
+    size: "m",
     autoColor: false,
     rounded: false,
 };
-var TUI_AVATAR_OPTIONS = new InjectionToken('Default parameters for avatar component', {
+var TUI_AVATAR_OPTIONS = new InjectionToken("Default parameters for avatar component", {
     factory: function () { return TUI_AVATAR_DEFAULT_OPTIONS; },
 });
 var tuiAvatarOptionsProvider = function (options) { return ({
@@ -24,7 +24,7 @@ var TuiAvatarComponent = /** @class */ (function () {
     function TuiAvatarComponent(options) {
         this.options = options;
         this.size = this.options.size;
-        this.text = '';
+        this.text = "";
         this.autoColor = this.options.autoColor;
         this.rounded = this.options.rounded;
         this.avatarUrl = null;
@@ -40,7 +40,7 @@ var TuiAvatarComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiAvatarComponent.prototype, "bgColor", {
         get: function () {
-            return this.autoColor ? stringHashToHsl(this.text) : '';
+            return this.autoColor ? stringHashToHsl(this.text) : "";
         },
         enumerable: true,
         configurable: true
@@ -54,10 +54,10 @@ var TuiAvatarComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiAvatarComponent.prototype, "computedText", {
         get: function () {
-            if (this.hasAvatar || this.text === '') {
-                return '';
+            if (this.hasAvatar || this.text === "") {
+                return "";
             }
-            var words = this.text.split(' ');
+            var words = this.text.split(" ");
             return words.length > 1 && sizeBigger(this.size)
                 ? words[0].slice(0, 1) + words[1].slice(0, 1)
                 : words[0].slice(0, 1);
@@ -73,11 +73,11 @@ var TuiAvatarComponent = /** @class */ (function () {
     ]; };
     __decorate([
         Input(),
-        HostBinding('attr.data-size'),
+        HostBinding("attr.data-size"),
         tuiDefaultProp()
     ], TuiAvatarComponent.prototype, "size", void 0);
     __decorate([
-        Input('avatarUrl'),
+        Input("avatarUrl"),
         tuiRequiredSetter()
     ], TuiAvatarComponent.prototype, "avatarUrlSetter", null);
     __decorate([
@@ -90,21 +90,21 @@ var TuiAvatarComponent = /** @class */ (function () {
     ], TuiAvatarComponent.prototype, "autoColor", void 0);
     __decorate([
         Input(),
-        HostBinding('class._rounded'),
+        HostBinding("class._rounded"),
         tuiDefaultProp()
     ], TuiAvatarComponent.prototype, "rounded", void 0);
     __decorate([
-        HostBinding('style.background')
+        HostBinding("style.background")
     ], TuiAvatarComponent.prototype, "bgColor", null);
     __decorate([
-        HostBinding('class._has-avatar')
+        HostBinding("class._has-avatar")
     ], TuiAvatarComponent.prototype, "hasAvatar", null);
     TuiAvatarComponent = __decorate([
         Component({
-            selector: 'tui-avatar',
+            selector: "tui-avatar",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<img\n    *ngIf=\"isUrlValid\"\n    loading=\"lazy\"\n    class=\"image\"\n    [attr.alt]=\"text\"\n    [src]=\"avatarUrl || ''\"\n    (error)=\"onError()\"\n/>\n<span class=\"text\">{{ computedText }}</span>\n",
-            styles: [":host{position:relative;display:flex;flex-shrink:0;border-radius:var(--tui-radius-m);color:var(--tui-secondary-active);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;background:var(--tui-avatar-background,currentColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}:host[data-size=xs]{font:var(--tui-font-text-s);width:1.5rem;height:1.5rem}:host[data-size='s']{font:var(--tui-font-text-m);width:2rem;height:2rem}:host[data-size='m']{font:var(--tui-font-text-l);width:3rem;height:3rem}:host[data-size='l']{font:var(--tui-font-heading-5);width:4rem;height:4rem;border-radius:var(--tui-radius-l)}:host[data-size=xl]{font:var(--tui-font-heading-3);width:6rem;height:6rem;border-radius:var(--tui-radius-l)}:host[data-size=xxl]{font:var(--tui-font-heading-1);width:9rem;height:9rem;border-radius:var(--tui-radius-l)}:host._has-avatar{background-color:transparent}:host._rounded{border-radius:100%}.image{width:100%;height:100%;object-fit:cover}.text{color:var(--tui-avatar-color,var(--tui-text-01))}"]
+            template: "<img\n    *ngIf=\"isUrlValid\"\n    loading=\"lazy\"\n    class=\"t-image\"\n    [attr.alt]=\"text\"\n    [src]=\"avatarUrl || ''\"\n    (error)=\"onError()\"\n/>\n<span class=\"t-text\">{{ computedText }}</span>\n",
+            styles: [":host{position:relative;display:flex;flex-shrink:0;border-radius:var(--tui-radius-m);color:var(--tui-secondary-active);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;background:var(--tui-avatar-background,currentColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}:host[data-size=xs]{font:var(--tui-font-text-s);width:1.5rem;height:1.5rem}:host[data-size='s']{font:var(--tui-font-text-m);width:2rem;height:2rem}:host[data-size='m']{font:var(--tui-font-text-l);width:3rem;height:3rem}:host[data-size='l']{font:var(--tui-font-heading-5);width:4rem;height:4rem;border-radius:var(--tui-radius-l)}:host[data-size=xl]{font:var(--tui-font-heading-3);width:6rem;height:6rem;border-radius:var(--tui-radius-l)}:host[data-size=xxl]{font:var(--tui-font-heading-1);width:9rem;height:9rem;border-radius:var(--tui-radius-l)}:host._has-avatar{background-color:transparent}:host._rounded{border-radius:100%}.t-image{width:100%;height:100%;object-fit:cover}.t-text{color:var(--tui-avatar-color,var(--tui-text-01))}"]
         }),
         __param(0, Inject(TUI_AVATAR_OPTIONS))
     ], TuiAvatarComponent);

package/fesm5/taiga-ui-kit-components-avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-avatar.js","sources":["ng://@taiga-ui/kit/components/avatar/avatar-options.ts","ng://@taiga-ui/kit/components/avatar/avatar.component.ts","ng://@taiga-ui/kit/components/avatar/avatar.module.ts","ng://@taiga-ui/kit/components/avatar/taiga-ui-kit-components-avatar.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n readonly size: TuiSizeXS \| TuiSizeXXL;\n readonly autoColor: boolean;\n readonly rounded: boolean;\n}\n\n/** Default values for the avatar options. /\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n size: 'm~~',\~~n autoColor: false,\n rounded: false,\n};\n\nexport const TUI_AVATAR_OPTIONS = new InjectionToken<TuiAvatarOptions>(\n 'Default parameters for avatar component~~',\~~n {\n factory: () => TUI_AVATAR_DEFAULT_OPTIONS,\n },\n);\n\nexport const tuiAvatarOptionsProvider: (\n options: Partial<TuiAvatarOptions>,\n) => ValueProvider = (options: Partial<TuiAvatarOptions>) => ({\n provide: TUI_AVATAR_OPTIONS,\n useValue: {...TUI_AVATAR_DEFAULT_OPTIONS, ...options},\n});\n","import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {sizeBigger} from '@taiga-ui/core';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar-options';\n\n@Component({\n selector: 'tui-avatar~~',\~~n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: ~~'./~~avatar.template.html~~',\~~n styleUrls: [~~'./~~avatar.style.less'],\n})\nexport class TuiAvatarComponent {\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size = this.options.size;\n\n @Input('avatarUrl')\n @tuiRequiredSetter()\n set avatarUrlSetter(avatarUrl: string \| null) {\n this.isUrlValid = !!avatarUrl;\n this.avatarUrl = avatarUrl;\n }\n\n @Input()\n @tuiDefaultProp()\n text = ~~'';\~~n\n @Input()\n @tuiDefaultProp()\n autoColor: boolean = this.options.autoColor;\n\n @Input()\n @HostBinding('class._rounded')\n @tuiDefaultProp()\n rounded: boolean = this.options.rounded;\n\n avatarUrl: string \| null = null;\n\n isUrlValid = false;\n\n constructor(@Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions) {}\n\n @HostBinding('style.background')\n get bgColor(): string {\n return this.autoColor ? stringHashToHsl(this.text) : ~~'';\~~n }\n\n @HostBinding('class._has-avatar')\n get hasAvatar(): boolean {\n return this.avatarUrl !== null && this.isUrlValid;\n }\n\n get computedText(): string {\n if (this.hasAvatar \|\| this.text === '') {\n return ~~'';\~~n }\n\n const words = this.text.split(' ');\n\n return words.length > 1 && sizeBigger(this.size)\n ? words[0].slice(0, 1) + words[1].slice(0, 1)\n : words[0].slice(0, 1);\n }\n\n onError(): void {\n this.isUrlValid = false;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit/directives';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n imports: [CommonModule, TuiLazyLoadingModule],\n declarations: [TuiAvatarComponent],\n exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AASA;IACa,0BAA0B,GAAqB;IACxD,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,KAAK;EAChB;IAEW,kBAAkB,GAAG,IAAI,cAAc,CAChD,yCAAyC,EACzC;IACI,OAAO,EAAE,cAAM,OAAA,0BAA0B,GAAA;CAC5C,EACH;IAEW,wBAAwB,GAEhB,UAAC,OAAkC,IAAK,QAAC;IAC1D,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,wBAAM,0BAA0B,GAAK,OAAO,CAAC;CACxD;;;ICqBG,4BAAyD,OAAyB;QAAzB,YAAO,GAAP,OAAO,CAAkB;QA1BlF,SAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAWzB,SAAI,GAAG,EAAE,CAAC;QAIV,cAAS,GAAY,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAK5C,YAAO,GAAY,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QAExC,cAAS,GAAkB,IAAI,CAAC;QAEhC,eAAU,GAAG,KAAK,CAAC;KAEmE;IAtBtF,sBAAI,+CAAe;aAAnB,UAAoB,SAAwB;YACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC9B;;;OAAA;IAsBD,sBAAI,uCAAO;aAAX;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;SAC3D;;;OAAA;IAGD,sBAAI,yCAAS;aAAb;YACI,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC;SACrD;;;OAAA;IAED,sBAAI,4CAAY;aAAhB;YACI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,EAAE;gBACpC,OAAO,EAAE,CAAC;aACb;YAED,IAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAEnC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;kBAC1C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;kBAC3C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC9B;;;OAAA;IAED,oCAAO,GAAP;QACI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;;gDA1BY,MAAM,SAAC,kBAAkB;;IA1BtC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;oDACQ;IAIzB;QAFC,KAAK,CAAC,WAAW,CAAC;QAClB,iBAAiB,EAAE;6DAInB;IAID;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACP;IAIV;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDAC2B;IAK5C;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;uDACuB;IASxC;QADC,WAAW,CAAC,kBAAkB,CAAC;qDAG/B;IAGD;QADC,WAAW,CAAC,mBAAmB,CAAC;uDAGhC;IAxCQ,kBAAkB;QAN9B,SAAS,CAAC;YACP,QAAQ,EAAE,YAAY;YACtB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,~~8NAAqC~~;;SAExC,CAAC;QA+Be,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;OA9B9B,kBAAkB,CAyD9B;IAAD,yBAAC;CAzDD;;;ICRA;KAA+B;IAAlB,eAAe;QAL3B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;YAC7C,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACXA;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-avatar.js","sources":["ng://@taiga-ui/kit/components/avatar/avatar-options.ts","ng://@taiga-ui/kit/components/avatar/avatar.component.ts","ng://@taiga-ui/kit/components/avatar/avatar.module.ts","ng://@taiga-ui/kit/components/avatar/taiga-ui-kit-components-avatar.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeXS, TuiSizeXXL} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n readonly size: TuiSizeXS \| TuiSizeXXL;\n readonly autoColor: boolean;\n readonly rounded: boolean;\n}\n\n/** Default values for the avatar options. /\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n size: `m`,\n autoColor: false,\n rounded: false,\n};\n\nexport const TUI_AVATAR_OPTIONS = new InjectionToken<TuiAvatarOptions>(\n `Default parameters for avatar component`,\n {\n factory: () => TUI_AVATAR_DEFAULT_OPTIONS,\n },\n);\n\nexport const tuiAvatarOptionsProvider: (\n options: Partial<TuiAvatarOptions>,\n) => ValueProvider = (options: Partial<TuiAvatarOptions>) => ({\n provide: TUI_AVATAR_OPTIONS,\n useValue: {...TUI_AVATAR_DEFAULT_OPTIONS, ...options},\n});\n","import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiRequiredSetter} from '@taiga-ui/cdk';\nimport {sizeBigger} from '@taiga-ui/core';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar-options';\n\n@Component({\n selector: `tui-avatar`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./avatar.template.html`,\n styleUrls: [`./avatar.style.less`],\n})\nexport class TuiAvatarComponent {\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size = this.options.size;\n\n @Input(`avatarUrl`)\n @tuiRequiredSetter()\n set avatarUrlSetter(avatarUrl: string \| null) {\n this.isUrlValid = !!avatarUrl;\n this.avatarUrl = avatarUrl;\n }\n\n @Input()\n @tuiDefaultProp()\n text = ``;\n\n @Input()\n @tuiDefaultProp()\n autoColor: boolean = this.options.autoColor;\n\n @Input()\n @HostBinding(`class._rounded`)\n @tuiDefaultProp()\n rounded: boolean = this.options.rounded;\n\n avatarUrl: string \| null = null;\n\n isUrlValid = false;\n\n constructor(@Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions) {}\n\n @HostBinding(`style.background`)\n get bgColor(): string {\n return this.autoColor ? stringHashToHsl(this.text) : ``;\n }\n\n @HostBinding(`class._has-avatar`)\n get hasAvatar(): boolean {\n return this.avatarUrl !== null && this.isUrlValid;\n }\n\n get computedText(): string {\n if (this.hasAvatar \|\| this.text === ``) {\n return ``;\n }\n\n const words = this.text.split(` `);\n\n return words.length > 1 && sizeBigger(this.size)\n ? words[0].slice(0, 1) + words[1].slice(0, 1)\n : words[0].slice(0, 1);\n }\n\n onError(): void {\n this.isUrlValid = false;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit/directives';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n imports: [CommonModule, TuiLazyLoadingModule],\n declarations: [TuiAvatarComponent],\n exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AASA;IACa,0BAA0B,GAAqB;IACxD,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,KAAK;EAChB;IAEW,kBAAkB,GAAG,IAAI,cAAc,CAChD,yCAAyC,EACzC;IACI,OAAO,EAAE,cAAM,OAAA,0BAA0B,GAAA;CAC5C,EACH;IAEW,wBAAwB,GAEhB,UAAC,OAAkC,IAAK,QAAC;IAC1D,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,wBAAM,0BAA0B,GAAK,OAAO,CAAC;CACxD;;;ICqBG,4BAAyD,OAAyB;QAAzB,YAAO,GAAP,OAAO,CAAkB;QA1BlF,SAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAWzB,SAAI,GAAG,EAAE,CAAC;QAIV,cAAS,GAAY,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAK5C,YAAO,GAAY,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QAExC,cAAS,GAAkB,IAAI,CAAC;QAEhC,eAAU,GAAG,KAAK,CAAC;KAEmE;IAtBtF,sBAAI,+CAAe;aAAnB,UAAoB,SAAwB;YACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,SAAS,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC9B;;;OAAA;IAsBD,sBAAI,uCAAO;aAAX;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;SAC3D;;;OAAA;IAGD,sBAAI,yCAAS;aAAb;YACI,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC;SACrD;;;OAAA;IAED,sBAAI,4CAAY;aAAhB;YACI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,EAAE;gBACpC,OAAO,EAAE,CAAC;aACb;YAED,IAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAEnC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;kBAC1C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;kBAC3C,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC9B;;;OAAA;IAED,oCAAO,GAAP;QACI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;;gDA1BY,MAAM,SAAC,kBAAkB;;IA1BtC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;oDACQ;IAIzB;QAFC,KAAK,CAAC,WAAW,CAAC;QAClB,iBAAiB,EAAE;6DAInB;IAID;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACP;IAIV;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDAC2B;IAK5C;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;uDACuB;IASxC;QADC,WAAW,CAAC,kBAAkB,CAAC;qDAG/B;IAGD;QADC,WAAW,CAAC,mBAAmB,CAAC;uDAGhC;IAxCQ,kBAAkB;QAN9B,SAAS,CAAC;YACP,QAAQ,EAAE,YAAY;YACtB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,kOAAqC;;SAExC,CAAC;QA+Be,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;OA9B9B,kBAAkB,CAyD9B;IAAD,yBAAC;CAzDD;;;ICRA;KAA+B;IAAlB,eAAe;QAL3B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;YAC7C,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACXA;;;;;;"}

package/fesm5/taiga-ui-kit-components-badge.js CHANGED Viewed

@@ -8,17 +8,17 @@ import { CommonModule } from '@angular/common';
 var TuiBadgeComponent = /** @class */ (function () {
     function TuiBadgeComponent(mode$) {
         this.mode$ = mode$;
-        this.value = '';
-        this.size = 'm';
-        this.status = 'default';
+        this.value = "";
+        this.size = "m";
+        this.status = "default";
         this.hoverable = false;
     }
     Object.defineProperty(TuiBadgeComponent.prototype, "padding", {
         get: function () {
             if (this.isEmpty) {
-                return 'none';
+                return "none";
             }
-            return isNumber(this.value.valueOf()) ? 'm' : 'l';
+            return isNumber(this.value.valueOf()) ? "m" : "l";
         },
         enumerable: true,
         configurable: true
@@ -26,7 +26,7 @@ var TuiBadgeComponent = /** @class */ (function () {
     Object.defineProperty(TuiBadgeComponent.prototype, "outputValue", {
         get: function () {
             if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {
-                return '99+';
+                return "99+";
             }
             else {
                 return String(this.value);
@@ -37,7 +37,7 @@ var TuiBadgeComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiBadgeComponent.prototype, "isEmpty", {
         get: function () {
-            return this.value === '';
+            return this.value === "";
         },
         enumerable: true,
         configurable: true
@@ -51,33 +51,33 @@ var TuiBadgeComponent = /** @class */ (function () {
     ], TuiBadgeComponent.prototype, "value", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-size'),
+        HostBinding("attr.data-size"),
         tuiDefaultProp()
     ], TuiBadgeComponent.prototype, "size", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-tui-host-status'),
+        HostBinding("attr.data-tui-host-status"),
         tuiDefaultProp()
     ], TuiBadgeComponent.prototype, "status", void 0);
     __decorate([
         Input(),
-        HostBinding('class._hoverable'),
+        HostBinding("class._hoverable"),
         tuiDefaultProp()
     ], TuiBadgeComponent.prototype, "hoverable", void 0);
     __decorate([
-        HostBinding('attr.data-tui-host-padding')
+        HostBinding("attr.data-tui-host-padding")
     ], TuiBadgeComponent.prototype, "padding", null);
     __decorate([
-        HostBinding('class._empty-value')
+        HostBinding("class._empty-value")
     ], TuiBadgeComponent.prototype, "isEmpty", null);
     TuiBadgeComponent = __decorate([
         Component({
-            selector: 'tui-badge',
+            selector: "tui-badge",
             changeDetection: ChangeDetectionStrategy.OnPush,
             template: "<span class=\"left-content\"><ng-content></ng-content></span>\n{{ outputValue }}\n",
             providers: [MODE_PROVIDER],
             host: {
-                '($.data-mode.attr)': 'mode$',
+                '($.data-mode.attr)': "mode$",
             },
             styles: [":host{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;--left-content-color:currentColor;position:relative;display:inline-flex;font:var(--tui-font-text-s);align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6.25rem;white-space:nowrap;overflow:hidden;vertical-align:middle}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{--left-content-color:var(--tui-error-fill);background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{--left-content-color:var(--tui-success-fill);background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{--left-content-color:var(--tui-warning-fill);background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=info]{--left-content-color:var(--tui-info-fill);background-color:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-tui-host-status=info]._hoverable:active,:host[data-tui-host-status=info]._hoverable:hover{background-color:var(--tui-info-bg-hover)}:host[data-tui-host-status=info][data-mode=onDark]{background-color:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=info][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=info][data-mode=onDark]._hoverable:hover{background-color:var(--tui-info-bg-night-hover)}:host[data-tui-host-status=neutral]{--left-content-color:var(--tui-neutral-fill);background-color:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-tui-host-status=neutral]._hoverable:active,:host[data-tui-host-status=neutral]._hoverable:hover{background-color:var(--tui-neutral-bg-hover)}:host[data-tui-host-status=neutral][data-mode=onDark]{background-color:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=neutral][data-mode=onDark]._hoverable:hover{background-color:var(--tui-neutral-bg-night-hover)}:host[data-tui-host-status=default]{background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._hoverable{cursor:pointer}:host[data-tui-host-padding='m']{padding:0 .5rem}:host[data-tui-host-padding='m'][data-size='s']{padding:0 .375rem}:host[data-tui-host-padding='m'][data-size='l']{padding:0 .625rem}:host[data-tui-host-padding='l']{padding:0 .625rem}:host[data-tui-host-padding='l'][data-size='s']{padding:0 .5rem}:host[data-tui-host-padding='l'][data-size='l']{padding:0 .75rem}:host[data-size='s']{font:var(--tui-font-text-xs);height:1.25rem;min-width:1.25rem}:host[data-size='s'] .left-content:before{width:.25rem;height:.25rem}:host[data-size='m']{height:var(--tui-height-xs);line-height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size='l']{height:var(--tui-height-s);line-height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size='l'] .left-content:before{margin:0 .5rem 0 0;width:.5rem;height:.5rem}:host._empty-value .left-content{margin:0 -.25rem}:host._empty-value .left-content:before{margin:0}.left-content{display:none;color:var(--left-content-color);line-height:0}.left-content:not(:empty){display:block;margin-left:-.25rem}.left-content:not(:empty):before{content:none}:host[data-tui-host-status=error] .left-content,:host[data-tui-host-status=info] .left-content,:host[data-tui-host-status=neutral] .left-content,:host[data-tui-host-status=success] .left-content,:host[data-tui-host-status=warning] .left-content{display:block}.left-content:before{content:'';display:block;background:currentColor;margin:0 .375rem 0 0;width:.375rem;height:.375rem;border-radius:100%}"]
         }),

package/fesm5/taiga-ui-kit-components-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-badge.js","sources":["ng://@taiga-ui/kit/components/badge/badge.component.ts","ng://@taiga-ui/kit/components/badge/badge.module.ts","ng://@taiga-ui/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {isNumber, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: 'tui-badge~~',\~~n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: ~~'./~~badge.template.html~~',\~~n styleUrls: [~~'./~~badge.style.less'],\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': 'mode~~$',\~~n },\n})\nexport class TuiBadgeComponent {\n @Input()\n @tuiDefaultProp()\n value: PolymorpheusContent = ~~'';\~~n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS \| TuiSizeL = 'm~~';\~~n\n @Input()\n @HostBinding('attr.data-tui-host-status')\n @tuiDefaultProp()\n status: TuiStatusT = 'default~~';\~~n\n @Input()\n @HostBinding('class._hoverable')\n @tuiDefaultProp()\n hoverable = false;\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>) {}\n\n @HostBinding('attr.data-tui-host-padding')\n get padding(): string {\n if (this.isEmpty) {\n return 'none~~';\~~n }\n\n return isNumber(this.value.valueOf()) ? 'm' : 'l~~';\~~n }\n\n get outputValue(): string {\n if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {\n return '99~~+';\~~n } else {\n return String(this.value);\n }\n }\n\n @HostBinding('class._empty-value')\n get isEmpty(): boolean {\n return this.value === ~~'';\~~n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiBadgeComponent],\n exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;IA2CI,2BAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAjB9E,UAAK,GAAwB,EAAE,CAAC;QAKhC,SAAI,GAAwB,GAAG,CAAC;QAKhC,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;KAEgE;IAGlF,sBAAI,sCAAO;aAAX;YACI,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,OAAO,MAAM,CAAC;aACjB;YAED,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;SACrD;;;OAAA;IAED,sBAAI,0CAAW;aAAf;YACI,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;gBAC7D,OAAO,KAAK,CAAC;aAChB;iBAAM;gBACH,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC7B;SACJ;;;OAAA;IAGD,sBAAI,sCAAO;aAAX;YACI,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;SAC5B;;;OAAA;;gBAtB6C,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;IAjB5B;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;mDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;qDACc;IAK/B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,kBAAkB,CAAC;QAC/B,cAAc,EAAE;wDACC;IAKlB;QADC,WAAW,CAAC,4BAA4B,CAAC;oDAOzC;IAWD;QADC,WAAW,CAAC,oBAAoB,CAAC;oDAGjC;IA1CQ,iBAAiB;QAV7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,8FAAoC;YAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,IAAI,EAAE;gBACF,oBAAoB,EAAE,OAAO;aAChC;;SACJ,CAAC;QAqBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OApBpB,iBAAiB,CA2C7B;IAAD,wBAAC;CA3CD;;;ICbA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACVA;;;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-badge.js","sources":["ng://@taiga-ui/kit/components/badge/badge.component.ts","ng://@taiga-ui/kit/components/badge/badge.module.ts","ng://@taiga-ui/kit/components/badge/taiga-ui-kit-components-badge.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {isNumber, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: `tui-badge`,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: `./badge.template.html`,\n styleUrls: [`./badge.style.less`],\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': `mode$`,\n },\n})\nexport class TuiBadgeComponent {\n @Input()\n @tuiDefaultProp()\n value: PolymorpheusContent = ``;\n\n @Input()\n @HostBinding(`attr.data-size`)\n @tuiDefaultProp()\n size: TuiSizeS \| TuiSizeL = `m`;\n\n @Input()\n @HostBinding(`attr.data-tui-host-status`)\n @tuiDefaultProp()\n status: TuiStatusT = `default`;\n\n @Input()\n @HostBinding(`class._hoverable`)\n @tuiDefaultProp()\n hoverable = false;\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness \| null>) {}\n\n @HostBinding(`attr.data-tui-host-padding`)\n get padding(): string {\n if (this.isEmpty) {\n return `none`;\n }\n\n return isNumber(this.value.valueOf()) ? `m` : `l`;\n }\n\n get outputValue(): string {\n if (isNumber(this.value.valueOf()) && this.value.valueOf() > 99) {\n return `99+`;\n } else {\n return String(this.value);\n }\n }\n\n @HostBinding(`class._empty-value`)\n get isEmpty(): boolean {\n return this.value === ``;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBadgeComponent} from './badge.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiBadgeComponent],\n exports: [TuiBadgeComponent],\n})\nexport class TuiBadgeModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;IA2CI,2BAAuC,KAAuC;QAAvC,UAAK,GAAL,KAAK,CAAkC;QAjB9E,UAAK,GAAwB,EAAE,CAAC;QAKhC,SAAI,GAAwB,GAAG,CAAC;QAKhC,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;KAEgE;IAGlF,sBAAI,sCAAO;aAAX;YACI,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,OAAO,MAAM,CAAC;aACjB;YAED,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;SACrD;;;OAAA;IAED,sBAAI,0CAAW;aAAf;YACI,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;gBAC7D,OAAO,KAAK,CAAC;aAChB;iBAAM;gBACH,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC7B;SACJ;;;OAAA;IAGD,sBAAI,sCAAO;aAAX;YACI,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;SAC5B;;;OAAA;;gBAtB6C,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;IAjB5B;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;mDACe;IAKhC;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,2BAA2B,CAAC;QACxC,cAAc,EAAE;qDACc;IAK/B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,kBAAkB,CAAC;QAC/B,cAAc,EAAE;wDACC;IAKlB;QADC,WAAW,CAAC,4BAA4B,CAAC;oDAOzC;IAWD;QADC,WAAW,CAAC,oBAAoB,CAAC;oDAGjC;IA1CQ,iBAAiB;QAV7B,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,8FAAoC;YAEpC,SAAS,EAAE,CAAC,aAAa,CAAC;YAC1B,IAAI,EAAE;gBACF,oBAAoB,EAAE,OAAO;aAChC;;SACJ,CAAC;QAqBe,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;OApBpB,iBAAiB,CA2C7B;IAAD,wBAAC;CA3CD;;;ICbA;KAA8B;IAAjB,cAAc;QAL1B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;YACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;SAC/B,CAAC;OACW,cAAc,CAAG;IAAD,qBAAC;CAA9B;;ACVA;;;;;;"}