@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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('rxjs/operators'), require('rxjs')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/checkbox', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/core', 'rxjs/operators', 'rxjs'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.checkbox = {}), global.ng.core, global.ng.forms, global.cdk, global.core, global.rxjs.operators, global.rxjs));
|
|
5
|
-
})(this, (function (exports, i0, i2, cdk, core, operators, i1) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/experimental/tokens'), require('rxjs/operators'), require('rxjs')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/checkbox', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/experimental/tokens', 'rxjs/operators', 'rxjs'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.checkbox = {}), global.ng.core, global.ng.forms, global.cdk, global.core, global["taiga-ui"].experimental.tokens, global.rxjs.operators, global.rxjs));
|
|
5
|
+
})(this, (function (exports, i0, i2, cdk, core, tokens, operators, i1) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -39,10 +39,9 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
var TuiCheckboxComponent = /** @class */ (function () {
|
|
42
|
-
function TuiCheckboxComponent(cdr,
|
|
42
|
+
function TuiCheckboxComponent(cdr, resolver, options, destroy$, el, mode$, platform, control) {
|
|
43
43
|
this.cdr = cdr;
|
|
44
|
-
this.
|
|
45
|
-
this.svg = svg;
|
|
44
|
+
this.resolver = resolver;
|
|
46
45
|
this.options = options;
|
|
47
46
|
this.destroy$ = destroy$;
|
|
48
47
|
this.el = el;
|
|
@@ -57,8 +56,7 @@
|
|
|
57
56
|
? this.options.icons.indeterminate
|
|
58
57
|
: this.options.icons.checked;
|
|
59
58
|
var icon = cdk.tuiIsString(option) ? option : option(this.size);
|
|
60
|
-
|
|
61
|
-
return "url(" + mask + ")";
|
|
59
|
+
return "url(" + this.resolver(icon) + ")";
|
|
62
60
|
},
|
|
63
61
|
enumerable: false,
|
|
64
62
|
configurable: true
|
|
@@ -77,7 +75,7 @@
|
|
|
77
75
|
};
|
|
78
76
|
return TuiCheckboxComponent;
|
|
79
77
|
}());
|
|
80
|
-
TuiCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token:
|
|
78
|
+
TuiCheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: tokens.TUI_ICON_RESOLVER }, { token: TUI_CHECKBOX_OPTIONS }, { token: cdk.TuiDestroyService, self: true }, { token: i0.ElementRef }, { token: core.TUI_MODE }, { token: cdk.TUI_PLATFORM }, { token: i2.NgControl, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
81
79
|
TuiCheckboxComponent.ɵcmp = i0__namespace.ɵɵ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: [core.MODE_PROVIDER, cdk.TuiDestroyService], ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
|
|
82
80
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCheckboxComponent, decorators: [{
|
|
83
81
|
type: i0.Component,
|
|
@@ -102,10 +100,7 @@
|
|
|
102
100
|
args: [i0.ChangeDetectorRef]
|
|
103
101
|
}] }, { type: undefined, decorators: [{
|
|
104
102
|
type: i0.Inject,
|
|
105
|
-
args: [
|
|
106
|
-
}] }, { type: undefined, decorators: [{
|
|
107
|
-
type: i0.Inject,
|
|
108
|
-
args: [core.TUI_SVG_OPTIONS]
|
|
103
|
+
args: [tokens.TUI_ICON_RESOLVER]
|
|
109
104
|
}] }, { type: undefined, decorators: [{
|
|
110
105
|
type: i0.Inject,
|
|
111
106
|
args: [TUI_CHECKBOX_OPTIONS]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-checkbox.umd.js","sources":["../../../projects/experimental/components/checkbox/checkbox.options.ts","../../../projects/experimental/components/checkbox/checkbox.component.ts","../../../projects/experimental/components/checkbox/checkbox.module.ts","../../../projects/experimental/components/checkbox/taiga-ui-experimental-components-checkbox.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiMapper, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiCheckboxOptions {\n readonly size: TuiSizeS;\n readonly icons: Readonly<{\n checked: TuiMapper<TuiSizeS, string> | string;\n indeterminate: TuiMapper<TuiSizeS, string> | string;\n }>;\n}\n\nexport const TUI_CHECKBOX_DEFAULT_OPTIONS: TuiCheckboxOptions = {\n size: `m`,\n icons: {\n checked: size => (size === `m` ? `tuiIconCheckLarge` : `tuiIconCheck`),\n indeterminate: size => (size === `m` ? `tuiIconMinusLarge` : `tuiIconMinus`),\n },\n};\n\nexport const TUI_CHECKBOX_OPTIONS = tuiCreateToken(TUI_CHECKBOX_DEFAULT_OPTIONS);\n\nexport function tuiCheckboxOptionsProvider(\n options: Partial<TuiCheckboxOptions>,\n): Provider {\n return tuiProvideOptions(TUI_CHECKBOX_OPTIONS, options, TUI_CHECKBOX_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n OnInit,\n Optional,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-checkbox.umd.js","sources":["../../../projects/experimental/components/checkbox/checkbox.options.ts","../../../projects/experimental/components/checkbox/checkbox.component.ts","../../../projects/experimental/components/checkbox/checkbox.module.ts","../../../projects/experimental/components/checkbox/taiga-ui-experimental-components-checkbox.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiMapper, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiCheckboxOptions {\n readonly size: TuiSizeS;\n readonly icons: Readonly<{\n checked: TuiMapper<TuiSizeS, string> | string;\n indeterminate: TuiMapper<TuiSizeS, string> | string;\n }>;\n}\n\nexport const TUI_CHECKBOX_DEFAULT_OPTIONS: TuiCheckboxOptions = {\n size: `m`,\n icons: {\n checked: size => (size === `m` ? `tuiIconCheckLarge` : `tuiIconCheck`),\n indeterminate: size => (size === `m` ? `tuiIconMinusLarge` : `tuiIconMinus`),\n },\n};\n\nexport const TUI_CHECKBOX_OPTIONS = tuiCreateToken(TUI_CHECKBOX_DEFAULT_OPTIONS);\n\nexport function tuiCheckboxOptionsProvider(\n options: Partial<TuiCheckboxOptions>,\n): Provider {\n return tuiProvideOptions(TUI_CHECKBOX_OPTIONS, options, TUI_CHECKBOX_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n OnInit,\n Optional,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n TUI_PLATFORM,\n tuiControlValue,\n TuiDestroyService,\n tuiIsString,\n TuiPlatform,\n TuiStringHandler,\n tuiWatch,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\nimport {Observable} from 'rxjs';\nimport {distinctUntilChanged, takeUntil} from 'rxjs/operators';\n\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions} from './checkbox.options';\n\n@Component({\n selector: 'input[type=\"checkbox\"][tuiCheckbox]',\n template: '',\n styleUrls: ['./checkbox.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER, TuiDestroyService],\n host: {\n '($.data-mode.attr)': 'mode$',\n '[disabled]': '!control || control.disabled',\n '[attr.data-size]': 'size',\n '[attr.data-platform]': 'platform',\n '[class._invalid]': 'control?.invalid && control?.touched',\n '[class._readonly]': '!control',\n },\n})\nexport class TuiCheckboxComponent implements OnInit {\n @Input()\n size = this.options.size;\n\n constructor(\n @Inject(ChangeDetectorRef) private readonly cdr: ChangeDetectorRef,\n @Inject(TUI_ICON_RESOLVER) private readonly resolver: TuiStringHandler<string>,\n @Inject(TUI_CHECKBOX_OPTIONS) private readonly options: TuiCheckboxOptions,\n @Self() @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n @Inject(ElementRef) private readonly el: ElementRef<HTMLInputElement>,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n @Optional() @Inject(NgControl) readonly control: NgControl | null,\n ) {}\n\n @HostBinding('style.--t-mask')\n get icon(): string {\n const option = this.el.nativeElement.indeterminate\n ? this.options.icons.indeterminate\n : this.options.icons.checked;\n const icon = tuiIsString(option) ? option : option(this.size);\n\n return `url(${this.resolver(icon)})`;\n }\n\n ngOnInit(): void {\n if (!this.control?.valueChanges) {\n return;\n }\n\n tuiControlValue(this.control)\n .pipe(distinctUntilChanged(), tuiWatch(this.cdr), takeUntil(this.destroy$))\n .subscribe(value => {\n this.el.nativeElement.indeterminate = value === null;\n });\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n declarations: [TuiCheckboxComponent],\n exports: [TuiCheckboxComponent],\n})\nexport class TuiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiIsString","tuiControlValue","distinctUntilChanged","tuiWatch","takeUntil","i0","ChangeDetectorRef","TUI_ICON_RESOLVER","TuiDestroyService","ElementRef","TUI_MODE","TUI_PLATFORM","NgControl","MODE_PROVIDER","Component","ChangeDetectionStrategy","Inject","Self","Optional","Input","HostBinding","NgModule"],"mappings":"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"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/experimental/tokens')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/icon', ['exports', '@angular/core', '@taiga-ui/experimental/tokens'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.icon = {}), global.ng.core, global["taiga-ui"].experimental.tokens));
|
|
5
|
+
})(this, (function (exports, i0, tokens) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
|
|
27
|
+
var TuiIconComponent = /** @class */ (function () {
|
|
28
|
+
function TuiIconComponent(resolver) {
|
|
29
|
+
this.resolver = resolver;
|
|
30
|
+
this.icon = '';
|
|
31
|
+
this.background = '';
|
|
32
|
+
}
|
|
33
|
+
return TuiIconComponent;
|
|
34
|
+
}());
|
|
35
|
+
TuiIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconComponent, deps: [{ token: tokens.TUI_ICON_RESOLVER }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
36
|
+
TuiIconComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
|
|
37
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconComponent, decorators: [{
|
|
38
|
+
type: i0.Component,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: 'tui-icon',
|
|
41
|
+
template: '',
|
|
42
|
+
host: {
|
|
43
|
+
'[style.--t-mask]': '"url(" + resolver(icon) + ")"',
|
|
44
|
+
// TODO: remove Outline hack in 4.0
|
|
45
|
+
'[style.--t-mask-bg]': 'background ? "url(" + resolver(background).replace("Outline", "") + ")" : null',
|
|
46
|
+
},
|
|
47
|
+
styleUrls: ['./icon.style.less'],
|
|
48
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
49
|
+
}]
|
|
50
|
+
}], ctorParameters: function () {
|
|
51
|
+
return [{ type: undefined, decorators: [{
|
|
52
|
+
type: i0.Inject,
|
|
53
|
+
args: [tokens.TUI_ICON_RESOLVER]
|
|
54
|
+
}] }];
|
|
55
|
+
}, propDecorators: { icon: [{
|
|
56
|
+
type: i0.Input
|
|
57
|
+
}], background: [{
|
|
58
|
+
type: i0.Input
|
|
59
|
+
}] } });
|
|
60
|
+
|
|
61
|
+
var TuiIconModule = /** @class */ (function () {
|
|
62
|
+
function TuiIconModule() {
|
|
63
|
+
}
|
|
64
|
+
return TuiIconModule;
|
|
65
|
+
}());
|
|
66
|
+
TuiIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
67
|
+
TuiIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule, declarations: [TuiIconComponent], exports: [TuiIconComponent] });
|
|
68
|
+
TuiIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule });
|
|
69
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiIconModule, decorators: [{
|
|
70
|
+
type: i0.NgModule,
|
|
71
|
+
args: [{
|
|
72
|
+
declarations: [TuiIconComponent],
|
|
73
|
+
exports: [TuiIconComponent],
|
|
74
|
+
}]
|
|
75
|
+
}] });
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Generated bundle index. Do not edit.
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
exports.TuiIconComponent = TuiIconComponent;
|
|
82
|
+
exports.TuiIconModule = TuiIconModule;
|
|
83
|
+
|
|
84
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
85
|
+
|
|
86
|
+
}));
|
|
87
|
+
//# sourceMappingURL=taiga-ui-experimental-components-icon.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-icon.umd.js","sources":["../../../projects/experimental/components/icon/icon.component.ts","../../../projects/experimental/components/icon/icon.module.ts","../../../projects/experimental/components/icon/taiga-ui-experimental-components-icon.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\n@Component({\n selector: 'tui-icon',\n template: '',\n host: {\n '[style.--t-mask]': '\"url(\" + resolver(icon) + \")\"',\n // TODO: remove Outline hack in 4.0\n '[style.--t-mask-bg]':\n 'background ? \"url(\" + resolver(background).replace(\"Outline\", \"\") + \")\" : null',\n },\n styleUrls: ['./icon.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiIconComponent {\n @Input()\n icon = '';\n\n @Input()\n background = '';\n\n constructor(@Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiIconComponent} from './icon.component';\n\n@NgModule({\n declarations: [TuiIconComponent],\n exports: [TuiIconComponent],\n})\nexport class TuiIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","TUI_ICON_RESOLVER","Component","ChangeDetectionStrategy","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,QAAA,gBAAA,kBAAA,YAAA;IAOI,IAAA,SAAA,gBAAA,CAAgD,QAAkC,EAAA;IAAlC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAA0B;IALlF,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;IAGV,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;SAEsE;;;IAP7E,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,gBAAgB,kBAOLC,wBAAiB,EAAA,CAAA,EAAA,MAAA,EAAAD,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAP5B,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,+SAVf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qbAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHAUH,gBAAgB,EAAA,UAAA,EAAA,CAAA;sBAZ5BE,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,UAAU;IACpB,oBAAA,QAAQ,EAAE,EAAE;IACZ,oBAAA,IAAI,EAAE;IACF,wBAAA,kBAAkB,EAAE,+BAA+B;;IAEnD,wBAAA,qBAAqB,EACjB,gFAAgF;IACvF,qBAAA;wBACD,SAAS,EAAE,CAAC,mBAAmB,CAAC;wBAChC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAClD,CAAA;;;kCAQgBC,SAAM;mCAACH,wBAAiB,CAAA;;6BALrC,IAAI,EAAA,CAAA;0BADHI,QAAK;oBAIN,UAAU,EAAA,CAAA;0BADTA,QAAK;;;ACZV,QAAA,aAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,aAAA,GAAA;;;;qIAAa,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAL,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;sIAAb,aAAa,EAAA,YAAA,EAAA,CAHP,gBAAgB,CAAA,EAAA,OAAA,EAAA,CACrB,gBAAgB,CAAA,EAAA,CAAA,CAAA;sIAEjB,aAAa,EAAA,CAAA,CAAA;sHAAb,aAAa,EAAA,UAAA,EAAA,CAAA;sBAJzBM,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,gBAAgB,CAAC;wBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;qBAC9B,CAAA;;;ICPD;;IAEG;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('rxjs')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/toggle', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/core', 'rxjs'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.toggle = {}), global.ng.core, global.ng.forms, global.cdk, global.core, global.rxjs));
|
|
5
|
-
})(this, (function (exports, i0, i2, cdk, core, i1) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/experimental/tokens'), require('rxjs')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/toggle', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/experimental/tokens', 'rxjs'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.toggle = {}), global.ng.core, global.ng.forms, global.cdk, global.core, global["taiga-ui"].experimental.tokens, global.rxjs));
|
|
5
|
+
})(this, (function (exports, i0, i2, cdk, core, tokens, i1) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -37,9 +37,8 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
var TuiToggleComponent = /** @class */ (function () {
|
|
40
|
-
function TuiToggleComponent(
|
|
41
|
-
this.
|
|
42
|
-
this.svg = svg;
|
|
40
|
+
function TuiToggleComponent(resolver, options, mode$, platform, control) {
|
|
41
|
+
this.resolver = resolver;
|
|
43
42
|
this.options = options;
|
|
44
43
|
this.mode$ = mode$;
|
|
45
44
|
this.platform = platform;
|
|
@@ -49,18 +48,17 @@
|
|
|
49
48
|
}
|
|
50
49
|
Object.defineProperty(TuiToggleComponent.prototype, "icon", {
|
|
51
50
|
get: function () {
|
|
52
|
-
var _a = this, options = _a.options,
|
|
51
|
+
var _a = this, options = _a.options, resolver = _a.resolver, size = _a.size;
|
|
53
52
|
var icon = cdk.tuiIsString(options.icon) ? options.icon : options.icon(size);
|
|
54
|
-
|
|
55
|
-
return "url(" + mask + ")";
|
|
53
|
+
return "url(" + resolver(icon) + ")";
|
|
56
54
|
},
|
|
57
55
|
enumerable: false,
|
|
58
56
|
configurable: true
|
|
59
57
|
});
|
|
60
58
|
return TuiToggleComponent;
|
|
61
59
|
}());
|
|
62
|
-
TuiToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiToggleComponent, deps: [{ token:
|
|
63
|
-
TuiToggleComponent.ɵcmp = i0__namespace.ɵɵ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: [core.MODE_PROVIDER], ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
|
|
60
|
+
TuiToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiToggleComponent, deps: [{ token: tokens.TUI_ICON_RESOLVER }, { token: TUI_TOGGLE_OPTIONS }, { token: core.TUI_MODE }, { token: cdk.TUI_PLATFORM }, { token: i2.NgControl, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
61
|
+
TuiToggleComponent.ɵcmp = i0__namespace.ɵɵ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: [core.MODE_PROVIDER], ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
|
|
64
62
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiToggleComponent, decorators: [{
|
|
65
63
|
type: i0.Component,
|
|
66
64
|
args: [{
|
|
@@ -82,10 +80,7 @@
|
|
|
82
80
|
}], ctorParameters: function () {
|
|
83
81
|
return [{ type: undefined, decorators: [{
|
|
84
82
|
type: i0.Inject,
|
|
85
|
-
args: [
|
|
86
|
-
}] }, { type: undefined, decorators: [{
|
|
87
|
-
type: i0.Inject,
|
|
88
|
-
args: [core.TUI_SVG_OPTIONS]
|
|
83
|
+
args: [tokens.TUI_ICON_RESOLVER]
|
|
89
84
|
}] }, { type: undefined, decorators: [{
|
|
90
85
|
type: i0.Inject,
|
|
91
86
|
args: [TUI_TOGGLE_OPTIONS]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-toggle.umd.js","sources":["../../../projects/experimental/components/toggle/toggle.options.ts","../../../projects/experimental/components/toggle/toggle.component.ts","../../../projects/experimental/components/toggle/toggle.module.ts","../../../projects/experimental/components/toggle/taiga-ui-experimental-components-toggle.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiMapper, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiToggleOptions {\n readonly showIcons: boolean;\n readonly size: TuiSizeS;\n readonly icon: TuiMapper<TuiSizeS, string> | string;\n}\n\nexport const TUI_TOGGLE_DEFAULT_OPTIONS: TuiToggleOptions = {\n showIcons: true,\n size: `m`,\n icon: `tuiIconCheck`,\n};\n\nexport const TUI_TOGGLE_OPTIONS = tuiCreateToken(TUI_TOGGLE_DEFAULT_OPTIONS);\n\nexport function tuiToggleOptionsProvider(options: Partial<TuiToggleOptions>): Provider {\n return tuiProvideOptions(TUI_TOGGLE_OPTIONS, options, TUI_TOGGLE_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n Optional,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-toggle.umd.js","sources":["../../../projects/experimental/components/toggle/toggle.options.ts","../../../projects/experimental/components/toggle/toggle.component.ts","../../../projects/experimental/components/toggle/toggle.module.ts","../../../projects/experimental/components/toggle/taiga-ui-experimental-components-toggle.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiMapper, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiToggleOptions {\n readonly showIcons: boolean;\n readonly size: TuiSizeS;\n readonly icon: TuiMapper<TuiSizeS, string> | string;\n}\n\nexport const TUI_TOGGLE_DEFAULT_OPTIONS: TuiToggleOptions = {\n showIcons: true,\n size: `m`,\n icon: `tuiIconCheck`,\n};\n\nexport const TUI_TOGGLE_OPTIONS = tuiCreateToken(TUI_TOGGLE_DEFAULT_OPTIONS);\n\nexport function tuiToggleOptionsProvider(options: Partial<TuiToggleOptions>): Provider {\n return tuiProvideOptions(TUI_TOGGLE_OPTIONS, options, TUI_TOGGLE_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n Optional,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TUI_PLATFORM, tuiIsString, TuiPlatform, TuiStringHandler} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\nimport {Observable} from 'rxjs';\n\nimport {TUI_TOGGLE_OPTIONS, TuiToggleOptions} from './toggle.options';\n\n@Component({\n selector: 'input[type=\"checkbox\"][tuiToggle]',\n template: '',\n styleUrls: ['./toggle.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': 'mode$',\n '[disabled]': '!control || control.disabled',\n '[attr.data-size]': 'size',\n '[attr.data-platform]': 'platform',\n '[class._invalid]': 'control?.invalid && control?.touched',\n '[class._readonly]': '!control',\n '[class._icons]': 'showIcons',\n },\n})\nexport class TuiToggleComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n showIcons = this.options.showIcons;\n\n constructor(\n @Inject(TUI_ICON_RESOLVER) private readonly resolver: TuiStringHandler<string>,\n @Inject(TUI_TOGGLE_OPTIONS) private readonly options: TuiToggleOptions,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n @Optional() @Inject(NgControl) readonly control: NgControl | null,\n ) {}\n\n @HostBinding('style.--t-mask')\n get icon(): string {\n const {options, resolver, size} = this;\n const icon = tuiIsString(options.icon) ? options.icon : options.icon(size);\n\n return `url(${resolver(icon)})`;\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiToggleComponent} from './toggle.component';\n\n@NgModule({\n declarations: [TuiToggleComponent],\n exports: [TuiToggleComponent],\n})\nexport class TuiToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["tuiCreateToken","tuiProvideOptions","tuiIsString","TUI_ICON_RESOLVER","TUI_MODE","TUI_PLATFORM","NgControl","i0","MODE_PROVIDER","Component","ChangeDetectionStrategy","Inject","Optional","Input","HostBinding","NgModule"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@taiga-ui/experimental/components/badged-content'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/components/checkbox'), require('@taiga-ui/experimental/components/compass'), require('@taiga-ui/experimental/components/radio'), require('@taiga-ui/experimental/components/rating'), require('@taiga-ui/experimental/components/thumbnail-card'), require('@taiga-ui/experimental/components/toggle')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@taiga-ui/experimental/components/badged-content', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/components/checkbox', '@taiga-ui/experimental/components/compass', '@taiga-ui/experimental/components/radio', '@taiga-ui/experimental/components/rating', '@taiga-ui/experimental/components/thumbnail-card', '@taiga-ui/experimental/components/toggle'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global["taiga-ui"].experimental.components["badged-content"], global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.components.checkbox, global["taiga-ui"].experimental.components.compass, global["taiga-ui"].experimental.components.radio, global["taiga-ui"].experimental.components.rating, global["taiga-ui"].experimental.components["thumbnail-card"], global["taiga-ui"].experimental.components.toggle));
|
|
5
|
-
})(this, (function (exports, avatar, avatarStack, badge, badgeNotification, badgedContent, button, checkbox, compass, radio, rating, thumbnailCard, toggle) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@taiga-ui/experimental/components/avatar'), require('@taiga-ui/experimental/components/avatar-stack'), require('@taiga-ui/experimental/components/badge'), require('@taiga-ui/experimental/components/badge-notification'), require('@taiga-ui/experimental/components/badged-content'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/components/checkbox'), require('@taiga-ui/experimental/components/compass'), require('@taiga-ui/experimental/components/icon'), require('@taiga-ui/experimental/components/radio'), require('@taiga-ui/experimental/components/rating'), require('@taiga-ui/experimental/components/thumbnail-card'), require('@taiga-ui/experimental/components/toggle')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components', ['exports', '@taiga-ui/experimental/components/avatar', '@taiga-ui/experimental/components/avatar-stack', '@taiga-ui/experimental/components/badge', '@taiga-ui/experimental/components/badge-notification', '@taiga-ui/experimental/components/badged-content', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/components/checkbox', '@taiga-ui/experimental/components/compass', '@taiga-ui/experimental/components/icon', '@taiga-ui/experimental/components/radio', '@taiga-ui/experimental/components/rating', '@taiga-ui/experimental/components/thumbnail-card', '@taiga-ui/experimental/components/toggle'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = {}), global["taiga-ui"].experimental.components.avatar, global["taiga-ui"].experimental.components["avatar-stack"], global["taiga-ui"].experimental.components.badge, global["taiga-ui"].experimental.components["badge-notification"], global["taiga-ui"].experimental.components["badged-content"], global["taiga-ui"].experimental.components.button, global["taiga-ui"].experimental.components.checkbox, global["taiga-ui"].experimental.components.compass, global["taiga-ui"].experimental.components.icon, global["taiga-ui"].experimental.components.radio, global["taiga-ui"].experimental.components.rating, global["taiga-ui"].experimental.components["thumbnail-card"], global["taiga-ui"].experimental.components.toggle));
|
|
5
|
+
})(this, (function (exports, avatar, avatarStack, badge, badgeNotification, badgedContent, button, checkbox, compass, icon, radio, rating, thumbnailCard, toggle) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Generated bundle index. Do not edit.
|
|
@@ -56,6 +56,12 @@
|
|
|
56
56
|
get: function () { return compass[k]; }
|
|
57
57
|
});
|
|
58
58
|
});
|
|
59
|
+
Object.keys(icon).forEach(function (k) {
|
|
60
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () { return icon[k]; }
|
|
63
|
+
});
|
|
64
|
+
});
|
|
59
65
|
Object.keys(radio).forEach(function (k) {
|
|
60
66
|
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
61
67
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/appearance', ['exports', '@angular/core'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives.appearance = {}), global.ng.core));
|
|
5
|
+
})(this, (function (exports, i0) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
|
|
27
|
+
var TuiAppearanceDirective = /** @class */ (function () {
|
|
28
|
+
function TuiAppearanceDirective() {
|
|
29
|
+
this.tuiAppearance = '';
|
|
30
|
+
this.tuiAppearanceState = null;
|
|
31
|
+
this.tuiAppearanceFocus = null;
|
|
32
|
+
}
|
|
33
|
+
return TuiAppearanceDirective;
|
|
34
|
+
}());
|
|
35
|
+
TuiAppearanceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
36
|
+
TuiAppearanceDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
|
|
37
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceDirective, decorators: [{
|
|
38
|
+
type: i0.Directive,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: '[tuiAppearance]',
|
|
41
|
+
host: {
|
|
42
|
+
tuiAppearance: '',
|
|
43
|
+
'[attr.data-appearance]': 'tuiAppearance',
|
|
44
|
+
'[attr.data-state]': 'tuiAppearanceState',
|
|
45
|
+
'[attr.data-focus]': 'tuiAppearanceFocus',
|
|
46
|
+
},
|
|
47
|
+
}]
|
|
48
|
+
}], propDecorators: { tuiAppearance: [{
|
|
49
|
+
type: i0.Input
|
|
50
|
+
}], tuiAppearanceState: [{
|
|
51
|
+
type: i0.Input
|
|
52
|
+
}], tuiAppearanceFocus: [{
|
|
53
|
+
type: i0.Input
|
|
54
|
+
}] } });
|
|
55
|
+
|
|
56
|
+
var TuiAppearanceModule = /** @class */ (function () {
|
|
57
|
+
function TuiAppearanceModule() {
|
|
58
|
+
}
|
|
59
|
+
return TuiAppearanceModule;
|
|
60
|
+
}());
|
|
61
|
+
TuiAppearanceModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
62
|
+
TuiAppearanceModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule, declarations: [TuiAppearanceDirective], exports: [TuiAppearanceDirective] });
|
|
63
|
+
TuiAppearanceModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule });
|
|
64
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiAppearanceModule, decorators: [{
|
|
65
|
+
type: i0.NgModule,
|
|
66
|
+
args: [{
|
|
67
|
+
declarations: [TuiAppearanceDirective],
|
|
68
|
+
exports: [TuiAppearanceDirective],
|
|
69
|
+
}]
|
|
70
|
+
}] });
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Generated bundle index. Do not edit.
|
|
74
|
+
*/
|
|
75
|
+
|
|
76
|
+
exports.TuiAppearanceDirective = TuiAppearanceDirective;
|
|
77
|
+
exports.TuiAppearanceModule = TuiAppearanceModule;
|
|
78
|
+
|
|
79
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
80
|
+
|
|
81
|
+
}));
|
|
82
|
+
//# sourceMappingURL=taiga-ui-experimental-directives-appearance.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-appearance.umd.js","sources":["../../../projects/experimental/directives/appearance/appearance.directive.ts","../../../projects/experimental/directives/appearance/appearance.module.ts","../../../projects/experimental/directives/appearance/taiga-ui-experimental-directives-appearance.ts"],"sourcesContent":["import {Directive, Input} from '@angular/core';\nimport {TuiInteractiveStateT} from '@taiga-ui/core';\n\n@Directive({\n selector: '[tuiAppearance]',\n host: {\n tuiAppearance: '',\n '[attr.data-appearance]': 'tuiAppearance',\n '[attr.data-state]': 'tuiAppearanceState',\n '[attr.data-focus]': 'tuiAppearanceFocus',\n },\n})\nexport class TuiAppearanceDirective {\n @Input()\n tuiAppearance = '';\n\n @Input()\n tuiAppearanceState: TuiInteractiveStateT | null = null;\n\n @Input()\n tuiAppearanceFocus: boolean | null = null;\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAppearanceDirective} from './appearance.directive';\n\n@NgModule({\n declarations: [TuiAppearanceDirective],\n exports: [TuiAppearanceDirective],\n})\nexport class TuiAppearanceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Directive","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,QAAA,sBAAA,kBAAA,YAAA;IATA,IAAA,SAAA,sBAAA,GAAA;IAWI,QAAA,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;IAGnB,QAAA,IAAkB,CAAA,kBAAA,GAAgC,IAAI,CAAC;IAGvD,QAAA,IAAkB,CAAA,kBAAA,GAAmB,IAAI,CAAC;SAC7C;;;8IATY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uHAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;sHAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;sBATlCC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,iBAAiB;IAC3B,oBAAA,IAAI,EAAE;IACF,wBAAA,aAAa,EAAE,EAAE;IACjB,wBAAA,wBAAwB,EAAE,eAAe;IACzC,wBAAA,mBAAmB,EAAE,oBAAoB;IACzC,wBAAA,mBAAmB,EAAE,oBAAoB;IAC5C,qBAAA;qBACJ,CAAA;kCAGG,aAAa,EAAA,CAAA;0BADZC,QAAK;oBAIN,kBAAkB,EAAA,CAAA;0BADjBA,QAAK;oBAIN,kBAAkB,EAAA,CAAA;0BADjBA,QAAK;;;ACXV,QAAA,mBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,mBAAA,GAAA;;;;2IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAF,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4IAAnB,mBAAmB,EAAA,YAAA,EAAA,CAHb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAC3B,sBAAsB,CAAA,EAAA,CAAA,CAAA;4IAEvB,mBAAmB,EAAA,CAAA,CAAA;sHAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;sBAJ/BG,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;wBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBACpC,CAAA;;;ICPD;;IAEG;;;;;;;;;;;"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/directives/card', ['exports', '@angular/core', '@taiga-ui/cdk'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.directives = global["taiga-ui"].experimental.directives || {}, global["taiga-ui"].experimental.directives.card = {}), global.ng.core, global.i1));
|
|
5
|
+
})(this, (function (exports, i0, i1) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
+
|
|
28
|
+
var TuiCardComponent = /** @class */ (function () {
|
|
29
|
+
function TuiCardComponent() {
|
|
30
|
+
}
|
|
31
|
+
return TuiCardComponent;
|
|
32
|
+
}());
|
|
33
|
+
TuiCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
+
TuiCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardComponent, decorators: [{
|
|
36
|
+
type: i0.Component,
|
|
37
|
+
args: [{
|
|
38
|
+
template: '',
|
|
39
|
+
styleUrls: ['./card.styles.less'],
|
|
40
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
41
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
42
|
+
host: {
|
|
43
|
+
class: 'tui-card',
|
|
44
|
+
},
|
|
45
|
+
}]
|
|
46
|
+
}] });
|
|
47
|
+
|
|
48
|
+
var TuiCardDirective = /** @class */ (function () {
|
|
49
|
+
function TuiCardDirective(directiveStyles) {
|
|
50
|
+
this.size = 'm';
|
|
51
|
+
directiveStyles.addComponent(TuiCardComponent);
|
|
52
|
+
}
|
|
53
|
+
return TuiCardDirective;
|
|
54
|
+
}());
|
|
55
|
+
TuiCardDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardDirective, deps: [{ token: i1.TuiDirectiveStylesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
56
|
+
TuiCardDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardDirective, selector: "[tuiCard]", inputs: { size: ["tuiCard", "size"] }, host: { attributes: { "tuiCard": "" }, properties: { "attr.data-size": "size || \"m\"" } }, ngImport: i0__namespace });
|
|
57
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardDirective, decorators: [{
|
|
58
|
+
type: i0.Directive,
|
|
59
|
+
args: [{
|
|
60
|
+
selector: '[tuiCard]',
|
|
61
|
+
host: {
|
|
62
|
+
tuiCard: '',
|
|
63
|
+
'[attr.data-size]': 'size || "m"',
|
|
64
|
+
},
|
|
65
|
+
}]
|
|
66
|
+
}], ctorParameters: function () {
|
|
67
|
+
return [{ type: i1__namespace.TuiDirectiveStylesService, decorators: [{
|
|
68
|
+
type: i0.Inject,
|
|
69
|
+
args: [i1.TuiDirectiveStylesService]
|
|
70
|
+
}] }];
|
|
71
|
+
}, propDecorators: { size: [{
|
|
72
|
+
type: i0.Input,
|
|
73
|
+
args: ['tuiCard']
|
|
74
|
+
}] } });
|
|
75
|
+
|
|
76
|
+
var TuiCardModule = /** @class */ (function () {
|
|
77
|
+
function TuiCardModule() {
|
|
78
|
+
}
|
|
79
|
+
return TuiCardModule;
|
|
80
|
+
}());
|
|
81
|
+
TuiCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
82
|
+
TuiCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardDirective], exports: [TuiCardDirective] });
|
|
83
|
+
TuiCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule });
|
|
84
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardModule, decorators: [{
|
|
85
|
+
type: i0.NgModule,
|
|
86
|
+
args: [{
|
|
87
|
+
declarations: [TuiCardComponent, TuiCardDirective],
|
|
88
|
+
exports: [TuiCardDirective],
|
|
89
|
+
}]
|
|
90
|
+
}] });
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* Generated bundle index. Do not edit.
|
|
94
|
+
*/
|
|
95
|
+
|
|
96
|
+
exports.TuiCardComponent = TuiCardComponent;
|
|
97
|
+
exports.TuiCardDirective = TuiCardDirective;
|
|
98
|
+
exports.TuiCardModule = TuiCardModule;
|
|
99
|
+
|
|
100
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
101
|
+
|
|
102
|
+
}));
|
|
103
|
+
//# sourceMappingURL=taiga-ui-experimental-directives-card.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-card.umd.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCard]',\n host: {\n tuiCard: '',\n '[attr.data-size]': 'size || \"m\"',\n },\n})\nexport class TuiCardDirective {\n @Input('tuiCard')\n size: TuiSizeL | '' = 'm';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardDirective],\n exports: [TuiCardDirective],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qGARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+kBAAA,CAAA,EAAA,eAAA,EAAAA,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAAA,aAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;0HAQH,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAT5BC,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,CAAC,oBAAoB,CAAC;4BACjC,aAAa,EAAEC,oBAAiB,CAAC,IAAI;4BACrC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;QAC/C,oBAAA,IAAI,EAAE;QACF,wBAAA,KAAK,EAAE,UAAU;QACpB,qBAAA;yBACJ,CAAA;;;ACGD,YAAA,gBAAA,kBAAA,YAAA;QAII,IAAA,SAAA,gBAAA,CACuC,eAA0C,EAAA;QAHjF,QAAA,IAAI,CAAA,IAAA,GAAkB,GAAG,CAAC;QAKtB,QAAA,eAAe,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;aAClD;;;QARQ,gBAAA,CAAA,IAAA,GAAAH,aAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,gBAAgB,kBAKbI,4BAAyB,EAAA,CAAA,EAAA,MAAA,EAAAJ,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAL5B,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,CAAA,CAAA;0HAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;0BAP5BK,YAAS;QAAC,YAAA,IAAA,EAAA,CAAA;QACP,oBAAA,QAAQ,EAAE,WAAW;QACrB,oBAAA,IAAI,EAAE;QACF,wBAAA,OAAO,EAAE,EAAE;QACX,wBAAA,kBAAkB,EAAE,aAAa;QACpC,qBAAA;yBACJ,CAAA;;;sCAMQC,SAAM;uCAACF,4BAAyB,CAAA;;iCAHrC,IAAI,EAAA,CAAA;8BADHG,QAAK;+BAAC,SAAS,CAAA;;;ACLpB,YAAA,aAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,aAAA,GAAA;;;;yIAAa,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAP,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;QAAb,aAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,aAAa,EAHP,YAAA,EAAA,CAAA,gBAAgB,EAAE,gBAAgB,aACvC,gBAAgB,CAAA,EAAA,CAAA,CAAA;0IAEjB,aAAa,EAAA,CAAA,CAAA;0HAAb,aAAa,EAAA,UAAA,EAAA,CAAA;0BAJzBQ,WAAQ;QAAC,YAAA,IAAA,EAAA,CAAA;QACN,oBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;4BAClD,OAAO,EAAE,CAAC,gBAAgB,CAAC;yBAC9B,CAAA;;;QCRD;;QAEG;;;;;;;;;;;;"}
|