@taiga-ui/experimental 3.47.0 → 3.48.0-canary.29862fa
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.umd.js +22 -13
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badge.umd.js +23 -6
- package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-button.umd.js +59 -25
- package/bundles/taiga-ui-experimental-components-button.umd.js.map +1 -1
- package/components/avatar/avatar.component.d.ts +4 -4
- package/components/avatar/avatar.options.d.ts +9 -0
- package/components/avatar/index.d.ts +1 -0
- package/components/badge/badge.component.d.ts +6 -5
- package/components/badge/badge.options.d.ts +11 -0
- package/components/badge/index.d.ts +1 -0
- package/components/button/button.component.d.ts +9 -5
- package/components/button/button.directive.d.ts +6 -4
- package/components/button/button.options.d.ts +9 -0
- package/components/button/index.d.ts +1 -0
- package/esm2015/components/avatar/avatar.component.js +12 -10
- package/esm2015/components/avatar/avatar.options.js +10 -0
- package/esm2015/components/avatar/index.js +2 -1
- package/esm2015/components/badge/badge.component.js +13 -8
- package/esm2015/components/badge/badge.options.js +11 -0
- package/esm2015/components/badge/index.js +2 -1
- package/esm2015/components/button/button.component.js +25 -11
- package/esm2015/components/button/button.directive.js +12 -7
- package/esm2015/components/button/button.options.js +10 -0
- package/esm2015/components/button/index.js +2 -1
- package/fesm2015/taiga-ui-experimental-components-avatar.js +21 -11
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge.js +22 -8
- package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-button.js +43 -18
- package/fesm2015/taiga-ui-experimental-components-button.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { TuiDirectiveStylesService, TuiPlatform } from '@taiga-ui/cdk';
|
|
2
|
-
import {
|
|
2
|
+
import { TuiBrightness } from '@taiga-ui/core';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
|
+
import { TuiButtonOptions } from './button.options';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class TuiButtonStylesComponent {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonStylesComponent, never>;
|
|
7
8
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiButtonStylesComponent, "ng-component", never, {}, {}, never, never>;
|
|
8
9
|
}
|
|
9
10
|
export declare class TuiButtonDirective {
|
|
11
|
+
private readonly options;
|
|
10
12
|
readonly platform: TuiPlatform;
|
|
11
13
|
readonly mode$: Observable<TuiBrightness | null>;
|
|
12
|
-
size:
|
|
13
|
-
appearance: string
|
|
14
|
-
constructor(platform: TuiPlatform, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
|
|
14
|
+
size: "m" | "l" | "xl" | "s" | "xs";
|
|
15
|
+
appearance: string;
|
|
16
|
+
constructor(options: TuiButtonOptions, platform: TuiPlatform, mode$: Observable<TuiBrightness | null>, directiveStyles: TuiDirectiveStylesService);
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonDirective, never>;
|
|
16
18
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonDirective, "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", never, { "size": "size"; "appearance": "appearance"; }, {}, never>;
|
|
17
19
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Provider } from '@angular/core';
|
|
2
|
+
import { TuiSizeXL, TuiSizeXS } from '@taiga-ui/core';
|
|
3
|
+
export interface TuiButtonOptions {
|
|
4
|
+
readonly appearance: string;
|
|
5
|
+
readonly size: TuiSizeXL | TuiSizeXS;
|
|
6
|
+
}
|
|
7
|
+
export declare const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions;
|
|
8
|
+
export declare const TUI_BUTTON_OPTIONS: import("@angular/core").InjectionToken<TuiButtonOptions>;
|
|
9
|
+
export declare function tuiButtonOptionsProvider(options: Partial<TuiButtonOptions>): Provider;
|
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
2
2
|
import { TUI_PLATFORM, tuiIsString } from '@taiga-ui/cdk';
|
|
3
|
+
import { TUI_AVATAR_OPTIONS } from './avatar.options';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@taiga-ui/core";
|
|
5
6
|
import * as i2 from "@angular/common";
|
|
6
7
|
import * as i3 from "@taiga-ui/kit";
|
|
7
8
|
export class TuiAvatarComponent {
|
|
8
|
-
constructor(platform) {
|
|
9
|
+
constructor(options, platform) {
|
|
10
|
+
this.options = options;
|
|
9
11
|
this.platform = platform;
|
|
10
|
-
this.size =
|
|
11
|
-
this.round =
|
|
12
|
+
this.size = this.options.size;
|
|
13
|
+
this.round = this.options.round;
|
|
12
14
|
this.src = null;
|
|
13
15
|
}
|
|
14
|
-
get img() {
|
|
15
|
-
return this.type === 'img';
|
|
16
|
-
}
|
|
17
16
|
get value() {
|
|
18
17
|
return this.src || '';
|
|
19
18
|
}
|
|
20
19
|
get type() {
|
|
21
|
-
if (
|
|
20
|
+
if (this.value && !tuiIsString(this.value)) {
|
|
22
21
|
return 'img';
|
|
23
22
|
}
|
|
24
23
|
if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {
|
|
@@ -30,8 +29,8 @@ export class TuiAvatarComponent {
|
|
|
30
29
|
return this.value.length ? 'img' : 'content';
|
|
31
30
|
}
|
|
32
31
|
}
|
|
33
|
-
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-platform": "platform", "class._round": "round", "class._img": "type === \"img\"" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n
|
|
32
|
+
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-platform": "platform", "class._round": "round", "class._img": "type === \"img\"" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <div\n *ngSwitchDefault\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;opacity:.999}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs] .t-content{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs] .t-content{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l] .t-content{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl] .t-content{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl] .t-content{font:var(--tui-font-heading-3)}:host._round{--t-radius: calc(var(--t-size) / 2)}:host._img{background:transparent}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.t-icon{width:60%;height:60%}.t-content{max-width:100%;padding:.25rem;box-sizing:border-box}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
|
|
36
35
|
type: Component,
|
|
37
36
|
args: [{
|
|
@@ -47,6 +46,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
47
46
|
},
|
|
48
47
|
}]
|
|
49
48
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
49
|
+
type: Inject,
|
|
50
|
+
args: [TUI_AVATAR_OPTIONS]
|
|
51
|
+
}] }, { type: undefined, decorators: [{
|
|
50
52
|
type: Inject,
|
|
51
53
|
args: [TUI_PLATFORM]
|
|
52
54
|
}] }]; }, propDecorators: { size: [{
|
|
@@ -56,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
56
58
|
}], src: [{
|
|
57
59
|
type: Input
|
|
58
60
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUMsWUFBWSxFQUFFLFdBQVcsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUMsa0JBQWtCLEVBQW1CLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBY3RFLE1BQU0sT0FBTyxrQkFBa0I7SUFVM0IsWUFDaUQsT0FBeUIsRUFDdkMsUUFBcUI7UUFEUCxZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUN2QyxhQUFRLEdBQVIsUUFBUSxDQUFhO1FBVnhELFNBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUd6QixVQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFHM0IsUUFBRyxHQUFvQyxJQUFJLENBQUM7SUFLekMsQ0FBQztJQUVKLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNKLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBakNRLGtCQUFrQixrQkFXZixrQkFBa0IsYUFDbEIsWUFBWTtvR0FaZixrQkFBa0IseVBDbEIvQiwwZ0JBeUJBOzRGRFBhLGtCQUFrQjtrQkFaOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsV0FBVyxFQUFFLHdCQUF3QjtvQkFDckMsU0FBUyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2xDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0Ysa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsZ0JBQWdCLEVBQUUsT0FBTzt3QkFDekIsY0FBYyxFQUFFLGdCQUFnQjtxQkFDbkM7aUJBQ0o7OzBCQVlRLE1BQU07MkJBQUMsa0JBQWtCOzswQkFDekIsTUFBTTsyQkFBQyxZQUFZOzRDQVZ4QixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NhZmVSZXNvdXJjZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge1RVSV9QTEFURk9STSwgdHVpSXNTdHJpbmcsIFR1aVBsYXRmb3JtfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUVUlfQVZBVEFSX09QVElPTlMsIFR1aUF2YXRhck9wdGlvbnN9IGZyb20gJy4vYXZhdGFyLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnW2NsYXNzLl9yb3VuZF0nOiAncm91bmQnLFxuICAgICAgICAnW2NsYXNzLl9pbWddJzogJ3R5cGUgPT09IFwiaW1nXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBzaXplID0gdGhpcy5vcHRpb25zLnNpemU7XG5cbiAgICBASW5wdXQoKVxuICAgIHJvdW5kID0gdGhpcy5vcHRpb25zLnJvdW5kO1xuXG4gICAgQElucHV0KClcbiAgICBzcmM6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0FWQVRBUl9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUF2YXRhck9wdGlvbnMsXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgKSB7fVxuXG4gICAgZ2V0IHZhbHVlKCk6IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnNyYyB8fCAnJztcbiAgICB9XG5cbiAgICBnZXQgdHlwZSgpOiAnY29udGVudCcgfCAnaWNvbicgfCAnaW1nJyB8ICd0ZXh0JyB7XG4gICAgICAgIGlmICh0aGlzLnZhbHVlICYmICF0dWlJc1N0cmluZyh0aGlzLnZhbHVlKSkge1xuICAgICAgICAgICAgcmV0dXJuICdpbWcnO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudmFsdWUuc3RhcnRzV2l0aCgndHVpSWNvbicpIHx8IHRoaXMudmFsdWUuZW5kc1dpdGgoJy5zdmcnKSkge1xuICAgICAgICAgICAgcmV0dXJuICdpY29uJztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnZhbHVlLmxlbmd0aCA+IDAgJiYgdGhpcy52YWx1ZS5sZW5ndGggPCAzKSB7XG4gICAgICAgICAgICByZXR1cm4gJ3RleHQnO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHRoaXMudmFsdWUubGVuZ3RoID8gJ2ltZycgOiAnY29udGVudCc7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidHlwZVwiPlxuICAgIDx0dWktc3ZnXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCInaWNvbidcIlxuICAgICAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgICAgIFtzcmNdPVwidmFsdWVcIlxuICAgID48L3R1aS1zdmc+XG4gICAgPHNwYW5cbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiXG4gICAgICAgIGNsYXNzPVwidC10ZXh0XCJcbiAgICA+XG4gICAgICAgIHt7IHZhbHVlIH19XG4gICAgPC9zcGFuPlxuICAgIDxpbWdcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpbWcnXCJcbiAgICAgICAgYWx0PVwiXCJcbiAgICAgICAgbG9hZGluZz1cImxhenlcIlxuICAgICAgICBbc3JjXT1cInZhbHVlXCJcbiAgICAvPlxuICAgIDxkaXZcbiAgICAgICAgKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICBjbGFzcz1cInQtY29udGVudFwiXG4gICAgPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
|
|
2
|
+
export const TUI_AVATAR_DEFAULT_OPTIONS = {
|
|
3
|
+
round: true,
|
|
4
|
+
size: `m`,
|
|
5
|
+
};
|
|
6
|
+
export const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);
|
|
7
|
+
export function tuiAvatarOptionsProvider(options) {
|
|
8
|
+
return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFoRSxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBcUI7SUFDeEQsS0FBSyxFQUFFLElBQUk7SUFDWCxJQUFJLEVBQUUsR0FBRztDQUNaLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxjQUFjLENBQUMsMEJBQTBCLENBQUMsQ0FBQztBQUU3RSxNQUFNLFVBQVUsd0JBQXdCLENBQUMsT0FBa0M7SUFDdkUsT0FBTyxpQkFBaUIsQ0FBQyxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztBQUN0RixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQcm92aWRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aUNyZWF0ZVRva2VuLCB0dWlQcm92aWRlT3B0aW9uc30gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aVNpemVYWEwsIFR1aVNpemVYWFN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBUdWlBdmF0YXJPcHRpb25zIHtcbiAgICByZWFkb25seSByb3VuZDogYm9vbGVhbjtcbiAgICByZWFkb25seSBzaXplOiBUdWlTaXplWFhMIHwgVHVpU2l6ZVhYUztcbn1cblxuZXhwb3J0IGNvbnN0IFRVSV9BVkFUQVJfREVGQVVMVF9PUFRJT05TOiBUdWlBdmF0YXJPcHRpb25zID0ge1xuICAgIHJvdW5kOiB0cnVlLFxuICAgIHNpemU6IGBtYCxcbn07XG5cbmV4cG9ydCBjb25zdCBUVUlfQVZBVEFSX09QVElPTlMgPSB0dWlDcmVhdGVUb2tlbihUVUlfQVZBVEFSX0RFRkFVTFRfT1BUSU9OUyk7XG5cbmV4cG9ydCBmdW5jdGlvbiB0dWlBdmF0YXJPcHRpb25zUHJvdmlkZXIob3B0aW9uczogUGFydGlhbDxUdWlBdmF0YXJPcHRpb25zPik6IFByb3ZpZGVyIHtcbiAgICByZXR1cm4gdHVpUHJvdmlkZU9wdGlvbnMoVFVJX0FWQVRBUl9PUFRJT05TLCBvcHRpb25zLCBUVUlfQVZBVEFSX0RFRkFVTFRfT1BUSU9OUyk7XG59XG4iXX0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './avatar.component';
|
|
2
2
|
export * from './avatar.module';
|
|
3
|
-
|
|
3
|
+
export * from './avatar.options';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9hdmF0YXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYXZhdGFyLm9wdGlvbnMnO1xuIl19
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
2
2
|
import { TUI_PLATFORM } from '@taiga-ui/cdk';
|
|
3
|
-
import { MODE_PROVIDER, TUI_MODE
|
|
3
|
+
import { MODE_PROVIDER, TUI_MODE } from '@taiga-ui/core';
|
|
4
|
+
import { TUI_BADGE_OPTIONS } from './badge.options';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "rxjs";
|
|
6
7
|
export class TuiBadgeComponent {
|
|
7
|
-
constructor(mode$, platform) {
|
|
8
|
+
constructor(options, mode$, platform) {
|
|
9
|
+
this.options = options;
|
|
8
10
|
this.mode$ = mode$;
|
|
9
11
|
this.platform = platform;
|
|
10
|
-
this.size =
|
|
11
|
-
this.appearance =
|
|
12
|
-
this.hoverable =
|
|
12
|
+
this.size = this.options.size;
|
|
13
|
+
this.appearance = this.options.appearance;
|
|
14
|
+
this.hoverable = this.options.hoverable;
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [{ token: TUI_MODE }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [{ token: TUI_BADGE_OPTIONS }, { token: TUI_MODE }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
18
|
TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "tui-badge", inputs: { size: "size", appearance: "appearance", hoverable: "hoverable" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "attr.data-platform": "platform", "attr.data-appearance": "appearance", "attr.data-size": "size", "class._hoverable": "hoverable" } }, providers: [MODE_PROVIDER], ngImport: i0, template: "<div class=\"t-image\">\n <ng-content select=\"img\"></ng-content>\n</div>\n<div\n class=\"t-icon\"\n [class._icon-only]=\"!text.innerHTML.trim()\"\n>\n <ng-content select=\"tui-svg\"></ng-content>\n</div>\n\n<span\n #text\n class=\"t-text\"\n>\n <ng-content></ng-content>\n</span>\n", styles: [":host{--left-content-color: currentColor;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-base-01);border-radius:6rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%}:host:after{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";border-radius:inherit;pointer-events:none}:host._hoverable:hover[data-appearance=custom]:after,:host._hoverable:active[data-appearance=custom]:after{background:var(--tui-clear)}:host[data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}:host[data-appearance=primary]._hoverable:hover{background:var(--tui-primary-hover)}:host[data-appearance=primary]._hoverable:active{background:var(--tui-primary-active)}:host[data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}:host[data-appearance=accent]._hoverable:hover{background:var(--tui-accent-hover)}:host[data-appearance=accent]._hoverable:active{background:var(--tui-accent-active)}:host[data-appearance=light]{background:var(--tui-secondary);color:var(--tui-text-01)}:host[data-appearance=light]._hoverable:hover{background:var(--tui-secondary-hover)}:host[data-appearance=light]._hoverable:active{background:var(--tui-secondary-active)}:host[data-appearance=light][data-platform=ios],:host[data-appearance=light][data-platform=android]{background:var(--tui-base-06)}:host[data-appearance=error]{--left-content-color: var(--tui-error-fill);background:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-appearance=error]._hoverable:hover,:host[data-appearance=error]._hoverable:active{background:var(--tui-error-bg-hover)}:host[data-appearance=error][data-mode=onDark]{background:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=error][data-mode=onDark]._hoverable:hover,:host[data-appearance=error][data-mode=onDark]._hoverable:active{background:var(--tui-error-bg-night-hover)}:host[data-appearance=success]{--left-content-color: var(--tui-success-fill);background:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-appearance=success]._hoverable:hover,:host[data-appearance=success]._hoverable:active{background:var(--tui-success-bg-hover)}:host[data-appearance=success][data-mode=onDark]{background:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=success][data-mode=onDark]._hoverable:hover,:host[data-appearance=success][data-mode=onDark]._hoverable:active{background:var(--tui-success-bg-night-hover)}:host[data-appearance=warning]{--left-content-color: var(--tui-warning-fill);background:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-appearance=warning]._hoverable:hover,:host[data-appearance=warning]._hoverable:active{background:var(--tui-warning-bg-hover)}:host[data-appearance=warning][data-mode=onDark]{background:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=warning][data-mode=onDark]._hoverable:hover,:host[data-appearance=warning][data-mode=onDark]._hoverable:active{background:var(--tui-warning-bg-night-hover)}:host[data-appearance=info]{--left-content-color: var(--tui-info-fill);background:var(--tui-info-bg);color:var(--tui-text-01)}:host[data-appearance=info]._hoverable:hover,:host[data-appearance=info]._hoverable:active{background:var(--tui-info-bg-hover)}:host[data-appearance=info][data-mode=onDark]{background:var(--tui-info-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=info][data-mode=onDark]._hoverable:hover,:host[data-appearance=info][data-mode=onDark]._hoverable:active{background:var(--tui-info-bg-night-hover)}:host[data-appearance=neutral]{--left-content-color: var(--tui-neutral-fill);background:var(--tui-neutral-bg);color:var(--tui-text-01)}:host[data-appearance=neutral]._hoverable:hover,:host[data-appearance=neutral]._hoverable:active{background:var(--tui-neutral-bg-hover)}:host[data-appearance=neutral][data-mode=onDark]{background:var(--tui-neutral-bg-night);color:var(--tui-text-01-night)}:host[data-appearance=neutral][data-mode=onDark]._hoverable:hover,:host[data-appearance=neutral][data-mode=onDark]._hoverable:active{background:var(--tui-neutral-bg-night-hover)}:host[data-appearance=default]{background:var(--tui-base-06)}:host[data-appearance=default]:not([data-mode])._hoverable:hover{background:var(--tui-base-07)}:host[data-appearance=default]:not([data-mode])._hoverable:active{background:var(--tui-base-08)}:host[data-appearance=default][data-mode=onDark]{background:var(--tui-clear-inverse-hover)}:host[data-appearance=default][data-mode=onDark]._hoverable:hover{background:var(--tui-clear-inverse-active)}:host[data-appearance=default][data-mode=onDark]._hoverable:active{background:var(--tui-clear-inverse-active)}:host[data-appearance=default][data-mode=onLight]{background:var(--tui-clear);color:var(--tui-text-01)}:host[data-appearance=default][data-mode=onLight]._hoverable:hover{background:var(--tui-clear-hover)}:host[data-appearance=default][data-mode=onLight]._hoverable:active{background:var(--tui-clear-active)}:host._hoverable{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}:host:not(._empty-value){padding:0 .25rem}:host:not(._empty-value)[data-size=xl]{padding:0 .375rem}:host:not(._empty-value)[data-size=xl][data-platform=web]{padding:0 .5rem}:host:not(._empty-value)[data-size=s]{padding:0 .125rem}:host:not(._empty-value)[data-size=s][data-platform=web]{padding:0 .25rem}:host[data-size=s]{height:1.25rem;min-width:1.25rem}:host[data-size=s][data-platform=ios],:host[data-size=s][data-platform=android]{font:var(--tui-font-text-xs);font-weight:bold;height:1rem;min-width:1rem}:host[data-size=m]{height:1.25rem;min-width:1.25rem}:host[data-size=l]{height:var(--tui-height-xs);min-width:var(--tui-height-xs)}:host[data-size=l][data-platform=ios],:host[data-size=l][data-platform=android]{height:1.5rem;min-width:1.5rem}:host[data-size=xl]{height:var(--tui-height-s);min-width:var(--tui-height-s)}:host[data-size=xl][data-platform=ios],:host[data-size=xl][data-platform=android]{height:1.75rem;min-width:1.75rem}:host[data-size=xl][data-platform=web]{font:var(--tui-font-text-m)}:host[data-platform=ios],:host[data-platform=android]{font-weight:bold}.t-text{white-space:nowrap;padding:0 .125rem;overflow:hidden}.t-text:empty{display:none}:host[data-size=xl][data-platform=web] .t-text{padding:0 .375rem}:host[data-size=xl] .t-text{padding:0 .25rem}:host[data-size=l] .t-text{padding:0 .25rem}.t-icon{display:none;color:var(--left-content-color)}.t-icon:not(:empty){display:flex;width:1rem;height:1rem;align-items:center;justify-content:center}.t-icon:not(:empty):before{content:none}:host[data-size=m] .t-icon:not(:empty),:host[data-size=s][data-platform=web] .t-icon:not(:empty){width:.75rem;transform:scale(.75)}:host[data-size=s] .t-icon:not(:empty){width:.625rem;transform:scale(.625)}:host[data-size=s] .t-icon:not(:empty):not(._icon-only){margin-left:.0625rem}.t-icon:before{content:\"\";display:block;background:currentColor;margin:0 .125rem 0 .25rem;width:.25rem;height:.25rem;border-radius:100%}:host[data-appearance=error] .t-icon:empty,:host[data-appearance=success] .t-icon:empty,:host[data-appearance=warning] .t-icon:empty,:host[data-appearance=info] .t-icon:empty,:host[data-appearance=neutral] .t-icon:empty{display:block}:host[data-size=l] .t-icon:before{width:.375rem;height:.375rem}:host[data-size=xl] .t-icon:before{width:.5rem;height:.5rem}.t-image{display:none}:host::ng-deep .t-image img{width:100%;height:100%}.t-image:not(:empty){display:block;width:1rem;height:1rem;margin:0 -.5rem}.t-image:not(:empty)~.t-text{margin-left:.5rem}.t-image:not(:empty)~.t-icon{display:none}:host[data-size=xl] .t-image:not(:empty){height:1.75rem;width:1.75rem}:host[data-size=l] .t-image:not(:empty){height:1.5rem;width:1.5rem}:host[data-size=m] .t-image:not(:empty){height:1.25rem;width:1.25rem}:host[data-size=xl][data-platform=web] .t-image:not(:empty){width:2rem;height:2rem}:host[data-size=s][data-platform=web] .t-image:not(:empty){width:1.25rem;height:1.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, decorators: [{
|
|
18
20
|
type: Component,
|
|
@@ -30,7 +32,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
30
32
|
'($.data-mode.attr)': 'mode$',
|
|
31
33
|
},
|
|
32
34
|
}]
|
|
33
|
-
}], ctorParameters: function () { return [{ type:
|
|
35
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
36
|
+
type: Inject,
|
|
37
|
+
args: [TUI_BADGE_OPTIONS]
|
|
38
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
34
39
|
type: Inject,
|
|
35
40
|
args: [TUI_MODE]
|
|
36
41
|
}] }, { type: undefined, decorators: [{
|
|
@@ -43,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
43
48
|
}], hoverable: [{
|
|
44
49
|
type: Input
|
|
45
50
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFDLFlBQVksRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUMsYUFBYSxFQUFFLFFBQVEsRUFBZ0IsTUFBTSxnQkFBZ0IsQ0FBQztBQUd0RSxPQUFPLEVBQUMsaUJBQWlCLEVBQWtCLE1BQU0saUJBQWlCLENBQUM7OztBQWdCbkUsTUFBTSxPQUFPLGlCQUFpQjtJQVUxQixZQUNnRCxPQUF3QixFQUN6QyxLQUF1QyxFQUNuQyxRQUFxQjtRQUZSLFlBQU8sR0FBUCxPQUFPLENBQWlCO1FBQ3pDLFVBQUssR0FBTCxLQUFLLENBQWtDO1FBQ25DLGFBQVEsR0FBUixRQUFRLENBQWE7UUFYeEQsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLGVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQztRQUdyQyxjQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUM7SUFNaEMsQ0FBQzs7K0dBZEssaUJBQWlCLGtCQVdkLGlCQUFpQixhQUNqQixRQUFRLGFBQ1IsWUFBWTttR0FiZixpQkFBaUIseVRBVGYsQ0FBQyxhQUFhLENBQUMsMEJDWjlCLGtUQWdCQTs0RkRLYSxpQkFBaUI7a0JBZDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDakMsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUMxQixJQUFJLEVBQUU7d0JBQ0Ysc0JBQXNCLEVBQUUsVUFBVTt3QkFDbEMsd0JBQXdCLEVBQUUsWUFBWTt3QkFDdEMsa0JBQWtCLEVBQUUsTUFBTTt3QkFDMUIsb0JBQW9CLEVBQUUsV0FBVzt3QkFDakMsb0JBQW9CLEVBQUUsT0FBTztxQkFDaEM7aUJBQ0o7OzBCQVlRLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDeEIsTUFBTTsyQkFBQyxRQUFROzswQkFDZixNQUFNOzJCQUFDLFlBQVk7NENBWHhCLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX1BMQVRGT1JNLCBUdWlQbGF0Zm9ybX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge01PREVfUFJPVklERVIsIFRVSV9NT0RFLCBUdWlCcmlnaHRuZXNzfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1RVSV9CQURHRV9PUFRJT05TLCBUdWlCYWRnZU9wdGlvbnN9IGZyb20gJy4vYmFkZ2Uub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLWJhZGdlJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFkZ2UudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2Uuc3R5bGUubGVzcyddLFxuICAgIHByb3ZpZGVyczogW01PREVfUFJPVklERVJdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1thdHRyLmRhdGEtcGxhdGZvcm1dJzogJ3BsYXRmb3JtJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtYXBwZWFyYW5jZV0nOiAnYXBwZWFyYW5jZScsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2NsYXNzLl9ob3ZlcmFibGVdJzogJ2hvdmVyYWJsZScsXG4gICAgICAgICcoJC5kYXRhLW1vZGUuYXR0ciknOiAnbW9kZSQnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJhZGdlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgYXBwZWFyYW5jZSA9IHRoaXMub3B0aW9ucy5hcHBlYXJhbmNlO1xuXG4gICAgQElucHV0KClcbiAgICBob3ZlcmFibGUgPSB0aGlzLm9wdGlvbnMuaG92ZXJhYmxlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0JBREdFX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9uczogVHVpQmFkZ2VPcHRpb25zLFxuICAgICAgICBASW5qZWN0KFRVSV9NT0RFKSByZWFkb25seSBtb2RlJDogT2JzZXJ2YWJsZTxUdWlCcmlnaHRuZXNzIHwgbnVsbD4sXG4gICAgICAgIEBJbmplY3QoVFVJX1BMQVRGT1JNKSByZWFkb25seSBwbGF0Zm9ybTogVHVpUGxhdGZvcm0sXG4gICAgKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInQtaW1hZ2VcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJpbWdcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgICBjbGFzcz1cInQtaWNvblwiXG4gICAgW2NsYXNzLl9pY29uLW9ubHldPVwiIXRleHQuaW5uZXJIVE1MLnRyaW0oKVwiXG4+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidHVpLXN2Z1wiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48c3BhblxuICAgICN0ZXh0XG4gICAgY2xhc3M9XCJ0LXRleHRcIlxuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
|
|
2
|
+
export const TUI_BADGE_DEFAULT_OPTIONS = {
|
|
3
|
+
size: `l`,
|
|
4
|
+
appearance: `default`,
|
|
5
|
+
hoverable: false,
|
|
6
|
+
};
|
|
7
|
+
export const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);
|
|
8
|
+
export function tuiBadgeOptionsProvider(options) {
|
|
9
|
+
return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlL2JhZGdlLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVVoRSxNQUFNLENBQUMsTUFBTSx5QkFBeUIsR0FBb0I7SUFDdEQsSUFBSSxFQUFFLEdBQUc7SUFDVCxVQUFVLEVBQUUsU0FBUztJQUNyQixTQUFTLEVBQUUsS0FBSztDQUNuQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsY0FBYyxDQUFDLHlCQUF5QixDQUFDLENBQUM7QUFFM0UsTUFBTSxVQUFVLHVCQUF1QixDQUFDLE9BQWlDO0lBQ3JFLE9BQU8saUJBQWlCLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLHlCQUF5QixDQUFDLENBQUM7QUFDcEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UHJvdmlkZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlDcmVhdGVUb2tlbiwgdHVpUHJvdmlkZU9wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplUywgVHVpU2l6ZVhMfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1R1aVN0YXR1c30gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHVpQmFkZ2VPcHRpb25zIHtcbiAgICByZWFkb25seSBhcHBlYXJhbmNlOiBUdWlTdGF0dXMgfCAnYWNjZW50JyB8ICdsaWdodCc7XG4gICAgcmVhZG9ubHkgc2l6ZTogVHVpU2l6ZVMgfCBUdWlTaXplWEw7XG4gICAgcmVhZG9ubHkgaG92ZXJhYmxlOiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVFVJX0JBREdFX0RFRkFVTFRfT1BUSU9OUzogVHVpQmFkZ2VPcHRpb25zID0ge1xuICAgIHNpemU6IGBsYCxcbiAgICBhcHBlYXJhbmNlOiBgZGVmYXVsdGAsXG4gICAgaG92ZXJhYmxlOiBmYWxzZSxcbn07XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfT1BUSU9OUyA9IHR1aUNyZWF0ZVRva2VuKFRVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuXG5leHBvcnQgZnVuY3Rpb24gdHVpQmFkZ2VPcHRpb25zUHJvdmlkZXIob3B0aW9uczogUGFydGlhbDxUdWlCYWRnZU9wdGlvbnM+KTogUHJvdmlkZXIge1xuICAgIHJldHVybiB0dWlQcm92aWRlT3B0aW9ucyhUVUlfQkFER0VfT1BUSU9OUywgb3B0aW9ucywgVFVJX0JBREdFX0RFRkFVTFRfT1BUSU9OUyk7XG59XG4iXX0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './badge.component';
|
|
2
2
|
export * from './badge.module';
|
|
3
|
-
|
|
3
|
+
export * from './badge.options';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2UubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2Uub3B0aW9ucyc7XG4iXX0=
|
|
@@ -1,22 +1,32 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostListener, Inject, Input, } from '@angular/core';
|
|
2
|
+
import { tuiIsString } from '@taiga-ui/cdk';
|
|
2
3
|
import { tuiSizeBigger } from '@taiga-ui/core';
|
|
4
|
+
import { TUI_BUTTON_OPTIONS } from './button.options';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "@taiga-ui/core";
|
|
5
7
|
import * as i2 from "@angular/common";
|
|
6
8
|
export class TuiButtonComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.
|
|
9
|
+
constructor(options) {
|
|
10
|
+
this.options = options;
|
|
11
|
+
this.size = this.options.size;
|
|
9
12
|
this.loading = false;
|
|
10
13
|
this.iconLeft = '';
|
|
11
14
|
this.iconRight = '';
|
|
12
|
-
this.disabled = false;
|
|
13
15
|
}
|
|
14
16
|
get loaderSize() {
|
|
15
17
|
return tuiSizeBigger(this.size) ? 'm' : 's';
|
|
16
18
|
}
|
|
19
|
+
get label() {
|
|
20
|
+
return tuiIsString(this.loading) ? this.loading : '';
|
|
21
|
+
}
|
|
22
|
+
onClick(event) {
|
|
23
|
+
if (this.loading) {
|
|
24
|
+
event.stopPropagation();
|
|
25
|
+
}
|
|
26
|
+
}
|
|
17
27
|
}
|
|
18
|
-
TuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
TuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonComponent, selector: "[tuiButton][loading],[tuiIconButton][loading],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]", inputs: { size: "size", loading: "loading", iconLeft: "iconLeft", iconRight: "iconRight",
|
|
28
|
+
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],[tuiButton][iconLeft],[tuiButton][iconRight],[tuiIconButton][iconLeft]", inputs: { size: "size", loading: "loading", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { listeners: { "click.capture": "onClick($event)" }, properties: { "attr.aria-disabled": "loading", "class._loading": "loading" } }, ngImport: i0, template: "<tui-svg\n *ngIf=\"iconLeft\"\n [src]=\"iconLeft\"\n></tui-svg>\n<ng-content></ng-content>\n<tui-svg\n *ngIf=\"iconRight\"\n class=\"t-icon\"\n [src]=\"iconRight\"\n></tui-svg>\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.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: i1.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonComponent, decorators: [{
|
|
21
31
|
type: Component,
|
|
22
32
|
args: [{
|
|
@@ -24,11 +34,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
24
34
|
templateUrl: './button.template.html',
|
|
25
35
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
26
36
|
host: {
|
|
27
|
-
'[disabled]': '
|
|
37
|
+
'[attr.aria-disabled]': 'loading',
|
|
28
38
|
'[class._loading]': 'loading',
|
|
29
39
|
},
|
|
30
40
|
}]
|
|
31
|
-
}],
|
|
41
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
42
|
+
type: Inject,
|
|
43
|
+
args: [TUI_BUTTON_OPTIONS]
|
|
44
|
+
}] }]; }, propDecorators: { size: [{
|
|
32
45
|
type: Input
|
|
33
46
|
}], loading: [{
|
|
34
47
|
type: Input
|
|
@@ -36,7 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
36
49
|
type: Input
|
|
37
50
|
}], iconRight: [{
|
|
38
51
|
type: Input
|
|
39
|
-
}],
|
|
40
|
-
type:
|
|
52
|
+
}], onClick: [{
|
|
53
|
+
type: HostListener,
|
|
54
|
+
args: ['click.capture', ['$event']]
|
|
41
55
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFDLGFBQWEsRUFBVyxNQUFNLGdCQUFnQixDQUFDO0FBRXZELE9BQU8sRUFBQyxrQkFBa0IsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQVl0RSxNQUFNLE9BQU8sa0JBQWtCO0lBYTNCLFlBQXlELE9BQXlCO1FBQXpCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBWGxGLFNBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztRQUd6QixZQUFPLEdBQTRCLEtBQUssQ0FBQztRQUd6QyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBR2QsY0FBUyxHQUFHLEVBQUUsQ0FBQztJQUVzRSxDQUFDO0lBRXRGLElBQUksVUFBVTtRQUNWLE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3pELENBQUM7SUFHRCxPQUFPLENBQUMsS0FBaUI7UUFDckIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzNCO0lBQ0wsQ0FBQzs7Z0hBNUJRLGtCQUFrQixrQkFhUCxrQkFBa0I7b0dBYjdCLGtCQUFrQixtWUN0Qi9CLDRaQW1CQTs0RkRHYSxrQkFBa0I7a0JBVjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUNKLHNIQUFzSDtvQkFDMUgsV0FBVyxFQUFFLHdCQUF3QjtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLElBQUksRUFBRTt3QkFDRixzQkFBc0IsRUFBRSxTQUFTO3dCQUNqQyxrQkFBa0IsRUFBRSxTQUFTO3FCQUNoQztpQkFDSjs7MEJBY2dCLE1BQU07MkJBQUMsa0JBQWtCOzRDQVh0QyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBY04sT0FBTztzQkFETixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlJc1N0cmluZ30gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge3R1aVNpemVCaWdnZXIsIFR1aVNpemVTfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbmltcG9ydCB7VFVJX0JVVFRPTl9PUFRJT05TLCBUdWlCdXR0b25PcHRpb25zfSBmcm9tICcuL2J1dHRvbi5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6XG4gICAgICAgICdbdHVpQnV0dG9uXVtsb2FkaW5nXSxbdHVpSWNvbkJ1dHRvbl1bbG9hZGluZ10sW3R1aUJ1dHRvbl1baWNvbkxlZnRdLFt0dWlCdXR0b25dW2ljb25SaWdodF0sW3R1aUljb25CdXR0b25dW2ljb25MZWZ0XScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5hcmlhLWRpc2FibGVkXSc6ICdsb2FkaW5nJyxcbiAgICAgICAgJ1tjbGFzcy5fbG9hZGluZ10nOiAnbG9hZGluZycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgbG9hZGluZzogYm9vbGVhbiB8IHN0cmluZyB8IG51bGwgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvbkxlZnQgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvblJpZ2h0ID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KFRVSV9CVVRUT05fT1BUSU9OUykgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlCdXR0b25PcHRpb25zKSB7fVxuXG4gICAgZ2V0IGxvYWRlclNpemUoKTogVHVpU2l6ZVMge1xuICAgICAgICByZXR1cm4gdHVpU2l6ZUJpZ2dlcih0aGlzLnNpemUpID8gJ20nIDogJ3MnO1xuICAgIH1cblxuICAgIGdldCBsYWJlbCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdHVpSXNTdHJpbmcodGhpcy5sb2FkaW5nKSA/IHRoaXMubG9hZGluZyA6ICcnO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrLmNhcHR1cmUnLCBbJyRldmVudCddKVxuICAgIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubG9hZGluZykge1xuICAgICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8dHVpLXN2Z1xuICAgICpuZ0lmPVwiaWNvbkxlZnRcIlxuICAgIFtzcmNdPVwiaWNvbkxlZnRcIlxuPjwvdHVpLXN2Zz5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjx0dWktc3ZnXG4gICAgKm5nSWY9XCJpY29uUmlnaHRcIlxuICAgIGNsYXNzPVwidC1pY29uXCJcbiAgICBbc3JjXT1cImljb25SaWdodFwiXG4+PC90dWktc3ZnPlxuPHR1aS1sb2FkZXJcbiAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgIGNsYXNzPVwidC1sb2FkZXJcIlxuICAgIFtpbmhlcml0Q29sb3JdPVwidHJ1ZVwiXG4gICAgW3Nob3dMb2FkZXJdPVwiISFsb2FkaW5nXCJcbiAgICBbc2l6ZV09XCJsb2FkZXJTaXplXCJcbiAgICBbdGV4dENvbnRlbnRdPVwibGFiZWxcIlxuPjwvdHVpLWxvYWRlcj5cbiJdfQ==
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Directive, Inject, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { TUI_PLATFORM, TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
3
|
-
import { MODE_PROVIDER, TUI_MODE
|
|
3
|
+
import { MODE_PROVIDER, TUI_MODE } from '@taiga-ui/core';
|
|
4
|
+
import { TUI_BUTTON_OPTIONS } from './button.options';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "rxjs";
|
|
6
7
|
import * as i2 from "@taiga-ui/cdk";
|
|
7
8
|
export class TuiButtonStylesComponent {
|
|
8
9
|
}
|
|
9
10
|
TuiButtonStylesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
TuiButtonStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonStylesComponent, selector: "ng-component", 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;width
|
|
11
|
+
TuiButtonStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiButtonStylesComponent, selector: "ng-component", 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;width:unset;white-space:nowrap;border-radius:var(--t-radius);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;cursor:pointer}[tuiButtonNew]>.t-icon{width:1rem;-webkit-margin-start:.125rem;margin-inline-start:.125rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[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{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{width: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]>.t-icon{-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]>.t-icon{-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>*{opacity:0}[tuiButtonNew]._loading>.t-loader{opacity:1}[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 });
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonStylesComponent, decorators: [{
|
|
12
13
|
type: Component,
|
|
13
14
|
args: [{
|
|
@@ -18,15 +19,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
21
|
export class TuiButtonDirective {
|
|
21
|
-
constructor(platform, mode$, directiveStyles) {
|
|
22
|
+
constructor(options, platform, mode$, directiveStyles) {
|
|
23
|
+
this.options = options;
|
|
22
24
|
this.platform = platform;
|
|
23
25
|
this.mode$ = mode$;
|
|
24
|
-
this.size =
|
|
25
|
-
this.appearance =
|
|
26
|
+
this.size = this.options.size;
|
|
27
|
+
this.appearance = this.options.appearance;
|
|
26
28
|
directiveStyles.addComponent(TuiButtonStylesComponent);
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
|
-
TuiButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, deps: [{ token: TUI_PLATFORM }, { token: TUI_MODE }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
31
|
+
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 });
|
|
30
32
|
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": "", "tuiWrapper": "" }, listeners: { "$.data-mode.attr": "mode$" }, properties: { "attr.data-size": "size", "attr.data-appearance": "appearance", "attr.data-platform": "platform" } }, providers: [MODE_PROVIDER], ngImport: i0 });
|
|
31
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiButtonDirective, decorators: [{
|
|
32
34
|
type: Directive,
|
|
@@ -43,6 +45,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
43
45
|
},
|
|
44
46
|
}]
|
|
45
47
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
48
|
+
type: Inject,
|
|
49
|
+
args: [TUI_BUTTON_OPTIONS]
|
|
50
|
+
}] }, { type: undefined, decorators: [{
|
|
46
51
|
type: Inject,
|
|
47
52
|
args: [TUI_PLATFORM]
|
|
48
53
|
}] }, { type: i1.Observable, decorators: [{
|
|
@@ -56,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
56
61
|
}], appearance: [{
|
|
57
62
|
type: Input
|
|
58
63
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsWUFBWSxFQUFFLHlCQUF5QixFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBQyxhQUFhLEVBQUUsUUFBUSxFQUFnQixNQUFNLGdCQUFnQixDQUFDO0FBR3RFLE9BQU8sRUFBQyxrQkFBa0IsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQVF0RSxNQUFNLE9BQU8sd0JBQXdCOztzSEFBeEIsd0JBQXdCOzBHQUF4Qix3QkFBd0Isb0RBTHZCLEVBQUU7NEZBS0gsd0JBQXdCO2tCQU5wQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxFQUFFO29CQUNaLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3hDOztBQWVELE1BQU0sT0FBTyxrQkFBa0I7SUFPM0IsWUFDaUQsT0FBeUIsRUFDdkMsUUFBcUIsRUFDekIsS0FBdUMsRUFDL0IsZUFBMEM7UUFIaEMsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFDdkMsYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQUN6QixVQUFLLEdBQUwsS0FBSyxDQUFrQztRQVJ0RSxTQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7UUFHekIsZUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBUWpDLGVBQWUsQ0FBQyxZQUFZLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUMzRCxDQUFDOztnSEFkUSxrQkFBa0Isa0JBUWYsa0JBQWtCLGFBQ2xCLFlBQVksYUFDWixRQUFRLGFBQ1IseUJBQXlCO29HQVg1QixrQkFBa0Isa1hBVmhCLENBQUMsYUFBYSxDQUFDOzRGQVVqQixrQkFBa0I7a0JBWjlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHVFQUF1RTtvQkFDakYsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUMxQixJQUFJLEVBQUU7d0JBQ0YsWUFBWSxFQUFFLEVBQUU7d0JBQ2hCLFVBQVUsRUFBRSxFQUFFO3dCQUNkLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLHdCQUF3QixFQUFFLFlBQVk7d0JBQ3RDLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLG9CQUFvQixFQUFFLE9BQU87cUJBQ2hDO2lCQUNKOzswQkFTUSxNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQ3pCLE1BQU07MkJBQUMsWUFBWTs7MEJBQ25CLE1BQU07MkJBQUMsUUFBUTs7MEJBQ2YsTUFBTTsyQkFBQyx5QkFBeUI7NENBVHJDLElBQUk7c0JBREgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBEaXJlY3RpdmUsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX1BMQVRGT1JNLCBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLCBUdWlQbGF0Zm9ybX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge01PREVfUFJPVklERVIsIFRVSV9NT0RFLCBUdWlCcmlnaHRuZXNzfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1RVSV9CVVRUT05fT1BUSU9OUywgVHVpQnV0dG9uT3B0aW9uc30gZnJvbSAnLi9idXR0b24ub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlOiAnJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJ1dHRvblN0eWxlc0NvbXBvbmVudCB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2FbdHVpQnV0dG9uXSxidXR0b25bdHVpQnV0dG9uXSxhW3R1aUljb25CdXR0b25dLGJ1dHRvblt0dWlJY29uQnV0dG9uXScsXG4gICAgcHJvdmlkZXJzOiBbTU9ERV9QUk9WSURFUl0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlCdXR0b25OZXc6ICcnLFxuICAgICAgICB0dWlXcmFwcGVyOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ2FwcGVhcmFuY2UnLFxuICAgICAgICAnW2F0dHIuZGF0YS1wbGF0Zm9ybV0nOiAncGxhdGZvcm0nLFxuICAgICAgICAnKCQuZGF0YS1tb2RlLmF0dHIpJzogJ21vZGUkJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlCdXR0b25EaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZSA9IHRoaXMub3B0aW9ucy5zaXplO1xuXG4gICAgQElucHV0KClcbiAgICBhcHBlYXJhbmNlID0gdGhpcy5vcHRpb25zLmFwcGVhcmFuY2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQlVUVE9OX09QVElPTlMpIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9uczogVHVpQnV0dG9uT3B0aW9ucyxcbiAgICAgICAgQEluamVjdChUVUlfUExBVEZPUk0pIHJlYWRvbmx5IHBsYXRmb3JtOiBUdWlQbGF0Zm9ybSxcbiAgICAgICAgQEluamVjdChUVUlfTU9ERSkgcmVhZG9ubHkgbW9kZSQ6IE9ic2VydmFibGU8VHVpQnJpZ2h0bmVzcyB8IG51bGw+LFxuICAgICAgICBASW5qZWN0KFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UpIGRpcmVjdGl2ZVN0eWxlczogVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSxcbiAgICApIHtcbiAgICAgICAgZGlyZWN0aXZlU3R5bGVzLmFkZENvbXBvbmVudChUdWlCdXR0b25TdHlsZXNDb21wb25lbnQpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
|
|
2
|
+
export const TUI_BUTTON_DEFAULT_OPTIONS = {
|
|
3
|
+
size: `l`,
|
|
4
|
+
appearance: `primary`,
|
|
5
|
+
};
|
|
6
|
+
export const TUI_BUTTON_OPTIONS = tuiCreateToken(TUI_BUTTON_DEFAULT_OPTIONS);
|
|
7
|
+
export function tuiButtonOptionsProvider(options) {
|
|
8
|
+
return tuiProvideOptions(TUI_BUTTON_OPTIONS, options, TUI_BUTTON_DEFAULT_OPTIONS);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFoRSxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBcUI7SUFDeEQsSUFBSSxFQUFFLEdBQUc7SUFDVCxVQUFVLEVBQUUsU0FBUztDQUN4QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsY0FBYyxDQUFDLDBCQUEwQixDQUFDLENBQUM7QUFFN0UsTUFBTSxVQUFVLHdCQUF3QixDQUFDLE9BQWtDO0lBQ3ZFLE9BQU8saUJBQWlCLENBQUMsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLDBCQUEwQixDQUFDLENBQUM7QUFDdEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UHJvdmlkZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlDcmVhdGVUb2tlbiwgdHVpUHJvdmlkZU9wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplWEwsIFR1aVNpemVYU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFR1aUJ1dHRvbk9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGFwcGVhcmFuY2U6IHN0cmluZztcbiAgICByZWFkb25seSBzaXplOiBUdWlTaXplWEwgfCBUdWlTaXplWFM7XG59XG5cbmV4cG9ydCBjb25zdCBUVUlfQlVUVE9OX0RFRkFVTFRfT1BUSU9OUzogVHVpQnV0dG9uT3B0aW9ucyA9IHtcbiAgICBzaXplOiBgbGAsXG4gICAgYXBwZWFyYW5jZTogYHByaW1hcnlgLFxufTtcblxuZXhwb3J0IGNvbnN0IFRVSV9CVVRUT05fT1BUSU9OUyA9IHR1aUNyZWF0ZVRva2VuKFRVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TKTtcblxuZXhwb3J0IGZ1bmN0aW9uIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcihvcHRpb25zOiBQYXJ0aWFsPFR1aUJ1dHRvbk9wdGlvbnM+KTogUHJvdmlkZXIge1xuICAgIHJldHVybiB0dWlQcm92aWRlT3B0aW9ucyhUVUlfQlVUVE9OX09QVElPTlMsIG9wdGlvbnMsIFRVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TKTtcbn1cbiJdfQ==
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './button.component';
|
|
2
2
|
export * from './button.directive';
|
|
3
3
|
export * from './button.module';
|
|
4
|
-
|
|
4
|
+
export * from './button.options';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9idXR0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuIl19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Inject, Input, NgModule } from '@angular/core';
|
|
3
|
-
import { tuiIsString, TUI_PLATFORM } from '@taiga-ui/cdk';
|
|
3
|
+
import { tuiCreateToken, tuiProvideOptions, tuiIsString, TUI_PLATFORM } from '@taiga-ui/cdk';
|
|
4
4
|
import * as i1 from '@taiga-ui/core';
|
|
5
5
|
import { TuiSvgModule } from '@taiga-ui/core';
|
|
6
6
|
import * as i2 from '@angular/common';
|
|
@@ -8,21 +8,28 @@ import { CommonModule } from '@angular/common';
|
|
|
8
8
|
import * as i3 from '@taiga-ui/kit';
|
|
9
9
|
import { TuiLazyLoadingModule } from '@taiga-ui/kit';
|
|
10
10
|
|
|
11
|
+
const TUI_AVATAR_DEFAULT_OPTIONS = {
|
|
12
|
+
round: true,
|
|
13
|
+
size: `m`,
|
|
14
|
+
};
|
|
15
|
+
const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);
|
|
16
|
+
function tuiAvatarOptionsProvider(options) {
|
|
17
|
+
return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);
|
|
18
|
+
}
|
|
19
|
+
|
|
11
20
|
class TuiAvatarComponent {
|
|
12
|
-
constructor(platform) {
|
|
21
|
+
constructor(options, platform) {
|
|
22
|
+
this.options = options;
|
|
13
23
|
this.platform = platform;
|
|
14
|
-
this.size =
|
|
15
|
-
this.round =
|
|
24
|
+
this.size = this.options.size;
|
|
25
|
+
this.round = this.options.round;
|
|
16
26
|
this.src = null;
|
|
17
27
|
}
|
|
18
|
-
get img() {
|
|
19
|
-
return this.type === 'img';
|
|
20
|
-
}
|
|
21
28
|
get value() {
|
|
22
29
|
return this.src || '';
|
|
23
30
|
}
|
|
24
31
|
get type() {
|
|
25
|
-
if (
|
|
32
|
+
if (this.value && !tuiIsString(this.value)) {
|
|
26
33
|
return 'img';
|
|
27
34
|
}
|
|
28
35
|
if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {
|
|
@@ -34,8 +41,8 @@ class TuiAvatarComponent {
|
|
|
34
41
|
return this.value.length ? 'img' : 'content';
|
|
35
42
|
}
|
|
36
43
|
}
|
|
37
|
-
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-platform": "platform", "class._round": "round", "class._img": "type === \"img\"" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n
|
|
44
|
+
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: TUI_PLATFORM }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
+
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src" }, host: { properties: { "attr.data-size": "size", "attr.data-platform": "platform", "class._round": "round", "class._img": "type === \"img\"" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <div\n *ngSwitchDefault\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;opacity:.999}:host[data-size=xxs]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xxs] .t-content{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=xs]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=xs] .t-content{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=s]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=s] .t-content{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=m]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=m] .t-content{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=l]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=l] .t-content{font:var(--tui-font-heading-4)}:host[data-size=xl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xl] .t-content{font:var(--tui-font-heading-3)}:host[data-size=xxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxl] .t-content{font:var(--tui-font-heading-3)}:host._round{--t-radius: calc(var(--t-size) / 2)}:host._img{background:transparent}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.t-icon{width:60%;height:60%}.t-content{max-width:100%;padding:.25rem;box-sizing:border-box}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
|
|
40
47
|
type: Component,
|
|
41
48
|
args: [{
|
|
@@ -51,6 +58,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
51
58
|
},
|
|
52
59
|
}]
|
|
53
60
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
61
|
+
type: Inject,
|
|
62
|
+
args: [TUI_AVATAR_OPTIONS]
|
|
63
|
+
}] }, { type: undefined, decorators: [{
|
|
54
64
|
type: Inject,
|
|
55
65
|
args: [TUI_PLATFORM]
|
|
56
66
|
}] }]; }, propDecorators: { size: [{
|
|
@@ -79,5 +89,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
79
89
|
* Generated bundle index. Do not edit.
|
|
80
90
|
*/
|
|
81
91
|
|
|
82
|
-
export { TuiAvatarComponent, TuiAvatarModule };
|
|
92
|
+
export { TUI_AVATAR_DEFAULT_OPTIONS, TUI_AVATAR_OPTIONS, TuiAvatarComponent, TuiAvatarModule, tuiAvatarOptionsProvider };
|
|
83
93
|
//# sourceMappingURL=taiga-ui-experimental-components-avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-avatar.js","sources":["../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {TUI_PLATFORM, tuiIsString, TuiPlatform} from '@taiga-ui/cdk';\nimport {
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-avatar.js","sources":["../../../projects/experimental/components/avatar/avatar.options.ts","../../../projects/experimental/components/avatar/avatar.component.ts","../../../projects/experimental/components/avatar/avatar.template.html","../../../projects/experimental/components/avatar/avatar.module.ts","../../../projects/experimental/components/avatar/taiga-ui-experimental-components-avatar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiAvatarOptions {\n readonly round: boolean;\n readonly size: TuiSizeXXL | TuiSizeXXS;\n}\n\nexport const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions = {\n round: true,\n size: `m`,\n};\n\nexport const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);\n\nexport function tuiAvatarOptionsProvider(options: Partial<TuiAvatarOptions>): Provider {\n return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {TUI_PLATFORM, tuiIsString, TuiPlatform} from '@taiga-ui/cdk';\n\nimport {TUI_AVATAR_OPTIONS, TuiAvatarOptions} from './avatar.options';\n\n@Component({\n selector: 'tui-avatar',\n templateUrl: './avatar.template.html',\n styleUrls: ['./avatar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-size]': 'size',\n '[attr.data-platform]': 'platform',\n '[class._round]': 'round',\n '[class._img]': 'type === \"img\"',\n },\n})\nexport class TuiAvatarComponent {\n @Input()\n size = this.options.size;\n\n @Input()\n round = this.options.round;\n\n @Input()\n src: SafeResourceUrl | string | null = null;\n\n constructor(\n @Inject(TUI_AVATAR_OPTIONS) private readonly options: TuiAvatarOptions,\n @Inject(TUI_PLATFORM) readonly platform: TuiPlatform,\n ) {}\n\n get value(): SafeResourceUrl | string {\n return this.src || '';\n }\n\n get type(): 'content' | 'icon' | 'img' | 'text' {\n if (this.value && !tuiIsString(this.value)) {\n return 'img';\n }\n\n if (this.value.startsWith('tuiIcon') || this.value.endsWith('.svg')) {\n return 'icon';\n }\n\n if (this.value.length > 0 && this.value.length < 3) {\n return 'text';\n }\n\n return this.value.length ? 'img' : 'content';\n }\n}\n","<ng-container [ngSwitch]=\"type\">\n <tui-svg\n *ngSwitchCase=\"'icon'\"\n class=\"t-icon\"\n [src]=\"value\"\n ></tui-svg>\n <span\n *ngSwitchCase=\"'text'\"\n class=\"t-text\"\n >\n {{ value }}\n </span>\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <div\n *ngSwitchDefault\n class=\"t-content\"\n >\n <ng-content></ng-content>\n </div>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiLazyLoadingModule} from '@taiga-ui/kit';\n\nimport {TuiAvatarComponent} from './avatar.component';\n\n@NgModule({\n imports: [CommonModule, TuiSvgModule, TuiLazyLoadingModule],\n declarations: [TuiAvatarComponent],\n exports: [TuiAvatarComponent],\n})\nexport class TuiAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|