@taiga-ui/core 4.95.0 → 4.97.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.
- package/components/button/button.directive.d.ts +2 -2
- package/directives/dropdown/dropdown-hover.directive.d.ts +1 -2
- package/esm2022/components/alert/alert.component.mjs +2 -2
- package/esm2022/components/button/button.directive.mjs +5 -5
- package/esm2022/components/data-list/data-list.component.mjs +3 -3
- package/esm2022/components/dialog/dialog.component.mjs +1 -1
- package/esm2022/components/icon/icon.component.mjs +2 -2
- package/esm2022/components/label/label.directive.mjs +3 -3
- package/esm2022/components/link/link.directive.mjs +3 -3
- package/esm2022/components/notification/notification.directive.mjs +3 -3
- package/esm2022/components/root/root.component.mjs +2 -2
- package/esm2022/components/spin-button/spin-button.component.mjs +1 -1
- package/esm2022/components/textfield/textfield-multi/textfield-multi.component.mjs +4 -4
- package/esm2022/components/textfield/textfield.component.mjs +4 -4
- package/esm2022/directives/appearance/appearance.directive.mjs +3 -3
- package/esm2022/directives/dropdown/dropdown-hover.directive.mjs +14 -25
- package/esm2022/directives/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/directives/group/group.directive.mjs +3 -3
- package/esm2022/directives/hint/hint.component.mjs +2 -2
- package/esm2022/directives/icons/icons.directive.mjs +3 -3
- package/esm2022/directives/title/title.directive.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-alert.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-alert.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-button.mjs +4 -4
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-data-list.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-dialog.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-icon.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-label.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-link.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-notification.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-root.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-spin-button.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-textfield.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs +15 -26
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-group.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-hint.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-icons.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-title.mjs +3 -3
- package/package.json +3 -3
- package/styles/components/textfield.less +5 -1
- package/styles/variables/version.less +1 -1
|
@@ -4,9 +4,9 @@ import * as i2 from "@taiga-ui/core/directives/icons";
|
|
|
4
4
|
export declare class TuiButton {
|
|
5
5
|
private readonly options;
|
|
6
6
|
protected readonly nothing: undefined;
|
|
7
|
-
protected readonly version = "4.
|
|
7
|
+
protected readonly version = "4.97.0";
|
|
8
8
|
protected readonly el: HTMLElement;
|
|
9
9
|
size: "m" | "l" | "xl" | "s" | "xs";
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiButton, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButton, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButton, "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiWithIcons; inputs: {}; outputs: {}; }]>;
|
|
12
12
|
}
|
|
@@ -2,10 +2,10 @@ import { TuiDriver } from '@taiga-ui/core/classes';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiDropdownHover extends TuiDriver {
|
|
4
4
|
private readonly dropdownHost?;
|
|
5
|
+
private readonly directive;
|
|
5
6
|
private readonly el;
|
|
6
7
|
private readonly doc;
|
|
7
8
|
private readonly options;
|
|
8
|
-
private readonly activeZone;
|
|
9
9
|
private readonly open;
|
|
10
10
|
/**
|
|
11
11
|
* Dropdown can be removed not only via click/touch –
|
|
@@ -20,7 +20,6 @@ export declare class TuiDropdownHover extends TuiDriver {
|
|
|
20
20
|
constructor();
|
|
21
21
|
protected onClick(event: MouseEvent): void;
|
|
22
22
|
private isHovered;
|
|
23
|
-
private createStream;
|
|
24
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownHover, never>;
|
|
25
24
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownHover, "[tuiDropdownHover]", never, { "showDelay": { "alias": "tuiDropdownShowDelay"; "required": false; }; "hideDelay": { "alias": "tuiDropdownHideDelay"; "required": false; }; }, {}, ["dropdownHost"], never, true, never>;
|
|
26
25
|
}
|
|
@@ -29,7 +29,7 @@ class TuiAlertComponent {
|
|
|
29
29
|
return this.position.endsWith('auto') ? 'translateX(100%)' : 'translateX(-100%)';
|
|
30
30
|
}
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAlertComponent, isStandalone: true, selector: "tui-alert", host: { attributes: { "role": "alert" }, properties: { "style.margin": "position", "style.--tui-from": "from" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div class=\"t-wrapper\">\n <tui-notification\n size=\"m\"\n [appearance]=\"item.appearance\"\n [class.t-closeable]=\"item.closeable\"\n [icon]=\"item.icon\"\n >\n <span tuiTitle>\n <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n {{ text }}\n </ng-container>\n <span tuiSubtitle>\n <span\n *polymorpheusOutlet=\"item.content as text; context: item\"\n [innerHTML]=\"text\"\n ></span>\n </span>\n </span>\n <button\n *ngIf=\"item.closeable\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click)=\"item.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </tui-notification>\n</div>\n", styles: [":host{display:grid;inline-size:18rem;flex-shrink:0;word-break:break-word}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host:not(:first-child){margin-block-start:0!important}:host:not(:last-child){margin-block-end:0!important}.t-wrapper{transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;grid-row:1 / span 2;overflow:hidden;margin-block-end:.75rem;background:var(--tui-background-base);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host.tui-leave .t-wrapper{margin:0}.t-closeable[data-size]{padding-inline-end:2.5rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAlertComponent, isStandalone: true, selector: "tui-alert", host: { attributes: { "role": "alert" }, properties: { "style.margin": "position", "style.--tui-from": "from" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div class=\"t-wrapper\">\n <tui-notification\n size=\"m\"\n [appearance]=\"item.appearance\"\n [class.t-closeable]=\"item.closeable\"\n [icon]=\"item.icon\"\n >\n <span tuiTitle>\n <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n {{ text }}\n </ng-container>\n <span tuiSubtitle>\n <span\n *polymorpheusOutlet=\"item.content as text; context: item\"\n [innerHTML]=\"text\"\n ></span>\n </span>\n </span>\n <button\n *ngIf=\"item.closeable\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click)=\"item.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </tui-notification>\n</div>\n", styles: [":host{display:grid;inline-size:18rem;flex-shrink:0;word-break:break-word}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host:not(:first-child){margin-block-start:0!important}:host:not(:last-child){margin-block-end:0!important}.t-wrapper{transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;grid-row:1 / span 2;overflow:hidden;margin-block-end:.75rem;background:var(--tui-background-base);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host.tui-leave .t-wrapper{margin:0}.t-closeable[data-size]{padding-inline-end:2.5rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
33
33
|
}
|
|
34
34
|
export { TuiAlertComponent };
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAlertComponent, decorators: [{
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
40
40
|
'[style.--tui-from]': 'from',
|
|
41
41
|
}, template: "<div class=\"t-wrapper\">\n <tui-notification\n size=\"m\"\n [appearance]=\"item.appearance\"\n [class.t-closeable]=\"item.closeable\"\n [icon]=\"item.icon\"\n >\n <span tuiTitle>\n <ng-container *polymorpheusOutlet=\"item.label as text; context: item\">\n {{ text }}\n </ng-container>\n <span tuiSubtitle>\n <span\n *polymorpheusOutlet=\"item.content as text; context: item\"\n [innerHTML]=\"text\"\n ></span>\n </span>\n </span>\n <button\n *ngIf=\"item.closeable\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click)=\"item.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </tui-notification>\n</div>\n", styles: [":host{display:grid;inline-size:18rem;flex-shrink:0;word-break:break-word}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host:not(:first-child){margin-block-start:0!important}:host:not(:last-child){margin-block-end:0!important}.t-wrapper{transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;grid-row:1 / span 2;overflow:hidden;margin-block-end:.75rem;background:var(--tui-background-base);border-radius:var(--tui-radius-m);box-shadow:var(--tui-shadow-medium)}:host.tui-leave .t-wrapper{margin:0}.t-closeable[data-size]{padding-inline-end:2.5rem}\n"] }]
|
|
42
42
|
}] });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hbGVydC9hbGVydC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDeEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDdkUsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pELE9BQU8sRUFBQyxjQUFjLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RSxPQUFPLEVBQUMsYUFBYSxFQUFFLGtCQUFrQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDekUsT0FBTyxFQUFDLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUcvRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBRWxELE1BY2EsaUJBQWlCO0lBZDlCO1FBZXFCLE9BQUUsR0FBRyxnQkFBZ0IsRUFBRSxDQUFDO1FBRXRCLFVBQUssR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNqQyxVQUFLLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO1FBQ3pDLGFBQVEsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUN0QyxTQUFJLEdBQUcsYUFBYSxFQUFxQyxDQUFDO1FBRTFELFFBQUcsR0FBRyxFQUFFLENBQ3ZCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssVUFBVTtZQUNyQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDM0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUM1QjthQUNJLElBQUksQ0FDRCxTQUFTLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ2hFLFNBQVMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsQ0FBQyxFQUMzQyxNQUFNLENBQUMsRUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsWUFBWSxDQUFDLEVBQUMsQ0FBQyxFQUN2RCxrQkFBa0IsRUFBRSxDQUN2QjthQUNBLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0tBS3hEO0lBSEcsSUFBVyxJQUFJO1FBQ1gsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDO0lBQ3JGLENBQUM7K0dBdkJRLGlCQUFpQjttR0FBakIsaUJBQWlCLHlPQzlCOUIsczRCQTZCQSxvckJEVmMsSUFBSSw2RkFBRSxrQkFBa0IsOEhBQUUsU0FBUywwS0FBRSxlQUFlLGdKQUFFLFFBQVE7O1NBVy9ELGlCQUFpQjs0RkFBakIsaUJBQWlCO2tCQWQ3QixTQUFTO2lDQUNNLElBQUksWUFDTixXQUFXLFdBQ1osQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxRQUFRLENBQUMsbUJBR3hELHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CLENBQUMsV0FBVyxDQUFDLFFBQ3ZCO3dCQUNGLElBQUksRUFBRSxPQUFPO3dCQUNiLGdCQUFnQixFQUFFLFVBQVU7d0JBQzVCLG9CQUFvQixFQUFFLE1BQU07cUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0YWtlVW50aWxEZXN0cm95ZWQsIHRvU2lnbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQge1R1aUFuaW1hdGVkfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2RpcmVjdGl2ZXMvYW5pbWF0ZWQnO1xuaW1wb3J0IHt0eXBlIFR1aVBvcG92ZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsvc2VydmljZXMnO1xuaW1wb3J0IHt0dWlJbmplY3RFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL2RvbSc7XG5pbXBvcnQge1R1aUJ1dHRvbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtUdWlOb3RpZmljYXRpb259IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uJztcbmltcG9ydCB7VHVpVGl0bGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvdGl0bGUnO1xuaW1wb3J0IHtUVUlfQ0xPU0VfV09SRCwgVFVJX0NPTU1PTl9JQ09OU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdG9rZW5zJztcbmltcG9ydCB7aW5qZWN0Q29udGV4dCwgUG9seW1vcnBoZXVzT3V0bGV0fSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcbmltcG9ydCB7RU1QVFksIGZyb21FdmVudCwgb2YsIHJlcGVhdCwgc3dpdGNoTWFwLCB0YWtlVW50aWwsIHRpbWVyfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHt0eXBlIFR1aUFsZXJ0T3B0aW9uc30gZnJvbSAnLi9hbGVydC5pbnRlcmZhY2VzJztcbmltcG9ydCB7VFVJX0FMRVJUX1BPU0lUSU9OfSBmcm9tICcuL2FsZXJ0LnRva2Vucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktYWxlcnQnLFxuICAgIGltcG9ydHM6IFtOZ0lmLCBQb2x5bW9ycGhldXNPdXRsZXQsIFR1aUJ1dHRvbiwgVHVpTm90aWZpY2F0aW9uLCBUdWlUaXRsZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FsZXJ0LnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0RGlyZWN0aXZlczogW1R1aUFuaW1hdGVkXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHJvbGU6ICdhbGVydCcsXG4gICAgICAgICdbc3R5bGUubWFyZ2luXSc6ICdwb3NpdGlvbicsXG4gICAgICAgICdbc3R5bGUuLS10dWktZnJvbV0nOiAnZnJvbScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQWxlcnRDb21wb25lbnQ8TywgST4ge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWwgPSB0dWlJbmplY3RFbGVtZW50KCk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaWNvbnMgPSBpbmplY3QoVFVJX0NPTU1PTl9JQ09OUyk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGNsb3NlID0gdG9TaWduYWwoaW5qZWN0KFRVSV9DTE9TRV9XT1JEKSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHBvc2l0aW9uID0gaW5qZWN0KFRVSV9BTEVSVF9QT1NJVElPTik7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGl0ZW0gPSBpbmplY3RDb250ZXh0PFR1aVBvcG92ZXI8VHVpQWxlcnRPcHRpb25zPEk+LCBPPj4oKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzdWIgPSBvZihcbiAgICAgICAgdHlwZW9mIHRoaXMuaXRlbS5hdXRvQ2xvc2UgPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgID8gdGhpcy5pdGVtLmF1dG9DbG9zZSh0aGlzLml0ZW0uYXBwZWFyYW5jZSlcbiAgICAgICAgICAgIDogdGhpcy5pdGVtLmF1dG9DbG9zZSxcbiAgICApXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgICAgc3dpdGNoTWFwKChhdXRvQ2xvc2UpID0+IChhdXRvQ2xvc2UgPyB0aW1lcihhdXRvQ2xvc2UpIDogRU1QVFkpKSxcbiAgICAgICAgICAgIHRha2VVbnRpbChmcm9tRXZlbnQodGhpcy5lbCwgJ21vdXNlZW50ZXInKSksXG4gICAgICAgICAgICByZXBlYXQoe2RlbGF5OiAoKSA9PiBmcm9tRXZlbnQodGhpcy5lbCwgJ21vdXNlbGVhdmUnKX0pLFxuICAgICAgICAgICAgdGFrZVVudGlsRGVzdHJveWVkKCksXG4gICAgICAgIClcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLml0ZW0uJGltcGxpY2l0LmNvbXBsZXRlKCkpO1xuXG4gICAgcHVibGljIGdldCBmcm9tKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnBvc2l0aW9uLmVuZHNXaXRoKCdhdXRvJykgPyAndHJhbnNsYXRlWCgxMDAlKScgOiAndHJhbnNsYXRlWCgtMTAwJSknO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0LXdyYXBwZXJcIj5cbiAgICA8dHVpLW5vdGlmaWNhdGlvblxuICAgICAgICBzaXplPVwibVwiXG4gICAgICAgIFthcHBlYXJhbmNlXT1cIml0ZW0uYXBwZWFyYW5jZVwiXG4gICAgICAgIFtjbGFzcy50LWNsb3NlYWJsZV09XCJpdGVtLmNsb3NlYWJsZVwiXG4gICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgPlxuICAgICAgICA8c3BhbiB0dWlUaXRsZT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cIml0ZW0ubGFiZWwgYXMgdGV4dDsgY29udGV4dDogaXRlbVwiPlxuICAgICAgICAgICAgICAgIHt7IHRleHQgfX1cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPHNwYW4gdHVpU3VidGl0bGU+XG4gICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgKnBvbHltb3JwaGV1c091dGxldD1cIml0ZW0uY29udGVudCBhcyB0ZXh0OyBjb250ZXh0OiBpdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5jbG9zZWFibGVcIlxuICAgICAgICAgICAgdHVpSWNvbkJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBbaWNvblN0YXJ0XT1cImljb25zLmNsb3NlXCJcbiAgICAgICAgICAgIChjbGljayk9XCJpdGVtLiRpbXBsaWNpdC5jb21wbGV0ZSgpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAge3sgY2xvc2UoKSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L3R1aS1ub3RpZmljYXRpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -10,11 +10,11 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
|
10
10
|
import * as i2 from "@taiga-ui/core/directives/icons";
|
|
11
11
|
class TuiButtonStyles {
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-4.
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-4.97.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonV=\"4.97.0\"],[tuiIconButtonV=\"4.97.0\"]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.97.0\"]>img,[tuiIconButtonV=\"4.97.0\"]>img,[tuiButtonV=\"4.97.0\"]>tui-svg,[tuiIconButtonV=\"4.97.0\"]>tui-svg,[tuiButtonV=\"4.97.0\"]>tui-icon,[tuiIconButtonV=\"4.97.0\"]>tui-icon,[tuiButtonV=\"4.97.0\"]>tui-avatar,[tuiIconButtonV=\"4.97.0\"]>tui-avatar,[tuiButtonV=\"4.97.0\"]>tui-badge,[tuiIconButtonV=\"4.97.0\"]>tui-badge,[tuiButtonV=\"4.97.0\"]>[tuiBadge],[tuiIconButtonV=\"4.97.0\"]>[tuiBadge],[tuiButtonV=\"4.97.0\"]>[tuiRadio],[tuiIconButtonV=\"4.97.0\"]>[tuiRadio],[tuiButtonV=\"4.97.0\"]>[tuiSwitch],[tuiIconButtonV=\"4.97.0\"]>[tuiSwitch],[tuiButtonV=\"4.97.0\"]>[tuiCheckbox],[tuiIconButtonV=\"4.97.0\"]>[tuiCheckbox],[tuiButtonV=\"4.97.0\"][tuiIcons]:before,[tuiIconButtonV=\"4.97.0\"][tuiIcons]:before,[tuiButtonV=\"4.97.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.97.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiButtonV=\"4.97.0\"]>.t-loader,[tuiIconButtonV=\"4.97.0\"]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonV=\"4.97.0\"]>.t-loader .t-text,[tuiIconButtonV=\"4.97.0\"]>.t-loader .t-text{position:absolute}[tuiButtonV=\"4.97.0\"][data-size=xs],[tuiIconButtonV=\"4.97.0\"][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.97.0\"][data-size=xs] tui-svg,[tuiIconButtonV=\"4.97.0\"][data-size=xs] tui-svg,[tuiButtonV=\"4.97.0\"][data-size=xs] tui-icon,[tuiIconButtonV=\"4.97.0\"][data-size=xs] tui-icon,[tuiButtonV=\"4.97.0\"][data-size=xs]:before,[tuiIconButtonV=\"4.97.0\"][data-size=xs]:before{font-size:1rem}[tuiButtonV=\"4.97.0\"][data-size=s],[tuiIconButtonV=\"4.97.0\"][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.97.0\"][data-size=s] tui-svg,[tuiIconButtonV=\"4.97.0\"][data-size=s] tui-svg,[tuiButtonV=\"4.97.0\"][data-size=s] tui-icon,[tuiIconButtonV=\"4.97.0\"][data-size=s] tui-icon,[tuiButtonV=\"4.97.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButtonV=\"4.97.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButtonV=\"4.97.0\"][data-size=m],[tuiIconButtonV=\"4.97.0\"][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.97.0\"][data-size=m]:after,[tuiIconButtonV=\"4.97.0\"][data-size=m]:after{margin-inline-end:-.125rem}[tuiButtonV=\"4.97.0\"]._loading,[tuiIconButtonV=\"4.97.0\"]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonV=\"4.97.0\"]._loading>*,[tuiIconButtonV=\"4.97.0\"]._loading>*,[tuiButtonV=\"4.97.0\"]._loading:before,[tuiIconButtonV=\"4.97.0\"]._loading:before,[tuiButtonV=\"4.97.0\"]._loading:after,[tuiIconButtonV=\"4.97.0\"]._loading:after{opacity:0}[tuiButtonV=\"4.97.0\"]._loading>.t-loader,[tuiIconButtonV=\"4.97.0\"]._loading>.t-loader{opacity:1}[tuiButtonV=\"4.97.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.97.0\"][tuiIcons]:after{font-size:1rem}[tuiButtonV=\"4.97.0\"][tuiButtonVertical],[tuiIconButtonV=\"4.97.0\"][tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButtonV=\"4.97.0\"][tuiButtonVertical]>*,[tuiIconButtonV=\"4.97.0\"][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButtonV=\"4.97.0\"]{gap:0;inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButtonV=\"4.97.0\"][data-size=l]:after{margin:0}[tuiIconButtonV=\"4.97.0\"][tuiIconButtonV=\"4.97.0\"][style*=\"--t-icon-start:\"]:after{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonStyles, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-${TUI_VERSION}`, styles: ["[tuiButtonV=\"4.
|
|
17
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-${TUI_VERSION}`, styles: ["[tuiButtonV=\"4.97.0\"],[tuiIconButtonV=\"4.97.0\"]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.97.0\"]>img,[tuiIconButtonV=\"4.97.0\"]>img,[tuiButtonV=\"4.97.0\"]>tui-svg,[tuiIconButtonV=\"4.97.0\"]>tui-svg,[tuiButtonV=\"4.97.0\"]>tui-icon,[tuiIconButtonV=\"4.97.0\"]>tui-icon,[tuiButtonV=\"4.97.0\"]>tui-avatar,[tuiIconButtonV=\"4.97.0\"]>tui-avatar,[tuiButtonV=\"4.97.0\"]>tui-badge,[tuiIconButtonV=\"4.97.0\"]>tui-badge,[tuiButtonV=\"4.97.0\"]>[tuiBadge],[tuiIconButtonV=\"4.97.0\"]>[tuiBadge],[tuiButtonV=\"4.97.0\"]>[tuiRadio],[tuiIconButtonV=\"4.97.0\"]>[tuiRadio],[tuiButtonV=\"4.97.0\"]>[tuiSwitch],[tuiIconButtonV=\"4.97.0\"]>[tuiSwitch],[tuiButtonV=\"4.97.0\"]>[tuiCheckbox],[tuiIconButtonV=\"4.97.0\"]>[tuiCheckbox],[tuiButtonV=\"4.97.0\"][tuiIcons]:before,[tuiIconButtonV=\"4.97.0\"][tuiIcons]:before,[tuiButtonV=\"4.97.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.97.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiButtonV=\"4.97.0\"]>.t-loader,[tuiIconButtonV=\"4.97.0\"]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonV=\"4.97.0\"]>.t-loader .t-text,[tuiIconButtonV=\"4.97.0\"]>.t-loader .t-text{position:absolute}[tuiButtonV=\"4.97.0\"][data-size=xs],[tuiIconButtonV=\"4.97.0\"][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.97.0\"][data-size=xs] tui-svg,[tuiIconButtonV=\"4.97.0\"][data-size=xs] tui-svg,[tuiButtonV=\"4.97.0\"][data-size=xs] tui-icon,[tuiIconButtonV=\"4.97.0\"][data-size=xs] tui-icon,[tuiButtonV=\"4.97.0\"][data-size=xs]:before,[tuiIconButtonV=\"4.97.0\"][data-size=xs]:before{font-size:1rem}[tuiButtonV=\"4.97.0\"][data-size=s],[tuiIconButtonV=\"4.97.0\"][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.97.0\"][data-size=s] tui-svg,[tuiIconButtonV=\"4.97.0\"][data-size=s] tui-svg,[tuiButtonV=\"4.97.0\"][data-size=s] tui-icon,[tuiIconButtonV=\"4.97.0\"][data-size=s] tui-icon,[tuiButtonV=\"4.97.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButtonV=\"4.97.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButtonV=\"4.97.0\"][data-size=m],[tuiIconButtonV=\"4.97.0\"][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.97.0\"][data-size=m]:after,[tuiIconButtonV=\"4.97.0\"][data-size=m]:after{margin-inline-end:-.125rem}[tuiButtonV=\"4.97.0\"]._loading,[tuiIconButtonV=\"4.97.0\"]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonV=\"4.97.0\"]._loading>*,[tuiIconButtonV=\"4.97.0\"]._loading>*,[tuiButtonV=\"4.97.0\"]._loading:before,[tuiIconButtonV=\"4.97.0\"]._loading:before,[tuiButtonV=\"4.97.0\"]._loading:after,[tuiIconButtonV=\"4.97.0\"]._loading:after{opacity:0}[tuiButtonV=\"4.97.0\"]._loading>.t-loader,[tuiIconButtonV=\"4.97.0\"]._loading>.t-loader{opacity:1}[tuiButtonV=\"4.97.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.97.0\"][tuiIcons]:after{font-size:1rem}[tuiButtonV=\"4.97.0\"][tuiButtonVertical],[tuiIconButtonV=\"4.97.0\"][tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButtonV=\"4.97.0\"][tuiButtonVertical]>*,[tuiIconButtonV=\"4.97.0\"][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButtonV=\"4.97.0\"]{gap:0;inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButtonV=\"4.97.0\"][data-size=l]:after{margin:0}[tuiIconButtonV=\"4.97.0\"][tuiIconButtonV=\"4.97.0\"][style*=\"--t-icon-start:\"]:after{display:none}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
class TuiButton {
|
|
20
20
|
constructor() {
|
|
@@ -25,14 +25,14 @@ class TuiButton {
|
|
|
25
25
|
this.size = this.options.size;
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
28
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButton, isStandalone: true, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "attr.tuiButtonV": "el.hasAttribute('tuiButton') ? version : null", "attr.tuiIconButtonV": "el.hasAttribute('tuiIconButton') ? version : null" } }, providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
28
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButton, isStandalone: true, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "attr.tuiButtonV": "el.hasAttribute('tuiButton') ? version : null", "attr.tuiIconButtonV": "el.hasAttribute('tuiIconButton') ? version : null" } }, providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
29
29
|
}
|
|
30
30
|
export { TuiButton };
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButton, decorators: [{
|
|
32
32
|
type: Directive,
|
|
33
33
|
args: [{
|
|
34
34
|
standalone: true,
|
|
35
|
-
selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',
|
|
35
|
+
selector: 'a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]',
|
|
36
36
|
providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)],
|
|
37
37
|
hostDirectives: [TuiWithAppearance, TuiWithIcons],
|
|
38
38
|
host: {
|
|
@@ -44,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
44
44
|
}], propDecorators: { size: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFDSCw0QkFBNEIsRUFDNUIsaUJBQWlCLEdBQ3BCLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtCQUFrQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQUV6RCxNQVFNLGVBQWU7K0dBQWYsZUFBZTttR0FBZixlQUFlLHlHQU5QLEVBQUU7OzRGQU1WLGVBQWU7a0JBUnBCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxjQUFjLFdBQVcsRUFBRTs7QUFJekMsTUFZYSxTQUFTO0lBWnRCO1FBYXFCLFlBQU8sR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNuQyxZQUFPLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3pDLFlBQU8sR0FBRyxXQUFXLENBQUM7UUFDdEIsT0FBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7UUFHcEMsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO0tBQ25DOytHQVJZLFNBQVM7bUdBQVQsU0FBUyx3WEFSUCxDQUFDLDRCQUE0QixDQUFDLGtCQUFrQixDQUFDLENBQUM7O1NBUXBELFNBQVM7NEZBQVQsU0FBUztrQkFackIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUNKLDZHQUE2RztvQkFDakgsU0FBUyxFQUFFLENBQUMsNEJBQTRCLENBQUMsa0JBQWtCLENBQUMsQ0FBQztvQkFDN0QsY0FBYyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsWUFBWSxDQUFDO29CQUNqRCxJQUFJLEVBQUU7d0JBQ0Ysa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsbUJBQW1CLEVBQUUsK0NBQStDO3dCQUNwRSx1QkFBdUIsRUFBRSxtREFBbUQ7cUJBQy9FO2lCQUNKOzhCQVFVLElBQUk7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERpcmVjdGl2ZSxcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlXaXRoU3R5bGVzfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHtcbiAgICB0dWlBcHBlYXJhbmNlT3B0aW9uc1Byb3ZpZGVyLFxuICAgIFR1aVdpdGhBcHBlYXJhbmNlLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9kaXJlY3RpdmVzL2FwcGVhcmFuY2UnO1xuaW1wb3J0IHtUdWlXaXRoSWNvbnN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvaWNvbnMnO1xuXG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OU30gZnJvbSAnLi9idXR0b24ub3B0aW9ucyc7XG5pbXBvcnQge1RVSV9WRVJTSU9OfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2NvbnN0YW50cyc7XG5pbXBvcnQge3R1aUluamVjdEVsZW1lbnR9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvZG9tJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVzOiBbJ0BpbXBvcnQgXCJAdGFpZ2EtdWkvY29yZS9zdHlsZXMvY29tcG9uZW50cy9idXR0b24ubGVzc1wiOyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZXhwb3J0QXM6IGB0dWktYnV0dG9uLSR7VFVJX1ZFUlNJT059YCxcbn0pXG5jbGFzcyBUdWlCdXR0b25TdHlsZXMge31cblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjpcbiAgICAgICAgJ2FbdHVpQnV0dG9uXSxidXR0b25bdHVpQnV0dG9uXSxsYWJlbFt0dWlCdXR0b25dLGFbdHVpSWNvbkJ1dHRvbl0sYnV0dG9uW3R1aUljb25CdXR0b25dLGxhYmVsW3R1aUljb25CdXR0b25dJyxcbiAgICBwcm92aWRlcnM6IFt0dWlBcHBlYXJhbmNlT3B0aW9uc1Byb3ZpZGVyKFRVSV9CVVRUT05fT1BUSU9OUyldLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbVHVpV2l0aEFwcGVhcmFuY2UsIFR1aVdpdGhJY29uc10sXG4gICAgaG9zdDoge1xuICAgICAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzaXplJyxcbiAgICAgICAgJ1thdHRyLnR1aUJ1dHRvblZdJzogXCJlbC5oYXNBdHRyaWJ1dGUoJ3R1aUJ1dHRvbicpID8gdmVyc2lvbiA6IG51bGxcIixcbiAgICAgICAgJ1thdHRyLnR1aUljb25CdXR0b25WXSc6IFwiZWwuaGFzQXR0cmlidXRlKCd0dWlJY29uQnV0dG9uJykgPyB2ZXJzaW9uIDogbnVsbFwiLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJ1dHRvbiB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zID0gaW5qZWN0KFRVSV9CVVRUT05fT1BUSU9OUyk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG5vdGhpbmcgPSB0dWlXaXRoU3R5bGVzKFR1aUJ1dHRvblN0eWxlcyk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHZlcnNpb24gPSBUVUlfVkVSU0lPTjtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgZWwgPSB0dWlJbmplY3RFbGVtZW50KCk7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG59XG4iXX0=
|
|
@@ -87,7 +87,7 @@ class TuiDataListComponent {
|
|
|
87
87
|
return Array.from(this.el.querySelectorAll('[tuiOption]'));
|
|
88
88
|
}
|
|
89
89
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiDataListComponent, isStandalone: true, selector: "tui-data-list", inputs: { emptyContent: "emptyContent", size: "size" }, host: { attributes: { "role": "listbox", "tuiDataListV": "4.
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiDataListComponent, isStandalone: true, selector: "tui-data-list", inputs: { emptyContent: "emptyContent", size: "size" }, host: { attributes: { "role": "listbox", "tuiDataListV": "4.97.0" }, listeners: { "focusin": "onFocusIn($event.relatedTarget, $event.currentTarget)", "mousedown.prevent": "(0)", "wheel.zoneless.passive": "handleFocusLossIfNecessary()", "mouseleave": "handleFocusLossIfNecessary($event.target)", "keydown.tab": "handleFocusLossIfNecessary()", "keydown.shift.tab": "handleFocusLossIfNecessary()", "keydown.arrowDown.prevent": "onKeyDownArrow($event.target, 1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target, -1)" }, properties: { "attr.role": "role", "attr.data-size": "size" } }, providers: [
|
|
91
91
|
tuiAsDataListAccessor(TuiDataListComponent),
|
|
92
92
|
{
|
|
93
93
|
provide: TUI_OPTION_CONTENT,
|
|
@@ -100,7 +100,7 @@ class TuiDataListComponent {
|
|
|
100
100
|
}) ??
|
|
101
101
|
inject(TUI_OPTION_CONTENT, { skipSelf: true, optional: true }),
|
|
102
102
|
},
|
|
103
|
-
], queries: [{ propertyName: "legacyOptionsQuery", predicate: i0.forwardRef(function () { return TuiOption; }), descendants: true }, { propertyName: "optionsQuery", predicate: i0.forwardRef(function () { return TuiOptionWithValue; }), descendants: true }], ngImport: i0, template: "<ng-content />\n<div\n *ngIf=\"empty()\"\n class=\"t-empty\"\n>\n <ng-container *polymorpheusOutlet=\"emptyContent || fallback() as text\">\n {{ text }}\n </ng-container>\n</div>\n", styles: ["[tuiDataListV=\"4.
|
|
103
|
+
], queries: [{ propertyName: "legacyOptionsQuery", predicate: i0.forwardRef(function () { return TuiOption; }), descendants: true }, { propertyName: "optionsQuery", predicate: i0.forwardRef(function () { return TuiOptionWithValue; }), descendants: true }], ngImport: i0, template: "<ng-content />\n<div\n *ngIf=\"empty()\"\n class=\"t-empty\"\n>\n <ng-container *polymorpheusOutlet=\"emptyContent || fallback() as text\">\n {{ text }}\n </ng-container>\n</div>\n", styles: ["[tuiDataListV=\"4.97.0\"]{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-tertiary)}[tuiDataListV=\"4.97.0\"]:focus-within .t-trap{display:none}[tuiDataListV=\"4.97.0\"]:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}[tuiDataListV=\"4.97.0\"][data-size=s]{--tui-data-list-margin: 0rem}[tuiDataListV=\"4.97.0\"][data-size=s] [tuiOption][new]:not([tuiCell]){gap:.5rem}[tuiDataListV=\"4.97.0\"][data-size=s]>.t-empty,[tuiDataListV=\"4.97.0\"][data-size=s] [tuiOption]{--t-option-padding-inline: .375rem;font:var(--tui-font-text-s);line-height:1rem;min-block-size:1.75rem;padding-block-start:.3125rem;padding-block-end:.3125rem}[tuiDataListV=\"4.97.0\"][data-size=s]>.t-empty:before,[tuiDataListV=\"4.97.0\"][data-size=s] [tuiOption]:before{font-size:1rem}[tuiDataListV=\"4.97.0\"][data-size=m] [tuiOption][new]:not([tuiCell]){gap:.75rem}[tuiDataListV=\"4.97.0\"][data-size=m]>.t-empty,[tuiDataListV=\"4.97.0\"][data-size=m] [tuiOption]{--t-option-padding-inline: .5rem;font:var(--tui-font-text-s);min-block-size:2.25rem;padding-block-start:.375rem;padding-block-end:.375rem}[tuiDataListV=\"4.97.0\"][data-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}[tuiDataListV=\"4.97.0\"][data-size=l] [tuiOption][new]:not([tuiCell]){gap:1rem}[tuiDataListV=\"4.97.0\"][data-size=l]>.t-empty,[tuiDataListV=\"4.97.0\"][data-size=l] [tuiOption]{--t-option-padding-inline: .5rem;font:var(--tui-font-text-m);min-block-size:2.5rem;padding-block-start:.375rem;padding-block-end:.375rem}[tuiDataListV=\"4.97.0\"]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0}[tuiDataListV=\"4.97.0\"] [tuiOption]:not([new]){justify-content:space-between}[tuiDataListV=\"4.97.0\"] [tuiOption]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;text-align:start;color:var(--tui-text-primary);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}[tuiDataListV=\"4.97.0\"] [tuiOption]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}@media (hover: hover) and (pointer: fine){[tuiDataListV=\"4.97.0\"] [tuiOption]:hover:not(:disabled){background-color:var(--tui-background-neutral-1)}}[tuiDataListV=\"4.97.0\"] [tuiOption]:active:not(:disabled),[tuiDataListV=\"4.97.0\"] [tuiOption]:focus-within,[tuiDataListV=\"4.97.0\"] [tuiOption]._with-dropdown{background-color:var(--tui-background-neutral-1)}[tuiDataListV=\"4.97.0\"] [tuiOption]:not([new]):before{margin-inline-end:.5rem}[tuiDataListV=\"4.97.0\"] [tuiOption]:after{font-size:1rem;margin:0 -.625rem 0 auto;border-inline-start:.5rem solid;border-inline-end:.5rem solid}[tuiDataListV=\"4.97.0\"]>.t-empty,[tuiDataListV=\"4.97.0\"] [tuiOption]{padding-inline-start:var(--t-option-padding-inline);padding-inline-end:var(--t-option-padding-inline)}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);font-weight:700;color:var(--tui-text-primary);flex-direction:column;line-height:1rem}[tuiDataListV=\"4.97.0\"][data-size=l] tui-opt-group{font:var(--tui-font-text-l);font-weight:700}[tuiDataListV=\"4.97.0\"][data-size=l] tui-opt-group:after{left:.5rem;right:.5rem}[tuiDataListV=\"4.97.0\"][data-size=m] tui-opt-group{font:var(--tui-font-text-m);font-weight:700}[tuiDataListV=\"4.97.0\"][data-size=m] tui-opt-group:before{padding-inline-start:.375rem;padding-inline-end:.375rem}[tuiDataListV=\"4.97.0\"][data-size=m] tui-opt-group:after{left:.375rem;right:.375rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .375rem;margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);block-size:1px;background:var(--tui-border-normal)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-block-start:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before,tui-opt-group:not([data-label]):before{content:\"\";padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
104
104
|
}
|
|
105
105
|
export { TuiDataListComponent };
|
|
106
106
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDataListComponent, decorators: [{
|
|
@@ -131,7 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
131
131
|
'(keydown.shift.tab)': 'handleFocusLossIfNecessary()',
|
|
132
132
|
'(keydown.arrowDown.prevent)': 'onKeyDownArrow($event.target, 1)',
|
|
133
133
|
'(keydown.arrowUp.prevent)': 'onKeyDownArrow($event.target, -1)',
|
|
134
|
-
}, template: "<ng-content />\n<div\n *ngIf=\"empty()\"\n class=\"t-empty\"\n>\n <ng-container *polymorpheusOutlet=\"emptyContent || fallback() as text\">\n {{ text }}\n </ng-container>\n</div>\n", styles: ["[tuiDataListV=\"4.
|
|
134
|
+
}, template: "<ng-content />\n<div\n *ngIf=\"empty()\"\n class=\"t-empty\"\n>\n <ng-container *polymorpheusOutlet=\"emptyContent || fallback() as text\">\n {{ text }}\n </ng-container>\n</div>\n", styles: ["[tuiDataListV=\"4.97.0\"]{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-tertiary)}[tuiDataListV=\"4.97.0\"]:focus-within .t-trap{display:none}[tuiDataListV=\"4.97.0\"]:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}[tuiDataListV=\"4.97.0\"][data-size=s]{--tui-data-list-margin: 0rem}[tuiDataListV=\"4.97.0\"][data-size=s] [tuiOption][new]:not([tuiCell]){gap:.5rem}[tuiDataListV=\"4.97.0\"][data-size=s]>.t-empty,[tuiDataListV=\"4.97.0\"][data-size=s] [tuiOption]{--t-option-padding-inline: .375rem;font:var(--tui-font-text-s);line-height:1rem;min-block-size:1.75rem;padding-block-start:.3125rem;padding-block-end:.3125rem}[tuiDataListV=\"4.97.0\"][data-size=s]>.t-empty:before,[tuiDataListV=\"4.97.0\"][data-size=s] [tuiOption]:before{font-size:1rem}[tuiDataListV=\"4.97.0\"][data-size=m] [tuiOption][new]:not([tuiCell]){gap:.75rem}[tuiDataListV=\"4.97.0\"][data-size=m]>.t-empty,[tuiDataListV=\"4.97.0\"][data-size=m] [tuiOption]{--t-option-padding-inline: .5rem;font:var(--tui-font-text-s);min-block-size:2.25rem;padding-block-start:.375rem;padding-block-end:.375rem}[tuiDataListV=\"4.97.0\"][data-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}[tuiDataListV=\"4.97.0\"][data-size=l] [tuiOption][new]:not([tuiCell]){gap:1rem}[tuiDataListV=\"4.97.0\"][data-size=l]>.t-empty,[tuiDataListV=\"4.97.0\"][data-size=l] [tuiOption]{--t-option-padding-inline: .5rem;font:var(--tui-font-text-m);min-block-size:2.5rem;padding-block-start:.375rem;padding-block-end:.375rem}[tuiDataListV=\"4.97.0\"]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0}[tuiDataListV=\"4.97.0\"] [tuiOption]:not([new]){justify-content:space-between}[tuiDataListV=\"4.97.0\"] [tuiOption]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;text-align:start;color:var(--tui-text-primary);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}[tuiDataListV=\"4.97.0\"] [tuiOption]:disabled{opacity:var(--tui-disabled-opacity);cursor:default}@media (hover: hover) and (pointer: fine){[tuiDataListV=\"4.97.0\"] [tuiOption]:hover:not(:disabled){background-color:var(--tui-background-neutral-1)}}[tuiDataListV=\"4.97.0\"] [tuiOption]:active:not(:disabled),[tuiDataListV=\"4.97.0\"] [tuiOption]:focus-within,[tuiDataListV=\"4.97.0\"] [tuiOption]._with-dropdown{background-color:var(--tui-background-neutral-1)}[tuiDataListV=\"4.97.0\"] [tuiOption]:not([new]):before{margin-inline-end:.5rem}[tuiDataListV=\"4.97.0\"] [tuiOption]:after{font-size:1rem;margin:0 -.625rem 0 auto;border-inline-start:.5rem solid;border-inline-end:.5rem solid}[tuiDataListV=\"4.97.0\"]>.t-empty,[tuiDataListV=\"4.97.0\"] [tuiOption]{padding-inline-start:var(--t-option-padding-inline);padding-inline-end:var(--t-option-padding-inline)}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);font-weight:700;color:var(--tui-text-primary);flex-direction:column;line-height:1rem}[tuiDataListV=\"4.97.0\"][data-size=l] tui-opt-group{font:var(--tui-font-text-l);font-weight:700}[tuiDataListV=\"4.97.0\"][data-size=l] tui-opt-group:after{left:.5rem;right:.5rem}[tuiDataListV=\"4.97.0\"][data-size=m] tui-opt-group{font:var(--tui-font-text-m);font-weight:700}[tuiDataListV=\"4.97.0\"][data-size=m] tui-opt-group:before{padding-inline-start:.375rem;padding-inline-end:.375rem}[tuiDataListV=\"4.97.0\"][data-size=m] tui-opt-group:after{left:.375rem;right:.375rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .375rem;margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);block-size:1px;background:var(--tui-border-normal)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-block-start:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before,tui-opt-group:not([data-label]):before{content:\"\";padding:0;margin:0}\n"] }]
|
|
135
135
|
}], propDecorators: { legacyOptionsQuery: [{
|
|
136
136
|
type: ContentChildren,
|
|
137
137
|
args: [forwardRef(() => TuiOption), { descendants: true }]
|
|
@@ -48,7 +48,7 @@ class TuiDialogComponent {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiDialogComponent, isStandalone: true, selector: "tui-dialog", host: { properties: { "attr.data-appearance": "context.appearance", "attr.data-size": "size", "class._centered": "header", "style.--tui-from": "from()" } }, providers: [TuiDialogCloseService], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<header\n *ngIf=\"header\"\n class=\"t-header\"\n>\n <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n {{ text }}\n </ng-container>\n</header>\n<div class=\"t-content\">\n <h2\n class=\"t-heading\"\n [class.t-heading_closable]=\"context.closeable && !header\"\n [id]=\"context.id\"\n [textContent]=\"context.label\"\n ></h2>\n <section>\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n <div [innerHTML]=\"text\"></div>\n <div\n *ngIf=\"context.closeable || context.dismissible\"\n class=\"t-buttons\"\n >\n <button\n size=\"m\"\n tuiAutoFocus\n tuiButton\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ context.data?.button || 'OK' }}\n </button>\n </div>\n </ng-container>\n </section>\n</div>\n<div class=\"t-filler\"></div>\n\n<!-- Close button is insensitive to `context.closeable === Observable<false>` by design -->\n<button\n *ngIf=\"context.closeable\"\n automation-id=\"tui-dialog__close\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [appearance]=\"isMobile() ? 'icon' : 'neutral'\"\n [iconStart]=\"icons.close\"\n [size]=\"isMobile() ? 'xs' : 's'\"\n [style.border-radius.%]=\"100\"\n (click)=\"close$.next()\"\n (mousedown.prevent.zoneless)=\"(0)\"\n>\n {{ closeWord$ | async }}\n</button>\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1.5rem;border:2.5rem solid transparent}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-popup)}:host[data-size=auto]{inline-size:auto}:host[data-size=s]{inline-size:30rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{font:var(--tui-font-heading-5)}:host[data-size=m]{inline-size:42.5rem}:host[data-size=l]{inline-size:55rem}:host[data-size=fullscreen],:host[data-size=page]{min-inline-size:100vw;min-block-size:100%;border-radius:0;border:none;background:var(--tui-background-elevation-1);box-shadow:0 4rem var(--tui-background-elevation-1)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - 22.5rem)}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{font:var(--tui-font-heading-3)}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-inline-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;border:none;margin:auto 0 0;background:var(--tui-background-elevation-1);padding-block-end:env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{font:var(--tui-font-heading-5)}:host :host-context(tui-root._mobile)[data-size=fullscreen],:host :host-context(tui-root._mobile)[data-size=page]{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size=fullscreen] .t-close,:host :host-context(tui-root._mobile)[data-size=page] .t-close{top:max(1rem,env(safe-area-inset-top))}:host[data-size=page] .t-content,:host-context(tui-root._mobile) :host[data-size=page] .t-content{padding:0}.t-heading{margin:0 0 .5rem;overflow-wrap:break-word;font:var(--tui-font-heading-4)}.t-heading_closable{padding-inline-end:2rem}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:1.75rem;background:var(--tui-background-elevation-1)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-content>section{border-radius:inherit}.t-filler{flex-grow:1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:1rem;right:1rem}@supports (inset-inline-end: 0){.t-close{right:unset;inset-inline-end:1rem}}.t-buttons{margin-block-start:1.25rem;text-align:end}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiDialogComponent, isStandalone: true, selector: "tui-dialog", host: { properties: { "attr.data-appearance": "context.appearance", "attr.data-size": "size", "class._centered": "header", "style.--tui-from": "from()" } }, providers: [TuiDialogCloseService], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<header\n *ngIf=\"header\"\n class=\"t-header\"\n>\n <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n {{ text }}\n </ng-container>\n</header>\n<div class=\"t-content\">\n <h2\n class=\"t-heading\"\n [class.t-heading_closable]=\"context.closeable && !header\"\n [id]=\"context.id\"\n [textContent]=\"context.label\"\n ></h2>\n <section>\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n <div [innerHTML]=\"text\"></div>\n <div\n *ngIf=\"context.closeable || context.dismissible\"\n class=\"t-buttons\"\n >\n <button\n size=\"m\"\n tuiAutoFocus\n tuiButton\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ context.data?.button || 'OK' }}\n </button>\n </div>\n </ng-container>\n </section>\n</div>\n<div class=\"t-filler\"></div>\n\n<!-- Close button is insensitive to `context.closeable === Observable<false>` by design -->\n<button\n *ngIf=\"context.closeable\"\n automation-id=\"tui-dialog__close\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [appearance]=\"isMobile() ? 'icon' : 'neutral'\"\n [iconStart]=\"icons.close\"\n [size]=\"isMobile() ? 'xs' : 's'\"\n [style.border-radius.%]=\"100\"\n (click)=\"close$.next()\"\n (mousedown.prevent.zoneless)=\"(0)\"\n>\n {{ closeWord$ | async }}\n</button>\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1.5rem;border:2.5rem solid transparent}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-popup)}:host[data-size=auto]{inline-size:auto}:host[data-size=s]{inline-size:30rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{font:var(--tui-font-heading-5)}:host[data-size=m]{inline-size:42.5rem}:host[data-size=l]{inline-size:55rem}:host[data-size=fullscreen],:host[data-size=page]{min-inline-size:100vw;min-block-size:100%;border-radius:0;border:none;background:var(--tui-background-elevation-1);box-shadow:0 4rem var(--tui-background-elevation-1)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - 22.5rem)}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{font:var(--tui-font-heading-3)}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-inline-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;border:none;margin:auto 0 0;background:var(--tui-background-elevation-1);padding-block-end:env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{font:var(--tui-font-heading-5)}:host :host-context(tui-root._mobile)[data-size=fullscreen],:host :host-context(tui-root._mobile)[data-size=page]{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size=fullscreen] .t-close,:host :host-context(tui-root._mobile)[data-size=page] .t-close{top:max(1rem,env(safe-area-inset-top))}:host[data-size=page] .t-content,:host-context(tui-root._mobile) :host[data-size=page] .t-content{padding:0}.t-heading{margin:0 0 .5rem;overflow-wrap:break-word;font:var(--tui-font-heading-4)}.t-heading_closable{padding-inline-end:2rem}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:1.75rem;background:var(--tui-background-elevation-1)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-content>section{border-radius:inherit}.t-filler{flex-grow:1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:1rem;right:1rem}@supports (inset-inline-end: 0){.t-close{right:unset;inset-inline-end:1rem}}.t-buttons{margin-block-start:1.25rem;text-align:end}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
52
52
|
}
|
|
53
53
|
export { TuiDialogComponent };
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDialogComponent, decorators: [{
|
|
@@ -27,7 +27,7 @@ class TuiIcon {
|
|
|
27
27
|
: `url(${this.resolver(value)})`;
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiIcon, isStandalone: true, selector: "tui-icon", inputs: { icon: "icon", background: "background" }, host: { attributes: { "tuiIconV": "4.
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiIcon, isStandalone: true, selector: "tui-icon", inputs: { icon: "icon", background: "background" }, host: { attributes: { "tuiIconV": "4.97.0" }, properties: { "style.--t-icon": "resource() || \"url()\"", "style.--t-icon-bg": "bgResource()", "attr.data-icon": "mode()" } }, ngImport: i0, template: '', isInline: true, styles: ["[tuiIconV=\"4.97.0\"]{position:relative;display:inline-block;inline-size:1em;block-size:1em;font-size:1.5rem;flex-shrink:0;border:0 solid transparent;vertical-align:middle;box-sizing:border-box;-webkit-mask:var(--t-icon-bg) no-repeat center / contain;mask:var(--t-icon-bg) no-repeat center / contain}@media (hover: hover) and (pointer: fine){[tuiIconV=\"4.97.0\"][data-appearance=icon]:hover{color:var(--tui-text-secondary)}}[tuiIconV=\"4.97.0\"]:after,[tuiIconV=\"4.97.0\"][tuiIcons]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";display:block;-webkit-mask:var(--t-icon) no-repeat center / contain;mask:var(--t-icon) no-repeat center / contain;background:currentColor}[tuiIconV=\"4.97.0\"][data-icon=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon) no-repeat center / contain}[tuiIconV=\"4.97.0\"][data-icon=font]:after{content:var(--t-icon);-webkit-mask:none;mask:none;background:none;font:1em/1 var(--tui-font-icon, inherit);text-align:center;text-transform:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
31
|
}
|
|
32
32
|
export { TuiIcon };
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIcon, decorators: [{
|
|
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
37
37
|
'[style.--t-icon]': 'resource() || "url()"',
|
|
38
38
|
'[style.--t-icon-bg]': 'bgResource()',
|
|
39
39
|
'[attr.data-icon]': 'mode()',
|
|
40
|
-
}, styles: ["[tuiIconV=\"4.
|
|
40
|
+
}, styles: ["[tuiIconV=\"4.97.0\"]{position:relative;display:inline-block;inline-size:1em;block-size:1em;font-size:1.5rem;flex-shrink:0;border:0 solid transparent;vertical-align:middle;box-sizing:border-box;-webkit-mask:var(--t-icon-bg) no-repeat center / contain;mask:var(--t-icon-bg) no-repeat center / contain}@media (hover: hover) and (pointer: fine){[tuiIconV=\"4.97.0\"][data-appearance=icon]:hover{color:var(--tui-text-secondary)}}[tuiIconV=\"4.97.0\"]:after,[tuiIconV=\"4.97.0\"][tuiIcons]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";display:block;-webkit-mask:var(--t-icon) no-repeat center / contain;mask:var(--t-icon) no-repeat center / contain;background:currentColor}[tuiIconV=\"4.97.0\"][data-icon=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon) no-repeat center / contain}[tuiIconV=\"4.97.0\"][data-icon=font]:after{content:var(--t-icon);-webkit-mask:none;mask:none;background:none;font:1em/1 var(--tui-font-icon, inherit);text-align:center;text-transform:none}\n"] }]
|
|
41
41
|
}], propDecorators: { icon: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], background: [{
|
|
@@ -6,11 +6,11 @@ import { TUI_DATA_LIST_HOST } from '@taiga-ui/core/components/data-list';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
class TuiLabelStyles {
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabelStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabelStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-label-4.
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabelStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-label-4.97.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiLabelV=\"4.97.0\"]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabelV=\"4.97.0\"]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabelV=\"4.97.0\"]:has(tui-textfield),[tuiLabelV=\"4.97.0\"]:has(tui-primitive-textfield),[tuiLabelV=\"4.97.0\"]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabelV=\"4.97.0\"] input[type=checkbox],[tuiLabelV=\"4.97.0\"] input[type=radio]{margin-inline-end:.5rem}[tuiLabelV=\"4.97.0\"] input[type=checkbox][data-size=s],[tuiLabelV=\"4.97.0\"] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-block-start:.125rem}[tuiLabelV=\"4.97.0\"] small{font:var(--tui-font-text-s)}[tuiLabelV=\"4.97.0\"] [tuiTitle]{margin-block-start:.125rem}[tuiLabelV=\"4.97.0\"] [tuiCell] [tuiTitle]{margin-block-start:0}[tuiLabelV=\"4.97.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabelStyles, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-label-${TUI_VERSION}`, styles: ["[tuiLabelV=\"4.
|
|
13
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-label-${TUI_VERSION}`, styles: ["[tuiLabelV=\"4.97.0\"]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabelV=\"4.97.0\"]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabelV=\"4.97.0\"]:has(tui-textfield),[tuiLabelV=\"4.97.0\"]:has(tui-primitive-textfield),[tuiLabelV=\"4.97.0\"]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabelV=\"4.97.0\"] input[type=checkbox],[tuiLabelV=\"4.97.0\"] input[type=radio]{margin-inline-end:.5rem}[tuiLabelV=\"4.97.0\"] input[type=checkbox][data-size=s],[tuiLabelV=\"4.97.0\"] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-block-start:.125rem}[tuiLabelV=\"4.97.0\"] small{font:var(--tui-font-text-s)}[tuiLabelV=\"4.97.0\"] [tuiTitle]{margin-block-start:.125rem}[tuiLabelV=\"4.97.0\"] [tuiCell] [tuiTitle]{margin-block-start:0}[tuiLabelV=\"4.97.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
// TODO: Replace TUI_DATA_LIST_HOST with proper token once we refactor textfields
|
|
16
16
|
class TuiLabel {
|
|
@@ -20,7 +20,7 @@ class TuiLabel {
|
|
|
20
20
|
this.parent = inject(forwardRef(() => TUI_DATA_LIST_HOST), { optional: true });
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
23
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabel, isStandalone: true, selector: "label[tuiLabel]", host: { attributes: { "tuiLabelV": "4.
|
|
23
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabel, isStandalone: true, selector: "label[tuiLabel]", host: { attributes: { "tuiLabelV": "4.97.0" }, properties: { "attr.for": "el.htmlFor || parent?.id", "attr.data-orientation": "textfield ? \"vertical\" : \"horizontal\"" } }, queries: [{ propertyName: "textfield", first: true, predicate: i0.forwardRef(function () { return TUI_DATA_LIST_HOST; }), descendants: true }], ngImport: i0 }); }
|
|
24
24
|
}
|
|
25
25
|
export { TuiLabel };
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabel, decorators: [{
|
|
@@ -9,11 +9,11 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
|
9
9
|
import * as i2 from "@taiga-ui/core/directives/icons";
|
|
10
10
|
class TuiLinkStyles {
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLinkStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLinkStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-link-4.
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLinkStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-link-4.97.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiLinkV=\"4.97.0\"]{--tui-text-tertiary: var(--tui-text-secondary);transition-property:color,opacity,-webkit-text-decoration;transition-property:color,text-decoration,opacity;transition-property:color,text-decoration,opacity,-webkit-text-decoration;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--tui-text-primary);-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"]:hover{--tui-text-secondary: var(--tui-text-primary)}}[tuiLinkV=\"4.97.0\"]:before{margin-inline-end:.25rem}[tuiLinkV=\"4.97.0\"]:after{margin-inline-start:.25rem}[tuiLinkV=\"4.97.0\"][tuiIcons]:before,[tuiLinkV=\"4.97.0\"][tuiIcons]:after{content:\"\\2060\";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0;box-sizing:border-box;transition:none}[tuiLinkV=\"4.97.0\"][tuiChevron]:after{display:inline-block}[tuiLinkV=\"4.97.0\"]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.97.0\"][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.97.0\"][tuiWrapper]:not(._focused):has(:focus-visible){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.97.0\"][tuiWrapper]._focused._focused{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}[tuiLinkV=\"4.97.0\"][data-state=hover]{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"][tuiWrapper]:hover:not(._no-hover),[tuiLinkV=\"4.97.0\"][tuiWrapper][data-state=hover]{text-decoration-color:currentColor}}[tuiLinkV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.97.0\"][data-state=active]{text-decoration-color:currentColor}[tuiLinkV=\"4.97.0\"][tuiWrapper]:active:not(._no-active),[tuiLinkV=\"4.97.0\"][tuiWrapper][data-state=active],[tuiLinkV=\"4.97.0\"][tuiWrapper][data-state=active]:hover{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"][data-appearance=\"\"]:hover{opacity:.7}}[tuiLinkV=\"4.97.0\"][data-appearance=\"\"]:active{opacity:.7}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLinkStyles, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-link-${TUI_VERSION}`, styles: ["[tuiLinkV=\"4.
|
|
16
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-link-${TUI_VERSION}`, styles: ["[tuiLinkV=\"4.97.0\"]{--tui-text-tertiary: var(--tui-text-secondary);transition-property:color,opacity,-webkit-text-decoration;transition-property:color,text-decoration,opacity;transition-property:color,text-decoration,opacity,-webkit-text-decoration;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--tui-text-primary);-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"]:hover{--tui-text-secondary: var(--tui-text-primary)}}[tuiLinkV=\"4.97.0\"]:before{margin-inline-end:.25rem}[tuiLinkV=\"4.97.0\"]:after{margin-inline-start:.25rem}[tuiLinkV=\"4.97.0\"][tuiIcons]:before,[tuiLinkV=\"4.97.0\"][tuiIcons]:after{content:\"\\2060\";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0;box-sizing:border-box;transition:none}[tuiLinkV=\"4.97.0\"][tuiChevron]:after{display:inline-block}[tuiLinkV=\"4.97.0\"]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.97.0\"][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.97.0\"][tuiWrapper]:not(._focused):has(:focus-visible){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.97.0\"][tuiWrapper]._focused._focused{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}[tuiLinkV=\"4.97.0\"][data-state=hover]{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"][tuiWrapper]:hover:not(._no-hover),[tuiLinkV=\"4.97.0\"][tuiWrapper][data-state=hover]{text-decoration-color:currentColor}}[tuiLinkV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.97.0\"][data-state=active]{text-decoration-color:currentColor}[tuiLinkV=\"4.97.0\"][tuiWrapper]:active:not(._no-active),[tuiLinkV=\"4.97.0\"][tuiWrapper][data-state=active],[tuiLinkV=\"4.97.0\"][tuiWrapper][data-state=active]:hover{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.97.0\"][data-appearance=\"\"]:hover{opacity:.7}}[tuiLinkV=\"4.97.0\"][data-appearance=\"\"]:active{opacity:.7}\n"] }]
|
|
17
17
|
}] });
|
|
18
18
|
class TuiLink {
|
|
19
19
|
constructor() {
|
|
@@ -25,7 +25,7 @@ class TuiLink {
|
|
|
25
25
|
this.pseudo = inject(TUI_LINK_OPTIONS).pseudo;
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLink, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
28
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLink, isStandalone: true, selector: "a[tuiLink], button[tuiLink]", inputs: { pseudo: "pseudo" }, host: { attributes: { "tuiLink": "", "tuiLinkV": "4.
|
|
28
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLink, isStandalone: true, selector: "a[tuiLink], button[tuiLink]", inputs: { pseudo: "pseudo" }, host: { attributes: { "tuiLink": "", "tuiLinkV": "4.97.0" }, properties: { "style.text-decoration-line": "pseudo ? \"underline\" : null" } }, providers: [tuiAppearanceOptionsProvider(TUI_LINK_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
29
29
|
}
|
|
30
30
|
export { TuiLink };
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLink, decorators: [{
|
|
@@ -11,11 +11,11 @@ import * as i1 from "@taiga-ui/core/directives/icons";
|
|
|
11
11
|
import * as i2 from "@taiga-ui/core/directives/appearance";
|
|
12
12
|
class TuiNotificationStyles {
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiNotificationStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiNotificationStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-notification-4.
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiNotificationStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-notification-4.97.0"], ngImport: i0, template: '', isInline: true, styles: ["tui-notification,[tuiNotificationV=\"4.97.0\"]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;position:relative;display:block;max-block-size:100%;color:var(--tui-text-primary);font:var(--tui-font-text-m);padding:var(--t-offset) var(--tui-padding-l);line-height:1.5rem;border-radius:var(--tui-radius-l);box-sizing:border-box;text-align:start;text-decoration:none;border-inline-start:var(--t-start) solid transparent;border-inline-end:var(--t-end) solid transparent;--t-offset: calc((var(--t-height) - var(--tui-lh)) / 2);--t-height: var(--tui-height-l);--t-start: 0;--t-end: 0}tui-notification[style*=\"--t-icon-start:\"],[tuiNotificationV=\"4.97.0\"][style*=\"--t-icon-start:\"]{--t-start: 2rem}tui-notification[style*=\"--t-icon-end:\"],[tuiNotificationV=\"4.97.0\"][style*=\"--t-icon-end:\"]{--t-end: 1.5rem}tui-notification:before,[tuiNotificationV=\"4.97.0\"]:before{position:absolute;top:calc(var(--t-offset) + var(--tui-lh));left:-1rem;inset-inline-start:-1rem;transform:translateY(-100%)}tui-notification:after,[tuiNotificationV=\"4.97.0\"]:after{position:absolute;top:50%;transform:translateY(-50%);right:-.5rem;font-size:1rem;margin:0;margin-inline-end:-.25rem;margin-inline-start:auto;color:var(--tui-text-tertiary)!important}@supports (inset-inline-end: 0){tui-notification:after,[tuiNotificationV=\"4.97.0\"]:after{right:unset;inset-inline-end:-.5rem}}tui-notification[data-size=s],[tuiNotificationV=\"4.97.0\"][data-size=s]{padding:var(--t-offset) .5rem;font:var(--tui-font-text-s);line-height:1.25rem;border-radius:var(--tui-radius-m);--t-height: var(--tui-height-s)}tui-notification[data-size=s][style*=\"--t-icon-start:\"],[tuiNotificationV=\"4.97.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.5rem}tui-notification[data-size=s]:before,[tuiNotificationV=\"4.97.0\"][data-size=s]:before{left:-1rem;inset-inline-start:-.875rem;font-size:1rem}tui-notification[data-size=s]:after,[tuiNotificationV=\"4.97.0\"][data-size=s]:after{right:-.875rem}@supports (inset-inline-end: 0){tui-notification[data-size=s]:after,[tuiNotificationV=\"4.97.0\"][data-size=s]:after{right:unset;inset-inline-end:-.875rem}}tui-notification[data-size=s] tui-icon,[tuiNotificationV=\"4.97.0\"][data-size=s] tui-icon{font-size:1rem}tui-notification[data-size=s] [tuiTitle],[tuiNotificationV=\"4.97.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotificationV=\"4.97.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotificationV=\"4.97.0\"][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=s]>[tuiIconButton]{top:0;right:0}@supports (inset-inline-end: 0){tui-notification[data-size=s]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=s]>[tuiIconButton]{right:unset;inset-inline-end:0}}tui-notification[data-size=m],[tuiNotificationV=\"4.97.0\"][data-size=m]{padding:var(--t-offset) var(--tui-padding-m);font:var(--tui-font-text-s);line-height:1.25rem;border-radius:var(--tui-radius-m);--t-height: var(--tui-height-m)}tui-notification[data-size=m][style*=\"--t-icon-start:\"],[tuiNotificationV=\"4.97.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.625rem}tui-notification[data-size=m]:before,[tuiNotificationV=\"4.97.0\"][data-size=m]:before{left:-.875rem;inset-inline-start:-.875rem;font-size:1.25rem}tui-notification[data-size=m]:after,[tuiNotificationV=\"4.97.0\"][data-size=m]:after{right:-.75rem}@supports (inset-inline-end: 0){tui-notification[data-size=m]:after,[tuiNotificationV=\"4.97.0\"][data-size=m]:after{right:unset;inset-inline-end:-.75rem}}tui-notification[data-size=m] tui-icon,[tuiNotificationV=\"4.97.0\"][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotificationV=\"4.97.0\"][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotificationV=\"4.97.0\"][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotificationV=\"4.97.0\"][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=m]>[tuiIconButton]{top:.375rem;right:.5rem}@supports (inset-inline-end: 0){tui-notification[data-size=m]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=m]>[tuiIconButton]{right:unset;inset-inline-end:.5rem}}tui-notification [tuiTitle],[tuiNotificationV=\"4.97.0\"] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotificationV=\"4.97.0\"] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotificationV=\"4.97.0\"] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-block-start:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotificationV=\"4.97.0\"]>[tuiIconButton]{position:absolute;top:.75rem;right:.75rem;box-shadow:none!important;background:transparent!important}@supports (inset-inline-end: 0){tui-notification>[tuiIconButton],[tuiNotificationV=\"4.97.0\"]>[tuiIconButton]{right:unset;inset-inline-end:.75rem}}tui-notification:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled),[tuiNotificationV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}tui-notification:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled),[tuiNotificationV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiNotificationStyles, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-notification-${TUI_VERSION}`, styles: ["tui-notification,[tuiNotificationV=\"4.
|
|
18
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-notification-${TUI_VERSION}`, styles: ["tui-notification,[tuiNotificationV=\"4.97.0\"]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;position:relative;display:block;max-block-size:100%;color:var(--tui-text-primary);font:var(--tui-font-text-m);padding:var(--t-offset) var(--tui-padding-l);line-height:1.5rem;border-radius:var(--tui-radius-l);box-sizing:border-box;text-align:start;text-decoration:none;border-inline-start:var(--t-start) solid transparent;border-inline-end:var(--t-end) solid transparent;--t-offset: calc((var(--t-height) - var(--tui-lh)) / 2);--t-height: var(--tui-height-l);--t-start: 0;--t-end: 0}tui-notification[style*=\"--t-icon-start:\"],[tuiNotificationV=\"4.97.0\"][style*=\"--t-icon-start:\"]{--t-start: 2rem}tui-notification[style*=\"--t-icon-end:\"],[tuiNotificationV=\"4.97.0\"][style*=\"--t-icon-end:\"]{--t-end: 1.5rem}tui-notification:before,[tuiNotificationV=\"4.97.0\"]:before{position:absolute;top:calc(var(--t-offset) + var(--tui-lh));left:-1rem;inset-inline-start:-1rem;transform:translateY(-100%)}tui-notification:after,[tuiNotificationV=\"4.97.0\"]:after{position:absolute;top:50%;transform:translateY(-50%);right:-.5rem;font-size:1rem;margin:0;margin-inline-end:-.25rem;margin-inline-start:auto;color:var(--tui-text-tertiary)!important}@supports (inset-inline-end: 0){tui-notification:after,[tuiNotificationV=\"4.97.0\"]:after{right:unset;inset-inline-end:-.5rem}}tui-notification[data-size=s],[tuiNotificationV=\"4.97.0\"][data-size=s]{padding:var(--t-offset) .5rem;font:var(--tui-font-text-s);line-height:1.25rem;border-radius:var(--tui-radius-m);--t-height: var(--tui-height-s)}tui-notification[data-size=s][style*=\"--t-icon-start:\"],[tuiNotificationV=\"4.97.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.5rem}tui-notification[data-size=s]:before,[tuiNotificationV=\"4.97.0\"][data-size=s]:before{left:-1rem;inset-inline-start:-.875rem;font-size:1rem}tui-notification[data-size=s]:after,[tuiNotificationV=\"4.97.0\"][data-size=s]:after{right:-.875rem}@supports (inset-inline-end: 0){tui-notification[data-size=s]:after,[tuiNotificationV=\"4.97.0\"][data-size=s]:after{right:unset;inset-inline-end:-.875rem}}tui-notification[data-size=s] tui-icon,[tuiNotificationV=\"4.97.0\"][data-size=s] tui-icon{font-size:1rem}tui-notification[data-size=s] [tuiTitle],[tuiNotificationV=\"4.97.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-s);font-weight:700}tui-notification[data-size=s] [tuiSubtitle],[tuiNotificationV=\"4.97.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=s] [tuiSubtitle]+*,[tuiNotificationV=\"4.97.0\"][data-size=s] [tuiSubtitle]+*{gap:1rem;margin:.375rem 0 .25rem}tui-notification[data-size=s]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=s]>[tuiIconButton]{top:0;right:0}@supports (inset-inline-end: 0){tui-notification[data-size=s]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=s]>[tuiIconButton]{right:unset;inset-inline-end:0}}tui-notification[data-size=m],[tuiNotificationV=\"4.97.0\"][data-size=m]{padding:var(--t-offset) var(--tui-padding-m);font:var(--tui-font-text-s);line-height:1.25rem;border-radius:var(--tui-radius-m);--t-height: var(--tui-height-m)}tui-notification[data-size=m][style*=\"--t-icon-start:\"],[tuiNotificationV=\"4.97.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.625rem}tui-notification[data-size=m]:before,[tuiNotificationV=\"4.97.0\"][data-size=m]:before{left:-.875rem;inset-inline-start:-.875rem;font-size:1.25rem}tui-notification[data-size=m]:after,[tuiNotificationV=\"4.97.0\"][data-size=m]:after{right:-.75rem}@supports (inset-inline-end: 0){tui-notification[data-size=m]:after,[tuiNotificationV=\"4.97.0\"][data-size=m]:after{right:unset;inset-inline-end:-.75rem}}tui-notification[data-size=m] tui-icon,[tuiNotificationV=\"4.97.0\"][data-size=m] tui-icon{font-size:1.25rem}tui-notification[data-size=m] [tuiTitle],[tuiNotificationV=\"4.97.0\"][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-m);font-weight:700}tui-notification[data-size=m] [tuiSubtitle],[tuiNotificationV=\"4.97.0\"][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-s)}tui-notification[data-size=m] [tuiSubtitle]+*,[tuiNotificationV=\"4.97.0\"][data-size=m] [tuiSubtitle]+*{gap:1rem;margin:.625rem 0 .25rem}tui-notification[data-size=m]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=m]>[tuiIconButton]{top:.375rem;right:.5rem}@supports (inset-inline-end: 0){tui-notification[data-size=m]>[tuiIconButton],[tuiNotificationV=\"4.97.0\"][data-size=m]>[tuiIconButton]{right:unset;inset-inline-end:.5rem}}tui-notification [tuiTitle],[tuiNotificationV=\"4.97.0\"] [tuiTitle]{gap:.125rem;font:var(--tui-font-text-ui-l);font-weight:700}tui-notification [tuiSubtitle],[tuiNotificationV=\"4.97.0\"] [tuiSubtitle]{font:var(--tui-font-text-m)}tui-notification [tuiSubtitle]+*,[tuiNotificationV=\"4.97.0\"] [tuiSubtitle]+*{display:flex;align-items:center;gap:1.25rem;margin-block-start:.625rem;font:var(--tui-font-text-s)}tui-notification>[tuiIconButton],[tuiNotificationV=\"4.97.0\"]>[tuiIconButton]{position:absolute;top:.75rem;right:.75rem;box-shadow:none!important;background:transparent!important}@supports (inset-inline-end: 0){tui-notification>[tuiIconButton],[tuiNotificationV=\"4.97.0\"]>[tuiIconButton]{right:unset;inset-inline-end:.75rem}}tui-notification:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled),[tuiNotificationV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}tui-notification:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled),[tuiNotificationV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}\n"] }]
|
|
19
19
|
}] });
|
|
20
20
|
class TuiNotification {
|
|
21
21
|
constructor() {
|
|
@@ -36,7 +36,7 @@ class TuiNotification {
|
|
|
36
36
|
this.icons.iconStart.set(tuiIsString(this.icon) ? this.icon : this.icon(this.appearance));
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiNotification, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
39
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiNotification, isStandalone: true, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: { appearance: "appearance", icon: "icon", size: "size" }, host: { attributes: { "tuiNotificationV": "4.
|
|
39
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiNotification, isStandalone: true, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: { appearance: "appearance", icon: "icon", size: "size" }, host: { attributes: { "tuiNotificationV": "4.97.0" }, properties: { "attr.data-size": "size" } }, providers: [
|
|
40
40
|
tuiAppearanceOptionsProvider(TUI_NOTIFICATION_OPTIONS),
|
|
41
41
|
tuiLinkOptionsProvider({
|
|
42
42
|
appearance: '',
|