@taiga-ui/kit 5.19.0 → 5.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/counter/counter.component.d.ts +1 -1
- package/components/counter/counter.options.d.ts +2 -2
- package/components/input-chip/input-chip.directive.d.ts +1 -0
- package/components/input-slider/input-slider.directive.d.ts +1 -1
- package/fesm2022/taiga-ui-kit-components-accordion.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +9 -9
- package/fesm2022/taiga-ui-kit-components-badge.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-block.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-comment.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-copy.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-counter.mjs +3 -2
- package/fesm2022/taiga-ui-kit-components-counter.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-files.mjs +5 -5
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs +10 -4
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-range.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-message.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-progress.mjs +6 -6
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-rating.mjs +1 -1
- package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-segmented.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-status.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-switch.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-textarea.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-toast.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-connected.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +2 -2
- package/package.json +43 -43
|
@@ -21,11 +21,11 @@ const [TUI_CHIP_OPTIONS, tuiChipOptionsProvider] = tuiCreateOptions(TUI_CHIP_DEF
|
|
|
21
21
|
|
|
22
22
|
class Styles {
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-chip-5.
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-chip-5.20.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiChip]:where(*[data-tui-version=\"5.20.0\"]){--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));font:var(--tui-typography-ui-s);border-radius:var(--tui-radius-m);padding:.125rem var(--t-padding);block-size:var(--t-size);min-block-size:calc(var(--tui-lh) + .25rem);inline-size:fit-content;max-inline-size:100%;isolation:isolate}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>img,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>tui-icon,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiAvatar],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>tui-badge,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiBadge],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiRadio],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiSwitch],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiCheckbox],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:before,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}@supports not (font-size: 1lh){[tuiChip]:where(*[data-tui-version=\"5.20.0\"]){--tui-lh: 1.2em}}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>tui-icon,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:before,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiIconButton]{margin:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiBadge]{margin-inline-end:0}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xxs]{--t-gap: 0rem;--t-padding: .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-typography-ui-2xs);border-radius:var(--tui-radius-xs)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xs]{--t-padding: .375rem;--t-size: var(--tui-height-xs);border-radius:var(--tui-radius-xs)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xs]>[tuiIconButton]{margin:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 1rem;--t-size: var(--tui-height-m);font:var(--tui-typography-ui-m)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=m]>[tuiIconButton]{margin:-.75rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=m]>[tuiBadge]{margin-inline-start:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>img,[tuiChip]:where(*[data-tui-version=\"5.20.0\"]) [tuiAvatar]{inline-size:1.5rem;margin-inline-start:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiFade]:first-of-type{flex:1 0 30%;max-inline-size:fit-content;padding:.125rem 0}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiFade]:last-of-type{flex:0 1 auto}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>input[tuiChip]{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;margin:0}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>input[tuiChip][type=checkbox],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>input[tuiChip][type=radio]{z-index:-1}input[tuiChip]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-chip-${TUI_VERSION}`, styles: ["[tuiChip]:where(*[data-tui-version=\"5.
|
|
28
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-chip-${TUI_VERSION}`, styles: ["[tuiChip]:where(*[data-tui-version=\"5.20.0\"]){--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));font:var(--tui-typography-ui-s);border-radius:var(--tui-radius-m);padding:.125rem var(--t-padding);block-size:var(--t-size);min-block-size:calc(var(--tui-lh) + .25rem);inline-size:fit-content;max-inline-size:100%;isolation:isolate}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>img,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>tui-icon,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiAvatar],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>tui-badge,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiBadge],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiRadio],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiSwitch],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiCheckbox],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:before,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:after{margin:var(--t-margin)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}@supports not (font-size: 1lh){[tuiChip]:where(*[data-tui-version=\"5.20.0\"]){--tui-lh: 1.2em}}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>tui-icon,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:before,[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiIconButton]{margin:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiBadge]{margin-inline-end:0}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xxs]{--t-gap: 0rem;--t-padding: .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-typography-ui-2xs);border-radius:var(--tui-radius-xs)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xs]{--t-padding: .375rem;--t-size: var(--tui-height-xs);border-radius:var(--tui-radius-xs)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=xs]>[tuiIconButton]{margin:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 1rem;--t-size: var(--tui-height-m);font:var(--tui-typography-ui-m)}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=m]>[tuiIconButton]{margin:-.75rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])[data-size=m]>[tuiBadge]{margin-inline-start:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>img,[tuiChip]:where(*[data-tui-version=\"5.20.0\"]) [tuiAvatar]{inline-size:1.5rem;margin-inline-start:-.375rem}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiFade]:first-of-type{flex:1 0 30%;max-inline-size:fit-content;padding:.125rem 0}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>[tuiFade]:last-of-type{flex:0 1 auto}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>input[tuiChip]{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;margin:0}[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>input[tuiChip][type=checkbox],[tuiChip]:where(*[data-tui-version=\"5.20.0\"])>input[tuiChip][type=radio]{z-index:-1}input[tuiChip]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:text}\n"] }]
|
|
29
29
|
}] });
|
|
30
30
|
class TuiChip {
|
|
31
31
|
constructor() {
|
|
@@ -5,11 +5,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
5
5
|
|
|
6
6
|
class Styles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-comment-5.
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-comment-5.20.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiComment]:where(*[data-tui-version=\"5.20.0\"]){position:relative;display:inline-flex;font:var(--tui-typography-ui-m);color:#fff;padding:.5rem .75rem;min-inline-size:2.5rem;border-radius:1rem;background:var(--tui-background-accent-2);align-items:center;justify-content:center}[tuiComment]:where(*[data-tui-version=\"5.20.0\"]):before{content:\"\";position:absolute;inset-block-end:100%;inset-inline-start:50%;inline-size:1.5625rem;block-size:.5625rem;background:inherit;transform:translate(calc(-50% * var(--tui-inline)));-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\")}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=bottom]:before{inset-block:100% auto;transform:translate(calc(-50% * var(--tui-inline))) rotate(180deg)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=start]{border-start-start-radius:1rem min(1rem,31%);border-end-start-radius:1rem min(1rem,31%)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=start]:before{inset-block:50% 100%;inset-inline:auto 100%;transform:translate(calc(.625rem * var(--tui-inline)),-50%) rotate(calc(-90deg * var(--tui-inline)));clip-path:inset(0 0 .125rem 0)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=end]{border-start-end-radius:1rem min(1rem,31%);border-end-end-radius:1rem min(1rem,31%)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=end]:before{inset-block:50% 100%;inset-inline:100% auto;transform:translate(calc(-.625rem * var(--tui-inline)),-50%) rotate(calc(90deg * var(--tui-inline)));clip-path:inset(0 0 .125rem 0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-comment-${TUI_VERSION}`, styles: ["[tuiComment]:where(*[data-tui-version=\"5.
|
|
12
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-comment-${TUI_VERSION}`, styles: ["[tuiComment]:where(*[data-tui-version=\"5.20.0\"]){position:relative;display:inline-flex;font:var(--tui-typography-ui-m);color:#fff;padding:.5rem .75rem;min-inline-size:2.5rem;border-radius:1rem;background:var(--tui-background-accent-2);align-items:center;justify-content:center}[tuiComment]:where(*[data-tui-version=\"5.20.0\"]):before{content:\"\";position:absolute;inset-block-end:100%;inset-inline-start:50%;inline-size:1.5625rem;block-size:.5625rem;background:inherit;transform:translate(calc(-50% * var(--tui-inline)));-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\")}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=bottom]:before{inset-block:100% auto;transform:translate(calc(-50% * var(--tui-inline))) rotate(180deg)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=start]{border-start-start-radius:1rem min(1rem,31%);border-end-start-radius:1rem min(1rem,31%)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=start]:before{inset-block:50% 100%;inset-inline:auto 100%;transform:translate(calc(.625rem * var(--tui-inline)),-50%) rotate(calc(-90deg * var(--tui-inline)));clip-path:inset(0 0 .125rem 0)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=end]{border-start-end-radius:1rem min(1rem,31%);border-end-end-radius:1rem min(1rem,31%)}[tuiComment]:where(*[data-tui-version=\"5.20.0\"])[data-direction=end]:before{inset-block:50% 100%;inset-inline:100% auto;transform:translate(calc(-.625rem * var(--tui-inline)),-50%) rotate(calc(90deg * var(--tui-inline)));clip-path:inset(0 0 .125rem 0)}\n"] }]
|
|
13
13
|
}] });
|
|
14
14
|
class TuiComment {
|
|
15
15
|
constructor() {
|
|
@@ -17,7 +17,7 @@ class TuiComment {
|
|
|
17
17
|
this.direction = input('top', { alias: 'tuiComment' });
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiComment, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiComment, isStandalone: true, selector: "[tuiComment]", inputs: { direction: { classPropertyName: "direction", publicName: "tuiComment", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
20
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiComment, isStandalone: true, selector: "[tuiComment]", inputs: { direction: { classPropertyName: "direction", publicName: "tuiComment", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.20.0", "tuiComment": "" }, properties: { "attr.data-direction": "direction()" } }, ngImport: i0 }); }
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiComment, decorators: [{
|
|
23
23
|
type: Directive,
|
|
@@ -7,14 +7,14 @@ class TuiCompass {
|
|
|
7
7
|
this.degrees = input(Number.NaN);
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCompass, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiCompass, isStandalone: true, selector: "tui-compass", inputs: { degrees: { classPropertyName: "degrees", publicName: "degrees", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiCompass, isStandalone: true, selector: "tui-compass", inputs: { degrees: { classPropertyName: "degrees", publicName: "degrees", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.20.0" }, properties: { "style.--t-degrees.deg": "degrees()" } }, ngImport: i0, template: '', isInline: true, styles: ["tui-compass:where(*[data-tui-version=\"5.20.0\"]){position:relative;display:inline-block;color:var(--tui-background-accent-1);border-radius:50%;inline-size:1rem;block-size:1rem;border:.1875rem solid var(--tui-background-base);box-shadow:0 0 .1875rem #0000004d;transform-style:preserve-3d}tui-compass:where(*[data-tui-version=\"5.20.0\"]):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');transform:rotate(var(--t-degrees)) translateY(-.625rem) translateZ(-1rem);inline-size:.75rem;block-size:1rem;background:currentColor}tui-compass:where(*[data-tui-version=\"5.20.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end:0;content:\"\";border-radius:inherit;background:currentColor linear-gradient(-45deg,rgba(0,0,0,.2),transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCompass, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'tui-compass', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
'data-tui-version': TUI_VERSION,
|
|
16
16
|
'[style.--t-degrees.deg]': 'degrees()',
|
|
17
|
-
}, styles: ["tui-compass:where(*[data-tui-version=\"5.
|
|
17
|
+
}, styles: ["tui-compass:where(*[data-tui-version=\"5.20.0\"]){position:relative;display:inline-block;color:var(--tui-background-accent-1);border-radius:50%;inline-size:1rem;block-size:1rem;border:.1875rem solid var(--tui-background-base);box-shadow:0 0 .1875rem #0000004d;transform-style:preserve-3d}tui-compass:where(*[data-tui-version=\"5.20.0\"]):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');transform:rotate(var(--t-degrees)) translateY(-.625rem) translateZ(-1rem);inline-size:.75rem;block-size:1rem;background:currentColor}tui-compass:where(*[data-tui-version=\"5.20.0\"]):after{position:absolute;inset-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end:0;content:\"\";border-radius:inherit;background:currentColor linear-gradient(-45deg,rgba(0,0,0,.2),transparent)}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
|
|
20
20
|
/**
|
|
@@ -55,7 +55,7 @@ class TuiButtonCopy {
|
|
|
55
55
|
} @else {
|
|
56
56
|
<ng-content />
|
|
57
57
|
}
|
|
58
|
-
`, isInline: true, styles: ["tui-hint:has([tuiButtonCopy]):where(*[data-tui-version=\"5.
|
|
58
|
+
`, isInline: true, styles: ["tui-hint:has([tuiButtonCopy]):where(*[data-tui-version=\"5.20.0\"]){display:flex;padding:.375rem;max-inline-size:none}[tuiButtonCopy]:where(*[data-tui-version=\"5.20.0\"]):not(:first-of-type){margin-inline-start:calc(.75rem - 1px);border-image:linear-gradient(transparent .375rem,var(--tui-border-normal) .375rem,var(--tui-border-normal) calc(100% - .375rem),transparent calc(100% - .375rem)) 0 0 0 1 / 0 1px / 0 .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
59
59
|
}
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiButtonCopy, decorators: [{
|
|
61
61
|
type: Component,
|
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
69
69
|
tuiButton: '',
|
|
70
70
|
type: 'button',
|
|
71
71
|
'(document:click.capture)': 'copy($event.target)',
|
|
72
|
-
}, styles: ["tui-hint:has([tuiButtonCopy]):where(*[data-tui-version=\"5.
|
|
72
|
+
}, styles: ["tui-hint:has([tuiButtonCopy]):where(*[data-tui-version=\"5.20.0\"]){display:flex;padding:.375rem;max-inline-size:none}[tuiButtonCopy]:where(*[data-tui-version=\"5.20.0\"]):not(:first-of-type){margin-inline-start:calc(.75rem - 1px);border-image:linear-gradient(transparent .375rem,var(--tui-border-normal) .375rem,var(--tui-border-normal) calc(100% - .375rem),transparent calc(100% - .375rem)) 0 0 0 1 / 0 1px / 0 .375rem}\n"] }]
|
|
73
73
|
}] });
|
|
74
74
|
|
|
75
75
|
class TuiCopyComponent {
|
|
@@ -27,6 +27,7 @@ const LIMIT = {
|
|
|
27
27
|
l: 1.25,
|
|
28
28
|
m: 1,
|
|
29
29
|
s: 13 / 16,
|
|
30
|
+
xs: 0.75,
|
|
30
31
|
};
|
|
31
32
|
class TuiCounter extends TuiControl {
|
|
32
33
|
constructor() {
|
|
@@ -47,11 +48,11 @@ class TuiCounter extends TuiControl {
|
|
|
47
48
|
this.onChange(tuiClamp(tuiSum(this.value(), step), this.min(), this.max()));
|
|
48
49
|
}
|
|
49
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCounter, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiCounter, isStandalone: true, selector: "tui-counter", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-size": "size()" } }, providers: [TuiInputNumberStepService, tuiFallbackValueProvider(0)], usesInheritance: true, ngImport: i0, template: "<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() - step() < min()\"\n [iconStart]=\"options.icons.decrease\"\n [size]=\"size()\"\n (click)=\"onStep(-step())\"\n (pointerdown.prevent)=\"hold.next(-step())\"\n>\n -\n</button>\n<output\n tuiFade\n class=\"t-content\"\n [tuiFluidTypography]=\"[0.625, limit()]\"\n>\n {{ value() }}\n <ng-content />\n</output>\n<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() + step() > max()\"\n [iconStart]=\"options.icons.increase\"\n [size]=\"size()\"\n (click)=\"onStep(step())\"\n (pointerdown.prevent)=\"hold.next(step())\"\n>\n +\n</button>\n", styles: [":host{display:flex;min-inline-size:min(10.5rem,100%);max-inline-size:100%;align-items:center;inline-size:fit-content;justify-content:flex-end;border-radius:
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiCounter, isStandalone: true, selector: "tui-counter", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-size": "size()" } }, providers: [TuiInputNumberStepService, tuiFallbackValueProvider(0)], usesInheritance: true, ngImport: i0, template: "<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() - step() < min()\"\n [iconStart]=\"options.icons.decrease\"\n [size]=\"size()\"\n (click)=\"onStep(-step())\"\n (pointerdown.prevent)=\"hold.next(-step())\"\n>\n -\n</button>\n<output\n tuiFade\n class=\"t-content\"\n [tuiFluidTypography]=\"[0.625, limit()]\"\n>\n {{ value() }}\n <ng-content />\n</output>\n<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() + step() > max()\"\n [iconStart]=\"options.icons.increase\"\n [size]=\"size()\"\n (click)=\"onStep(step())\"\n (pointerdown.prevent)=\"hold.next(step())\"\n>\n +\n</button>\n", styles: [":host{display:flex;min-inline-size:min(10.5rem,100%);max-inline-size:100%;align-items:center;inline-size:fit-content;justify-content:flex-end;border-radius:var(--tui-radius-l);gap:.25rem}:host[data-size=m]{min-inline-size:min(8.125rem,100%);border-radius:var(--tui-radius-m)}:host[data-size=s]{min-inline-size:min(6rem,100%);border-radius:var(--tui-radius-m)}:host[data-size=xs]{min-inline-size:min(4.5rem,100%);border-radius:var(--tui-radius-xs)}:host[data-size=s] .t-button:first-child:after,:host[data-size=xs] .t-button:first-child:after{inset-inline-end:0}:host[data-size=s] .t-button:last-child:after,:host[data-size=xs] .t-button:last-child:after{inset-inline-start:0}:host[data-appearance=primary]{background:var(--tui-background-accent-1);color:var(--tui-text-primary-on-accent-1)}:host[data-appearance=flat]{background:var(--tui-background-neutral-1)}.t-content{display:flex;flex:1;justify-content:center;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums;transition:none}.t-button{border-radius:inherit}@media screen and (max-width:767.4px){.t-button{position:relative;overflow:visible}.t-button:after{content:\"\";position:absolute;display:block!important;inline-size:max(100%,2.75rem);block-size:max(100%,2.75rem);background:transparent}}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiFluidTypography, selector: "[tuiFluidTypography]", inputs: ["tuiFluidTypography"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
52
|
}
|
|
52
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCounter, decorators: [{
|
|
53
54
|
type: Component,
|
|
54
|
-
args: [{ selector: 'tui-counter', imports: [TuiButton, TuiFade, TuiFluidTypography], changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiInputNumberStepService, tuiFallbackValueProvider(0)], host: { '[attr.data-appearance]': 'appearance()', '[attr.data-size]': 'size()' }, template: "<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() - step() < min()\"\n [iconStart]=\"options.icons.decrease\"\n [size]=\"size()\"\n (click)=\"onStep(-step())\"\n (pointerdown.prevent)=\"hold.next(-step())\"\n>\n -\n</button>\n<output\n tuiFade\n class=\"t-content\"\n [tuiFluidTypography]=\"[0.625, limit()]\"\n>\n {{ value() }}\n <ng-content />\n</output>\n<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() + step() > max()\"\n [iconStart]=\"options.icons.increase\"\n [size]=\"size()\"\n (click)=\"onStep(step())\"\n (pointerdown.prevent)=\"hold.next(step())\"\n>\n +\n</button>\n", styles: [":host{display:flex;min-inline-size:min(10.5rem,100%);max-inline-size:100%;align-items:center;inline-size:fit-content;justify-content:flex-end;border-radius:
|
|
55
|
+
args: [{ selector: 'tui-counter', imports: [TuiButton, TuiFade, TuiFluidTypography], changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiInputNumberStepService, tuiFallbackValueProvider(0)], host: { '[attr.data-appearance]': 'appearance()', '[attr.data-size]': 'size()' }, template: "<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() - step() < min()\"\n [iconStart]=\"options.icons.decrease\"\n [size]=\"size()\"\n (click)=\"onStep(-step())\"\n (pointerdown.prevent)=\"hold.next(-step())\"\n>\n -\n</button>\n<output\n tuiFade\n class=\"t-content\"\n [tuiFluidTypography]=\"[0.625, limit()]\"\n>\n {{ value() }}\n <ng-content />\n</output>\n<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() + step() > max()\"\n [iconStart]=\"options.icons.increase\"\n [size]=\"size()\"\n (click)=\"onStep(step())\"\n (pointerdown.prevent)=\"hold.next(step())\"\n>\n +\n</button>\n", styles: [":host{display:flex;min-inline-size:min(10.5rem,100%);max-inline-size:100%;align-items:center;inline-size:fit-content;justify-content:flex-end;border-radius:var(--tui-radius-l);gap:.25rem}:host[data-size=m]{min-inline-size:min(8.125rem,100%);border-radius:var(--tui-radius-m)}:host[data-size=s]{min-inline-size:min(6rem,100%);border-radius:var(--tui-radius-m)}:host[data-size=xs]{min-inline-size:min(4.5rem,100%);border-radius:var(--tui-radius-xs)}:host[data-size=s] .t-button:first-child:after,:host[data-size=xs] .t-button:first-child:after{inset-inline-end:0}:host[data-size=s] .t-button:last-child:after,:host[data-size=xs] .t-button:last-child:after{inset-inline-start:0}:host[data-appearance=primary]{background:var(--tui-background-accent-1);color:var(--tui-text-primary-on-accent-1)}:host[data-appearance=flat]{background:var(--tui-background-neutral-1)}.t-content{display:flex;flex:1;justify-content:center;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums;transition:none}.t-button{border-radius:inherit}@media screen and (max-width:767.4px){.t-button{position:relative;overflow:visible}.t-button:after{content:\"\";position:absolute;display:block!important;inline-size:max(100%,2.75rem);block-size:max(100%,2.75rem);background:transparent}}\n"] }]
|
|
55
56
|
}] });
|
|
56
57
|
|
|
57
58
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-counter.mjs","sources":["../../../projects/kit/components/counter/counter.options.ts","../../../projects/kit/components/counter/counter.component.ts","../../../projects/kit/components/counter/counter.template.html","../../../projects/kit/components/counter/taiga-ui-kit-components-counter.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeL, type
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-components-counter.mjs","sources":["../../../projects/kit/components/counter/counter.options.ts","../../../projects/kit/components/counter/counter.component.ts","../../../projects/kit/components/counter/counter.template.html","../../../projects/kit/components/counter/taiga-ui-kit-components-counter.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiCounterOptions extends TuiAppearanceOptions {\n size: TuiSizeL | TuiSizeXS;\n readonly icons: Readonly<{\n decrease: string;\n increase: string;\n }>;\n step: number;\n min: number;\n max: number;\n}\n\nexport const TUI_COUNTER_DEFAULT_OPTIONS: TuiCounterOptions = {\n appearance: 'primary',\n size: 'l',\n min: 0,\n max: Number.MAX_SAFE_INTEGER,\n step: 1,\n icons: {\n increase: '@tui.plus',\n decrease: '@tui.minus',\n },\n};\n\nexport const [TUI_COUNTER_OPTIONS, tuiCounterOptionsProvider] = tuiCreateOptions(\n TUI_COUNTER_DEFAULT_OPTIONS,\n);\n","import {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiClamp, tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {type TuiSizeL, type TuiSizeXS} from '@taiga-ui/core/types';\nimport {TuiInputNumberStepService} from '@taiga-ui/kit/components/input-number';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {TuiFluidTypography} from '@taiga-ui/kit/directives/fluid-typography';\n\nimport {TUI_COUNTER_OPTIONS} from './counter.options';\n\nconst LIMIT: Record<TuiSizeL | TuiSizeXS, number> = {\n l: 1.25,\n m: 1,\n s: 13 / 16,\n xs: 0.75,\n};\n\n@Component({\n selector: 'tui-counter',\n imports: [TuiButton, TuiFade, TuiFluidTypography],\n templateUrl: './counter.template.html',\n styleUrl: './counter.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [TuiInputNumberStepService, tuiFallbackValueProvider(0)],\n host: {'[attr.data-appearance]': 'appearance()', '[attr.data-size]': 'size()'},\n})\nexport class TuiCounter extends TuiControl<number> {\n protected readonly hold = inject(TuiInputNumberStepService<number>);\n protected readonly options = inject(TUI_COUNTER_OPTIONS);\n protected readonly limit = computed(() => LIMIT[this.size()]);\n\n protected readonly $ = this.hold.steps$\n .pipe(takeUntilDestroyed())\n .subscribe((value) => this.onStep(value));\n\n public readonly step = input(this.options.step);\n public readonly size = input(this.options.size);\n public readonly min = input(this.options.min);\n public readonly max = input(this.options.max);\n public readonly appearance = input(this.options.appearance);\n\n protected onStep(step: number): void {\n this.onChange(tuiClamp(tuiSum(this.value(), step), this.min(), this.max()));\n }\n}\n","<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() - step() < min()\"\n [iconStart]=\"options.icons.decrease\"\n [size]=\"size()\"\n (click)=\"onStep(-step())\"\n (pointerdown.prevent)=\"hold.next(-step())\"\n>\n -\n</button>\n<output\n tuiFade\n class=\"t-content\"\n [tuiFluidTypography]=\"[0.625, limit()]\"\n>\n {{ value() }}\n <ng-content />\n</output>\n<button\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [appearance]=\"appearance()\"\n [disabled]=\"value() + step() > max()\"\n [iconStart]=\"options.icons.increase\"\n [size]=\"size()\"\n (click)=\"onStep(step())\"\n (pointerdown.prevent)=\"hold.next(step())\"\n>\n +\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -166,13 +166,13 @@ class TuiFilesComponent {
|
|
|
166
166
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
167
167
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiFilesComponent, isStandalone: true, selector: "tui-files", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, providers: [
|
|
168
168
|
tuiGroupOptionsProvider({ size: 'm', collapsed: true, orientation: 'vertical' }),
|
|
169
|
-
], queries: [{ propertyName: "items", predicate: TuiItem, read: TemplateRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: "<ng-content />\n@for (item of items(); track $index) {\n @if (!max() || $index < max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n}\n@if (max() && items().length > max()) {\n <tui-expand [expanded]=\"expanded()\">\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n @for (item of items(); track $index) {\n @if (max() && $index >= max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n }\n </div>\n </tui-expand>\n <div\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded()\"\n >\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"expanded.set(!expanded())\"\n >\n {{ expanded() ? hideText() : showAllText() }}\n </button>\n </div>\n}\n", styles: ["tui-files:where(*[data-tui-version=\"5.
|
|
169
|
+
], queries: [{ propertyName: "items", predicate: TuiItem, read: TemplateRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: "<ng-content />\n@for (item of items(); track $index) {\n @if (!max() || $index < max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n}\n@if (max() && items().length > max()) {\n <tui-expand [expanded]=\"expanded()\">\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n @for (item of items(); track $index) {\n @if (max() && $index >= max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n }\n </div>\n </tui-expand>\n <div\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded()\"\n >\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"expanded.set(!expanded())\"\n >\n {{ expanded() ? hideText() : showAllText() }}\n </button>\n </div>\n}\n", styles: ["tui-files:where(*[data-tui-version=\"5.20.0\"]){inline-size:100%;overflow:hidden;border-radius:var(--tui-radius-m)}tui-files:where(*[data-tui-version=\"5.20.0\"]):empty:empty{display:none}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-files{position:relative;display:block;inline-size:100%;block-size:100%;border-radius:var(--tui-radius-m);overflow:hidden}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-button{inline-size:100%;border-radius:inherit}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-bottom{z-index:3;inline-size:100%;background:var(--tui-background-base);-webkit-mask-image:none!important;mask-image:none!important}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-bottom_collapsed{box-shadow:var(--tui-shadow-popup);margin-block-start:-1.5rem}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-extra-items{inline-size:100%}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-extra-items>*{border-radius:0!important}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "directive", type: TuiGroup, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "collapsed", "rounded", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
170
170
|
}
|
|
171
171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFilesComponent, decorators: [{
|
|
172
172
|
type: Component,
|
|
173
173
|
args: [{ selector: 'tui-files', imports: [NgTemplateOutlet, TuiButton, TuiExpand, TuiGroup], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
174
174
|
tuiGroupOptionsProvider({ size: 'm', collapsed: true, orientation: 'vertical' }),
|
|
175
|
-
], hostDirectives: [TuiGroup], template: "<ng-content />\n@for (item of items(); track $index) {\n @if (!max() || $index < max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n}\n@if (max() && items().length > max()) {\n <tui-expand [expanded]=\"expanded()\">\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n @for (item of items(); track $index) {\n @if (max() && $index >= max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n }\n </div>\n </tui-expand>\n <div\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded()\"\n >\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"expanded.set(!expanded())\"\n >\n {{ expanded() ? hideText() : showAllText() }}\n </button>\n </div>\n}\n", styles: ["tui-files:where(*[data-tui-version=\"5.
|
|
175
|
+
], hostDirectives: [TuiGroup], template: "<ng-content />\n@for (item of items(); track $index) {\n @if (!max() || $index < max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n}\n@if (max() && items().length > max()) {\n <tui-expand [expanded]=\"expanded()\">\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n @for (item of items(); track $index) {\n @if (max() && $index >= max()) {\n <ng-container [ngTemplateOutlet]=\"item\" />\n }\n }\n </div>\n </tui-expand>\n <div\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded()\"\n >\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"expanded.set(!expanded())\"\n >\n {{ expanded() ? hideText() : showAllText() }}\n </button>\n </div>\n}\n", styles: ["tui-files:where(*[data-tui-version=\"5.20.0\"]){inline-size:100%;overflow:hidden;border-radius:var(--tui-radius-m)}tui-files:where(*[data-tui-version=\"5.20.0\"]):empty:empty{display:none}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-files{position:relative;display:block;inline-size:100%;block-size:100%;border-radius:var(--tui-radius-m);overflow:hidden}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-button{inline-size:100%;border-radius:inherit}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-bottom{z-index:3;inline-size:100%;background:var(--tui-background-base);-webkit-mask-image:none!important;mask-image:none!important}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-bottom_collapsed{box-shadow:var(--tui-shadow-popup);margin-block-start:-1.5rem}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-extra-items{inline-size:100%}tui-files:where(*[data-tui-version=\"5.20.0\"]) .t-extra-items>*{border-radius:0!important}\n"] }]
|
|
176
176
|
}] });
|
|
177
177
|
|
|
178
178
|
class TuiInputFilesContent {
|
|
@@ -350,7 +350,7 @@ class TuiInputFiles {
|
|
|
350
350
|
this.files = dataTransfer?.files;
|
|
351
351
|
}
|
|
352
352
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputFiles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
353
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TuiInputFiles, isStandalone: true, selector: "label[tuiInputFiles]", inputs: { size: { classPropertyName: "size", publicName: "tuiInputFiles", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
353
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TuiInputFiles, isStandalone: true, selector: "label[tuiInputFiles]", inputs: { size: { classPropertyName: "size", publicName: "tuiInputFiles", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.20.0", "tuiInputFiles": "" }, listeners: { "change": "onFilesSelected($event.target)", "dragenter": "onDrag($event.dataTransfer)", "dragleave": "onDrag(null)", "dragover.prevent.zoneless": "0", "drop.prevent": "onDropped($event)" }, properties: { "attr.data-size": "size() || options.size", "class._dragged": "fileDragged" } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: TuiInputFilesDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
354
354
|
<ng-content />
|
|
355
355
|
<span
|
|
356
356
|
*polymorpheusOutlet="
|
|
@@ -360,7 +360,7 @@ class TuiInputFiles {
|
|
|
360
360
|
>
|
|
361
361
|
{{ text }}
|
|
362
362
|
</span>
|
|
363
|
-
`, isInline: true, styles: ["label[tuiInputFiles]:where(*[data-tui-version=\"5.
|
|
363
|
+
`, isInline: true, styles: ["label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]){position:relative;display:flex;box-sizing:border-box;flex-direction:column;min-block-size:var(--tui-height-m);justify-content:center;align-items:center;text-align:center;border-radius:var(--tui-radius-s);font:var(--tui-typography-body-s);overflow-wrap:break-word;padding:.75rem 1rem;gap:.5rem}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"])[data-size=l]{min-block-size:var(--tui-height-l);border-radius:var(--tui-radius-l);font:var(--tui-typography-body-m);padding:1rem}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"])>:not(input){position:relative;pointer-events:none}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;color:transparent;cursor:pointer}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input:disabled~*{opacity:var(--tui-disabled-opacity)}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input::-webkit-file-upload-button{display:none}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input::file-selector-button{display:none}*:disabled label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]){pointer-events:none}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);border-radius:inherit;box-sizing:border-box;border:1px dashed var(--tui-text-action);outline:none}tui-root._mobile [tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]){border-style:solid}[tuiInputFiles]._dragged [tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]){background:var(--tui-background-neutral-1);border-color:var(--tui-text-action-hover)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){background:var(--tui-background-neutral-1);border-color:var(--tui-text-action-hover)}}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-state=hover]{background:var(--tui-background-neutral-1);border-color:var(--tui-text-action-hover)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){background:var(--tui-background-neutral-1-hover)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-state=active]{background:var(--tui-background-neutral-1-hover)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):disabled:not([data-state]),[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-state=disabled]{background:transparent;border-color:var(--tui-text-tertiary)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):focus-visible:not([data-focus=false]){border:.125rem solid var(--tui-border-focus)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-focus=true]{border:.125rem solid var(--tui-border-focus)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):not(:disabled)[data-mode~=invalid],[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):invalid:not(:disabled):not([data-mode]){border-color:var(--tui-status-negative)!important}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
364
364
|
}
|
|
365
365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputFiles, decorators: [{
|
|
366
366
|
type: Component,
|
|
@@ -384,7 +384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
384
384
|
'(dragleave)': 'onDrag(null)',
|
|
385
385
|
'(dragover.prevent.zoneless)': '0',
|
|
386
386
|
'(drop.prevent)': 'onDropped($event)',
|
|
387
|
-
}, styles: ["label[tuiInputFiles]:where(*[data-tui-version=\"5.
|
|
387
|
+
}, styles: ["label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]){position:relative;display:flex;box-sizing:border-box;flex-direction:column;min-block-size:var(--tui-height-m);justify-content:center;align-items:center;text-align:center;border-radius:var(--tui-radius-s);font:var(--tui-typography-body-s);overflow-wrap:break-word;padding:.75rem 1rem;gap:.5rem}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"])[data-size=l]{min-block-size:var(--tui-height-l);border-radius:var(--tui-radius-l);font:var(--tui-typography-body-m);padding:1rem}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"])>:not(input){position:relative;pointer-events:none}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;color:transparent;cursor:pointer}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input:disabled~*{opacity:var(--tui-disabled-opacity)}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input::-webkit-file-upload-button{display:none}label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]) input::file-selector-button{display:none}*:disabled label[tuiInputFiles]:where(*[data-tui-version=\"5.20.0\"]){pointer-events:none}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]){transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);border-radius:inherit;box-sizing:border-box;border:1px dashed var(--tui-text-action);outline:none}tui-root._mobile [tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]){border-style:solid}[tuiInputFiles]._dragged [tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]){background:var(--tui-background-neutral-1);border-color:var(--tui-text-action-hover)}@media(hover:hover)and (pointer:fine){[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){background:var(--tui-background-neutral-1);border-color:var(--tui-text-action-hover)}}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-state=hover]{background:var(--tui-background-neutral-1);border-color:var(--tui-text-action-hover)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not([data-state]){background:var(--tui-background-neutral-1-hover)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-state=active]{background:var(--tui-background-neutral-1-hover)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):disabled:not([data-state]),[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-state=disabled]{background:transparent;border-color:var(--tui-text-tertiary)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):focus-visible:not([data-focus=false]){border:.125rem solid var(--tui-border-focus)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"])[data-focus=true]{border:.125rem solid var(--tui-border-focus)}[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):not(:disabled)[data-mode~=invalid],[tuiAppearance][data-appearance=file]:where(*[data-tui-version=\"5.20.0\"]):invalid:not(:disabled):not([data-mode]){border-color:var(--tui-status-negative)!important}\n"] }]
|
|
388
388
|
}] });
|
|
389
389
|
|
|
390
390
|
class TuiFileRejectedPipe {
|
|
@@ -60,14 +60,14 @@ class TuiInputChipDirective extends TuiControl {
|
|
|
60
60
|
.tuiActiveZoneChange.pipe(filter((active) => !active && !this.el.matches('select')), takeUntilDestroyed())
|
|
61
61
|
.subscribe(() => {
|
|
62
62
|
this.onEnter();
|
|
63
|
-
this.
|
|
63
|
+
this.erase();
|
|
64
64
|
});
|
|
65
65
|
this.separator = input(this.options.separator);
|
|
66
66
|
this.unique = input(this.options.unique);
|
|
67
67
|
this.el = tuiInjectElement();
|
|
68
68
|
}
|
|
69
69
|
setValue(value) {
|
|
70
|
-
this.
|
|
70
|
+
this.erase();
|
|
71
71
|
this.onChange(this.unique() ? Array.from(new Set(value.reverse())).reverse() : value);
|
|
72
72
|
}
|
|
73
73
|
onEnter(rawValue = this.textfield.value()) {
|
|
@@ -121,8 +121,14 @@ class TuiInputChipDirective extends TuiControl {
|
|
|
121
121
|
});
|
|
122
122
|
}, 100);
|
|
123
123
|
}
|
|
124
|
+
erase() {
|
|
125
|
+
if (this.el.value) {
|
|
126
|
+
this.el.value = '';
|
|
127
|
+
this.el.dispatchEvent(new Event('input', { bubbles: true }));
|
|
128
|
+
}
|
|
129
|
+
}
|
|
124
130
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputChipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
125
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputChipDirective, isStandalone: true, selector: "input[tuiInputChip]", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, unique: { classPropertyName: "unique", publicName: "unique", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "enterkeyhint": "enter" }, listeners: { "drop.prevent": "onPaste($event)", "focus": "scrollTo()", "input": "onInput()", "keydown.enter.prevent": "onEnter()", "keydown.zoneless": "onBackspace($event.key)", "paste.prevent": "onPaste($event)" }, properties: { "disabled": "disabled()" } }, providers: [
|
|
131
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputChipDirective, isStandalone: true, selector: "input[tuiInputChip]", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, unique: { classPropertyName: "unique", publicName: "unique", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "enterkeyhint": "enter" }, listeners: { "drop.prevent": "onPaste($event)", "focus": "scrollTo()", "input": "textfield.focused() && onInput()", "keydown.enter.prevent": "onEnter()", "keydown.zoneless": "onBackspace($event.key)", "paste.prevent": "onPaste($event)" }, properties: { "disabled": "disabled()" } }, providers: [
|
|
126
132
|
tuiAsControl(TuiInputChipDirective),
|
|
127
133
|
tuiFallbackValueProvider([]),
|
|
128
134
|
tuiAsTextfieldAccessor(TuiInputChipDirective),
|
|
@@ -143,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
143
149
|
'[disabled]': 'disabled()',
|
|
144
150
|
'(drop.prevent)': 'onPaste($event)',
|
|
145
151
|
'(focus)': 'scrollTo()',
|
|
146
|
-
'(input)': 'onInput()',
|
|
152
|
+
'(input)': 'textfield.focused() && onInput()',
|
|
147
153
|
'(keydown.enter.prevent)': 'onEnter()',
|
|
148
154
|
'(keydown.zoneless)': 'onBackspace($event.key)',
|
|
149
155
|
'(paste.prevent)': 'onPaste($event)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-input-chip.mjs","sources":["../../../projects/kit/components/input-chip/input-chip.options.ts","../../../projects/kit/components/input-chip/input-chip.utils.ts","../../../projects/kit/components/input-chip/input-chip.directive.ts","../../../projects/kit/components/input-chip/input-chip.component.ts","../../../projects/kit/components/input-chip/input-chip.template.html","../../../projects/kit/components/input-chip/input-chip.ts","../../../projects/kit/components/input-chip/taiga-ui-kit-components-input-chip.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiInputChipOptions {\n readonly separator: RegExp | string;\n readonly unique: boolean;\n}\n\nexport const TUI_INPUT_CHIP_DEFAULT_OPTIONS: TuiInputChipOptions = {\n separator: ',',\n unique: true,\n};\n\nexport const [TUI_INPUT_CHIP_OPTIONS, tuiInputChipOptionsProvider] = tuiCreateOptions(\n TUI_INPUT_CHIP_DEFAULT_OPTIONS,\n);\n","import {tuiSanitizeText} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\n\nexport function tuiParseInputChipValue<T>(\n rawValue: string,\n separator: RegExp | string,\n handlers: TuiItemsHandlers<T>,\n): T[] {\n const value = rawValue.trim();\n const items = separator ? value.split(separator) : [value];\n const isDisabled = handlers.disabledItemHandler();\n const stringify = handlers.stringify();\n\n return items\n .map((item) => tuiSanitizeText(item) as T)\n .filter((item) => item && !isDisabled(item) && stringify(item));\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiGetClipboardDataText, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {\n tuiAsTextfieldAccessor,\n type TuiTextfieldAccessor,\n TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {\n TUI_ITEMS_HANDLERS,\n type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {\n TuiDropdownDirective,\n tuiDropdownEnabled,\n TuiDropdownOpen,\n} from '@taiga-ui/core/portals/dropdown';\nimport {filter} from 'rxjs';\n\nimport {TUI_INPUT_CHIP_OPTIONS} from './input-chip.options';\nimport {tuiParseInputChipValue} from './input-chip.utils';\n\n// TODO: Consider making input[tuiTextfieldMulti] to reuse here and in InputDateMulti\n@Directive({\n selector: 'input[tuiInputChip]',\n providers: [\n tuiAsControl(TuiInputChipDirective),\n tuiFallbackValueProvider([]),\n tuiAsTextfieldAccessor(TuiInputChipDirective),\n ],\n hostDirectives: [TuiWithInput],\n host: {\n enterkeyhint: 'enter',\n '[disabled]': 'disabled()',\n '(drop.prevent)': 'onPaste($event)',\n '(focus)': 'scrollTo()',\n '(input)': 'onInput()',\n '(keydown.enter.prevent)': 'onEnter()',\n '(keydown.zoneless)': 'onBackspace($event.key)',\n '(paste.prevent)': 'onPaste($event)',\n },\n})\nexport class TuiInputChipDirective<T>\n extends TuiControl<T[]>\n implements TuiTextfieldAccessor<T[]>\n{\n private readonly options = inject(TUI_INPUT_CHIP_OPTIONS);\n private readonly mobile = inject(WA_IS_MOBILE);\n private readonly dropdown = inject(TuiDropdownDirective);\n\n protected readonly textfield = inject(TuiTextfieldMultiComponent);\n protected readonly open = inject(TuiDropdownOpen).open;\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly dropdownEnabled = tuiDropdownEnabled(this.interactive);\n\n protected readonly sub = inject(TuiActiveZone)\n .tuiActiveZoneChange.pipe(\n filter((active) => !active && !this.el.matches('select')),\n takeUntilDestroyed(),\n )\n .subscribe(() => {\n this.onEnter();\n this.textfield.value.set('');\n });\n\n public readonly separator = input(this.options.separator);\n public readonly unique = input(this.options.unique);\n public readonly el = tuiInjectElement<HTMLInputElement>();\n\n public setValue(value: T[]): void {\n this.textfield.value.set('');\n this.onChange(\n this.unique() ? Array.from(new Set(value.reverse())).reverse() : value,\n );\n }\n\n protected onEnter(rawValue = this.textfield.value()): void {\n const valid = tuiParseInputChipValue(rawValue, this.separator(), this.handlers);\n\n if (!valid.length) {\n return;\n }\n\n this.setValue([...this.value(), ...valid]);\n this.scrollTo();\n }\n\n protected onInput(): void {\n this.open.set(!!this.dropdown.content());\n\n if (this.separator() && this.textfield.value().match(this.separator())) {\n this.onEnter();\n } else {\n this.scrollTo();\n }\n }\n\n protected onPaste(event: ClipboardEvent | DragEvent): void {\n const input = this.textfield.input();\n\n const value =\n 'dataTransfer' in event\n ? event.dataTransfer?.getData('text/plain') || ''\n : tuiGetClipboardDataText(event);\n\n if (input) {\n input.nativeElement.value = value;\n }\n\n this.onEnter(value);\n }\n\n protected onBackspace(key: string): void {\n // (keydown.backspace) doesn't emit event on empty input in ios safari\n if (key === 'Backspace' && !this.textfield.value() && this.interactive()) {\n if (this.mobile || !this.textfield.item()) {\n this.onChange(this.value().slice(0, -1));\n } else {\n this.el.dispatchEvent(\n new KeyboardEvent('keydown', {\n key: 'ArrowLeft',\n bubbles: true,\n }),\n );\n }\n }\n }\n\n protected scrollTo(): void {\n const sign = this.textfield.el.matches('[dir=\"rtl\"] :scope') ? -1 : 1;\n\n // Allow change detection to run and add new tag to DOM\n setTimeout(() => {\n this.textfield.el.scrollTo({\n left: sign * Number.MAX_SAFE_INTEGER,\n top: Number.MAX_SAFE_INTEGER,\n });\n }, 100);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n input,\n type Signal,\n signal,\n viewChild,\n} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {\n TUI_TEXTFIELD_OPTIONS,\n type TuiTextfieldItem,\n TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {\n TUI_ITEMS_HANDLERS,\n type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {TuiHintDirective, TuiHintOverflow} from '@taiga-ui/core/portals/hint';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiChip} from '@taiga-ui/kit/components/chip';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\nimport {injectContext} from '@taiga-ui/polymorpheus';\n\nimport {TuiInputChipDirective} from './input-chip.directive';\nimport {tuiParseInputChipValue} from './input-chip.utils';\n\n@Component({\n selector: 'tui-input-chip',\n imports: [\n FormsModule,\n ReactiveFormsModule,\n TuiButton,\n TuiChip,\n TuiFade,\n TuiHintOverflow,\n ],\n templateUrl: './input-chip.template.html',\n styleUrl: './input-chip.styles.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiChip],\n host: {\n tuiChip: '',\n class: 'tui-interactive',\n '[attr.tabIndex]': 'disabled() ? null : -1',\n '[class._edit]': 'editing()',\n '(click)': 'editing() && $event.stopPropagation()',\n '(dblclick)': 'edit()',\n '(keydown.backspace.prevent)': 'delete()',\n '(keydown.enter.prevent)': 'edit()',\n },\n})\nexport class TuiInputChipComponent<T> {\n private readonly options = inject(TUI_TEXTFIELD_OPTIONS);\n private readonly context = injectContext<TuiContext<TuiTextfieldItem<T>>>();\n private readonly value = tuiInjectValue<readonly T[]>();\n\n private readonly input: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild(\n TuiChip,\n {read: ElementRef},\n );\n\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly mobile = inject(WA_IS_MOBILE);\n protected readonly texts = inject(TUI_FILE_TEXTS);\n protected readonly internal = signal(this.context.$implicit.item);\n protected readonly editing = signal(false);\n protected readonly hint = inject(TuiHintDirective, {self: true, optional: true});\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly textfield = inject(TuiTextfieldMultiComponent);\n\n protected readonly disabled = tuiDirectiveBinding(\n TuiAppearance,\n 'tuiAppearanceState',\n computed(() =>\n this.handlers.disabledItemHandler()(this.context.$implicit.item) ||\n this.textfield.cva()?.disabled()\n ? 'disabled'\n : null,\n ),\n );\n\n protected readonly size = tuiDirectiveBinding(\n TuiChip,\n 'size',\n computed(() => (this.options.size() === 'l' ? 's' : 'xs')),\n );\n\n public readonly editable = input(true);\n\n protected get index(): number {\n return this.context.$implicit.index;\n }\n\n protected delete(): void {\n if (this.textfield.cva()?.interactive()) {\n this.textfield\n .cva()\n ?.onChange(this.value().filter((_, i) => i !== this.index));\n }\n\n if (!this.mobile) {\n this.textfield.input()?.nativeElement.focus({preventScroll: true});\n }\n }\n\n protected save(): void {\n const item = this.internal();\n const cva = this.textfield.cva();\n\n if (!item) {\n this.delete();\n\n return;\n }\n\n const isItemDisabled = this.handlers.disabledItemHandler()(item);\n const isChipTextfield = cva instanceof TuiInputChipDirective;\n\n if (isItemDisabled || !isChipTextfield) {\n return;\n }\n\n const items = tuiParseInputChipValue(\n String(item),\n cva.separator(),\n this.handlers,\n );\n\n if (!items.length) {\n return;\n }\n\n cva.setValue(\n this.value().flatMap((valueItem, index) =>\n index === this.index ? items : [valueItem],\n ),\n );\n\n this.editing.set(false);\n this.textfield.input()?.nativeElement.focus({preventScroll: true});\n }\n\n protected cancel(): void {\n this.editing.set(false);\n this.internal.set(this.context.$implicit.item);\n }\n\n protected edit(): void {\n if (\n !this.editable() ||\n !this.textfield.cva()?.interactive() ||\n !tuiIsString(this.internal()) ||\n this.disabled()\n ) {\n return;\n }\n\n this.editing.set(true);\n setTimeout(() => this.input()?.nativeElement.focus());\n }\n}\n","<input\n appearance=\"\"\n enterkeyhint=\"enter\"\n tuiChip\n class=\"t-input\"\n [disabled]=\"!editing()\"\n [ngModel]=\"internal()\"\n [ngModelOptions]=\"{standalone: true}\"\n (blur)=\"cancel()\"\n (keydown.enter)=\"save()\"\n (keydown.esc)=\"cancel()\"\n (keydown.stop)=\"(0)\"\n (ngModelChange)=\"internal.set($event)\"\n/>\n<div\n tuiFade\n tuiFadeOffset=\"0.5rem\"\n class=\"t-text\"\n [tuiHintOverflow]=\"hint?.content() ? null : handlers.stringify()(internal())\"\n (mousedown.prevent.zoneless)=\"(0)\"\n>\n {{ handlers.stringify()(internal()) }}\n</div>\n@if (textfield.cva()?.interactive() && !editing() && !disabled()) {\n <button\n tabIndex=\"-1\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop)=\"delete()\"\n (pointerdown.prevent.stop.zoneless)=\"(0)\"\n >\n {{ texts().remove }}\n </button>\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n TuiTextfieldComponent,\n TuiTextfieldMultiComponent,\n TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputChipComponent} from './input-chip.component';\nimport {TuiInputChipDirective} from './input-chip.directive';\n\nexport const TuiInputChip = [\n TuiItem,\n TuiLabel,\n TuiTextfieldComponent,\n TuiTextfieldOptionsDirective,\n TuiTextfieldMultiComponent,\n TuiDropdownContent,\n TuiInputChipDirective,\n TuiInputChipComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-components-input-chip.mjs","sources":["../../../projects/kit/components/input-chip/input-chip.options.ts","../../../projects/kit/components/input-chip/input-chip.utils.ts","../../../projects/kit/components/input-chip/input-chip.directive.ts","../../../projects/kit/components/input-chip/input-chip.component.ts","../../../projects/kit/components/input-chip/input-chip.template.html","../../../projects/kit/components/input-chip/input-chip.ts","../../../projects/kit/components/input-chip/taiga-ui-kit-components-input-chip.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiInputChipOptions {\n readonly separator: RegExp | string;\n readonly unique: boolean;\n}\n\nexport const TUI_INPUT_CHIP_DEFAULT_OPTIONS: TuiInputChipOptions = {\n separator: ',',\n unique: true,\n};\n\nexport const [TUI_INPUT_CHIP_OPTIONS, tuiInputChipOptionsProvider] = tuiCreateOptions(\n TUI_INPUT_CHIP_DEFAULT_OPTIONS,\n);\n","import {tuiSanitizeText} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\n\nexport function tuiParseInputChipValue<T>(\n rawValue: string,\n separator: RegExp | string,\n handlers: TuiItemsHandlers<T>,\n): T[] {\n const value = rawValue.trim();\n const items = separator ? value.split(separator) : [value];\n const isDisabled = handlers.disabledItemHandler();\n const stringify = handlers.stringify();\n\n return items\n .map((item) => tuiSanitizeText(item) as T)\n .filter((item) => item && !isDisabled(item) && stringify(item));\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiGetClipboardDataText, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {\n tuiAsTextfieldAccessor,\n type TuiTextfieldAccessor,\n TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {\n TUI_ITEMS_HANDLERS,\n type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {\n TuiDropdownDirective,\n tuiDropdownEnabled,\n TuiDropdownOpen,\n} from '@taiga-ui/core/portals/dropdown';\nimport {filter} from 'rxjs';\n\nimport {TUI_INPUT_CHIP_OPTIONS} from './input-chip.options';\nimport {tuiParseInputChipValue} from './input-chip.utils';\n\n// TODO: Consider making input[tuiTextfieldMulti] to reuse here and in InputDateMulti\n@Directive({\n selector: 'input[tuiInputChip]',\n providers: [\n tuiAsControl(TuiInputChipDirective),\n tuiFallbackValueProvider([]),\n tuiAsTextfieldAccessor(TuiInputChipDirective),\n ],\n hostDirectives: [TuiWithInput],\n host: {\n enterkeyhint: 'enter',\n '[disabled]': 'disabled()',\n '(drop.prevent)': 'onPaste($event)',\n '(focus)': 'scrollTo()',\n '(input)': 'textfield.focused() && onInput()',\n '(keydown.enter.prevent)': 'onEnter()',\n '(keydown.zoneless)': 'onBackspace($event.key)',\n '(paste.prevent)': 'onPaste($event)',\n },\n})\nexport class TuiInputChipDirective<T>\n extends TuiControl<T[]>\n implements TuiTextfieldAccessor<T[]>\n{\n private readonly options = inject(TUI_INPUT_CHIP_OPTIONS);\n private readonly mobile = inject(WA_IS_MOBILE);\n private readonly dropdown = inject(TuiDropdownDirective);\n\n protected readonly textfield = inject(TuiTextfieldMultiComponent);\n protected readonly open = inject(TuiDropdownOpen).open;\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly dropdownEnabled = tuiDropdownEnabled(this.interactive);\n\n protected readonly sub = inject(TuiActiveZone)\n .tuiActiveZoneChange.pipe(\n filter((active) => !active && !this.el.matches('select')),\n takeUntilDestroyed(),\n )\n .subscribe(() => {\n this.onEnter();\n this.erase();\n });\n\n public readonly separator = input(this.options.separator);\n public readonly unique = input(this.options.unique);\n public readonly el = tuiInjectElement<HTMLInputElement>();\n\n public setValue(value: T[]): void {\n this.erase();\n this.onChange(\n this.unique() ? Array.from(new Set(value.reverse())).reverse() : value,\n );\n }\n\n protected onEnter(rawValue = this.textfield.value()): void {\n const valid = tuiParseInputChipValue(rawValue, this.separator(), this.handlers);\n\n if (!valid.length) {\n return;\n }\n\n this.setValue([...this.value(), ...valid]);\n this.scrollTo();\n }\n\n protected onInput(): void {\n this.open.set(!!this.dropdown.content());\n\n if (this.separator() && this.textfield.value().match(this.separator())) {\n this.onEnter();\n } else {\n this.scrollTo();\n }\n }\n\n protected onPaste(event: ClipboardEvent | DragEvent): void {\n const input = this.textfield.input();\n\n const value =\n 'dataTransfer' in event\n ? event.dataTransfer?.getData('text/plain') || ''\n : tuiGetClipboardDataText(event);\n\n if (input) {\n input.nativeElement.value = value;\n }\n\n this.onEnter(value);\n }\n\n protected onBackspace(key: string): void {\n // (keydown.backspace) doesn't emit event on empty input in ios safari\n if (key === 'Backspace' && !this.textfield.value() && this.interactive()) {\n if (this.mobile || !this.textfield.item()) {\n this.onChange(this.value().slice(0, -1));\n } else {\n this.el.dispatchEvent(\n new KeyboardEvent('keydown', {\n key: 'ArrowLeft',\n bubbles: true,\n }),\n );\n }\n }\n }\n\n protected scrollTo(): void {\n const sign = this.textfield.el.matches('[dir=\"rtl\"] :scope') ? -1 : 1;\n\n // Allow change detection to run and add new tag to DOM\n setTimeout(() => {\n this.textfield.el.scrollTo({\n left: sign * Number.MAX_SAFE_INTEGER,\n top: Number.MAX_SAFE_INTEGER,\n });\n }, 100);\n }\n\n private erase(): void {\n if (this.el.value) {\n this.el.value = '';\n this.el.dispatchEvent(new Event('input', {bubbles: true}));\n }\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n input,\n type Signal,\n signal,\n viewChild,\n} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {\n TUI_TEXTFIELD_OPTIONS,\n type TuiTextfieldItem,\n TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {\n TUI_ITEMS_HANDLERS,\n type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {TuiHintDirective, TuiHintOverflow} from '@taiga-ui/core/portals/hint';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiChip} from '@taiga-ui/kit/components/chip';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\nimport {injectContext} from '@taiga-ui/polymorpheus';\n\nimport {TuiInputChipDirective} from './input-chip.directive';\nimport {tuiParseInputChipValue} from './input-chip.utils';\n\n@Component({\n selector: 'tui-input-chip',\n imports: [\n FormsModule,\n ReactiveFormsModule,\n TuiButton,\n TuiChip,\n TuiFade,\n TuiHintOverflow,\n ],\n templateUrl: './input-chip.template.html',\n styleUrl: './input-chip.styles.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiChip],\n host: {\n tuiChip: '',\n class: 'tui-interactive',\n '[attr.tabIndex]': 'disabled() ? null : -1',\n '[class._edit]': 'editing()',\n '(click)': 'editing() && $event.stopPropagation()',\n '(dblclick)': 'edit()',\n '(keydown.backspace.prevent)': 'delete()',\n '(keydown.enter.prevent)': 'edit()',\n },\n})\nexport class TuiInputChipComponent<T> {\n private readonly options = inject(TUI_TEXTFIELD_OPTIONS);\n private readonly context = injectContext<TuiContext<TuiTextfieldItem<T>>>();\n private readonly value = tuiInjectValue<readonly T[]>();\n\n private readonly input: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild(\n TuiChip,\n {read: ElementRef},\n );\n\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly mobile = inject(WA_IS_MOBILE);\n protected readonly texts = inject(TUI_FILE_TEXTS);\n protected readonly internal = signal(this.context.$implicit.item);\n protected readonly editing = signal(false);\n protected readonly hint = inject(TuiHintDirective, {self: true, optional: true});\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly textfield = inject(TuiTextfieldMultiComponent);\n\n protected readonly disabled = tuiDirectiveBinding(\n TuiAppearance,\n 'tuiAppearanceState',\n computed(() =>\n this.handlers.disabledItemHandler()(this.context.$implicit.item) ||\n this.textfield.cva()?.disabled()\n ? 'disabled'\n : null,\n ),\n );\n\n protected readonly size = tuiDirectiveBinding(\n TuiChip,\n 'size',\n computed(() => (this.options.size() === 'l' ? 's' : 'xs')),\n );\n\n public readonly editable = input(true);\n\n protected get index(): number {\n return this.context.$implicit.index;\n }\n\n protected delete(): void {\n if (this.textfield.cva()?.interactive()) {\n this.textfield\n .cva()\n ?.onChange(this.value().filter((_, i) => i !== this.index));\n }\n\n if (!this.mobile) {\n this.textfield.input()?.nativeElement.focus({preventScroll: true});\n }\n }\n\n protected save(): void {\n const item = this.internal();\n const cva = this.textfield.cva();\n\n if (!item) {\n this.delete();\n\n return;\n }\n\n const isItemDisabled = this.handlers.disabledItemHandler()(item);\n const isChipTextfield = cva instanceof TuiInputChipDirective;\n\n if (isItemDisabled || !isChipTextfield) {\n return;\n }\n\n const items = tuiParseInputChipValue(\n String(item),\n cva.separator(),\n this.handlers,\n );\n\n if (!items.length) {\n return;\n }\n\n cva.setValue(\n this.value().flatMap((valueItem, index) =>\n index === this.index ? items : [valueItem],\n ),\n );\n\n this.editing.set(false);\n this.textfield.input()?.nativeElement.focus({preventScroll: true});\n }\n\n protected cancel(): void {\n this.editing.set(false);\n this.internal.set(this.context.$implicit.item);\n }\n\n protected edit(): void {\n if (\n !this.editable() ||\n !this.textfield.cva()?.interactive() ||\n !tuiIsString(this.internal()) ||\n this.disabled()\n ) {\n return;\n }\n\n this.editing.set(true);\n setTimeout(() => this.input()?.nativeElement.focus());\n }\n}\n","<input\n appearance=\"\"\n enterkeyhint=\"enter\"\n tuiChip\n class=\"t-input\"\n [disabled]=\"!editing()\"\n [ngModel]=\"internal()\"\n [ngModelOptions]=\"{standalone: true}\"\n (blur)=\"cancel()\"\n (keydown.enter)=\"save()\"\n (keydown.esc)=\"cancel()\"\n (keydown.stop)=\"(0)\"\n (ngModelChange)=\"internal.set($event)\"\n/>\n<div\n tuiFade\n tuiFadeOffset=\"0.5rem\"\n class=\"t-text\"\n [tuiHintOverflow]=\"hint?.content() ? null : handlers.stringify()(internal())\"\n (mousedown.prevent.zoneless)=\"(0)\"\n>\n {{ handlers.stringify()(internal()) }}\n</div>\n@if (textfield.cva()?.interactive() && !editing() && !disabled()) {\n <button\n tabIndex=\"-1\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop)=\"delete()\"\n (pointerdown.prevent.stop.zoneless)=\"(0)\"\n >\n {{ texts().remove }}\n </button>\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n TuiTextfieldComponent,\n TuiTextfieldMultiComponent,\n TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputChipComponent} from './input-chip.component';\nimport {TuiInputChipDirective} from './input-chip.directive';\n\nexport const TuiInputChip = [\n TuiItem,\n TuiLabel,\n TuiTextfieldComponent,\n TuiTextfieldOptionsDirective,\n TuiTextfieldMultiComponent,\n TuiDropdownContent,\n TuiInputChipDirective,\n TuiInputChipComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -48,11 +48,11 @@ class TuiInputColorContent {
|
|
|
48
48
|
this.host.onChange(`${value}${toHex(opacity)}`);
|
|
49
49
|
}
|
|
50
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputColorContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputColorContent, isStandalone: true, selector: "tui-input-color-content", host: { attributes: { "data-tui-version": "5.
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputColorContent, isStandalone: true, selector: "tui-input-color-content", host: { attributes: { "data-tui-version": "5.20.0" } }, ngImport: i0, template: "<input\n #colorPicker\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"host.list\"\n [class.tui-input-color_start]=\"host.align() === 'start'\"\n [disabled]=\"!host.interactive()\"\n [style.--t-opacity]=\"opacityRatio()\"\n [value]=\"host.value().length > 6 ? host.value().slice(0, 7) : ''\"\n (input)=\"onInput(colorPicker.value)\"\n/>\n@if (host.format() === 'hexa' && host.interactive()) {\n <input\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"host.el.focus()\"\n />\n}\n", styles: ["tui-input-color-content:where(*[data-tui-version=\"5.20.0\"]){display:contents}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;pointer-events:auto;order:100;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker.tui-input-color_start{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.20.0\"])[data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}tui-textfield:where(*[data-tui-version=\"5.20.0\"])[data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputColorContent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
|
-
args: [{ selector: 'tui-input-color-content', imports: [FormsModule, TuiSlider], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, template: "<input\n #colorPicker\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"host.list\"\n [class.tui-input-color_start]=\"host.align() === 'start'\"\n [disabled]=\"!host.interactive()\"\n [style.--t-opacity]=\"opacityRatio()\"\n [value]=\"host.value().length > 6 ? host.value().slice(0, 7) : ''\"\n (input)=\"onInput(colorPicker.value)\"\n/>\n@if (host.format() === 'hexa' && host.interactive()) {\n <input\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"host.el.focus()\"\n />\n}\n", styles: ["tui-input-color-content:where(*[data-tui-version=\"5.
|
|
55
|
+
args: [{ selector: 'tui-input-color-content', imports: [FormsModule, TuiSlider], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, template: "<input\n #colorPicker\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"host.list\"\n [class.tui-input-color_start]=\"host.align() === 'start'\"\n [disabled]=\"!host.interactive()\"\n [style.--t-opacity]=\"opacityRatio()\"\n [value]=\"host.value().length > 6 ? host.value().slice(0, 7) : ''\"\n (input)=\"onInput(colorPicker.value)\"\n/>\n@if (host.format() === 'hexa' && host.interactive()) {\n <input\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"host.el.focus()\"\n />\n}\n", styles: ["tui-input-color-content:where(*[data-tui-version=\"5.20.0\"]){display:contents}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;pointer-events:auto;order:100;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker.tui-input-color_start{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.20.0\"]) .tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.20.0\"])[data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}tui-textfield:where(*[data-tui-version=\"5.20.0\"])[data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}\n"] }]
|
|
56
56
|
}] });
|
|
57
57
|
function toHex(value) {
|
|
58
58
|
return value.toString(16).padStart(2, '0');
|