@taiga-ui/experimental 3.53.0 → 3.54.0-canary.76a76c5
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/bundles/taiga-ui-experimental-components-avatar-stack.umd.js +1 -1
- package/bundles/taiga-ui-experimental-components-avatar-stack.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-avatar.umd.js +6 -1
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js +1 -1
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badge.umd.js +7 -6
- package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badged-content.umd.js +2 -2
- package/bundles/taiga-ui-experimental-components-badged-content.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-button.umd.js +34 -27
- package/bundles/taiga-ui-experimental-components-button.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-checkbox.umd.js +9 -14
- package/bundles/taiga-ui-experimental-components-checkbox.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-icon.umd.js +87 -0
- package/bundles/taiga-ui-experimental-components-icon.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components-toggle.umd.js +11 -16
- package/bundles/taiga-ui-experimental-components-toggle.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components.umd.js +10 -4
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-appearance.umd.js +82 -0
- package/bundles/taiga-ui-experimental-directives-appearance.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-card.umd.js +103 -0
- package/bundles/taiga-ui-experimental-directives-card.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-cell.umd.js +5 -3
- package/bundles/taiga-ui-experimental-directives-cell.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-fade.umd.js +4 -4
- package/bundles/taiga-ui-experimental-directives-fade.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js +105 -0
- package/bundles/taiga-ui-experimental-directives-progress-segmented.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-sensitive.umd.js +4 -4
- package/bundles/taiga-ui-experimental-directives-sensitive.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-surface.umd.js +10 -9
- package/bundles/taiga-ui-experimental-directives-surface.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-title.umd.js +4 -2
- package/bundles/taiga-ui-experimental-directives-title.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives.umd.js +22 -4
- package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-tokens.umd.js +31 -0
- package/bundles/taiga-ui-experimental-tokens.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental.umd.js +10 -4
- package/bundles/taiga-ui-experimental.umd.js.map +1 -1
- package/components/avatar/avatar.component.d.ts +2 -1
- package/components/badge/badge.component.d.ts +3 -3
- package/components/badge/badge.options.d.ts +2 -3
- package/components/button/button.component.d.ts +1 -3
- package/components/button/button.directive.d.ts +6 -3
- package/components/checkbox/checkbox.component.d.ts +5 -6
- package/components/icon/icon.component.d.ts +10 -0
- package/components/icon/icon.module.d.ts +7 -0
- package/components/icon/index.d.ts +2 -0
- package/components/icon/package.json +10 -0
- package/components/icon/taiga-ui-experimental-components-icon.d.ts +5 -0
- package/components/index.d.ts +1 -0
- package/components/toggle/toggle.component.d.ts +5 -6
- package/directives/appearance/appearance.directive.d.ts +9 -0
- package/directives/appearance/appearance.module.d.ts +7 -0
- package/directives/appearance/index.d.ts +2 -0
- package/directives/appearance/package.json +10 -0
- package/directives/appearance/taiga-ui-experimental-directives-appearance.d.ts +5 -0
- package/directives/card/card.component.d.ts +5 -0
- package/directives/card/card.directive.d.ts +9 -0
- package/directives/card/card.module.d.ts +8 -0
- package/directives/card/index.d.ts +3 -0
- package/directives/card/package.json +10 -0
- package/directives/card/taiga-ui-experimental-directives-card.d.ts +5 -0
- package/directives/index.d.ts +3 -0
- package/directives/progress-segmented/index.d.ts +3 -0
- package/directives/progress-segmented/package.json +10 -0
- package/directives/progress-segmented/progress-segmented.component.d.ts +5 -0
- package/directives/progress-segmented/progress-segmented.directive.d.ts +8 -0
- package/directives/progress-segmented/progress-segmented.module.d.ts +12 -0
- package/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.d.ts +5 -0
- package/esm2015/components/avatar/avatar.component.js +7 -2
- package/esm2015/components/avatar-stack/avatar-stack.component.js +2 -2
- package/esm2015/components/badge/badge.component.js +7 -6
- package/esm2015/components/badge/badge.options.js +2 -2
- package/esm2015/components/badge-notification/badge-notification.component.js +2 -2
- package/esm2015/components/badged-content/badged-content.component.js +3 -3
- package/esm2015/components/button/button.component.js +3 -10
- package/esm2015/components/button/button.directive.js +26 -11
- package/esm2015/components/checkbox/checkbox.component.js +9 -13
- package/esm2015/components/icon/icon.component.js +34 -0
- package/esm2015/components/icon/icon.module.js +16 -0
- package/esm2015/components/icon/index.js +3 -0
- package/esm2015/components/icon/taiga-ui-experimental-components-icon.js +5 -0
- package/esm2015/components/index.js +2 -1
- package/esm2015/components/toggle/toggle.component.js +11 -15
- package/esm2015/directives/appearance/appearance.directive.js +30 -0
- package/esm2015/directives/appearance/appearance.module.js +16 -0
- package/esm2015/directives/appearance/index.js +3 -0
- package/esm2015/directives/appearance/taiga-ui-experimental-directives-appearance.js +5 -0
- package/esm2015/directives/card/card.component.js +19 -0
- package/esm2015/directives/card/card.directive.js +30 -0
- package/esm2015/directives/card/card.module.js +17 -0
- package/esm2015/directives/card/index.js +4 -0
- package/esm2015/directives/card/taiga-ui-experimental-directives-card.js +5 -0
- package/esm2015/directives/cell/cell.component.js +6 -4
- package/esm2015/directives/fade/fade.component.js +5 -5
- package/esm2015/directives/index.js +4 -1
- package/esm2015/directives/progress-segmented/index.js +4 -0
- package/esm2015/directives/progress-segmented/progress-segmented.component.js +17 -0
- package/esm2015/directives/progress-segmented/progress-segmented.directive.js +30 -0
- package/esm2015/directives/progress-segmented/progress-segmented.module.js +21 -0
- package/esm2015/directives/progress-segmented/taiga-ui-experimental-directives-progress-segmented.js +5 -0
- package/esm2015/directives/sensitive/sensitive.component.js +5 -5
- package/esm2015/directives/surface/surface.component.js +6 -6
- package/esm2015/directives/surface/surface.directive.js +7 -6
- package/esm2015/directives/title/title.component.js +5 -3
- package/esm2015/index.js +2 -1
- package/esm2015/tokens/icon-resolver.js +15 -0
- package/esm2015/tokens/index.js +2 -0
- package/esm2015/tokens/taiga-ui-experimental-tokens.js +5 -0
- package/fesm2015/taiga-ui-experimental-components-avatar-stack.js +2 -2
- package/fesm2015/taiga-ui-experimental-components-avatar-stack.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-avatar.js +6 -1
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge.js +7 -6
- package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badged-content.js +2 -2
- package/fesm2015/taiga-ui-experimental-components-badged-content.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-button.js +29 -21
- package/fesm2015/taiga-ui-experimental-components-button.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-checkbox.js +8 -12
- package/fesm2015/taiga-ui-experimental-components-checkbox.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-icon.js +54 -0
- package/fesm2015/taiga-ui-experimental-components-icon.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components-toggle.js +10 -14
- package/fesm2015/taiga-ui-experimental-components-toggle.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components.js +1 -0
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-appearance.js +50 -0
- package/fesm2015/taiga-ui-experimental-directives-appearance.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-card.js +66 -0
- package/fesm2015/taiga-ui-experimental-directives-card.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-cell.js +6 -4
- package/fesm2015/taiga-ui-experimental-directives-cell.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-fade.js +5 -5
- package/fesm2015/taiga-ui-experimental-directives-fade.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-progress-segmented.js +68 -0
- package/fesm2015/taiga-ui-experimental-directives-progress-segmented.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-sensitive.js +5 -5
- package/fesm2015/taiga-ui-experimental-directives-sensitive.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-surface.js +11 -10
- package/fesm2015/taiga-ui-experimental-directives-surface.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-title.js +5 -3
- package/fesm2015/taiga-ui-experimental-directives-title.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives.js +3 -0
- package/fesm2015/taiga-ui-experimental-directives.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-tokens.js +22 -0
- package/fesm2015/taiga-ui-experimental-tokens.js.map +1 -0
- package/fesm2015/taiga-ui-experimental.js +1 -0
- package/fesm2015/taiga-ui-experimental.js.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +31 -31
- package/tokens/icon-resolver.d.ts +4 -0
- package/tokens/index.d.ts +1 -0
- package/tokens/package.json +10 -0
- package/tokens/taiga-ui-experimental-tokens.d.ts +5 -0
|
@@ -4,14 +4,11 @@ import { tuiSizeBigger } from '@taiga-ui/core';
|
|
|
4
4
|
import { TUI_BUTTON_OPTIONS } from './button.options';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@taiga-ui/core";
|
|
7
|
-
import * as i2 from "@angular/common";
|
|
8
7
|
export class TuiButtonComponent {
|
|
9
8
|
constructor(options) {
|
|
10
9
|
this.options = options;
|
|
11
10
|
this.size = this.options.size;
|
|
12
11
|
this.loading = false;
|
|
13
|
-
this.iconLeft = '';
|
|
14
|
-
this.iconRight = '';
|
|
15
12
|
}
|
|
16
13
|
get loaderSize() {
|
|
17
14
|
return tuiSizeBigger(this.size) ? 'm' : 's';
|
|
@@ -26,11 +23,11 @@ export class TuiButtonComponent {
|
|
|
26
23
|
}
|
|
27
24
|
}
|
|
28
25
|
TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, deps: [{ token: TUI_BUTTON_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonComponent, selector: "[tuiButton][loading],[tuiIconButton][loading]
|
|
26
|
+
TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonComponent, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: { size: "size", loading: "loading" }, host: { listeners: { "click.capture": "onClick($event)" }, properties: { "attr.aria-disabled": "loading", "class._loading": "loading" } }, ngImport: i0, template: "<ng-content></ng-content>\n<tui-loader\n aria-live=\"polite\"\n role=\"status\"\n class=\"t-loader\"\n [inheritColor]=\"true\"\n [showLoader]=\"!!loading\"\n [size]=\"loaderSize\"\n [textContent]=\"label\"\n></tui-loader>\n", components: [{ type: i1.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, decorators: [{
|
|
31
28
|
type: Component,
|
|
32
29
|
args: [{
|
|
33
|
-
selector: '[tuiButton][loading],[tuiIconButton][loading]
|
|
30
|
+
selector: '[tuiButton][loading],[tuiIconButton][loading]',
|
|
34
31
|
templateUrl: './button.template.html',
|
|
35
32
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36
33
|
host: {
|
|
@@ -45,12 +42,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
45
42
|
type: Input
|
|
46
43
|
}], loading: [{
|
|
47
44
|
type: Input
|
|
48
|
-
}], iconLeft: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], iconRight: [{
|
|
51
|
-
type: Input
|
|
52
45
|
}], onClick: [{
|
|
53
46
|
type: HostListener,
|
|
54
47
|
args: ['click.capture', ['$event']]
|
|
55
48
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFDLGFBQWEsRUFBVyxNQUFNLGdCQUFnQixDQUFDO0FBRXZELE9BQU8sRUFBQyxrQkFBa0IsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBV3RFLE1BQU0sT0FBTyxrQkFBa0I7SUFPM0IsWUFBeUQsT0FBeUI7UUFBekIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFMbEYsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLFlBQU8sR0FBNEIsS0FBSyxDQUFDO0lBRTRDLENBQUM7SUFFdEYsSUFBSSxVQUFVO1FBQ1YsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDekQsQ0FBQztJQUdELE9BQU8sQ0FBQyxLQUFpQjtRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDM0I7SUFDTCxDQUFDOztnSEF0QlEsa0JBQWtCLGtCQU9QLGtCQUFrQjtvR0FQN0Isa0JBQWtCLDhRQ3JCL0Isc1BBVUE7NEZEV2Esa0JBQWtCO2tCQVQ5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwrQ0FBK0M7b0JBQ3pELFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0Ysc0JBQXNCLEVBQUUsU0FBUzt3QkFDakMsa0JBQWtCLEVBQUUsU0FBUztxQkFDaEM7aUJBQ0o7OzBCQVFnQixNQUFNOzJCQUFDLGtCQUFrQjs0Q0FMdEMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFjTixPQUFPO3NCQUROLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aUlzU3RyaW5nfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7dHVpU2l6ZUJpZ2dlciwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuaW1wb3J0IHtUVUlfQlVUVE9OX09QVElPTlMsIFR1aUJ1dHRvbk9wdGlvbnN9IGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1t0dWlCdXR0b25dW2xvYWRpbmddLFt0dWlJY29uQnV0dG9uXVtsb2FkaW5nXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5hcmlhLWRpc2FibGVkXSc6ICdsb2FkaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5fbG9hZGluZ10nOiAnbG9hZGluZycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbiB8IHN0cmluZyB8IG51bGwgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoVFVJX0JVVFRPTl9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUJ1dHRvbk9wdGlvbnMpIHt9XG5cbiAgICBnZXQgbG9hZGVyU2l6ZSgpOiBUdWlTaXplUyB7XG4gICAgICAgIHJldHVybiB0dWlTaXplQmlnZ2VyKHRoaXMuc2l6ZSkgPyAnbScgOiAncyc7XG4gICAgfVxuXG4gICAgZ2V0IGxhYmVsKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0dWlJc1N0cmluZyh0aGlzLmxvYWRpbmcpID8gdGhpcy5sb2FkaW5nIDogJyc7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2suY2FwdHVyZScsIFsnJGV2ZW50J10pXG4gICAgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5sb2FkaW5nKSB7XG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjx0dWktbG9hZGVyXG4gICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICByb2xlPVwic3RhdHVzXCJcbiAgICBjbGFzcz1cInQtbG9hZGVyXCJcbiAgICBbaW5oZXJpdENvbG9yXT1cInRydWVcIlxuICAgIFtzaG93TG9hZGVyXT1cIiEhbG9hZGluZ1wiXG4gICAgW3NpemVdPVwibG9hZGVyU2l6ZVwiXG4gICAgW3RleHRDb250ZW50XT1cImxhYmVsXCJcbj48L3R1aS1sb2FkZXI+XG4iXX0=
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Directive, Inject, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { TUI_PLATFORM, TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
2
|
+
import { TUI_PLATFORM, TuiDirectiveStylesService, } from '@taiga-ui/cdk';
|
|
3
3
|
import { MODE_PROVIDER, TUI_MODE } from '@taiga-ui/core';
|
|
4
|
+
import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
|
|
4
5
|
import { TUI_BUTTON_OPTIONS } from './button.options';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "rxjs";
|
|
@@ -8,31 +9,34 @@ import * as i2 from "@taiga-ui/cdk";
|
|
|
8
9
|
export class TuiButtonStylesComponent {
|
|
9
10
|
}
|
|
10
11
|
TuiButtonStylesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
TuiButtonStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonStylesComponent, selector: "ng-component", host: { classAttribute: "tui-button-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonNew]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;display:inline-flex;height:var(--t-size);align-items:center;justify-content:center;
|
|
12
|
+
TuiButtonStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonStylesComponent, selector: "ng-component", host: { classAttribute: "tui-button-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonNew]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;height:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}[tuiButtonNew]>.t-loader{position:absolute;top:0;left:0;width:100%;height:100%}[tuiButtonNew]>.t-loader .t-text{position:absolute}[tuiButtonNew][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);font:var(--tui-font-text-s);padding:0 .375rem 0 .25rem;text-indent:.125rem;grid-gap:.125rem;gap:.125rem}[tuiButtonNew][data-size=xs] tui-svg,[tuiButtonNew][data-size=xs]:before{width:1rem}[tuiButtonNew][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);font:var(--tui-font-text-s);padding:0 .625rem 0 .5rem;text-indent:.125rem;grid-gap:.125rem;gap:.125rem}[tuiButtonNew][data-size=s] tui-svg,[tuiButtonNew][data-size=s]:not([tuiIconButton]):before{width:1rem;height:1rem}[tuiButtonNew][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);font:var(--tui-font-text-m);font-weight:bold;padding:0 1rem 0 .625rem;text-indent:.375rem;grid-gap:.125rem;gap:.125rem}[tuiButtonNew][data-size=m]:after{-webkit-margin-start:.375rem;margin-inline-start:.375rem}[tuiButtonNew][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);font:var(--tui-font-text-m);font-weight:bold;padding:0 1.25rem 0 1rem;text-indent:.25rem;grid-gap:.25rem;gap:.25rem}[tuiButtonNew][data-size=l]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiButtonNew][data-platform=ios],[tuiButtonNew][data-platform=android]{width:100%}[tuiButtonNew][data-platform=ios][data-size=xs],[tuiButtonNew][data-platform=android][data-size=xs],[tuiButtonNew][data-platform=ios][data-size=s],[tuiButtonNew][data-platform=android][data-size=s],[tuiButtonNew][data-platform=ios][data-size=l],[tuiButtonNew][data-platform=android][data-size=l]{--t-radius: 1rem}[tuiButtonNew][data-platform=ios][data-size=m],[tuiButtonNew][data-platform=android][data-size=m]{--t-radius: .75rem}[tuiButtonNew] *{text-indent:0}[tuiButtonNew]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonNew]._loading>*,[tuiButtonNew]._loading:before,[tuiButtonNew]._loading:after{opacity:0}[tuiButtonNew]._loading>.t-loader{opacity:1}[tuiButtonNew]._icon-left:before{content:\"\"}[tuiButtonNew]._icon-right:after{content:\"\"}[tuiButtonNew]:before{width:1.5rem;height:1.5rem;background:currentColor;-webkit-mask:var(--t-mask-left) no-repeat center / contain;mask:var(--t-mask-left) no-repeat center / contain}[tuiButtonNew]:after{width:1rem;height:1rem;background:currentColor;-webkit-margin-start:.125rem;margin-inline-start:.125rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem;-webkit-mask:var(--t-mask-right) no-repeat center / contain;mask:var(--t-mask-right) no-repeat center / contain}[tuiButtonNew]:disabled:not(._loading):not([data-platform=\"web\"]){background:var(--tui-clear);color:var(--tui-clear-active);opacity:1}[tuiButtonNew]:disabled:not(._loading):not([data-platform=\"web\"])[data-appearance=flat]{background:transparent}[tuiIconButton][tuiButtonNew]{width:var(--t-size);font-size:0;padding:0;text-indent:0;grid-gap:0;gap:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonStylesComponent, decorators: [{
|
|
13
14
|
type: Component,
|
|
14
15
|
args: [{
|
|
15
|
-
host: {
|
|
16
|
-
class: 'tui-button-styles',
|
|
17
|
-
},
|
|
18
16
|
template: '',
|
|
19
17
|
styleUrls: ['./button.style.less'],
|
|
20
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
21
18
|
encapsulation: ViewEncapsulation.None,
|
|
19
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
20
|
+
host: {
|
|
21
|
+
class: 'tui-button-styles',
|
|
22
|
+
},
|
|
22
23
|
}]
|
|
23
24
|
}] });
|
|
24
25
|
export class TuiButtonDirective {
|
|
25
|
-
constructor(options, platform, mode$, directiveStyles) {
|
|
26
|
+
constructor(resolver, options, platform, mode$, directiveStyles) {
|
|
27
|
+
this.resolver = resolver;
|
|
26
28
|
this.options = options;
|
|
27
29
|
this.platform = platform;
|
|
28
30
|
this.mode$ = mode$;
|
|
29
31
|
this.size = this.options.size;
|
|
30
32
|
this.appearance = this.options.appearance;
|
|
33
|
+
this.iconLeft = '';
|
|
34
|
+
this.iconRight = '';
|
|
31
35
|
directiveStyles.addComponent(TuiButtonStylesComponent);
|
|
32
36
|
}
|
|
33
37
|
}
|
|
34
|
-
TuiButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, deps: [{ token: TUI_BUTTON_OPTIONS }, { token: TUI_PLATFORM }, { token: TUI_MODE }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
-
TuiButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: "size", appearance: "appearance" }, host: { attributes: { "tuiButtonNew": "", "
|
|
38
|
+
TuiButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, deps: [{ token: TUI_ICON_RESOLVER }, { token: TUI_BUTTON_OPTIONS }, { token: TUI_PLATFORM }, { token: TUI_MODE }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
TuiButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: "size", appearance: "appearance", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { attributes: { "tuiButtonNew": "", "tuiAppearance": "" }, listeners: { "$.data-mode.attr": "mode$" }, properties: { "class._icon-left": "iconLeft", "class._icon-right": "iconRight", "style.--t-mask-left": "\"url(\" + resolver(iconLeft) + \")\"", "style.--t-mask-right": "\"url(\" + resolver(iconRight) + \")\"", "attr.data-size": "size", "attr.data-appearance": "appearance", "attr.data-platform": "platform" } }, providers: [MODE_PROVIDER], ngImport: i0 });
|
|
36
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, decorators: [{
|
|
37
41
|
type: Directive,
|
|
38
42
|
args: [{
|
|
@@ -40,7 +44,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
40
44
|
providers: [MODE_PROVIDER],
|
|
41
45
|
host: {
|
|
42
46
|
tuiButtonNew: '',
|
|
43
|
-
|
|
47
|
+
tuiAppearance: '',
|
|
48
|
+
'[class._icon-left]': 'iconLeft',
|
|
49
|
+
'[class._icon-right]': 'iconRight',
|
|
50
|
+
'[style.--t-mask-left]': '"url(" + resolver(iconLeft) + ")"',
|
|
51
|
+
'[style.--t-mask-right]': '"url(" + resolver(iconRight) + ")"',
|
|
44
52
|
'[attr.data-size]': 'size',
|
|
45
53
|
'[attr.data-appearance]': 'appearance',
|
|
46
54
|
'[attr.data-platform]': 'platform',
|
|
@@ -48,6 +56,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
48
56
|
},
|
|
49
57
|
}]
|
|
50
58
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
59
|
+
type: Inject,
|
|
60
|
+
args: [TUI_ICON_RESOLVER]
|
|
61
|
+
}] }, { type: undefined, decorators: [{
|
|
51
62
|
type: Inject,
|
|
52
63
|
args: [TUI_BUTTON_OPTIONS]
|
|
53
64
|
}] }, { type: undefined, decorators: [{
|
|
@@ -63,5 +74,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
63
74
|
type: Input
|
|
64
75
|
}], appearance: [{
|
|
65
76
|
type: Input
|
|
77
|
+
}], iconLeft: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], iconRight: [{
|
|
80
|
+
type: Input
|
|
66
81
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0gsWUFBWSxFQUNaLHlCQUF5QixHQUc1QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsYUFBYSxFQUFFLFFBQVEsRUFBZ0IsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUdoRSxPQUFPLEVBQUMsa0JBQWtCLEVBQW1CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFXdEUsTUFBTSxPQUFPLHdCQUF3Qjs7c0hBQXhCLHdCQUF3QjswR0FBeEIsd0JBQXdCLG1HQVJ2QixFQUFFOzRGQVFILHdCQUF3QjtrQkFUcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsRUFBRTtvQkFDWixTQUFTLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztvQkFDbEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLG1CQUFtQjtxQkFDN0I7aUJBQ0o7O0FBbUJELE1BQU0sT0FBTyxrQkFBa0I7SUFhM0IsWUFDd0MsUUFBa0MsRUFDekIsT0FBeUIsRUFDdkMsUUFBcUIsRUFDekIsS0FBdUMsRUFDL0IsZUFBMEM7UUFKekMsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFDekIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFDdkMsYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQUN6QixVQUFLLEdBQUwsS0FBSyxDQUFrQztRQWZ0RSxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBR3JDLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFHZCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBU1gsZUFBZSxDQUFDLFlBQVksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO0lBQzNELENBQUM7O2dIQXJCUSxrQkFBa0Isa0JBY2YsaUJBQWlCLGFBQ2pCLGtCQUFrQixhQUNsQixZQUFZLGFBQ1osUUFBUSxhQUNSLHlCQUF5QjtvR0FsQjVCLGtCQUFrQix1bUJBZGhCLENBQUMsYUFBYSxDQUFDOzRGQWNqQixrQkFBa0I7a0JBaEI5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx1RUFBdUU7b0JBQ2pGLFNBQVMsRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDMUIsSUFBSSxFQUFFO3dCQUNGLFlBQVksRUFBRSxFQUFFO3dCQUNoQixhQUFhLEVBQUUsRUFBRTt3QkFDakIsb0JBQW9CLEVBQUUsVUFBVTt3QkFDaEMscUJBQXFCLEVBQUUsV0FBVzt3QkFDbEMsdUJBQXVCLEVBQUUsbUNBQW1DO3dCQUM1RCx3QkFBd0IsRUFBRSxvQ0FBb0M7d0JBQzlELGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLHdCQUF3QixFQUFFLFlBQVk7d0JBQ3RDLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLG9CQUFvQixFQUFFLE9BQU87cUJBQ2hDO2lCQUNKOzswQkFlUSxNQUFNOzJCQUFDLGlCQUFpQjs7MEJBQ3hCLE1BQU07MkJBQUMsa0JBQWtCOzswQkFDekIsTUFBTTsyQkFBQyxZQUFZOzswQkFDbkIsTUFBTTsyQkFBQyxRQUFROzswQkFDZixNQUFNOzJCQUFDLHlCQUF5Qjs0Q0FoQnJDLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERpcmVjdGl2ZSxcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBUVUlfUExBVEZPUk0sXG4gICAgVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSxcbiAgICBUdWlQbGF0Zm9ybSxcbiAgICBUdWlTdHJpbmdIYW5kbGVyLFxufSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7TU9ERV9QUk9WSURFUiwgVFVJX01PREUsIFR1aUJyaWdodG5lc3N9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7VFVJX0lDT05fUkVTT0xWRVJ9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvdG9rZW5zJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7VFVJX0JVVFRPTl9PUFRJT05TLCBUdWlCdXR0b25PcHRpb25zfSBmcm9tICcuL2J1dHRvbi5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL2J1dHRvbi5zdHlsZS5sZXNzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAndHVpLWJ1dHRvbi1zdHlsZXMnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJ1dHRvblN0eWxlc0NvbXBvbmVudCB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2FbdHVpQnV0dG9uXSxidXR0b25bdHVpQnV0dG9uXSxhW3R1aUljb25CdXR0b25dLGJ1dHRvblt0dWlJY29uQnV0dG9uXScsXG4gICAgcHJvdmlkZXJzOiBbTU9ERV9QUk9WSURFUl0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlCdXR0b25OZXc6ICcnLFxuICAgICAgICB0dWlBcHBlYXJhbmNlOiAnJyxcbiAgICAgICAgJ1tjbGFzcy5faWNvbi1sZWZ0XSc6ICdpY29uTGVmdCcsXG4gICAgICAgICdbY2xhc3MuX2ljb24tcmlnaHRdJzogJ2ljb25SaWdodCcsXG4gICAgICAgICdbc3R5bGUuLS10LW1hc2stbGVmdF0nOiAnXCJ1cmwoXCIgKyByZXNvbHZlcihpY29uTGVmdCkgKyBcIilcIicsXG4gICAgICAgICdbc3R5bGUuLS10LW1hc2stcmlnaHRdJzogJ1widXJsKFwiICsgcmVzb2x2ZXIoaWNvblJpZ2h0KSArIFwiKVwiJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ2FwcGVhcmFuY2UnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnKCQuZGF0YS1tb2RlLmF0dHIpJzogJ21vZGUkJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCdXR0b25EaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZSA9IHRoaXMub3B0aW9ucy5zaXplO1xuXG4gICAgQElucHV0KClcbiAgICBhcHBlYXJhbmNlID0gdGhpcy5vcHRpb25zLmFwcGVhcmFuY2U7XG5cbiAgICBASW5wdXQoKVxuICAgIGljb25MZWZ0ID0gJyc7XG5cbiAgICBASW5wdXQoKVxuICAgIGljb25SaWdodCA9ICcnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0lDT05fUkVTT0xWRVIpIHJlYWRvbmx5IHJlc29sdmVyOiBUdWlTdHJpbmdIYW5kbGVyPHN0cmluZz4sXG4gICAgICAgIEBJbmplY3QoVFVJX0JVVFRPTl9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUJ1dHRvbk9wdGlvbnMsXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgICAgIEBJbmplY3QoVFVJX01PREUpIHJlYWRvbmx5IG1vZGUkOiBPYnNlcnZhYmxlPFR1aUJyaWdodG5lc3MgfCBudWxsPixcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRDb21wb25lbnQoVHVpQnV0dG9uU3R5bGVzQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Inject, Input, Optional, Self, } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
|
-
import {
|
|
4
|
-
import { MODE_PROVIDER, TUI_MODE
|
|
3
|
+
import { TUI_PLATFORM, tuiControlValue, TuiDestroyService, tuiIsString, tuiWatch, } from '@taiga-ui/cdk';
|
|
4
|
+
import { MODE_PROVIDER, TUI_MODE } from '@taiga-ui/core';
|
|
5
|
+
import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
|
|
5
6
|
import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
|
|
6
7
|
import { TUI_CHECKBOX_OPTIONS } from './checkbox.options';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
import * as i1 from "rxjs";
|
|
9
10
|
import * as i2 from "@angular/forms";
|
|
10
11
|
export class TuiCheckboxComponent {
|
|
11
|
-
constructor(cdr,
|
|
12
|
+
constructor(cdr, resolver, options, destroy$, el, mode$, platform, control) {
|
|
12
13
|
this.cdr = cdr;
|
|
13
|
-
this.
|
|
14
|
-
this.svg = svg;
|
|
14
|
+
this.resolver = resolver;
|
|
15
15
|
this.options = options;
|
|
16
16
|
this.destroy$ = destroy$;
|
|
17
17
|
this.el = el;
|
|
@@ -25,8 +25,7 @@ export class TuiCheckboxComponent {
|
|
|
25
25
|
? this.options.icons.indeterminate
|
|
26
26
|
: this.options.icons.checked;
|
|
27
27
|
const icon = tuiIsString(option) ? option : option(this.size);
|
|
28
|
-
|
|
29
|
-
return `url(${mask})`;
|
|
28
|
+
return `url(${this.resolver(icon)})`;
|
|
30
29
|
}
|
|
31
30
|
ngOnInit() {
|
|
32
31
|
var _a;
|
|
@@ -40,7 +39,7 @@ export class TuiCheckboxComponent {
|
|
|
40
39
|
});
|
|
41
40
|
}
|
|
42
41
|
}
|
|
43
|
-
TuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCheckboxComponent, deps: [{ token: ChangeDetectorRef }, { token:
|
|
42
|
+
TuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCheckboxComponent, deps: [{ token: ChangeDetectorRef }, { token: TUI_ICON_RESOLVER }, { token: TUI_CHECKBOX_OPTIONS }, { token: TuiDestroyService, self: true }, { token: ElementRef }, { token: TUI_MODE }, { token: TUI_PLATFORM }, { token: NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
43
|
TuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCheckboxComponent, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: { size: "size" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "attr.data-platform": "platform", "class._invalid": "control?.invalid && control?.touched", "class._readonly": "!control", "style.--t-mask": "this.icon" } }, providers: [MODE_PROVIDER, TuiDestroyService], ngImport: i0, template: '', isInline: true, styles: [":host{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;outline:none;box-shadow:inset 0 0 0 .0625rem var(--tui-clear-active)}:host:disabled{pointer-events:none}:host:disabled:not(._readonly){opacity:var(--tui-disabled-opacity)}:host:focus-visible{box-shadow:inset 0 0 0 .125rem var(--tui-focus)!important}:host:checked:before,:host:indeterminate:before{-webkit-mask-image:var(--t-mask);mask-image:var(--t-mask)}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background:currentColor;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>');-webkit-mask-size:100%;mask-size:100%}:host._invalid{box-shadow:inset 0 0 0 .0625rem var(--tui-error-bg-hover)}:host[data-platform=ios]{width:1.375rem;height:1.375rem;border-radius:100%;color:var(--tui-base-01);transition:none}:host[data-platform=ios]:checked,:host[data-platform=ios]:indeterminate{background:var(--tui-accent);box-shadow:none}:host[data-platform=ios]:checked:disabled:not(._readonly),:host[data-platform=ios]:indeterminate:disabled:not(._readonly){background:var(--tui-base-04)}:host[data-platform=ios]:checked:before,:host[data-platform=ios]:indeterminate:before{display:block}:host[data-platform=ios]:checked._invalid,:host[data-platform=ios]:indeterminate._invalid{background:var(--tui-error-fill)}:host[data-platform=ios]:before{display:none;--t-mask: url('data:image/svg+xml,<svg viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.75 11.25L9.8 15.2L15.2 7\" fill=\"none\" stroke=\"black\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')}:host[data-platform=ios]:indeterminate:before{--t-mask: url('data:image/svg+xml,<svg viewBox=\"0 0 22 22\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 11H16\" fill=\"none\" stroke=\"black\" stroke-width=\"1.75\" stroke-linecap=\"round\"/></svg>')}:host[data-platform=android]{width:1.125rem;height:1.125rem;color:var(--tui-base-01);border-radius:.125rem;box-shadow:inset 0 0 0 .125rem var(--tui-base-04)}:host[data-platform=android]:checked,:host[data-platform=android]:indeterminate{background:var(--tui-accent);box-shadow:none}:host[data-platform=android]:checked._invalid,:host[data-platform=android]:indeterminate._invalid{background:var(--tui-error-fill)}:host[data-platform=android]:checked:disabled:not(._readonly),:host[data-platform=android]:indeterminate:disabled:not(._readonly){background:var(--tui-base-04)}:host[data-platform=android]:checked:before,:host[data-platform=android]:indeterminate:before{-webkit-clip-path:inset(0);clip-path:inset(0);transition-delay:0s}:host[data-platform=android]:before{transition:-webkit-clip-path var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:clip-path var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:clip-path var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-clip-path var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);--t-mask: url('data:image/svg+xml,<svg viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.7 8.5L7 12.7L15.3 4.7\" fill=\"none\" stroke=\"black\" stroke-width=\"2\"/></svg>')}:host[data-platform=android]:indeterminate:before{--t-mask: url('data:image/svg+xml,<svg viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3 9H15\" fill=\"none\" stroke=\"black\" stroke-width=\"2\"/></svg>')}:host[data-platform=android]._invalid{box-shadow:inset 0 0 0 .125rem var(--tui-error-bg-hover)}:host[data-platform=web]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s);color:var(--tui-primary-text)}:host[data-platform=web][data-size=s]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}:host[data-platform=web]:checked,:host[data-platform=web]:indeterminate{box-shadow:none;background:var(--tui-primary)}:host[data-platform=web]:checked:hover,:host[data-platform=web]:indeterminate:hover{background:var(--tui-primary-hover)}:host[data-platform=web]:checked:active,:host[data-platform=web]:indeterminate:active{background:var(--tui-primary-active)}:host[data-platform=web]:checked:before,:host[data-platform=web]:indeterminate:before{transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}:host[data-platform=web]:before{transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}:host[data-platform=web]._invalid:checked,:host[data-platform=web]._invalid:indeterminate{background:var(--tui-error-fill)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCheckboxComponent, decorators: [{
|
|
46
45
|
type: Component,
|
|
@@ -64,10 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
64
63
|
args: [ChangeDetectorRef]
|
|
65
64
|
}] }, { type: undefined, decorators: [{
|
|
66
65
|
type: Inject,
|
|
67
|
-
args: [
|
|
68
|
-
}] }, { type: undefined, decorators: [{
|
|
69
|
-
type: Inject,
|
|
70
|
-
args: [TUI_SVG_OPTIONS]
|
|
66
|
+
args: [TUI_ICON_RESOLVER]
|
|
71
67
|
}] }, { type: undefined, decorators: [{
|
|
72
68
|
type: Inject,
|
|
73
69
|
args: [TUI_CHECKBOX_OPTIONS]
|
|
@@ -96,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
96
92
|
type: HostBinding,
|
|
97
93
|
args: ['style.--t-mask']
|
|
98
94
|
}] } });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBRUwsUUFBUSxFQUNSLElBQUksR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUNILFlBQVksRUFDWixlQUFlLEVBQ2YsaUJBQWlCLEVBQ2pCLFdBQVcsRUFHWCxRQUFRLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGFBQWEsRUFBRSxRQUFRLEVBQWdCLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFFaEUsT0FBTyxFQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRS9ELE9BQU8sRUFBQyxvQkFBb0IsRUFBcUIsTUFBTSxvQkFBb0IsQ0FBQzs7OztBQWlCNUUsTUFBTSxPQUFPLG9CQUFvQjtJQUk3QixZQUNnRCxHQUFzQixFQUN0QixRQUFrQyxFQUMvQixPQUEyQixFQUN0QixRQUE2QixFQUM1QyxFQUFnQyxFQUMxQyxLQUF1QyxFQUNuQyxRQUFxQixFQUNaLE9BQXlCO1FBUHJCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQTBCO1FBQy9CLFlBQU8sR0FBUCxPQUFPLENBQW9CO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQXFCO1FBQzVDLE9BQUUsR0FBRixFQUFFLENBQThCO1FBQzFDLFVBQUssR0FBTCxLQUFLLENBQWtDO1FBQ25DLGFBQVEsR0FBUixRQUFRLENBQWE7UUFDWixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQVZyRSxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7SUFXdEIsQ0FBQztJQUVKLElBQ0ksSUFBSTtRQUNKLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGFBQWE7WUFDOUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWE7WUFDbEMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUNqQyxNQUFNLElBQUksR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUU5RCxPQUFPLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxRQUFROztRQUNKLElBQUksQ0FBQyxDQUFBLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsWUFBWSxDQUFBLEVBQUU7WUFDN0IsT0FBTztTQUNWO1FBRUQsZUFBZSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7YUFDeEIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzFFLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNmLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGFBQWEsR0FBRyxLQUFLLEtBQUssSUFBSSxDQUFDO1FBQ3pELENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzs7a0hBbkNRLG9CQUFvQixrQkFLakIsaUJBQWlCLGFBQ2pCLGlCQUFpQixhQUNqQixvQkFBb0IsYUFDWixpQkFBaUIseUJBQ3pCLFVBQVUsYUFDVixRQUFRLGFBQ1IsWUFBWSxhQUNBLFNBQVM7c0dBWnhCLG9CQUFvQixnWUFWbEIsQ0FBQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsMEJBSG5DLEVBQUU7NEZBYUgsb0JBQW9CO2tCQWZoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxxQ0FBcUM7b0JBQy9DLFFBQVEsRUFBRSxFQUFFO29CQUNaLFNBQVMsRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUNwQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUMsYUFBYSxFQUFFLGlCQUFpQixDQUFDO29CQUM3QyxJQUFJLEVBQUU7d0JBQ0Ysb0JBQW9CLEVBQUUsT0FBTzt3QkFDN0IsWUFBWSxFQUFFLDhCQUE4Qjt3QkFDNUMsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsa0JBQWtCLEVBQUUsc0NBQXNDO3dCQUMxRCxtQkFBbUIsRUFBRSxVQUFVO3FCQUNsQztpQkFDSjs7MEJBTVEsTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUN4QixNQUFNOzJCQUFDLGlCQUFpQjs7MEJBQ3hCLE1BQU07MkJBQUMsb0JBQW9COzswQkFDM0IsSUFBSTs7MEJBQUksTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUNoQyxNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLFFBQVE7OzBCQUNmLE1BQU07MkJBQUMsWUFBWTs7MEJBQ25CLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsU0FBUzs0Q0FWakMsSUFBSTtzQkFESCxLQUFLO2dCQWVGLElBQUk7c0JBRFAsV0FBVzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbiAgICBPbkluaXQsXG4gICAgT3B0aW9uYWwsXG4gICAgU2VsZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nQ29udHJvbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgICBUVUlfUExBVEZPUk0sXG4gICAgdHVpQ29udHJvbFZhbHVlLFxuICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgIHR1aUlzU3RyaW5nLFxuICAgIFR1aVBsYXRmb3JtLFxuICAgIFR1aVN0cmluZ0hhbmRsZXIsXG4gICAgdHVpV2F0Y2gsXG59IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtNT0RFX1BST1ZJREVSLCBUVUlfTU9ERSwgVHVpQnJpZ2h0bmVzc30gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtUVUlfSUNPTl9SRVNPTFZFUn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC90b2tlbnMnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZGlzdGluY3RVbnRpbENoYW5nZWQsIHRha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge1RVSV9DSEVDS0JPWF9PUFRJT05TLCBUdWlDaGVja2JveE9wdGlvbnN9IGZyb20gJy4vY2hlY2tib3gub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdW3R1aUNoZWNrYm94XScsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL2NoZWNrYm94LnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtNT0RFX1BST1ZJREVSLCBUdWlEZXN0cm95U2VydmljZV0sXG4gICAgaG9zdDoge1xuICAgICAgICAnKCQuZGF0YS1tb2RlLmF0dHIpJzogJ21vZGUkJyxcbiAgICAgICAgJ1tkaXNhYmxlZF0nOiAnIWNvbnRyb2wgfHwgY29udHJvbC5kaXNhYmxlZCcsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnW2NsYXNzLl9pbnZhbGlkXSc6ICdjb250cm9sPy5pbnZhbGlkICYmIGNvbnRyb2w/LnRvdWNoZWQnLFxuICAgICAgICAnW2NsYXNzLl9yZWFkb25seV0nOiAnIWNvbnRyb2wnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUNoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KENoYW5nZURldGVjdG9yUmVmKSBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgIEBJbmplY3QoVFVJX0lDT05fUkVTT0xWRVIpIHByaXZhdGUgcmVhZG9ubHkgcmVzb2x2ZXI6IFR1aVN0cmluZ0hhbmRsZXI8c3RyaW5nPixcbiAgICAgICAgQEluamVjdChUVUlfQ0hFQ0tCT1hfT1BUSU9OUykgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlDaGVja2JveE9wdGlvbnMsXG4gICAgICAgIEBTZWxmKCkgQEluamVjdChUdWlEZXN0cm95U2VydmljZSkgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICAgICAgQEluamVjdChFbGVtZW50UmVmKSBwcml2YXRlIHJlYWRvbmx5IGVsOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICAgICAgICBASW5qZWN0KFRVSV9NT0RFKSByZWFkb25seSBtb2RlJDogT2JzZXJ2YWJsZTxUdWlCcmlnaHRuZXNzIHwgbnVsbD4sXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTmdDb250cm9sKSByZWFkb25seSBjb250cm9sOiBOZ0NvbnRyb2wgfCBudWxsLFxuICAgICkge31cblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS10LW1hc2snKVxuICAgIGdldCBpY29uKCk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IG9wdGlvbiA9IHRoaXMuZWwubmF0aXZlRWxlbWVudC5pbmRldGVybWluYXRlXG4gICAgICAgICAgICA/IHRoaXMub3B0aW9ucy5pY29ucy5pbmRldGVybWluYXRlXG4gICAgICAgICAgICA6IHRoaXMub3B0aW9ucy5pY29ucy5jaGVja2VkO1xuICAgICAgICBjb25zdCBpY29uID0gdHVpSXNTdHJpbmcob3B0aW9uKSA/IG9wdGlvbiA6IG9wdGlvbih0aGlzLnNpemUpO1xuXG4gICAgICAgIHJldHVybiBgdXJsKCR7dGhpcy5yZXNvbHZlcihpY29uKX0pYDtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmNvbnRyb2w/LnZhbHVlQ2hhbmdlcykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdHVpQ29udHJvbFZhbHVlKHRoaXMuY29udHJvbClcbiAgICAgICAgICAgIC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksIHR1aVdhdGNoKHRoaXMuY2RyKSwgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSh2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LmluZGV0ZXJtaW5hdGUgPSB2YWx1ZSA9PT0gbnVsbDtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
2
|
+
import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiIconComponent {
|
|
5
|
+
constructor(resolver) {
|
|
6
|
+
this.resolver = resolver;
|
|
7
|
+
this.icon = '';
|
|
8
|
+
this.background = '';
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
TuiIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconComponent, deps: [{ token: TUI_ICON_RESOLVER }], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
TuiIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiIconComponent, selector: "tui-icon", inputs: { icon: "icon", background: "background" }, host: { properties: { "style.--t-mask": "\"url(\" + resolver(icon) + \")\"", "style.--t-mask-bg": "background ? \"url(\" + resolver(background).replace(\"Outline\", \"\") + \")\" : null" } }, ngImport: i0, template: '', isInline: true, styles: [":host{position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;-webkit-mask:var(--t-mask-bg, var(--t-mask)) no-repeat center / contain;mask:var(--t-mask-bg, var(--t-mask)) no-repeat center / contain}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";-webkit-mask:var(--t-mask) no-repeat center / contain;mask:var(--t-mask) no-repeat center / contain;background:currentColor}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{
|
|
16
|
+
selector: 'tui-icon',
|
|
17
|
+
template: '',
|
|
18
|
+
host: {
|
|
19
|
+
'[style.--t-mask]': '"url(" + resolver(icon) + ")"',
|
|
20
|
+
// TODO: remove Outline hack in 4.0
|
|
21
|
+
'[style.--t-mask-bg]': 'background ? "url(" + resolver(background).replace("Outline", "") + ")" : null',
|
|
22
|
+
},
|
|
23
|
+
styleUrls: ['./icon.style.less'],
|
|
24
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
25
|
+
}]
|
|
26
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
27
|
+
type: Inject,
|
|
28
|
+
args: [TUI_ICON_RESOLVER]
|
|
29
|
+
}] }]; }, propDecorators: { icon: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], background: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7QUFjaEUsTUFBTSxPQUFPLGdCQUFnQjtJQU96QixZQUFnRCxRQUFrQztRQUFsQyxhQUFRLEdBQVIsUUFBUSxDQUEwQjtRQUxsRixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBR1YsZUFBVSxHQUFHLEVBQUUsQ0FBQztJQUVxRSxDQUFDOzs4R0FQN0UsZ0JBQWdCLGtCQU9MLGlCQUFpQjtrR0FQNUIsZ0JBQWdCLG9TQVZmLEVBQUU7NEZBVUgsZ0JBQWdCO2tCQVo1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxVQUFVO29CQUNwQixRQUFRLEVBQUUsRUFBRTtvQkFDWixJQUFJLEVBQUU7d0JBQ0Ysa0JBQWtCLEVBQUUsK0JBQStCO3dCQUNuRCxtQ0FBbUM7d0JBQ25DLHFCQUFxQixFQUNqQixnRkFBZ0Y7cUJBQ3ZGO29CQUNELFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNoQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDbEQ7OzBCQVFnQixNQUFNOzJCQUFDLGlCQUFpQjs0Q0FMckMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aVN0cmluZ0hhbmRsZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUVUlfSUNPTl9SRVNPTFZFUn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC90b2tlbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1pY29uJyxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgaG9zdDoge1xuICAgICAgICAnW3N0eWxlLi0tdC1tYXNrXSc6ICdcInVybChcIiArIHJlc29sdmVyKGljb24pICsgXCIpXCInLFxuICAgICAgICAvLyBUT0RPOiByZW1vdmUgT3V0bGluZSBoYWNrIGluIDQuMFxuICAgICAgICAnW3N0eWxlLi0tdC1tYXNrLWJnXSc6XG4gICAgICAgICAgICAnYmFja2dyb3VuZCA/IFwidXJsKFwiICsgcmVzb2x2ZXIoYmFja2dyb3VuZCkucmVwbGFjZShcIk91dGxpbmVcIiwgXCJcIikgKyBcIilcIiA6IG51bGwnLFxuICAgIH0sXG4gICAgc3R5bGVVcmxzOiBbJy4vaWNvbi5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUljb25Db21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgaWNvbiA9ICcnO1xuXG4gICAgQElucHV0KClcbiAgICBiYWNrZ3JvdW5kID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KFRVSV9JQ09OX1JFU09MVkVSKSByZWFkb25seSByZXNvbHZlcjogVHVpU3RyaW5nSGFuZGxlcjxzdHJpbmc+KSB7fVxufVxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiIconComponent } from './icon.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiIconModule {
|
|
5
|
+
}
|
|
6
|
+
TuiIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
TuiIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconModule, declarations: [TuiIconComponent], exports: [TuiIconComponent] });
|
|
8
|
+
TuiIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [TuiIconComponent],
|
|
13
|
+
exports: [TuiIconComponent],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pY29uL2ljb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBTWxELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOzRHQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLGFBQ3JCLGdCQUFnQjs0R0FFakIsYUFBYTs0RkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlJY29uQ29tcG9uZW50fSBmcm9tICcuL2ljb24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlJY29uQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpSWNvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUljb25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './icon.component';
|
|
2
|
+
export * from './icon.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pY29uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaWNvbi5tb2R1bGUnO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2ljb24vdGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -6,8 +6,9 @@ export * from '@taiga-ui/experimental/components/badged-content';
|
|
|
6
6
|
export * from '@taiga-ui/experimental/components/button';
|
|
7
7
|
export * from '@taiga-ui/experimental/components/checkbox';
|
|
8
8
|
export * from '@taiga-ui/experimental/components/compass';
|
|
9
|
+
export * from '@taiga-ui/experimental/components/icon';
|
|
9
10
|
export * from '@taiga-ui/experimental/components/radio';
|
|
10
11
|
export * from '@taiga-ui/experimental/components/rating';
|
|
11
12
|
export * from '@taiga-ui/experimental/components/thumbnail-card';
|
|
12
13
|
export * from '@taiga-ui/experimental/components/toggle';
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLDBDQUEwQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhcic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyLXN0YWNrJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZSc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2Utbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZWQtY29udGVudCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvY29tcGFzcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvaWNvbic7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvcmFkaW8nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3JhdGluZyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdGh1bWJuYWlsLWNhcmQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3RvZ2dsZSc7XG4iXX0=
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional, } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
|
-
import {
|
|
4
|
-
import { MODE_PROVIDER, TUI_MODE
|
|
3
|
+
import { TUI_PLATFORM, tuiIsString } from '@taiga-ui/cdk';
|
|
4
|
+
import { MODE_PROVIDER, TUI_MODE } from '@taiga-ui/core';
|
|
5
|
+
import { TUI_ICON_RESOLVER } from '@taiga-ui/experimental/tokens';
|
|
5
6
|
import { TUI_TOGGLE_OPTIONS } from './toggle.options';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "rxjs";
|
|
8
9
|
import * as i2 from "@angular/forms";
|
|
9
10
|
export class TuiToggleComponent {
|
|
10
|
-
constructor(
|
|
11
|
-
this.
|
|
12
|
-
this.svg = svg;
|
|
11
|
+
constructor(resolver, options, mode$, platform, control) {
|
|
12
|
+
this.resolver = resolver;
|
|
13
13
|
this.options = options;
|
|
14
14
|
this.mode$ = mode$;
|
|
15
15
|
this.platform = platform;
|
|
@@ -18,14 +18,13 @@ export class TuiToggleComponent {
|
|
|
18
18
|
this.showIcons = this.options.showIcons;
|
|
19
19
|
}
|
|
20
20
|
get icon() {
|
|
21
|
-
const { options,
|
|
21
|
+
const { options, resolver, size } = this;
|
|
22
22
|
const icon = tuiIsString(options.icon) ? options.icon : options.icon(size);
|
|
23
|
-
|
|
24
|
-
return `url(${mask})`;
|
|
23
|
+
return `url(${resolver(icon)})`;
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
|
-
TuiToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiToggleComponent, deps: [{ token:
|
|
28
|
-
TuiToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiToggleComponent, selector: "input[type=\"checkbox\"][tuiToggle]", inputs: { size: "size", showIcons: "showIcons" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "attr.data-platform": "platform", "class._invalid": "control?.invalid && control?.touched", "class._readonly": "!control", "class._icons": "showIcons", "style.--t-mask": "this.icon" } }, providers: [MODE_PROVIDER], ngImport: i0, template: '', isInline: true, styles: [":host{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;outline:none}:host:disabled{pointer-events:none}:host:disabled:not(._readonly){opacity:var(--tui-disabled-opacity)}:host:focus-visible{box-shadow:inset 0 0 0 .125rem var(--tui-focus)!important}:host[data-platform=ios]{height:1.9375rem;width:3.1875rem;border-radius:2rem;color:var(--tui-text-01-night);background:var(--tui-base-04)}:host[data-platform=ios]:after{transition-property:transform,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";display:block;width:1.9375rem;height:1.9375rem;border-radius:2rem;background:currentColor;transform:scale(.871);box-shadow:0 .25rem .125rem #0000000f,0 .25rem .5rem #00000026}:host[data-platform=ios]:active:after{width:2.3rem}:host[data-platform=ios]:checked{background:var(--tui-accent)}:host[data-platform=ios]:checked:after{transform:scale(.871) translate(1.44rem)}:host[data-platform=ios]:checked:active:after{transform:scale(.871) translate(1.0775rem)}:host[data-platform=ios]._invalid{background:var(--tui-error-bg)}:host[data-platform=ios]._invalid:checked{background:var(--tui-error-fill)}:host[data-platform=android]{transition-property:color,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:1.25rem;width:2.5rem;color:var(--tui-base-05);background:transparent}:host[data-platform=android]:before{content:\"\";display:block;height:100%;border:.1875rem solid transparent;box-sizing:border-box;border-radius:2rem;background:currentColor;background-clip:content-box;opacity:.5}:host[data-platform=android]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border-radius:100%;background:#ececec;box-shadow:0 .0625rem .0625rem #0000003d,0 0 .0625rem #0000001f,inset 0 .0625rem #ffffff1f}:host[data-platform=android]:checked{color:var(--tui-accent)}:host[data-platform=android]:checked:after{background:currentColor;transform:translate(1.25rem)}:host[data-platform=android]._invalid{color:var(--tui-error-fill)}:host[data-platform=android]._invalid:not(:checked){opacity:.4}:host[data-platform=android]._invalid:after{background:var(--tui-error-fill)}:host[data-platform=web]{width:3rem;height:1.5rem;border-radius:2rem;color:var(--tui-primary-text);overflow:hidden}:host[data-platform=web]:checked{background:var(--tui-primary)}:host[data-platform=web]:checked:hover{background:var(--tui-primary-hover)}:host[data-platform=web]:checked:active{background:var(--tui-primary-active)}:host[data-platform=web]:not(:checked){background:var(--tui-secondary)}:host[data-platform=web]:not(:checked):hover{background:var(--tui-secondary-hover)}:host[data-platform=web]:not(:checked):active{background:var(--tui-secondary-active)}:host[data-platform=web]:not(:checked)[data-mode=onDark]{background:var(--tui-clear-inverse)}:host[data-platform=web]:not(:checked)[data-mode=onDark]:hover{background:var(--tui-clear-inverse-hover)}:host[data-platform=web]:not(:checked)[data-mode=onDark]:active{background:var(--tui-clear-inverse-hover)}:host[data-platform=web]:before,:host[data-platform=web]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;height:100%;width:1.5rem}:host[data-platform=web]:before{display:none;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center;mask:var(--t-mask) no-repeat center;transform:translate(-1.5rem)}:host[data-platform=web]:after{right:0;border-radius:100%;transform:scale(.5);box-shadow:-3rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web]:checked:before{transform:none}:host[data-platform=web]:checked:after{transform:scale(.5) translate(3rem)}:host[data-platform=web][data-size=s]{height:1rem;width:2rem}:host[data-platform=web][data-size=s]:before{width:1rem;transform:translate(-1rem) scale(.875)}:host[data-platform=web][data-size=s]:after{width:1rem;box-shadow:-2rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web][data-size=s]:checked:before{transform:scale(.875)}:host[data-platform=web][data-size=s]:checked:after{transform:scale(.5) translate(2rem)}:host[data-platform=web]._invalid{background:var(--tui-error-bg)}:host[data-platform=web]._invalid:hover,:host[data-platform=web]._invalid:active{background:var(--tui-error-bg-hover)}:host[data-platform=web]._invalid:checked{background:var(--tui-error-fill)}:host[data-platform=web]._invalid[data-mode=onDark]{background:var(--tui-error-bg-night)}:host[data-platform=web]._invalid[data-mode=onDark]:hover,:host[data-platform=web]._invalid[data-mode=onDark]:active{background:var(--tui-error-bg-night-hover)}:host[data-platform=web]._invalid[data-mode=onDark]:checked{background:var(--tui-error-fill-night)}:host[data-platform=web]._icons:before{display:block}:host[data-platform=web]._icons:after{box-shadow:inset 0 0 0 .25rem var(--tui-clear-active),-3rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web]._icons[data-size=s]:after{box-shadow:inset 0 0 0 .125rem var(--tui-clear-active),-2rem 0 0 .25rem var(--tui-text-01-night)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
|
+
TuiToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiToggleComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token: TUI_TOGGLE_OPTIONS }, { token: TUI_MODE }, { token: TUI_PLATFORM }, { token: NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
TuiToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiToggleComponent, selector: "input[type=\"checkbox\"][tuiToggle]", inputs: { size: "size", showIcons: "showIcons" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "attr.data-platform": "platform", "class._invalid": "control?.invalid && control?.touched", "class._readonly": "!control", "class._icons": "showIcons", "style.--t-mask": "this.icon" } }, providers: [MODE_PROVIDER], ngImport: i0, template: '', isInline: true, styles: [":host{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;outline:none}:host:disabled{pointer-events:none}:host:disabled:not(._readonly){opacity:var(--tui-disabled-opacity)}:host:focus-visible{box-shadow:inset 0 0 0 .125rem var(--tui-focus)!important}:host[data-platform=ios]{height:1.9375rem;width:3.1875rem;border-radius:2rem;color:var(--tui-text-01-night);background:var(--tui-base-04)}:host[data-platform=ios]:after{transition-property:transform,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";display:block;width:1.9375rem;height:1.9375rem;border-radius:2rem;background:currentColor;transform:scale(.871);box-shadow:0 .25rem .125rem #0000000f,0 .25rem .5rem #00000026}:host[data-platform=ios]:active:after{width:2.3rem}:host[data-platform=ios]:checked{background:var(--tui-accent)}:host[data-platform=ios]:checked:after{transform:scale(.871) translate(1.44rem)}:host[data-platform=ios]:checked:active:after{transform:scale(.871) translate(1.0775rem)}:host[data-platform=ios]._invalid{background:var(--tui-error-bg)}:host[data-platform=ios]._invalid:checked{background:var(--tui-error-fill)}:host[data-platform=android]{transition-property:color,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:1.25rem;width:2.5rem;color:var(--tui-base-05);background:transparent}:host[data-platform=android]:before{content:\"\";display:block;height:100%;border:.1875rem solid transparent;box-sizing:border-box;border-radius:2rem;background:currentColor;background-clip:content-box;opacity:.5}:host[data-platform=android]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border-radius:100%;background:#ececec;box-shadow:0 .0625rem .0625rem #0000003d,0 0 .0625rem #0000001f,inset 0 .0625rem #ffffff1f}:host[data-platform=android]:checked{color:var(--tui-accent)}:host[data-platform=android]:checked:after{background:currentColor;transform:translate(1.25rem)}:host[data-platform=android]._invalid{color:var(--tui-error-fill)}:host[data-platform=android]._invalid:not(:checked){opacity:.4}:host[data-platform=android]._invalid:after{background:var(--tui-error-fill)}:host[data-platform=web]{width:3rem;height:1.5rem;border-radius:2rem;color:var(--tui-primary-text);overflow:hidden}:host[data-platform=web]:checked{background:var(--tui-primary)}:host[data-platform=web]:checked:hover{background:var(--tui-primary-hover)}:host[data-platform=web]:checked:active{background:var(--tui-primary-active)}:host[data-platform=web]:not(:checked){background:var(--tui-secondary)}:host[data-platform=web]:not(:checked):hover{background:var(--tui-secondary-hover)}:host[data-platform=web]:not(:checked):active{background:var(--tui-secondary-active)}:host[data-platform=web]:not(:checked)[data-mode=onDark]{background:var(--tui-clear-inverse)}:host[data-platform=web]:not(:checked)[data-mode=onDark]:hover{background:var(--tui-clear-inverse-hover)}:host[data-platform=web]:not(:checked)[data-mode=onDark]:active{background:var(--tui-clear-inverse-hover)}:host[data-platform=web]:before,:host[data-platform=web]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;height:100%;width:1.5rem}:host[data-platform=web]:before{display:none;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center;mask:var(--t-mask) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}:host[data-platform=web]:after{right:0;border-radius:100%;transform:scale(.5);box-shadow:-3rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web]:checked:before{transform:none}:host[data-platform=web]:checked:after{transform:scale(.5) translate(3rem)}:host[data-platform=web][data-size=s]{height:1rem;width:2rem}:host[data-platform=web][data-size=s]:before{width:1rem;transform:translate(-1rem) scale(.875)}:host[data-platform=web][data-size=s]:after{width:1rem;box-shadow:-2rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web][data-size=s]:checked:before{transform:scale(.875)}:host[data-platform=web][data-size=s]:checked:after{transform:scale(.5) translate(2rem)}:host[data-platform=web]._invalid{background:var(--tui-error-bg)}:host[data-platform=web]._invalid:hover,:host[data-platform=web]._invalid:active{background:var(--tui-error-bg-hover)}:host[data-platform=web]._invalid:checked{background:var(--tui-error-fill)}:host[data-platform=web]._invalid[data-mode=onDark]{background:var(--tui-error-bg-night)}:host[data-platform=web]._invalid[data-mode=onDark]:hover,:host[data-platform=web]._invalid[data-mode=onDark]:active{background:var(--tui-error-bg-night-hover)}:host[data-platform=web]._invalid[data-mode=onDark]:checked{background:var(--tui-error-fill-night)}:host[data-platform=web]._icons:before{display:block}:host[data-platform=web]._icons:after{box-shadow:inset 0 0 0 .25rem var(--tui-clear-active),-3rem 0 0 .25rem var(--tui-text-01-night)}:host[data-platform=web]._icons[data-size=s]:after{box-shadow:inset 0 0 0 .125rem var(--tui-clear-active),-2rem 0 0 .25rem var(--tui-text-01-night)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiToggleComponent, decorators: [{
|
|
30
29
|
type: Component,
|
|
31
30
|
args: [{
|
|
@@ -46,10 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
46
45
|
}]
|
|
47
46
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
48
47
|
type: Inject,
|
|
49
|
-
args: [
|
|
50
|
-
}] }, { type: undefined, decorators: [{
|
|
51
|
-
type: Inject,
|
|
52
|
-
args: [TUI_SVG_OPTIONS]
|
|
48
|
+
args: [TUI_ICON_RESOLVER]
|
|
53
49
|
}] }, { type: undefined, decorators: [{
|
|
54
50
|
type: Inject,
|
|
55
51
|
args: [TUI_TOGGLE_OPTIONS]
|
|
@@ -72,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
72
68
|
type: HostBinding,
|
|
73
69
|
args: ['style.--t-mask']
|
|
74
70
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3RvZ2dsZS90b2dnbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUFDLFlBQVksRUFBRSxXQUFXLEVBQWdDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBQyxhQUFhLEVBQUUsUUFBUSxFQUFnQixNQUFNLGdCQUFnQixDQUFDO0FBQ3RFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBR2hFLE9BQU8sRUFBQyxrQkFBa0IsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWtCdEUsTUFBTSxPQUFPLGtCQUFrQjtJQU8zQixZQUNnRCxRQUFrQyxFQUNqQyxPQUF5QixFQUMzQyxLQUF1QyxFQUNuQyxRQUFxQixFQUNaLE9BQXlCO1FBSnJCLGFBQVEsR0FBUixRQUFRLENBQTBCO1FBQ2pDLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQzNDLFVBQUssR0FBTCxLQUFLLENBQWtDO1FBQ25DLGFBQVEsR0FBUixRQUFRLENBQWE7UUFDWixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQVZyRSxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHekIsY0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDO0lBUWhDLENBQUM7SUFFSixJQUNJLElBQUk7UUFDSixNQUFNLEVBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsR0FBRyxJQUFJLENBQUM7UUFDdkMsTUFBTSxJQUFJLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUUzRSxPQUFPLE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDcEMsQ0FBQzs7Z0hBckJRLGtCQUFrQixrQkFRZixpQkFBaUIsYUFDakIsa0JBQWtCLGFBQ2xCLFFBQVEsYUFDUixZQUFZLGFBQ0EsU0FBUztvR0FaeEIsa0JBQWtCLG1iQVhoQixDQUFDLGFBQWEsQ0FBQywwQkFIaEIsRUFBRTs0RkFjSCxrQkFBa0I7a0JBaEI5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxtQ0FBbUM7b0JBQzdDLFFBQVEsRUFBRSxFQUFFO29CQUNaLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUMxQixJQUFJLEVBQUU7d0JBQ0Ysb0JBQW9CLEVBQUUsT0FBTzt3QkFDN0IsWUFBWSxFQUFFLDhCQUE4Qjt3QkFDNUMsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsa0JBQWtCLEVBQUUsc0NBQXNDO3dCQUMxRCxtQkFBbUIsRUFBRSxVQUFVO3dCQUMvQixnQkFBZ0IsRUFBRSxXQUFXO3FCQUNoQztpQkFDSjs7MEJBU1EsTUFBTTsyQkFBQyxpQkFBaUI7OzBCQUN4QixNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQ3pCLE1BQU07MkJBQUMsUUFBUTs7MEJBQ2YsTUFBTTsyQkFBQyxZQUFZOzswQkFDbkIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxTQUFTOzRDQVZqQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQVlGLElBQUk7c0JBRFAsV0FBVzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3B0aW9uYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ0NvbnRyb2x9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7VFVJX1BMQVRGT1JNLCB0dWlJc1N0cmluZywgVHVpUGxhdGZvcm0sIFR1aVN0cmluZ0hhbmRsZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtNT0RFX1BST1ZJREVSLCBUVUlfTU9ERSwgVHVpQnJpZ2h0bmVzc30gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtUVUlfSUNPTl9SRVNPTFZFUn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC90b2tlbnMnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHtUVUlfVE9HR0xFX09QVElPTlMsIFR1aVRvZ2dsZU9wdGlvbnN9IGZyb20gJy4vdG9nZ2xlLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2lucHV0W3R5cGU9XCJjaGVja2JveFwiXVt0dWlUb2dnbGVdJyxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vdG9nZ2xlLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtNT0RFX1BST1ZJREVSXSxcbiAgICBob3N0OiB7XG4gICAgICAgICcoJC5kYXRhLW1vZGUuYXR0ciknOiAnbW9kZSQnLFxuICAgICAgICAnW2Rpc2FibGVkXSc6ICchY29udHJvbCB8fCBjb250cm9sLmRpc2FibGVkJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbYXR0ci5kYXRhLXBsYXRmb3JtXSc6ICdwbGF0Zm9ybScsXG4gICAgICAgICdbY2xhc3MuX2ludmFsaWRdJzogJ2NvbnRyb2w/LmludmFsaWQgJiYgY29udHJvbD8udG91Y2hlZCcsXG4gICAgICAgICdbY2xhc3MuX3JlYWRvbmx5XSc6ICchY29udHJvbCcsXG4gICAgICAgICdbY2xhc3MuX2ljb25zXSc6ICdzaG93SWNvbnMnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRvZ2dsZUNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIHNob3dJY29ucyA9IHRoaXMub3B0aW9ucy5zaG93SWNvbnM7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfSUNPTl9SRVNPTFZFUikgcHJpdmF0ZSByZWFkb25seSByZXNvbHZlcjogVHVpU3RyaW5nSGFuZGxlcjxzdHJpbmc+LFxuICAgICAgICBASW5qZWN0KFRVSV9UT0dHTEVfT1BUSU9OUykgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlUb2dnbGVPcHRpb25zLFxuICAgICAgICBASW5qZWN0KFRVSV9NT0RFKSByZWFkb25seSBtb2RlJDogT2JzZXJ2YWJsZTxUdWlCcmlnaHRuZXNzIHwgbnVsbD4sXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTmdDb250cm9sKSByZWFkb25seSBjb250cm9sOiBOZ0NvbnRyb2wgfCBudWxsLFxuICAgICkge31cblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuLS10LW1hc2snKVxuICAgIGdldCBpY29uKCk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IHtvcHRpb25zLCByZXNvbHZlciwgc2l6ZX0gPSB0aGlzO1xuICAgICAgICBjb25zdCBpY29uID0gdHVpSXNTdHJpbmcob3B0aW9ucy5pY29uKSA/IG9wdGlvbnMuaWNvbiA6IG9wdGlvbnMuaWNvbihzaXplKTtcblxuICAgICAgICByZXR1cm4gYHVybCgke3Jlc29sdmVyKGljb24pfSlgO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TuiAppearanceDirective {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.tuiAppearance = '';
|
|
6
|
+
this.tuiAppearanceState = null;
|
|
7
|
+
this.tuiAppearanceFocus = null;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
TuiAppearanceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppearanceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
11
|
+
TuiAppearanceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: { tuiAppearance: "tuiAppearance", tuiAppearanceState: "tuiAppearanceState", tuiAppearanceFocus: "tuiAppearanceFocus" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "tuiAppearance", "attr.data-state": "tuiAppearanceState", "attr.data-focus": "tuiAppearanceFocus" } }, ngImport: i0 });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppearanceDirective, decorators: [{
|
|
13
|
+
type: Directive,
|
|
14
|
+
args: [{
|
|
15
|
+
selector: '[tuiAppearance]',
|
|
16
|
+
host: {
|
|
17
|
+
tuiAppearance: '',
|
|
18
|
+
'[attr.data-appearance]': 'tuiAppearance',
|
|
19
|
+
'[attr.data-state]': 'tuiAppearanceState',
|
|
20
|
+
'[attr.data-focus]': 'tuiAppearanceFocus',
|
|
21
|
+
},
|
|
22
|
+
}]
|
|
23
|
+
}], propDecorators: { tuiAppearance: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], tuiAppearanceState: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], tuiAppearanceFocus: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}] } });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9hcHBlYXJhbmNlL2FwcGVhcmFuY2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVkvQyxNQUFNLE9BQU8sc0JBQXNCO0lBVG5DO1FBV0ksa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFHbkIsdUJBQWtCLEdBQWdDLElBQUksQ0FBQztRQUd2RCx1QkFBa0IsR0FBbUIsSUFBSSxDQUFDO0tBQzdDOztvSEFUWSxzQkFBc0I7d0dBQXRCLHNCQUFzQjs0RkFBdEIsc0JBQXNCO2tCQVRsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLElBQUksRUFBRTt3QkFDRixhQUFhLEVBQUUsRUFBRTt3QkFDakIsd0JBQXdCLEVBQUUsZUFBZTt3QkFDekMsbUJBQW1CLEVBQUUsb0JBQW9CO3dCQUN6QyxtQkFBbUIsRUFBRSxvQkFBb0I7cUJBQzVDO2lCQUNKOzhCQUdHLGFBQWE7c0JBRFosS0FBSztnQkFJTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBSU4sa0JBQWtCO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpSW50ZXJhY3RpdmVTdGF0ZVR9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpQXBwZWFyYW5jZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpQXBwZWFyYW5jZTogJycsXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ3R1aUFwcGVhcmFuY2UnLFxuICAgICAgICAnW2F0dHIuZGF0YS1zdGF0ZV0nOiAndHVpQXBwZWFyYW5jZVN0YXRlJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtZm9jdXNdJzogJ3R1aUFwcGVhcmFuY2VGb2N1cycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXBwZWFyYW5jZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KClcbiAgICB0dWlBcHBlYXJhbmNlID0gJyc7XG5cbiAgICBASW5wdXQoKVxuICAgIHR1aUFwcGVhcmFuY2VTdGF0ZTogVHVpSW50ZXJhY3RpdmVTdGF0ZVQgfCBudWxsID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgdHVpQXBwZWFyYW5jZUZvY3VzOiBib29sZWFuIHwgbnVsbCA9IG51bGw7XG59XG4iXX0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiAppearanceDirective } from './appearance.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class TuiAppearanceModule {
|
|
5
|
+
}
|
|
6
|
+
TuiAppearanceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppearanceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
TuiAppearanceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppearanceModule, declarations: [TuiAppearanceDirective], exports: [TuiAppearanceDirective] });
|
|
8
|
+
TuiAppearanceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppearanceModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppearanceModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [TuiAppearanceDirective],
|
|
13
|
+
exports: [TuiAppearanceDirective],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9hcHBlYXJhbmNlL2FwcGVhcmFuY2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7O0FBTTlELE1BQU0sT0FBTyxtQkFBbUI7O2lIQUFuQixtQkFBbUI7a0hBQW5CLG1CQUFtQixpQkFIYixzQkFBc0IsYUFDM0Isc0JBQXNCO2tIQUV2QixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFKL0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7VHVpQXBwZWFyYW5jZURpcmVjdGl2ZX0gZnJvbSAnLi9hcHBlYXJhbmNlLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQXBwZWFyYW5jZURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aUFwcGVhcmFuY2VEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBcHBlYXJhbmNlTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './appearance.directive';
|
|
2
|
+
export * from './appearance.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9hcHBlYXJhbmNlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXBwZWFyYW5jZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9hcHBlYXJhbmNlLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWRpcmVjdGl2ZXMtYXBwZWFyYW5jZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzL2FwcGVhcmFuY2UvdGFpZ2EtdWktZXhwZXJpbWVudGFsLWRpcmVjdGl2ZXMtYXBwZWFyYW5jZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TuiCardComponent {
|
|
4
|
+
}
|
|
5
|
+
TuiCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCard]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:flex-start;justify-content:space-between;background:var(--tui-base-02);border-radius:.75rem;box-sizing:border-box;padding:.75rem;grid-gap:.75rem;gap:.75rem;flex-direction:column;text-decoration:none;width:var(--t-size);height:var(--t-size)}[tuiCard][data-size=m]{--t-size: 8.75rem}[tuiCard] [tuiTitle]{font-weight:bold}[tuiCard] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCard] [tuiTitle],[tuiCard] [tuiSubtitle]{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{
|
|
10
|
+
template: '',
|
|
11
|
+
styleUrls: ['./card.styles.less'],
|
|
12
|
+
encapsulation: ViewEncapsulation.None,
|
|
13
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14
|
+
host: {
|
|
15
|
+
class: 'tui-card',
|
|
16
|
+
},
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBV3BGLE1BQU0sT0FBTyxnQkFBZ0I7OzhHQUFoQixnQkFBZ0I7a0dBQWhCLGdCQUFnQiwwRkFSZixFQUFFOzRGQVFILGdCQUFnQjtrQkFUNUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsRUFBRTtvQkFDWixTQUFTLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDakMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLFVBQVU7cUJBQ3BCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlOiAnJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLnN0eWxlcy5sZXNzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAndHVpLWNhcmQnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUNhcmRDb21wb25lbnQge31cbiJdfQ==
|