@taiga-ui/experimental 5.13.0-canary.ff6f8f1 → 5.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/taiga-ui-experimental-components-data-grid.mjs +2 -2
- package/fesm2022/taiga-ui-experimental-components-data-grid.mjs.map +1 -1
- package/fesm2022/taiga-ui-experimental-components-file.mjs +2 -2
- package/fesm2022/taiga-ui-experimental-components-file.mjs.map +1 -1
- package/package.json +10 -10
|
@@ -16,11 +16,11 @@ class TuiDataGrid {
|
|
|
16
16
|
this.disabledItemHandler = input(TUI_FALSE_HANDLER);
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDataGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiDataGrid, isStandalone: true, selector: "tui-data-grid", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: "@for (item of items(); track item) {\n <button\n type=\"button\"\n class=\"t-item\"\n [class.t-item_active]=\"value().includes(item)\"\n [disabled]=\"disabledItemHandler()(item)\"\n (click)=\"pick.emit(item)\"\n >\n <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n {{ text }}\n </ng-container>\n </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiDataGrid, isStandalone: true, selector: "tui-data-grid", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: "@for (item of items(); track item) {\n <button\n type=\"button\"\n class=\"t-item\"\n [class.t-item_active]=\"value().includes(item)\"\n [disabled]=\"disabledItemHandler()(item)\"\n (click)=\"pick.emit(item)\"\n >\n <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n {{ text }}\n </ng-container>\n </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:block;block-size:2.5rem;min-inline-size:0;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s);white-space:nowrap}.t-item ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-item ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.t-item:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}.t-item_active ::ng-deep [tuiTitle] [tuiSubtitle]{color:inherit}@media(hover:hover)and (pointer:fine){.t-item:hover{background:var(--tui-background-neutral-1-hover);cursor:pointer}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDataGrid, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'tui-data-grid', imports: [PolymorpheusOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of items(); track item) {\n <button\n type=\"button\"\n class=\"t-item\"\n [class.t-item_active]=\"value().includes(item)\"\n [disabled]=\"disabledItemHandler()(item)\"\n (click)=\"pick.emit(item)\"\n >\n <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n {{ text }}\n </ng-container>\n </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:
|
|
23
|
+
args: [{ selector: 'tui-data-grid', imports: [PolymorpheusOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of items(); track item) {\n <button\n type=\"button\"\n class=\"t-item\"\n [class.t-item_active]=\"value().includes(item)\"\n [disabled]=\"disabledItemHandler()(item)\"\n (click)=\"pick.emit(item)\"\n >\n <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n {{ text }}\n </ng-container>\n </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:block;block-size:2.5rem;min-inline-size:0;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s);white-space:nowrap}.t-item ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-item ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.t-item:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}.t-item_active ::ng-deep [tuiTitle] [tuiSubtitle]{color:inherit}@media(hover:hover)and (pointer:fine){.t-item:hover{background:var(--tui-background-neutral-1-hover);cursor:pointer}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}\n"] }]
|
|
24
24
|
}] });
|
|
25
25
|
|
|
26
26
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-data-grid.mjs","sources":["../../../projects/experimental/components/data-grid/data-grid.component.ts","../../../projects/experimental/components/data-grid/data-grid.component.html","../../../projects/experimental/components/data-grid/taiga-ui-experimental-components-data-grid.ts"],"sourcesContent":["import {coerceArray} from '@angular/cdk/coercion';\nimport {ChangeDetectionStrategy, Component, input, output} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {type TuiBooleanHandler, type TuiContext} from '@taiga-ui/cdk/types';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n selector: 'tui-data-grid',\n imports: [PolymorpheusOutlet],\n templateUrl: './data-grid.component.html',\n styleUrl: './data-grid.component.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiDataGrid<T> {\n public readonly pick = output<T>();\n public readonly items = input<readonly T[]>([]);\n public readonly content = input<PolymorpheusContent<TuiContext<T>>>();\n public readonly value = input([], {transform: coerceArray<T>});\n public readonly disabledItemHandler = input<TuiBooleanHandler<T>>(TUI_FALSE_HANDLER);\n}\n","@for (item of items(); track item) {\n <button\n type=\"button\"\n class=\"t-item\"\n [class.t-item_active]=\"value().includes(item)\"\n [disabled]=\"disabledItemHandler()(item)\"\n (click)=\"pick.emit(item)\"\n >\n <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n {{ text }}\n </ng-container>\n </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA;;AAEG;MAQU,WAAW,CAAA;AAPxB,IAAA,WAAA,GAAA;QAQoB,IAAA,CAAA,IAAI,GAAG,MAAM,EAAK;AAClB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAe,EAAE,CAAC;QAC/B,IAAA,CAAA,OAAO,GAAG,KAAK,EAAsC;AACrD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,GAAE,WAAc,CAAA,EAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAuB,iBAAiB,CAAC;AACvF,IAAA;+GANY,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBxB,gbAaA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-data-grid.mjs","sources":["../../../projects/experimental/components/data-grid/data-grid.component.ts","../../../projects/experimental/components/data-grid/data-grid.component.html","../../../projects/experimental/components/data-grid/taiga-ui-experimental-components-data-grid.ts"],"sourcesContent":["import {coerceArray} from '@angular/cdk/coercion';\nimport {ChangeDetectionStrategy, Component, input, output} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {type TuiBooleanHandler, type TuiContext} from '@taiga-ui/cdk/types';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n selector: 'tui-data-grid',\n imports: [PolymorpheusOutlet],\n templateUrl: './data-grid.component.html',\n styleUrl: './data-grid.component.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiDataGrid<T> {\n public readonly pick = output<T>();\n public readonly items = input<readonly T[]>([]);\n public readonly content = input<PolymorpheusContent<TuiContext<T>>>();\n public readonly value = input([], {transform: coerceArray<T>});\n public readonly disabledItemHandler = input<TuiBooleanHandler<T>>(TUI_FALSE_HANDLER);\n}\n","@for (item of items(); track item) {\n <button\n type=\"button\"\n class=\"t-item\"\n [class.t-item_active]=\"value().includes(item)\"\n [disabled]=\"disabledItemHandler()(item)\"\n (click)=\"pick.emit(item)\"\n >\n <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n {{ text }}\n </ng-container>\n </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA;;AAEG;MAQU,WAAW,CAAA;AAPxB,IAAA,WAAA,GAAA;QAQoB,IAAA,CAAA,IAAI,GAAG,MAAM,EAAK;AAClB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAe,EAAE,CAAC;QAC/B,IAAA,CAAA,OAAO,GAAG,KAAK,EAAsC;AACrD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,GAAE,WAAc,CAAA,EAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAuB,iBAAiB,CAAC;AACvF,IAAA;+GANY,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBxB,gbAaA,EAAA,MAAA,EAAA,CAAA,+iCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFc,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKnB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,CAAC,kBAAkB,CAAC,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gbAAA,EAAA,MAAA,EAAA,CAAA,+iCAAA,CAAA,EAAA;;;AEdnD;;AAEG;;;;"}
|
|
@@ -40,7 +40,7 @@ class TuiFile {
|
|
|
40
40
|
<ng-content select="[tuiTitle]" />
|
|
41
41
|
</label>
|
|
42
42
|
<ng-content select="[tuiButtonX]" />
|
|
43
|
-
`, isInline: true, styles: ["[data-tui-version=\"5.
|
|
43
|
+
`, isInline: true, styles: ["[data-tui-version=\"5.14.0\"]{@import \"./file.styles.less\";}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFile, decorators: [{
|
|
46
46
|
type: Component,
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
65
65
|
], hostDirectives: [{ directive: TuiCell, inputs: ['tuiCell: size'] }], host: {
|
|
66
66
|
tuiFile: '',
|
|
67
67
|
'[attr.data-orientation]': 'orientation()',
|
|
68
|
-
}, styles: ["[data-tui-version=\"5.
|
|
68
|
+
}, styles: ["[data-tui-version=\"5.14.0\"]{@import \"./file.styles.less\";}\n"] }]
|
|
69
69
|
}] });
|
|
70
70
|
|
|
71
71
|
class TuiFilePipe {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-file.mjs","sources":["../../../projects/experimental/components/file/file.options.ts","../../../projects/experimental/components/file/file.directive.ts","../../../projects/experimental/components/file/file.pipe.ts","../../../projects/experimental/components/file/taiga-ui-experimental-components-file.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiOrientation, type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiFileOptions {\n readonly size: TuiSizeL | TuiSizeS | '';\n readonly orientation: TuiOrientation;\n}\n\nexport const TUI_FILE_OPTIONS_DEFAULT_OPTIONS: TuiFileOptions = {\n size: 'l',\n orientation: 'vertical',\n};\n\nexport const [TUI_FILE_OPTIONS_OPTIONS, tuiFileOptionsProvider] = tuiCreateOptions(\n TUI_FILE_OPTIONS_DEFAULT_OPTIONS,\n);\n","import {\n ChangeDetectionStrategy,\n Component,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiCell, tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {tuiLoaderOptionsProvider} from '@taiga-ui/core/components/loader';\nimport {tuiButtonXOptionsProvider} from '@taiga-ui/core/directives/button-x';\nimport {tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {TuiAvatar, tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\n\nimport {TUI_FILE_OPTIONS_OPTIONS} from './file.options';\n\n@Component({\n selector: '[tuiFile]',\n imports: [TuiAvatar, TuiSlides],\n template: `\n <label>\n <span\n tuiSlides\n tuiAvatar\n >\n <ng-content />\n </span>\n <ng-content select=\"[tuiTitle]\" />\n </label>\n <ng-content select=\"[tuiButtonX]\" />\n `,\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './file.styles.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiCellOptionsProvider(() => ({size: inject(TUI_FILE_OPTIONS_OPTIONS).size})),\n tuiAvatarOptionsProvider({round: false, appearance: 'secondary-grayscale'}),\n tuiButtonOptionsProvider({size: 's', appearance: 'action'}),\n tuiButtonXOptionsProvider({size: 'xs', appearance: 'icon'}),\n tuiLoaderOptionsProvider({size: 'm', inheritColor: true}),\n tuiHintOptionsProvider({appearance: 'floating', direction: 'top'}),\n ],\n hostDirectives: [{directive: TuiCell, inputs: ['tuiCell: size']}],\n host: {\n tuiFile: '',\n '[attr.data-orientation]': 'orientation()',\n },\n})\nexport class TuiFile {\n public readonly orientation = input(inject(TUI_FILE_OPTIONS_OPTIONS).orientation);\n}\n","import {type OnDestroy, Pipe, type PipeTransform} from '@angular/core';\n\n@Pipe({name: 'tuiFile'})\nexport class TuiFilePipe implements PipeTransform, OnDestroy {\n private url = '';\n\n public transform(value: File): string {\n URL.revokeObjectURL(this.url);\n this.url = URL.createObjectURL(value);\n\n return this.url;\n }\n\n public ngOnDestroy(): void {\n URL.revokeObjectURL(this.url);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAQO,MAAM,gCAAgC,GAAmB;AAC5D,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,WAAW,EAAE,UAAU;;AAGpB,MAAM,CAAC,wBAAwB,EAAE,sBAAsB,CAAC,GAAG,gBAAgB,CAC9E,gCAAgC;;MCwCvB,OAAO,CAAA;AApCpB,IAAA,WAAA,GAAA;QAqCoB,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,WAAW,CAAC;AACpF,IAAA;+GAFY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAdL;AACP,YAAA,sBAAsB,CAAC,OAAO,EAAC,IAAI,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,IAAI,EAAC,CAAC,CAAC;YAC7E,wBAAwB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAC,CAAC;YAC3E,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC;YAC3D,yBAAyB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC;YAC3D,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAC,CAAC;YACzD,sBAAsB,CAAC,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;SACrE,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1BS;;;;;;;;;;;KAWT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-file.mjs","sources":["../../../projects/experimental/components/file/file.options.ts","../../../projects/experimental/components/file/file.directive.ts","../../../projects/experimental/components/file/file.pipe.ts","../../../projects/experimental/components/file/taiga-ui-experimental-components-file.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiOrientation, type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiFileOptions {\n readonly size: TuiSizeL | TuiSizeS | '';\n readonly orientation: TuiOrientation;\n}\n\nexport const TUI_FILE_OPTIONS_DEFAULT_OPTIONS: TuiFileOptions = {\n size: 'l',\n orientation: 'vertical',\n};\n\nexport const [TUI_FILE_OPTIONS_OPTIONS, tuiFileOptionsProvider] = tuiCreateOptions(\n TUI_FILE_OPTIONS_DEFAULT_OPTIONS,\n);\n","import {\n ChangeDetectionStrategy,\n Component,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiCell, tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {tuiLoaderOptionsProvider} from '@taiga-ui/core/components/loader';\nimport {tuiButtonXOptionsProvider} from '@taiga-ui/core/directives/button-x';\nimport {tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {TuiAvatar, tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\n\nimport {TUI_FILE_OPTIONS_OPTIONS} from './file.options';\n\n@Component({\n selector: '[tuiFile]',\n imports: [TuiAvatar, TuiSlides],\n template: `\n <label>\n <span\n tuiSlides\n tuiAvatar\n >\n <ng-content />\n </span>\n <ng-content select=\"[tuiTitle]\" />\n </label>\n <ng-content select=\"[tuiButtonX]\" />\n `,\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './file.styles.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiCellOptionsProvider(() => ({size: inject(TUI_FILE_OPTIONS_OPTIONS).size})),\n tuiAvatarOptionsProvider({round: false, appearance: 'secondary-grayscale'}),\n tuiButtonOptionsProvider({size: 's', appearance: 'action'}),\n tuiButtonXOptionsProvider({size: 'xs', appearance: 'icon'}),\n tuiLoaderOptionsProvider({size: 'm', inheritColor: true}),\n tuiHintOptionsProvider({appearance: 'floating', direction: 'top'}),\n ],\n hostDirectives: [{directive: TuiCell, inputs: ['tuiCell: size']}],\n host: {\n tuiFile: '',\n '[attr.data-orientation]': 'orientation()',\n },\n})\nexport class TuiFile {\n public readonly orientation = input(inject(TUI_FILE_OPTIONS_OPTIONS).orientation);\n}\n","import {type OnDestroy, Pipe, type PipeTransform} from '@angular/core';\n\n@Pipe({name: 'tuiFile'})\nexport class TuiFilePipe implements PipeTransform, OnDestroy {\n private url = '';\n\n public transform(value: File): string {\n URL.revokeObjectURL(this.url);\n this.url = URL.createObjectURL(value);\n\n return this.url;\n }\n\n public ngOnDestroy(): void {\n URL.revokeObjectURL(this.url);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAQO,MAAM,gCAAgC,GAAmB;AAC5D,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,WAAW,EAAE,UAAU;;AAGpB,MAAM,CAAC,wBAAwB,EAAE,sBAAsB,CAAC,GAAG,gBAAgB,CAC9E,gCAAgC;;MCwCvB,OAAO,CAAA;AApCpB,IAAA,WAAA,GAAA;QAqCoB,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,WAAW,CAAC;AACpF,IAAA;+GAFY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAdL;AACP,YAAA,sBAAsB,CAAC,OAAO,EAAC,IAAI,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,IAAI,EAAC,CAAC,CAAC;YAC7E,wBAAwB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAC,CAAC;YAC3E,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC;YAC3D,yBAAyB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC;YAC3D,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAC,CAAC;YACzD,sBAAsB,CAAC,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;SACrE,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1BS;;;;;;;;;;;KAWT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAZS,SAAS,4FAAE,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAkCrB,OAAO,EAAA,UAAA,EAAA,CAAA;kBApCnB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,WACZ,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EACrB;;;;;;;;;;;AAWT,IAAA,CAAA,EAAA,aAAA,EAMc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA,sBAAsB,CAAC,OAAO,EAAC,IAAI,EAAE,MAAM,CAAC,wBAAwB,CAAC,CAAC,IAAI,EAAC,CAAC,CAAC;wBAC7E,wBAAwB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAC,CAAC;wBAC3E,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC;wBAC3D,yBAAyB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC;wBAC3D,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAC,CAAC;wBACzD,sBAAsB,CAAC,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;AACrE,qBAAA,EAAA,cAAA,EACe,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,eAAe,CAAC,EAAC,CAAC,EAAA,IAAA,EAC3D;AACF,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,yBAAyB,EAAE,eAAe;AAC7C,qBAAA,EAAA,MAAA,EAAA,CAAA,kEAAA,CAAA,EAAA;;;MCjDQ,WAAW,CAAA;AADxB,IAAA,WAAA,GAAA;QAEY,IAAA,CAAA,GAAG,GAAG,EAAE;AAYnB,IAAA;AAVU,IAAA,SAAS,CAAC,KAAW,EAAA;AACxB,QAAA,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC;QAErC,OAAO,IAAI,CAAC,GAAG;IACnB;IAEO,WAAW,GAAA;AACd,QAAA,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;IACjC;+GAZS,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;6GAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,CAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBADvB,IAAI;mBAAC,EAAC,IAAI,EAAE,SAAS,EAAC;;;ACFvB;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/experimental",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.14.0",
|
|
4
4
|
"description": "A package with Taiga UI experimental components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@angular/common": ">=19.0.0",
|
|
32
32
|
"@angular/core": ">=19.0.0",
|
|
33
|
-
"@taiga-ui/addon-commerce": "5.
|
|
34
|
-
"@taiga-ui/cdk": "5.
|
|
35
|
-
"@taiga-ui/core": "5.
|
|
36
|
-
"@taiga-ui/kit": "5.
|
|
37
|
-
"@taiga-ui/layout": "5.
|
|
33
|
+
"@taiga-ui/addon-commerce": "5.14.0",
|
|
34
|
+
"@taiga-ui/cdk": "5.14.0",
|
|
35
|
+
"@taiga-ui/core": "5.14.0",
|
|
36
|
+
"@taiga-ui/kit": "5.14.0",
|
|
37
|
+
"@taiga-ui/layout": "5.14.0",
|
|
38
38
|
"@taiga-ui/polymorpheus": "^5.0.1",
|
|
39
39
|
"rxjs": ">=7.0.0"
|
|
40
40
|
},
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
"types": "./components/index.d.ts",
|
|
53
53
|
"default": "./fesm2022/taiga-ui-experimental-components.mjs"
|
|
54
54
|
},
|
|
55
|
-
"./components/calendar": {
|
|
56
|
-
"types": "./components/calendar/index.d.ts",
|
|
57
|
-
"default": "./fesm2022/taiga-ui-experimental-components-calendar.mjs"
|
|
58
|
-
},
|
|
59
55
|
"./components/data-grid": {
|
|
60
56
|
"types": "./components/data-grid/index.d.ts",
|
|
61
57
|
"default": "./fesm2022/taiga-ui-experimental-components-data-grid.mjs"
|
|
62
58
|
},
|
|
59
|
+
"./components/calendar": {
|
|
60
|
+
"types": "./components/calendar/index.d.ts",
|
|
61
|
+
"default": "./fesm2022/taiga-ui-experimental-components-calendar.mjs"
|
|
62
|
+
},
|
|
63
63
|
"./components/date-picker": {
|
|
64
64
|
"types": "./components/date-picker/index.d.ts",
|
|
65
65
|
"default": "./fesm2022/taiga-ui-experimental-components-date-picker.mjs"
|