@taiga-ui/layout 4.101.0 → 4.102.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/app-bar/app-bar-back.component.d.ts +1 -1
- package/components/app-bar/app-bar.component.d.ts +1 -0
- package/components/app-bar/liquid-glass/app-bar-button.directive.d.ts +7 -0
- package/components/app-bar/liquid-glass/progressive-blur.component.d.ts +6 -0
- package/components/dynamic-header/dynamic-header-container.directive.d.ts +6 -4
- package/esm2022/components/app-bar/app-bar-back.component.mjs +6 -4
- package/esm2022/components/app-bar/app-bar.component.mjs +10 -5
- package/esm2022/components/app-bar/app-bar.providers.mjs +7 -4
- package/esm2022/components/app-bar/liquid-glass/app-bar-button.directive.mjs +30 -0
- package/esm2022/components/app-bar/liquid-glass/progressive-blur.component.mjs +26 -0
- package/esm2022/components/block-details/block-details.directive.mjs +3 -3
- package/esm2022/components/block-status/block-status.component.mjs +2 -2
- package/esm2022/components/card/collapsed.directive.mjs +3 -3
- package/esm2022/components/card/large.directive.mjs +3 -3
- package/esm2022/components/card/medium.directive.mjs +3 -3
- package/esm2022/components/card/row.directive.mjs +3 -3
- package/esm2022/components/cell/cell.directive.mjs +3 -3
- package/esm2022/components/dynamic-header/dynamic-header-anchor.directive.mjs +12 -2
- package/esm2022/components/dynamic-header/dynamic-header-container.directive.mjs +14 -13
- package/esm2022/components/dynamic-header/dynamic-header.component.mjs +8 -6
- package/esm2022/components/form/form.directive.mjs +3 -3
- package/esm2022/components/header/header.directive.mjs +3 -3
- package/esm2022/components/item-group/item-group.directive.mjs +3 -3
- package/esm2022/components/navigation/aside-item.directive.mjs +1 -1
- package/esm2022/components/navigation/aside.component.mjs +3 -3
- package/esm2022/components/navigation/header.component.mjs +3 -3
- package/esm2022/components/navigation/logo.component.mjs +2 -2
- package/esm2022/components/navigation/main.component.mjs +2 -2
- package/esm2022/components/navigation/nav.component.mjs +3 -3
- package/esm2022/components/navigation/subheader.component.mjs +6 -6
- package/esm2022/components/search/search.component.mjs +3 -3
- package/esm2022/directives/list/list.directive.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-app-bar.mjs +64 -13
- package/fesm2022/taiga-ui-layout-components-app-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-block-details.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-block-status.mjs +2 -2
- package/fesm2022/taiga-ui-layout-components-card.mjs +12 -12
- package/fesm2022/taiga-ui-layout-components-cell.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-dynamic-header.mjs +59 -45
- package/fesm2022/taiga-ui-layout-components-dynamic-header.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-form.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-header.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-item-group.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-navigation.mjs +20 -20
- package/fesm2022/taiga-ui-layout-components-search.mjs +3 -3
- package/fesm2022/taiga-ui-layout-directives-list.mjs +3 -3
- package/fesm2022/taiga-ui-layout-directives-list.mjs.map +1 -1
- package/package.json +10 -10
|
@@ -10,13 +10,13 @@ const [TUI_CELL_OPTIONS, tuiCellOptionsProvider] = tuiCreateOptions({ height: 'n
|
|
|
10
10
|
|
|
11
11
|
class TuiCellStyles {
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCellStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCellStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCellV=\"4.
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCellStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCellV=\"4.102.0\"]{--t-padding: .125rem 1rem;--t-radius: var(--tui-radius-s);transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-primary);padding:var(--t-padding);min-block-size:var(--t-height);border-radius:var(--t-radius)}[tuiCellV=\"4.102.0\"]:is(button,label):not(:disabled):active{background:var(--tui-background-neutral-1)}[tuiCellV=\"4.102.0\"]:disabled,[tuiCellV=\"4.102.0\"][data-state=disabled]{opacity:initial;pointer-events:none}[tuiCellV=\"4.102.0\"]:disabled>*:not([tuiTooltip]),[tuiCellV=\"4.102.0\"][data-state=disabled]>*:not([tuiTooltip]){opacity:var(--tui-disabled-opacity)}[tuiCellV=\"4.102.0\"]:is(label):has(input:disabled){opacity:initial;pointer-events:none}[tuiCellV=\"4.102.0\"]:is(label):has(input:disabled)>*:not([tuiTooltip]){opacity:var(--tui-disabled-opacity)}[tuiCellV=\"4.102.0\"] [tuiAccessories]{position:relative;display:flex;max-block-size:var(--t-height);align-items:center;align-self:stretch}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions]{position:absolute;right:0;z-index:1;padding-inline-end:inherit;--t-group-mask: none;--t-group-mask-end: none;--t-group-mask-start: none}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] button,[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] button:focus-visible,[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] a:focus-visible{opacity:1}[tuiCellV=\"4.102.0\"] [tuiSubtitle]{display:flex;align-items:center;gap:.25rem;color:var(--tui-text-secondary)}[tuiCellV=\"4.102.0\"] [tuiTitle]{flex-shrink:7;margin-inline-end:auto;align-items:normal;text-align:start}[tuiCellV=\"4.102.0\"] [tuiTitle]~[tuiTitle]{flex-shrink:3;margin-inline-end:0;text-align:end;align-items:flex-end}[tuiCellV=\"4.102.0\"] [tuiTitle]~[tuiTitle][tuiFade]{align-items:flex-start}[tuiCellV=\"4.102.0\"] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCellV=\"4.102.0\"][data-size=s]{--t-height: calc(var(--tui-height-s) - .125rem);--t-padding: .1875rem 1rem}[tuiCellV=\"4.102.0\"][data-size=s][data-height=spacious]{--t-padding: .4375rem 1rem}[tuiCellV=\"4.102.0\"][data-size=s][data-height=compact]{--t-height: calc(var(--tui-height-s) - .25rem);--t-padding: 0 1rem}[tuiCellV=\"4.102.0\"][data-size=s] [tuiTitle]{max-block-size:100%;font:var(--tui-font-text-ui-s);gap:0}[tuiCellV=\"4.102.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiCellV=\"4.102.0\"][data-size=s]>*:not(:first-child),[tuiCellV=\"4.102.0\"][data-size=s]>[tuiAccessories]>*:not(:first-child){margin-inline-start:.5rem}[tuiCellV=\"4.102.0\"][data-size=s]>tui-avatar,[tuiCellV=\"4.102.0\"][data-size=s]>tui-avatar-stack tui-avatar,[tuiCellV=\"4.102.0\"][data-size=s]>[tuiAccessories] tui-avatar,[tuiCellV=\"4.102.0\"][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem;font:var(--tui-font-text-m);font-size:.5625rem}[tuiCellV=\"4.102.0\"][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCellV=\"4.102.0\"][data-size=m][data-height=spacious]{--t-padding: 1rem}[tuiCellV=\"4.102.0\"][data-size=m][data-height=compact]{--t-height: calc(var(--tui-height-m) - .5rem);--t-padding: 0 1rem}[tuiCellV=\"4.102.0\"][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-s);gap:.125rem}[tuiCellV=\"4.102.0\"][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiCellV=\"4.102.0\"][data-size=m]>*:not(:first-child),[tuiCellV=\"4.102.0\"][data-size=m]>[tuiAccessories]>*:not(:first-child){margin-inline-start:.5rem}[tuiCellV=\"4.102.0\"][data-size=m]>tui-avatar,[tuiCellV=\"4.102.0\"][data-size=m]>tui-avatar-stack tui-avatar,[tuiCellV=\"4.102.0\"][data-size=m]>[tuiAccessories] tui-avatar,[tuiCellV=\"4.102.0\"][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem;align-self:flex-start}[tuiCellV=\"4.102.0\"][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem;--t-radius: var(--tui-radius-l)}[tuiCellV=\"4.102.0\"][data-size=l][data-height=spacious]{--t-padding: 1.25rem 1rem}[tuiCellV=\"4.102.0\"][data-size=l][data-height=compact]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: 0 1rem}[tuiCellV=\"4.102.0\"][data-size=l]>*:not(:first-child),[tuiCellV=\"4.102.0\"][data-size=l]>[tuiAccessories]>*:not(:first-child){margin-inline-start:1rem}[tuiCellV=\"4.102.0\"][data-size=l]>tui-avatar,[tuiCellV=\"4.102.0\"][data-size=l]>tui-avatar-stack tui-avatar,[tuiCellV=\"4.102.0\"][data-size=l]>[tuiAccessories] tui-avatar,[tuiCellV=\"4.102.0\"][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem;font:var(--tui-font-text-m);font-weight:700;align-self:flex-start}[tuiCellV=\"4.102.0\"][tuiCellStretch]{width:-moz-available;width:-webkit-fill-available;width:stretch;margin-inline-start:calc(-1 * var(--tui-padding-inline, 0px));margin-inline-end:calc(-1 * var(--tui-padding-inline, 0px));padding-inline-start:var(--tui-padding-inline, 0);padding-inline-end:var(--tui-padding-inline, 0)}[tuiCellV=\"4.102.0\"]:hover [tuiCellActions]~*{opacity:0}[tuiCellV=\"4.102.0\"]:hover [tuiCellActions] button,[tuiCellV=\"4.102.0\"]:hover [tuiCellActions] a,[tuiCellV=\"4.102.0\"]:hover [tuiCellActions] label{opacity:1}[tuiCellV=\"4.102.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiOption] [tuiCellV=\"4.102.0\"],tui-primitive-textfield [tuiCellV=\"4.102.0\"],tui-textfield [tuiCellV=\"4.102.0\"]{padding:0;white-space:nowrap;overflow:hidden;border-radius:0}@media (hover: hover) and (pointer: fine){a[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:disabled,[data-state=disabled]),button[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:disabled,[data-state=disabled]),label[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:disabled,[data-state=disabled]){background:var(--tui-background-neutral-1);cursor:pointer}label[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:has(input:disabled)){background:var(--tui-background-neutral-1);cursor:pointer}}[data-platform=ios] [tuiCellV=\"4.102.0\"][tuiCellStretch],[data-platform=android] [tuiCellV=\"4.102.0\"][tuiCellStretch]{border-radius:0!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCellStyles, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
18
18
|
class: 'tui-cell',
|
|
19
|
-
}, styles: ["[tuiCellV=\"4.
|
|
19
|
+
}, styles: ["[tuiCellV=\"4.102.0\"]{--t-padding: .125rem 1rem;--t-radius: var(--tui-radius-s);transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-primary);padding:var(--t-padding);min-block-size:var(--t-height);border-radius:var(--t-radius)}[tuiCellV=\"4.102.0\"]:is(button,label):not(:disabled):active{background:var(--tui-background-neutral-1)}[tuiCellV=\"4.102.0\"]:disabled,[tuiCellV=\"4.102.0\"][data-state=disabled]{opacity:initial;pointer-events:none}[tuiCellV=\"4.102.0\"]:disabled>*:not([tuiTooltip]),[tuiCellV=\"4.102.0\"][data-state=disabled]>*:not([tuiTooltip]){opacity:var(--tui-disabled-opacity)}[tuiCellV=\"4.102.0\"]:is(label):has(input:disabled){opacity:initial;pointer-events:none}[tuiCellV=\"4.102.0\"]:is(label):has(input:disabled)>*:not([tuiTooltip]){opacity:var(--tui-disabled-opacity)}[tuiCellV=\"4.102.0\"] [tuiAccessories]{position:relative;display:flex;max-block-size:var(--t-height);align-items:center;align-self:stretch}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions]{position:absolute;right:0;z-index:1;padding-inline-end:inherit;--t-group-mask: none;--t-group-mask-end: none;--t-group-mask-start: none}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] button,[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] button:focus-visible,[tuiCellV=\"4.102.0\"] [tuiCellActions][tuiCellActions] a:focus-visible{opacity:1}[tuiCellV=\"4.102.0\"] [tuiSubtitle]{display:flex;align-items:center;gap:.25rem;color:var(--tui-text-secondary)}[tuiCellV=\"4.102.0\"] [tuiTitle]{flex-shrink:7;margin-inline-end:auto;align-items:normal;text-align:start}[tuiCellV=\"4.102.0\"] [tuiTitle]~[tuiTitle]{flex-shrink:3;margin-inline-end:0;text-align:end;align-items:flex-end}[tuiCellV=\"4.102.0\"] [tuiTitle]~[tuiTitle][tuiFade]{align-items:flex-start}[tuiCellV=\"4.102.0\"] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCellV=\"4.102.0\"][data-size=s]{--t-height: calc(var(--tui-height-s) - .125rem);--t-padding: .1875rem 1rem}[tuiCellV=\"4.102.0\"][data-size=s][data-height=spacious]{--t-padding: .4375rem 1rem}[tuiCellV=\"4.102.0\"][data-size=s][data-height=compact]{--t-height: calc(var(--tui-height-s) - .25rem);--t-padding: 0 1rem}[tuiCellV=\"4.102.0\"][data-size=s] [tuiTitle]{max-block-size:100%;font:var(--tui-font-text-ui-s);gap:0}[tuiCellV=\"4.102.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiCellV=\"4.102.0\"][data-size=s]>*:not(:first-child),[tuiCellV=\"4.102.0\"][data-size=s]>[tuiAccessories]>*:not(:first-child){margin-inline-start:.5rem}[tuiCellV=\"4.102.0\"][data-size=s]>tui-avatar,[tuiCellV=\"4.102.0\"][data-size=s]>tui-avatar-stack tui-avatar,[tuiCellV=\"4.102.0\"][data-size=s]>[tuiAccessories] tui-avatar,[tuiCellV=\"4.102.0\"][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem;font:var(--tui-font-text-m);font-size:.5625rem}[tuiCellV=\"4.102.0\"][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCellV=\"4.102.0\"][data-size=m][data-height=spacious]{--t-padding: 1rem}[tuiCellV=\"4.102.0\"][data-size=m][data-height=compact]{--t-height: calc(var(--tui-height-m) - .5rem);--t-padding: 0 1rem}[tuiCellV=\"4.102.0\"][data-size=m] [tuiTitle]{font:var(--tui-font-text-ui-s);gap:.125rem}[tuiCellV=\"4.102.0\"][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiCellV=\"4.102.0\"][data-size=m]>*:not(:first-child),[tuiCellV=\"4.102.0\"][data-size=m]>[tuiAccessories]>*:not(:first-child){margin-inline-start:.5rem}[tuiCellV=\"4.102.0\"][data-size=m]>tui-avatar,[tuiCellV=\"4.102.0\"][data-size=m]>tui-avatar-stack tui-avatar,[tuiCellV=\"4.102.0\"][data-size=m]>[tuiAccessories] tui-avatar,[tuiCellV=\"4.102.0\"][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem;align-self:flex-start}[tuiCellV=\"4.102.0\"][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem;--t-radius: var(--tui-radius-l)}[tuiCellV=\"4.102.0\"][data-size=l][data-height=spacious]{--t-padding: 1.25rem 1rem}[tuiCellV=\"4.102.0\"][data-size=l][data-height=compact]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: 0 1rem}[tuiCellV=\"4.102.0\"][data-size=l]>*:not(:first-child),[tuiCellV=\"4.102.0\"][data-size=l]>[tuiAccessories]>*:not(:first-child){margin-inline-start:1rem}[tuiCellV=\"4.102.0\"][data-size=l]>tui-avatar,[tuiCellV=\"4.102.0\"][data-size=l]>tui-avatar-stack tui-avatar,[tuiCellV=\"4.102.0\"][data-size=l]>[tuiAccessories] tui-avatar,[tuiCellV=\"4.102.0\"][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem;font:var(--tui-font-text-m);font-weight:700;align-self:flex-start}[tuiCellV=\"4.102.0\"][tuiCellStretch]{width:-moz-available;width:-webkit-fill-available;width:stretch;margin-inline-start:calc(-1 * var(--tui-padding-inline, 0px));margin-inline-end:calc(-1 * var(--tui-padding-inline, 0px));padding-inline-start:var(--tui-padding-inline, 0);padding-inline-end:var(--tui-padding-inline, 0)}[tuiCellV=\"4.102.0\"]:hover [tuiCellActions]~*{opacity:0}[tuiCellV=\"4.102.0\"]:hover [tuiCellActions] button,[tuiCellV=\"4.102.0\"]:hover [tuiCellActions] a,[tuiCellV=\"4.102.0\"]:hover [tuiCellActions] label{opacity:1}[tuiCellV=\"4.102.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiOption] [tuiCellV=\"4.102.0\"],tui-primitive-textfield [tuiCellV=\"4.102.0\"],tui-textfield [tuiCellV=\"4.102.0\"]{padding:0;white-space:nowrap;overflow:hidden;border-radius:0}@media (hover: hover) and (pointer: fine){a[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:disabled,[data-state=disabled]),button[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:disabled,[data-state=disabled]),label[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:disabled,[data-state=disabled]){background:var(--tui-background-neutral-1);cursor:pointer}label[tuiCellV=\"4.102.0\"]:not([tuiSurface]):hover:not(:has(input:disabled)){background:var(--tui-background-neutral-1);cursor:pointer}}[data-platform=ios] [tuiCellV=\"4.102.0\"][tuiCellStretch],[data-platform=android] [tuiCellV=\"4.102.0\"][tuiCellStretch]{border-radius:0!important}\n"] }]
|
|
20
20
|
}] });
|
|
21
21
|
class TuiCell {
|
|
22
22
|
constructor() {
|
|
@@ -26,7 +26,7 @@ class TuiCell {
|
|
|
26
26
|
this.height = this.options.height;
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
29
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiCell, isStandalone: true, selector: "[tuiCell]:not(ng-template)", inputs: { size: ["tuiCell", "size"], height: ["tuiCellHeight", "height"] }, host: { attributes: { "tuiCell": "", "tuiCellV": "4.
|
|
29
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiCell, isStandalone: true, selector: "[tuiCell]:not(ng-template)", inputs: { size: ["tuiCell", "size"], height: ["tuiCellHeight", "height"] }, host: { attributes: { "tuiCell": "", "tuiCellV": "4.102.0" }, properties: { "attr.data-size": "size || options.size", "attr.data-height": "height" } }, providers: [
|
|
30
30
|
tuiAvatarOptionsProvider({ size: 'm' }),
|
|
31
31
|
tuiButtonOptionsProvider({ size: 's' }),
|
|
32
32
|
], ngImport: i0 }); }
|
|
@@ -1,57 +1,36 @@
|
|
|
1
1
|
import { NgForOf, NgIf } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { signal, Directive, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewContainerRef, TemplateRef } from '@angular/core';
|
|
4
|
+
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
4
5
|
import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
|
|
5
6
|
import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
|
|
6
7
|
import { toSignal } from '@angular/core/rxjs-interop';
|
|
7
8
|
import * as i1 from '@ng-web-apis/intersection-observer';
|
|
8
|
-
import {
|
|
9
|
-
import { EMPTY_QUERY } from '@taiga-ui/cdk/constants';
|
|
9
|
+
import { WaIntersectionRoot, WaIntersectionObserverDirective } from '@ng-web-apis/intersection-observer';
|
|
10
10
|
import { tuiZoneOptimized } from '@taiga-ui/cdk/observables';
|
|
11
11
|
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
12
12
|
import { fromEvent, map, pairwise, distinctUntilChanged } from 'rxjs';
|
|
13
13
|
|
|
14
|
-
class TuiDynamicHeaderAnchorDirective {
|
|
15
|
-
constructor() {
|
|
16
|
-
this.viewContainer = inject(ViewContainerRef);
|
|
17
|
-
this.observer = inject(WaIntersectionObserverDirective);
|
|
18
|
-
this.container = inject(TuiDynamicHeaderContainerDirective);
|
|
19
|
-
this.templateRef = inject((TemplateRef));
|
|
20
|
-
this.view = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
21
|
-
this.visible = signal(false);
|
|
22
|
-
}
|
|
23
|
-
ngAfterViewInit() {
|
|
24
|
-
this.observer.observe(this.view.rootNodes[0], ([e]) => {
|
|
25
|
-
this.visible.set(!e?.isIntersecting);
|
|
26
|
-
this.container.update();
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
ngOnDestroy() {
|
|
30
|
-
this.observer.unobserve(this.view.rootNodes[0]);
|
|
31
|
-
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiDynamicHeaderAnchorDirective, isStandalone: true, selector: "[tuiDynamicHeaderAnchor]", ngImport: i0 }); }
|
|
34
|
-
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderAnchorDirective, decorators: [{
|
|
36
|
-
type: Directive,
|
|
37
|
-
args: [{
|
|
38
|
-
standalone: true,
|
|
39
|
-
selector: '[tuiDynamicHeaderAnchor]',
|
|
40
|
-
}]
|
|
41
|
-
}] });
|
|
42
|
-
|
|
43
14
|
class TuiDynamicHeaderContainerDirective {
|
|
44
15
|
constructor() {
|
|
45
16
|
this.el = tuiInjectElement();
|
|
46
|
-
this.headers =
|
|
17
|
+
this.headers = signal([]);
|
|
47
18
|
this.hiddenHeaders = signal([]);
|
|
48
19
|
this.scrollDir = toSignal(fromEvent(this.el, 'scroll').pipe(map(({ target }) => target.scrollTop), pairwise(), map(([prev, next]) => (next > prev ? -1 : 1)), distinctUntilChanged(), tuiZoneOptimized()));
|
|
49
20
|
}
|
|
21
|
+
register(anchor) {
|
|
22
|
+
this.headers.update((headers) => [...headers, anchor]);
|
|
23
|
+
}
|
|
24
|
+
unregister(anchor) {
|
|
25
|
+
this.headers.update((headers) => headers.filter((h) => h !== anchor));
|
|
26
|
+
}
|
|
50
27
|
update() {
|
|
51
|
-
this.hiddenHeaders.set(this.headers
|
|
28
|
+
this.hiddenHeaders.set(this.headers()
|
|
29
|
+
.filter((h) => h.visible())
|
|
30
|
+
.map((h) => h.templateRef));
|
|
52
31
|
}
|
|
53
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
54
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiDynamicHeaderContainerDirective, isStandalone: true, selector: "[tuiDynamicHeaderContainer]", host: { attributes: { "waIntersectionRootMargin": "-44px 0px 1000000% 0px" } },
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiDynamicHeaderContainerDirective, isStandalone: true, selector: "[tuiDynamicHeaderContainer]", host: { attributes: { "waIntersectionRootMargin": "-44px 0px 1000000% 0px" } }, hostDirectives: [{ directive: i1.WaIntersectionRoot }, { directive: i1.WaIntersectionObserverDirective }], ngImport: i0 }); }
|
|
55
34
|
}
|
|
56
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderContainerDirective, decorators: [{
|
|
57
36
|
type: Directive,
|
|
@@ -63,19 +42,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
63
42
|
waIntersectionRootMargin: '-44px 0px 1000000% 0px',
|
|
64
43
|
},
|
|
65
44
|
}]
|
|
66
|
-
}]
|
|
67
|
-
type: ContentChildren,
|
|
68
|
-
args: [TuiDynamicHeaderAnchorDirective, {
|
|
69
|
-
descendants: true,
|
|
70
|
-
}]
|
|
71
|
-
}] } });
|
|
45
|
+
}] });
|
|
72
46
|
|
|
73
47
|
class TuiDynamicHeaderComponent {
|
|
74
48
|
constructor() {
|
|
75
49
|
this.container = inject(TuiDynamicHeaderContainerDirective);
|
|
76
50
|
}
|
|
77
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiDynamicHeaderComponent, isStandalone: true, selector: "[tuiDynamicHeader]", host: { properties: { "style.--t-dir": "container.scrollDir() || -1" } }, ngImport: i0, template: `
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiDynamicHeaderComponent, isStandalone: true, selector: "[tuiDynamicHeader]", host: { attributes: { "tuiDynamicHeaderV": "4.102.0" }, properties: { "style.--t-dir": "container.scrollDir() || -1" } }, ngImport: i0, template: `
|
|
79
53
|
<div
|
|
80
54
|
*ngIf="!container.hiddenHeaders().length; else dynamic"
|
|
81
55
|
tuiAnimated
|
|
@@ -94,7 +68,7 @@ class TuiDynamicHeaderComponent {
|
|
|
94
68
|
</div>
|
|
95
69
|
</ng-container>
|
|
96
70
|
</ng-template>
|
|
97
|
-
`, isInline: true, styles: ["
|
|
71
|
+
`, isInline: true, styles: ["[tuiDynamicHeaderV=\"4.102.0\"]{display:flex;block-size:100%;align-items:center;justify-content:center}[data-platform=android] [tuiDynamicHeaderV=\"4.102.0\"]{justify-content:start}[tuiDynamicHeaderV=\"4.102.0\"] .tui-enter{animation-name:tuiFade,tuiSlide;--tui-from: translateY(calc(-200% * var(--t-dir)))}[tuiDynamicHeaderV=\"4.102.0\"] .tui-leave{animation-name:tuiFade,tuiSlide;--tui-from: translateY(calc(200% * var(--t-dir)))}[tuiDynamicHeaderV=\"4.102.0\"] .tui-enter:not(:first-of-type),[tuiDynamicHeaderV=\"4.102.0\"] .tui-leave:not(:first-of-type){position:absolute}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderV=\"4.102.0\"]{--t-duration: calc(var(--tui-duration) * 5 / 3)}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderV=\"4.102.0\"] .tui-enter{animation-name:tuiFade,tuiSlide,tuiBlur;--tui-duration: var(--t-duration);--tui-from: translateY(calc(-50% * var(--t-dir)))}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderV=\"4.102.0\"] .tui-leave{animation-name:tuiFade,tuiSlide,tuiBlur;--tui-duration: var(--t-duration);--tui-from: translateY(calc(50% * var(--t-dir)))}[tuiDynamicHeaderV=\"4.102.0\"][tuiHeader]{align-items:center}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderContainer] [tuiHeader],[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderContainer] [tuiHeader] [tuiTitle]{transition:opacity var(--tui-duration) linear}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAnimated, selector: "[tuiAnimated]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
98
72
|
}
|
|
99
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderComponent, decorators: [{
|
|
100
74
|
type: Component,
|
|
@@ -117,9 +91,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
117
91
|
</div>
|
|
118
92
|
</ng-container>
|
|
119
93
|
</ng-template>
|
|
120
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
94
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
95
|
+
tuiDynamicHeaderV: TUI_VERSION,
|
|
121
96
|
'[style.--t-dir]': 'container.scrollDir() || -1',
|
|
122
|
-
}, styles: ["
|
|
97
|
+
}, styles: ["[tuiDynamicHeaderV=\"4.102.0\"]{display:flex;block-size:100%;align-items:center;justify-content:center}[data-platform=android] [tuiDynamicHeaderV=\"4.102.0\"]{justify-content:start}[tuiDynamicHeaderV=\"4.102.0\"] .tui-enter{animation-name:tuiFade,tuiSlide;--tui-from: translateY(calc(-200% * var(--t-dir)))}[tuiDynamicHeaderV=\"4.102.0\"] .tui-leave{animation-name:tuiFade,tuiSlide;--tui-from: translateY(calc(200% * var(--t-dir)))}[tuiDynamicHeaderV=\"4.102.0\"] .tui-enter:not(:first-of-type),[tuiDynamicHeaderV=\"4.102.0\"] .tui-leave:not(:first-of-type){position:absolute}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderV=\"4.102.0\"]{--t-duration: calc(var(--tui-duration) * 5 / 3)}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderV=\"4.102.0\"] .tui-enter{animation-name:tuiFade,tuiSlide,tuiBlur;--tui-duration: var(--t-duration);--tui-from: translateY(calc(-50% * var(--t-dir)))}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderV=\"4.102.0\"] .tui-leave{animation-name:tuiFade,tuiSlide,tuiBlur;--tui-duration: var(--t-duration);--tui-from: translateY(calc(50% * var(--t-dir)))}[tuiDynamicHeaderV=\"4.102.0\"][tuiHeader]{align-items:center}[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderContainer] [tuiHeader],[data-platform=ios].tui-liquid-glass [tuiDynamicHeaderContainer] [tuiHeader] [tuiTitle]{transition:opacity var(--tui-duration) linear}\n"] }]
|
|
98
|
+
}] });
|
|
99
|
+
|
|
100
|
+
class TuiDynamicHeaderAnchorDirective {
|
|
101
|
+
constructor() {
|
|
102
|
+
this.viewContainer = inject(ViewContainerRef);
|
|
103
|
+
this.observer = inject(WaIntersectionObserverDirective);
|
|
104
|
+
this.container = inject(TuiDynamicHeaderContainerDirective);
|
|
105
|
+
this.templateRef = inject((TemplateRef));
|
|
106
|
+
this.view = this.viewContainer.createEmbeddedView(this.templateRef);
|
|
107
|
+
this.visible = signal(false);
|
|
108
|
+
}
|
|
109
|
+
ngAfterViewInit() {
|
|
110
|
+
this.container.register(this);
|
|
111
|
+
this.observer.observe(this.view.rootNodes[0], ([e]) => {
|
|
112
|
+
const isIntersecting = e?.isIntersecting ?? false;
|
|
113
|
+
const target = e?.target;
|
|
114
|
+
this.visible.set(!isIntersecting);
|
|
115
|
+
if (isIntersecting) {
|
|
116
|
+
target.style.removeProperty('opacity');
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
target.style.setProperty('opacity', '0');
|
|
120
|
+
}
|
|
121
|
+
this.container.update();
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
ngOnDestroy() {
|
|
125
|
+
this.observer.unobserve(this.view.rootNodes[0]);
|
|
126
|
+
this.container.unregister(this);
|
|
127
|
+
}
|
|
128
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
129
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiDynamicHeaderAnchorDirective, isStandalone: true, selector: "[tuiDynamicHeaderAnchor]", ngImport: i0 }); }
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiDynamicHeaderAnchorDirective, decorators: [{
|
|
132
|
+
type: Directive,
|
|
133
|
+
args: [{
|
|
134
|
+
standalone: true,
|
|
135
|
+
selector: '[tuiDynamicHeaderAnchor]',
|
|
136
|
+
}]
|
|
123
137
|
}] });
|
|
124
138
|
|
|
125
139
|
const TuiDynamicHeader = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-layout-components-dynamic-header.mjs","sources":["../../../projects/layout/components/dynamic-header/dynamic-header-anchor.directive.ts","../../../projects/layout/components/dynamic-header/dynamic-header-container.directive.ts","../../../projects/layout/components/dynamic-header/dynamic-header.component.ts","../../../projects/layout/components/dynamic-header/dynamic-header.ts","../../../projects/layout/components/dynamic-header/taiga-ui-layout-components-dynamic-header.ts"],"sourcesContent":["import {\n type AfterViewInit,\n Directive,\n inject,\n type OnDestroy,\n signal,\n TemplateRef,\n ViewContainerRef,\n} from '@angular/core';\nimport {WaIntersectionObserverDirective} from '@ng-web-apis/intersection-observer';\n\nimport {TuiDynamicHeaderContainerDirective} from './dynamic-header-container.directive';\n\n@Directive({\n standalone: true,\n selector: '[tuiDynamicHeaderAnchor]',\n})\nexport class TuiDynamicHeaderAnchorDirective implements AfterViewInit, OnDestroy {\n private readonly viewContainer = inject(ViewContainerRef);\n private readonly observer = inject(WaIntersectionObserverDirective);\n private readonly container = inject(TuiDynamicHeaderContainerDirective);\n public readonly templateRef = inject(TemplateRef<unknown>);\n public readonly view = this.viewContainer.createEmbeddedView(this.templateRef);\n public readonly visible = signal(false);\n\n public ngAfterViewInit(): void {\n this.observer.observe(this.view.rootNodes[0], ([e]) => {\n this.visible.set(!e?.isIntersecting);\n this.container.update();\n });\n }\n\n public ngOnDestroy(): void {\n this.observer.unobserve(this.view.rootNodes[0]);\n }\n}\n","import {\n ContentChildren,\n Directive,\n type QueryList,\n signal,\n type TemplateRef,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {\n WaIntersectionObserverDirective,\n WaIntersectionRoot,\n} from '@ng-web-apis/intersection-observer';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk/constants';\nimport {tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {distinctUntilChanged, fromEvent, map, pairwise} from 'rxjs';\n\nimport {TuiDynamicHeaderAnchorDirective} from './dynamic-header-anchor.directive';\n\n@Directive({\n standalone: true,\n selector: '[tuiDynamicHeaderContainer]',\n hostDirectives: [WaIntersectionRoot, WaIntersectionObserverDirective],\n host: {\n waIntersectionRootMargin: '-44px 0px 1000000% 0px',\n },\n})\nexport class TuiDynamicHeaderContainerDirective {\n private readonly el = tuiInjectElement();\n\n @ContentChildren(TuiDynamicHeaderAnchorDirective, {\n descendants: true,\n })\n protected readonly headers: QueryList<TuiDynamicHeaderAnchorDirective> = EMPTY_QUERY;\n\n public hiddenHeaders = signal<Array<TemplateRef<unknown>>>([]);\n\n public scrollDir = toSignal(\n fromEvent(this.el, 'scroll').pipe(\n map(({target}) => (target as HTMLElement).scrollTop),\n pairwise(),\n map(([prev, next]) => (next > prev ? -1 : 1)),\n distinctUntilChanged(),\n tuiZoneOptimized(),\n ),\n );\n\n public update(): void {\n this.hiddenHeaders.set(\n this.headers.filter((h) => h.visible()).map((h) => h.templateRef),\n );\n }\n}\n","import {NgForOf, NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiDynamicHeaderContainerDirective} from './dynamic-header-container.directive';\n\n@Component({\n standalone: true,\n selector: '[tuiDynamicHeader]',\n imports: [NgForOf, NgIf, PolymorpheusOutlet, TuiAnimated],\n template: `\n <div\n *ngIf=\"!container.hiddenHeaders().length; else dynamic\"\n tuiAnimated\n >\n <ng-content />\n </div>\n <ng-template #dynamic>\n <ng-container\n *ngFor=\"let header of container.hiddenHeaders(); let last = last\"\n >\n <div\n *ngIf=\"last\"\n tuiAnimated\n >\n <div *polymorpheusOutlet=\"header as text\">{{ text }}</div>\n </div>\n </ng-container>\n </ng-template>\n `,\n styleUrls: ['./dynamic-header.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[style.--t-dir]': 'container.scrollDir() || -1',\n },\n})\nexport class TuiDynamicHeaderComponent {\n protected readonly container = inject(TuiDynamicHeaderContainerDirective);\n}\n","import {TuiDynamicHeaderComponent} from './dynamic-header.component';\nimport {TuiDynamicHeaderAnchorDirective} from './dynamic-header-anchor.directive';\nimport {TuiDynamicHeaderContainerDirective} from './dynamic-header-container.directive';\n\nexport const TuiDynamicHeader = [\n TuiDynamicHeaderComponent,\n TuiDynamicHeaderAnchorDirective,\n TuiDynamicHeaderContainerDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-layout-components-dynamic-header.mjs","sources":["../../../projects/layout/components/dynamic-header/dynamic-header-container.directive.ts","../../../projects/layout/components/dynamic-header/dynamic-header.component.ts","../../../projects/layout/components/dynamic-header/dynamic-header-anchor.directive.ts","../../../projects/layout/components/dynamic-header/dynamic-header.ts","../../../projects/layout/components/dynamic-header/taiga-ui-layout-components-dynamic-header.ts"],"sourcesContent":["import {Directive, signal, type TemplateRef} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {\n WaIntersectionObserverDirective,\n WaIntersectionRoot,\n} from '@ng-web-apis/intersection-observer';\nimport {tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {distinctUntilChanged, fromEvent, map, pairwise} from 'rxjs';\n\nimport {type TuiDynamicHeaderAnchorDirective} from './dynamic-header-anchor.directive';\n\n@Directive({\n standalone: true,\n selector: '[tuiDynamicHeaderContainer]',\n hostDirectives: [WaIntersectionRoot, WaIntersectionObserverDirective],\n host: {\n waIntersectionRootMargin: '-44px 0px 1000000% 0px',\n },\n})\nexport class TuiDynamicHeaderContainerDirective {\n private readonly el = tuiInjectElement();\n private readonly headers = signal<TuiDynamicHeaderAnchorDirective[]>([]);\n\n public hiddenHeaders = signal<Array<TemplateRef<unknown>>>([]);\n\n public scrollDir = toSignal(\n fromEvent(this.el, 'scroll').pipe(\n map(({target}) => (target as HTMLElement).scrollTop),\n pairwise(),\n map(([prev, next]) => (next > prev ? -1 : 1)),\n distinctUntilChanged(),\n tuiZoneOptimized(),\n ),\n );\n\n public register(anchor: TuiDynamicHeaderAnchorDirective): void {\n this.headers.update((headers) => [...headers, anchor]);\n }\n\n public unregister(anchor: TuiDynamicHeaderAnchorDirective): void {\n this.headers.update((headers) => headers.filter((h) => h !== anchor));\n }\n\n public update(): void {\n this.hiddenHeaders.set(\n this.headers()\n .filter((h) => h.visible())\n .map((h) => h.templateRef),\n );\n }\n}\n","import {NgForOf, NgIf} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiDynamicHeaderContainerDirective} from './dynamic-header-container.directive';\n\n@Component({\n standalone: true,\n selector: '[tuiDynamicHeader]',\n imports: [NgForOf, NgIf, PolymorpheusOutlet, TuiAnimated],\n template: `\n <div\n *ngIf=\"!container.hiddenHeaders().length; else dynamic\"\n tuiAnimated\n >\n <ng-content />\n </div>\n <ng-template #dynamic>\n <ng-container\n *ngFor=\"let header of container.hiddenHeaders(); let last = last\"\n >\n <div\n *ngIf=\"last\"\n tuiAnimated\n >\n <div *polymorpheusOutlet=\"header as text\">{{ text }}</div>\n </div>\n </ng-container>\n </ng-template>\n `,\n styleUrls: ['./dynamic-header.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n tuiDynamicHeaderV: TUI_VERSION,\n '[style.--t-dir]': 'container.scrollDir() || -1',\n },\n})\nexport class TuiDynamicHeaderComponent {\n protected readonly container = inject(TuiDynamicHeaderContainerDirective);\n}\n","import {\n type AfterViewInit,\n Directive,\n inject,\n type OnDestroy,\n signal,\n TemplateRef,\n ViewContainerRef,\n} from '@angular/core';\nimport {WaIntersectionObserverDirective} from '@ng-web-apis/intersection-observer';\n\nimport {TuiDynamicHeaderContainerDirective} from './dynamic-header-container.directive';\n\n@Directive({\n standalone: true,\n selector: '[tuiDynamicHeaderAnchor]',\n})\nexport class TuiDynamicHeaderAnchorDirective implements AfterViewInit, OnDestroy {\n private readonly viewContainer = inject(ViewContainerRef);\n private readonly observer = inject(WaIntersectionObserverDirective);\n private readonly container = inject(TuiDynamicHeaderContainerDirective);\n public readonly templateRef = inject(TemplateRef<unknown>);\n public readonly view = this.viewContainer.createEmbeddedView(this.templateRef);\n public readonly visible = signal(false);\n\n public ngAfterViewInit(): void {\n this.container.register(this);\n this.observer.observe(this.view.rootNodes[0], ([e]) => {\n const isIntersecting = e?.isIntersecting ?? false;\n const target = e?.target as HTMLElement;\n\n this.visible.set(!isIntersecting);\n\n if (isIntersecting) {\n target.style.removeProperty('opacity');\n } else {\n target.style.setProperty('opacity', '0');\n }\n\n this.container.update();\n });\n }\n\n public ngOnDestroy(): void {\n this.observer.unobserve(this.view.rootNodes[0]);\n this.container.unregister(this);\n }\n}\n","import {TuiDynamicHeaderComponent} from './dynamic-header.component';\nimport {TuiDynamicHeaderAnchorDirective} from './dynamic-header-anchor.directive';\nimport {TuiDynamicHeaderContainerDirective} from './dynamic-header-container.directive';\n\nexport const TuiDynamicHeader = [\n TuiDynamicHeaderComponent,\n TuiDynamicHeaderAnchorDirective,\n TuiDynamicHeaderContainerDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYA,MAQa,kCAAkC,CAAA;AAR/C,IAAA,WAAA,GAAA;QASqB,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE,CAAC;AACxB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,EAAE,CAAC,CAAC;AAElE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;AAExD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CACvB,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAI,CAC7B,GAAG,CAAC,CAAC,EAAC,MAAM,EAAC,KAAM,MAAsB,CAAC,SAAS,CAAC,EACpD,QAAQ,EAAE,EACV,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAC7C,oBAAoB,EAAE,EACtB,gBAAgB,EAAE,CACrB,CACJ,CAAC;AAiBL,KAAA;AAfU,IAAA,QAAQ,CAAC,MAAuC,EAAA;AACnD,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;KAC1D;AAEM,IAAA,UAAU,CAAC,MAAuC,EAAA;QACrD,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;KACzE;IAEM,MAAM,GAAA;QACT,IAAI,CAAC,aAAa,CAAC,GAAG,CAClB,IAAI,CAAC,OAAO,EAAE;aACT,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;aAC1B,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CACjC,CAAC;KACL;+GA9BQ,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAlC,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAlC,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAR9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,cAAc,EAAE,CAAC,kBAAkB,EAAE,+BAA+B,CAAC;AACrE,oBAAA,IAAI,EAAE;AACF,wBAAA,wBAAwB,EAAE,wBAAwB;AACrD,qBAAA;AACJ,iBAAA,CAAA;;;ACND,MAgCa,yBAAyB,CAAA;AAhCtC,IAAA,WAAA,GAAA;AAiCuB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAAC;AAC7E,KAAA;+GAFY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EA5BxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;AAmBT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,i2CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EApBS,OAAO,EAAE,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EAAE,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,8HAAE,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FA6B/C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAhCrC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,oBAAoB,EACrB,OAAA,EAAA,CAAC,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,WAAW,CAAC,EAC/C,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;AAmBT,IAAA,CAAA,EAAA,aAAA,EAEc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,iBAAiB,EAAE,WAAW;AAC9B,wBAAA,iBAAiB,EAAE,6BAA6B;AACnD,qBAAA,EAAA,MAAA,EAAA,CAAA,i2CAAA,CAAA,EAAA,CAAA;;;AC9BL,MAIa,+BAA+B,CAAA;AAJ5C,IAAA,WAAA,GAAA;AAKqB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,+BAA+B,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,EAAC,WAAoB,EAAC,CAAC;QAC3C,IAAI,CAAA,IAAA,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC/D,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAwB3C,KAAA;IAtBU,eAAe,GAAA;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAI;AAClD,YAAA,MAAM,cAAc,GAAG,CAAC,EAAE,cAAc,IAAI,KAAK,CAAC;AAClD,YAAA,MAAM,MAAM,GAAG,CAAC,EAAE,MAAqB,CAAC;YAExC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC;AAElC,YAAA,IAAI,cAAc,EAAE;AAChB,gBAAA,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAC1C,aAAA;AAAM,iBAAA;gBACH,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAC5C,aAAA;AAED,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;AAC5B,SAAC,CAAC,CAAC;KACN;IAEM,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KACnC;+GA7BQ,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAJ3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,0BAA0B;AACvC,iBAAA,CAAA;;;ACZY,MAAA,gBAAgB,GAAG;IAC5B,yBAAyB;IACzB,+BAA+B;IAC/B,kCAAkC;;;ACPtC;;AAEG;;;;"}
|
|
@@ -20,13 +20,13 @@ const HEADER_SIZE = {
|
|
|
20
20
|
};
|
|
21
21
|
class TuiFormStyles {
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFormStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiFormStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-form" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiFormV=\"4.
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiFormStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-form" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiFormV=\"4.102.0\"][tuiFormV=\"4.102.0\"]{display:flex;flex-direction:column;align-items:stretch}[tuiFormV=\"4.102.0\"][data-size=s]{gap:.75rem;font:var(--tui-font-text-s)}[tuiFormV=\"4.102.0\"][data-size=s] tui-error:not(.tui-space-top-none){margin-block-start:-.75rem}[tuiFormV=\"4.102.0\"][data-size=s] [tuiHeader]{padding-block-end:.5rem}[tuiFormV=\"4.102.0\"][data-size=s] [tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-ui-s)}[tuiFormV=\"4.102.0\"][data-size=m]{gap:1rem;font:var(--tui-font-text-s)}[tuiFormV=\"4.102.0\"][data-size=m] tui-error:not(.tui-space-top-none){margin-block-start:-1rem}[tuiFormV=\"4.102.0\"][data-size=l]{gap:1.25rem;font:var(--tui-font-text-m)}[tuiFormV=\"4.102.0\"][data-size=l] tui-error:not(.tui-space-top-none){margin-block-start:-1.25rem}[tuiFormV=\"4.102.0\"]>header{padding-block-end:.25rem}[tuiFormV=\"4.102.0\"]>fieldset{display:grid;gap:inherit;grid-auto-flow:column;grid-auto-columns:1fr;border:none;padding:0;margin:0}[tuiFormV=\"4.102.0\"]>footer{display:flex;gap:.75rem;margin-block-start:.25rem}tui-dialog [tuiFormV=\"4.102.0\"]>footer{justify-content:flex-end}[tuiFormV=\"4.102.0\"]>button,[tuiFormV=\"4.102.0\"]>a{align-self:flex-start}[tuiFormV=\"4.102.0\"] [tuiLabel]:not([data-orientation=vertical]){font:inherit}[tuiFormV=\"4.102.0\"][data-size=s] [tuiLabel]:not([data-orientation=vertical]) [tuiTooltip],[tuiFormV=\"4.102.0\"][data-size=m] [tuiLabel]:not([data-orientation=vertical]) [tuiTooltip]{block-size:1.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFormStyles, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
28
28
|
class: 'tui-form',
|
|
29
|
-
}, styles: ["[tuiFormV=\"4.
|
|
29
|
+
}, styles: ["[tuiFormV=\"4.102.0\"][tuiFormV=\"4.102.0\"]{display:flex;flex-direction:column;align-items:stretch}[tuiFormV=\"4.102.0\"][data-size=s]{gap:.75rem;font:var(--tui-font-text-s)}[tuiFormV=\"4.102.0\"][data-size=s] tui-error:not(.tui-space-top-none){margin-block-start:-.75rem}[tuiFormV=\"4.102.0\"][data-size=s] [tuiHeader]{padding-block-end:.5rem}[tuiFormV=\"4.102.0\"][data-size=s] [tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-ui-s)}[tuiFormV=\"4.102.0\"][data-size=m]{gap:1rem;font:var(--tui-font-text-s)}[tuiFormV=\"4.102.0\"][data-size=m] tui-error:not(.tui-space-top-none){margin-block-start:-1rem}[tuiFormV=\"4.102.0\"][data-size=l]{gap:1.25rem;font:var(--tui-font-text-m)}[tuiFormV=\"4.102.0\"][data-size=l] tui-error:not(.tui-space-top-none){margin-block-start:-1.25rem}[tuiFormV=\"4.102.0\"]>header{padding-block-end:.25rem}[tuiFormV=\"4.102.0\"]>fieldset{display:grid;gap:inherit;grid-auto-flow:column;grid-auto-columns:1fr;border:none;padding:0;margin:0}[tuiFormV=\"4.102.0\"]>footer{display:flex;gap:.75rem;margin-block-start:.25rem}tui-dialog [tuiFormV=\"4.102.0\"]>footer{justify-content:flex-end}[tuiFormV=\"4.102.0\"]>button,[tuiFormV=\"4.102.0\"]>a{align-self:flex-start}[tuiFormV=\"4.102.0\"] [tuiLabel]:not([data-orientation=vertical]){font:inherit}[tuiFormV=\"4.102.0\"][data-size=s] [tuiLabel]:not([data-orientation=vertical]) [tuiTooltip],[tuiFormV=\"4.102.0\"][data-size=m] [tuiLabel]:not([data-orientation=vertical]) [tuiTooltip]{block-size:1.25rem}\n"] }]
|
|
30
30
|
}] });
|
|
31
31
|
class TuiForm {
|
|
32
32
|
constructor() {
|
|
@@ -38,7 +38,7 @@ class TuiForm {
|
|
|
38
38
|
this.size = size || this.options.size;
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiForm, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
41
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiForm, isStandalone: true, selector: "[tuiForm]", inputs: { tuiForm: "tuiForm" }, host: { attributes: { "tuiForm": "", "tuiFormV": "4.
|
|
41
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiForm, isStandalone: true, selector: "[tuiForm]", inputs: { tuiForm: "tuiForm" }, host: { attributes: { "tuiForm": "", "tuiFormV": "4.102.0" }, properties: { "attr.data-size": "size" } }, providers: [
|
|
42
42
|
projectSize(TUI_BUTTON_OPTIONS, (size) => size),
|
|
43
43
|
projectSize(TUI_NOTIFICATION_OPTIONS, (size) => size),
|
|
44
44
|
projectSize(TUI_HEADER_OPTIONS, (size) => HEADER_SIZE[size]),
|
|
@@ -12,13 +12,13 @@ const [TUI_HEADER_OPTIONS, tuiHeaderOptionsProvider] = tuiCreateOptions({
|
|
|
12
12
|
});
|
|
13
13
|
class TuiHeaderStyles {
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHeaderStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiHeaderStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiHeaderV=\"4.
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiHeaderStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiHeaderV=\"4.102.0\"]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-primary);margin:0;text-align:start;overflow-wrap:break-word}[tuiHeaderV=\"4.102.0\"] p{margin:.25rem 0 0;font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"] p:empty{display:none}[tuiHeaderV=\"4.102.0\"] [tuiTitle]{flex-grow:2;margin:0}[tuiHeaderV=\"4.102.0\"] [tuiTitle]:empty{display:none}[tuiHeaderV=\"4.102.0\"] [tuiAccessories]{display:flex;align-items:center;gap:.75rem;white-space:nowrap}[tuiHeaderV=\"4.102.0\"] [tuiAccessories]:has([tuiLink]){align-items:baseline}[tuiHeaderV=\"4.102.0\"] [tuiAccessories]:before{content:\"\\200b\";visibility:hidden}[tuiHeaderV=\"4.102.0\"] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin:0}[tuiHeaderV=\"4.102.0\"] [tuiLink]{font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-secondary);font-weight:500;text-transform:uppercase;margin:0}[tuiHeaderV=\"4.102.0\"]+[tuiDescription]{margin-block-start:.5rem;font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeaderV=\"4.102.0\"][data-size=xxl]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h1]+[tuiDescription]{margin-block-start:.75rem}[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeaderV=\"4.102.0\"][data-size=m] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h4] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=m] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h4] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeaderV=\"4.102.0\"][data-size=s] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h5] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=s] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h5] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeaderV=\"4.102.0\"][data-size=xs] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h6] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xs] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h6] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeaderV=\"4.102.0\"][data-size=xxs] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-xl] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xxs] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=body-xl] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeaderV=\"4.102.0\"][data-size=xxs] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-xl] [tuiTitle]{font-weight:700}[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiAccessories]{font:var(--tui-font-text-l)}[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiTitle]{font-weight:700}[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiAccessories]{font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiTitle]{gap:.125rem;font-weight:700}[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiLink]{font:var(--tui-font-text-s)}[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=xxl]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=xl]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=l]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h1]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h2]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h3]+[tuiDescription]{font:var(--tui-font-text-l)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHeaderStyles, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
20
20
|
class: 'tui-header',
|
|
21
|
-
}, styles: ["[tuiHeaderV=\"4.
|
|
21
|
+
}, styles: ["[tuiHeaderV=\"4.102.0\"]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-primary);margin:0;text-align:start;overflow-wrap:break-word}[tuiHeaderV=\"4.102.0\"] p{margin:.25rem 0 0;font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"] p:empty{display:none}[tuiHeaderV=\"4.102.0\"] [tuiTitle]{flex-grow:2;margin:0}[tuiHeaderV=\"4.102.0\"] [tuiTitle]:empty{display:none}[tuiHeaderV=\"4.102.0\"] [tuiAccessories]{display:flex;align-items:center;gap:.75rem;white-space:nowrap}[tuiHeaderV=\"4.102.0\"] [tuiAccessories]:has([tuiLink]){align-items:baseline}[tuiHeaderV=\"4.102.0\"] [tuiAccessories]:before{content:\"\\200b\";visibility:hidden}[tuiHeaderV=\"4.102.0\"] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin:0}[tuiHeaderV=\"4.102.0\"] [tuiLink]{font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-secondary);font-weight:500;text-transform:uppercase;margin:0}[tuiHeaderV=\"4.102.0\"]+[tuiDescription]{margin-block-start:.5rem;font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeaderV=\"4.102.0\"][data-size=xxl]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h1]+[tuiDescription]{margin-block-start:.75rem}[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeaderV=\"4.102.0\"][data-size=m] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h4] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=m] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h4] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeaderV=\"4.102.0\"][data-size=s] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h5] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=s] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h5] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeaderV=\"4.102.0\"][data-size=xs] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=h6] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xs] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=h6] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeaderV=\"4.102.0\"][data-size=xxs] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-xl] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=xxs] [tuiAccessories],[tuiHeaderV=\"4.102.0\"][data-size=body-xl] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeaderV=\"4.102.0\"][data-size=xxs] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-xl] [tuiTitle]{font-weight:700}[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiAccessories]{font:var(--tui-font-text-l)}[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiTitle]{font-weight:700}[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiTitle],[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiAccessories]{font:var(--tui-font-text-m)}[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiTitle]{gap:.125rem;font-weight:700}[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=body-m] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=body-l] [tuiLink]{font:var(--tui-font-text-s)}[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiSubtitle],[tuiHeaderV=\"4.102.0\"][data-size=xxl] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=xl] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=l] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=h1] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=h2] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=h3] [tuiLink],[tuiHeaderV=\"4.102.0\"][data-size=xxl]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=xl]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=l]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h1]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h2]+[tuiDescription],[tuiHeaderV=\"4.102.0\"][data-size=h3]+[tuiDescription]{font:var(--tui-font-text-l)}\n"] }]
|
|
22
22
|
}] });
|
|
23
23
|
class TuiHeader {
|
|
24
24
|
constructor() {
|
|
@@ -27,7 +27,7 @@ class TuiHeader {
|
|
|
27
27
|
this.size = this.options.size;
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiHeader, isStandalone: true, selector: "[tuiHeader]", inputs: { size: ["tuiHeader", "size"] }, host: { attributes: { "tuiHeader": "", "tuiHeaderV": "4.
|
|
30
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiHeader, isStandalone: true, selector: "[tuiHeader]", inputs: { size: ["tuiHeader", "size"] }, host: { attributes: { "tuiHeader": "", "tuiHeaderV": "4.102.0" }, properties: { "attr.data-size": "size || options.size" } }, providers: [
|
|
31
31
|
tuiAvatarOptionsProvider({ size: 's' }),
|
|
32
32
|
tuiButtonOptionsProvider({ size: 's' }),
|
|
33
33
|
tuiBadgeOptionsProvider({ size: 'm' }),
|
|
@@ -7,13 +7,13 @@ import { timer, take } from 'rxjs';
|
|
|
7
7
|
|
|
8
8
|
class TuiItemGroupStyles {
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiItemGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiItemGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-item-group" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiItemGroupV=\"4.
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiItemGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-item-group" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiItemGroupV=\"4.102.0\"]{display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroupV=\"4.102.0\"]>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroupV=\"4.102.0\"]._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroupV=\"4.102.0\"]._horizontal::-webkit-scrollbar,[tuiItemGroupV=\"4.102.0\"]._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroupV=\"4.102.0\"]._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroupV=\"4.102.0\"]._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1;transform:scale(1)}[tuiItemGroupV=\"4.102.0\"]._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroupV=\"4.102.0\"]._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiItemGroupStyles, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
class: 'tui-item-group',
|
|
16
|
-
}, styles: ["[tuiItemGroupV=\"4.
|
|
16
|
+
}, styles: ["[tuiItemGroupV=\"4.102.0\"]{display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroupV=\"4.102.0\"]>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroupV=\"4.102.0\"]._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroupV=\"4.102.0\"]._horizontal::-webkit-scrollbar,[tuiItemGroupV=\"4.102.0\"]._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroupV=\"4.102.0\"]._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroupV=\"4.102.0\"]._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1;transform:scale(1)}[tuiItemGroupV=\"4.102.0\"]._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroupV=\"4.102.0\"]._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"] }]
|
|
17
17
|
}] });
|
|
18
18
|
class TuiItemGroup {
|
|
19
19
|
constructor() {
|
|
@@ -39,7 +39,7 @@ class TuiItemGroup {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
42
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiItemGroup, isStandalone: true, selector: "[tuiItemGroup]", inputs: { horizontal: "horizontal", autoscroll: "autoscroll" }, host: { attributes: { "tuiItemGroup": "", "tuiItemGroupV": "4.
|
|
42
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiItemGroup, isStandalone: true, selector: "[tuiItemGroup]", inputs: { horizontal: "horizontal", autoscroll: "autoscroll" }, host: { attributes: { "tuiItemGroup": "", "tuiItemGroupV": "4.102.0" }, listeners: { "click": "onClick($event.target)" }, properties: { "class._horizontal": "horizontal" } }, ngImport: i0 }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiItemGroup, decorators: [{
|
|
45
45
|
type: Directive,
|