@lucca-front/ng 21.3.0-rc.6 → 21.3.0-rc.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
- package/fesm2022/lucca-front-ng-activity-feed.mjs +9 -9
- package/fesm2022/lucca-front-ng-api.mjs +40 -40
- package/fesm2022/lucca-front-ng-app-layout.mjs +4 -4
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +6 -5
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
- package/fesm2022/lucca-front-ng-callout.mjs +24 -24
- package/fesm2022/lucca-front-ng-chip.mjs +3 -3
- package/fesm2022/lucca-front-ng-clear.mjs +3 -3
- package/fesm2022/lucca-front-ng-code.mjs +3 -3
- package/fesm2022/lucca-front-ng-color.mjs +3 -3
- package/fesm2022/lucca-front-ng-comment.mjs +9 -9
- package/fesm2022/lucca-front-ng-container.mjs +3 -3
- package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
- package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
- package/fesm2022/lucca-front-ng-core-select-user.mjs +18 -18
- package/fesm2022/lucca-front-ng-core-select.mjs +51 -51
- package/fesm2022/lucca-front-ng-core.mjs +15 -15
- package/fesm2022/lucca-front-ng-data-table.mjs +24 -24
- package/fesm2022/lucca-front-ng-date.mjs +40 -40
- package/fesm2022/lucca-front-ng-date2.mjs +18 -18
- package/fesm2022/lucca-front-ng-department.mjs +24 -24
- package/fesm2022/lucca-front-ng-dialog.mjs +35 -35
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +3 -3
- package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
- package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
- package/fesm2022/lucca-front-ng-error-page.mjs +3 -3
- package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
- package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-file-upload.mjs +15 -15
- package/fesm2022/lucca-front-ng-filter-pills.mjs +19 -19
- package/fesm2022/lucca-front-ng-footer.mjs +4 -4
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +18 -18
- package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
- package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
- package/fesm2022/lucca-front-ng-form.mjs +3 -3
- package/fesm2022/lucca-front-ng-formly.mjs +58 -58
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +44 -44
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +42 -42
- package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
- package/fesm2022/lucca-front-ng-grid.mjs +6 -6
- package/fesm2022/lucca-front-ng-highlight-data.mjs +3 -3
- package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +12 -12
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-impersonation.mjs +3 -3
- package/fesm2022/lucca-front-ng-index-table.mjs +35 -30
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
- package/fesm2022/lucca-front-ng-input.mjs +21 -21
- package/fesm2022/lucca-front-ng-link.mjs +6 -6
- package/fesm2022/lucca-front-ng-listbox.mjs +9 -9
- package/fesm2022/lucca-front-ng-listing.mjs +6 -6
- package/fesm2022/lucca-front-ng-loading.mjs +3 -3
- package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
- package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
- package/fesm2022/lucca-front-ng-modal.mjs +22 -22
- package/fesm2022/lucca-front-ng-multi-select.mjs +36 -36
- package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
- package/fesm2022/lucca-front-ng-number.mjs +7 -7
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-option.mjs +126 -126
- package/fesm2022/lucca-front-ng-page-header.mjs +4 -4
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
- package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
- package/fesm2022/lucca-front-ng-popover.mjs +17 -17
- package/fesm2022/lucca-front-ng-popover2.mjs +6 -6
- package/fesm2022/lucca-front-ng-popup.mjs +10 -10
- package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
- package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
- package/fesm2022/lucca-front-ng-read-more.mjs +3 -3
- package/fesm2022/lucca-front-ng-resource-card.mjs +13 -13
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
- package/fesm2022/lucca-front-ng-scroll-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +6 -6
- package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
- package/fesm2022/lucca-front-ng-select.mjs +14 -14
- package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
- package/fesm2022/lucca-front-ng-simple-select.mjs +12 -12
- package/fesm2022/lucca-front-ng-skeleton.mjs +26 -26
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
- package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
- package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
- package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
- package/fesm2022/lucca-front-ng-tag.mjs +3 -3
- package/fesm2022/lucca-front-ng-text-flow.mjs +3 -3
- package/fesm2022/lucca-front-ng-time.mjs +18 -18
- package/fesm2022/lucca-front-ng-title.mjs +10 -10
- package/fesm2022/lucca-front-ng-toast.mjs +10 -10
- package/fesm2022/lucca-front-ng-tooltip.mjs +37 -19
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
- package/fesm2022/lucca-front-ng-user-popover.mjs +19 -19
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +60 -60
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
- package/package.json +4 -4
- package/schematics/package.json +3 -0
- package/src/components/_picker.scss +4 -0
- package/types/lucca-front-ng-bubble-icon.d.ts +2 -2
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +4 -2
- package/types/lucca-front-ng-index-table.d.ts +4 -1
- package/types/lucca-front-ng-tooltip.d.ts +7 -2
|
@@ -27,15 +27,15 @@ class DataTableBodyComponent {
|
|
|
27
27
|
expandedToggle() {
|
|
28
28
|
this.expanded.set(!this.expanded());
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DataTableBodyComponent, isStandalone: true, selector: "tbody[luDataTableBody]", inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, groupButtonAlt: { classPropertyName: "groupButtonAlt", publicName: "groupButtonAlt", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "dataTable-body" }, providers: [
|
|
32
32
|
{
|
|
33
33
|
provide: LU_DATA_TABLE_BODY_INSTANCE,
|
|
34
34
|
useExisting: forwardRef(() => DataTableBodyComponent),
|
|
35
35
|
},
|
|
36
36
|
], ngImport: i0, template: "@if (group() && groupButtonAlt()) {\n\t<tr class=\"dataTable-body-row mod-group\">\n\t\t<td class=\"dataTable-body-row-cell\" [attr.colspan]=\"colspan()\">\n\t\t\t<div class=\"dataTable-body-row-cell-expand\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"dataTable-body-row-cell-expand-button\"\n\t\t\t\t\tluButton\n\t\t\t\t\tdisclosure\n\t\t\t\t\t[attr.aria-expanded]=\"expanded()\"\n\t\t\t\t\t(click)=\"expandedToggle()\"\n\t\t\t\t>\n\t\t\t\t\t<lu-icon icon=\"arrowChevronTop\" [alt]=\"groupButtonAlt()\" />\n\t\t\t\t</button>\n\t\t\t\t<ng-container *luPortal=\"group()\" />\n\t\t\t</div>\n\t\t</td>\n\t</tr>\n}\n<ng-content />\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableBodyComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'tbody[luDataTableBody]', encapsulation: ViewEncapsulation.None, host: {
|
|
41
41
|
class: 'dataTable-body',
|
|
@@ -72,10 +72,10 @@ class BaseDataTableCell {
|
|
|
72
72
|
return this.rowRef?.cells().indexOf(this);
|
|
73
73
|
}, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BaseDataTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: BaseDataTableCell, isStandalone: true, selector: "lu-base-data-table-cell", inputs: { editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BaseDataTableCell, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
args: [{
|
|
81
81
|
selector: 'lu-base-data-table-cell',
|
|
@@ -126,15 +126,15 @@ class DataTableRowCellHeaderComponent extends BaseDataTableCell {
|
|
|
126
126
|
this.#inlineSizePx$.next(this.elementRef.nativeElement.clientWidth);
|
|
127
127
|
}).observe(this.elementRef.nativeElement);
|
|
128
128
|
}
|
|
129
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
130
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
129
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableRowCellHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
130
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DataTableRowCellHeaderComponent, isStandalone: true, selector: "th[luDataTableCell]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, fixedWidth: { classPropertyName: "fixedWidth", publicName: "fixedWidth", isSignal: true, isRequired: false, transformFunction: null }, inlineSize: { classPropertyName: "inlineSize", publicName: "inlineSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange" }, host: { properties: { "class.dataTable-body-row-cell": "bodyRef !== null", "class.dataTable-head-row-cell": "headRef !== null", "class.dataTable-foot-row-cell": "footRef !== null", "class.mod-alignStart": "align() === \"start\"", "class.mod-alignCenter": "align() === \"center\"", "class.mod-alignEnd": "align() === \"end\"", "class.mod-stickyColumn": "isStickyStart() || isStickyEnd()", "attr.aria-sort": "sort()", "class.mod-editable": "editable()", "attr.scope": "bodyRef !== null ? \"row\" : \"col\"", "style.--dataTable-layoutFixed-width": "inlineSize() || fixedWidth()", "style.insetInlineStart": "insetInlineStart()", "style.insetInlineEnd": "insetInlineEnd()" } }, providers: [
|
|
131
131
|
{
|
|
132
132
|
provide: LU_DATA_TABLE_CELL_INSTANCE,
|
|
133
133
|
useExisting: forwardRef(() => DataTableRowCellHeaderComponent),
|
|
134
134
|
},
|
|
135
135
|
], usesInheritance: true, ngImport: i0, template: "@if (sort()) {\n\t<button luButton type=\"button\" class=\"tableSortable\" [(ngModel)]=\"sort\">\n\t\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n\t\t<span class=\"tableSortable-arrows\">\n\t\t\t<lu-icon icon=\"chevronTop\" class=\"tableSortable-arrows-ascending\" />\n\t\t\t<lu-icon icon=\"chevronBottom\" class=\"tableSortable-arrows-descending\" />\n\t\t</span>\n\t</button>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n}\n\n<ng-template #contentTpl><ng-content /></ng-template>\n", styles: ["@layer components{.tableSortable.button{--components-sortable-arrowColor: var(--palettes-neutral-500);--components-sortable-arrowScale: 1;--components-sortable-direction: row;--components-sortable-offset: calc(var(--pr-t-spacings-50) * -1);--components-sortable-fontWeight: 400;--components-sortable-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-50);-webkit-user-select:none;user-select:none;font-weight:var(--components-sortable-fontWeight);vertical-align:top;align-items:flex-end;white-space:wrap;inset-inline-start:var(--components-sortable-offset);padding:0 var(--pr-t-spacings-50);gap:var(--pr-t-spacings-25);text-align:inherit;flex-direction:var(--components-sortable-direction);font-size:var(--components-sortable-fontSize);line-height:var(--components-sortable-lineHeight);color:currentColor;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.tableSortable.button:hover,.tableSortable.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.tableSortable.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.tableSortable.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.tableSortable-arrows{margin-block-end:var(--components-sortable-arrowsOffset);position:relative;inline-size:1rem;block-size:1rem}.tableSortable-arrows-ascending,.tableSortable-arrows-descending{--icon-size: 1rem;position:absolute;inset:0;color:var(--components-sortable-arrowColor);transition-property:translate,scale,color;transition-duration:var(--commons-animations-durations-slow);scale:var(--components-sortable-arrowScale)}.tableSortable-arrows-ascending{translate:0 calc(var(--pr-t-spacings-50) * -1)}.tableSortable-arrows-descending{translate:0 var(--pr-t-spacings-50)}}@layer mods{.table-head-row-cell.mod-alignStart .tableSortable,.table-head-row-cell.mod-alignLeft .tableSortable,.dataTable-head-row-cell.mod-alignStart .tableSortable,.dataTable-head-row-cell.mod-alignLeft .tableSortable,.indexTable-head-row-cell.mod-alignStart .tableSortable,.indexTable-head-row-cell.mod-alignLeft .tableSortable{--components-sortable-direction: row;--components-sortable-offset: calc(var(--pr-t-spacings-50) * -1)}.table-head-row-cell.mod-alignEnd .tableSortable,.table-head-row-cell.mod-alignRight .tableSortable,.dataTable-head-row-cell.mod-alignEnd .tableSortable,.dataTable-head-row-cell.mod-alignRight .tableSortable,.indexTable-head-row-cell.mod-alignEnd .tableSortable,.indexTable-head-row-cell.mod-alignRight .tableSortable{--components-sortable-direction: row-reverse;--components-sortable-offset: var(--pr-t-spacings-50)}.table-head-row-cell.mod-alignCenter .tableSortable,.dataTable-head-row-cell.mod-alignCenter .tableSortable,.indexTable-head-row-cell.mod-alignCenter .tableSortable{--components-sortable-offset: var(--pr-t-spacings-100)}.table-head-row-cell[aria-sort=ascending] .tableSortable .tableSortable-arrows-ascending,.dataTable-head-row-cell[aria-sort=ascending] .tableSortable .tableSortable-arrows-ascending,.indexTable-head-row-cell[aria-sort=ascending] .tableSortable .tableSortable-arrows-ascending,.table-head-row-cell[aria-sort=descending] .tableSortable .tableSortable-arrows-descending,.dataTable-head-row-cell[aria-sort=descending] .tableSortable .tableSortable-arrows-descending,.indexTable-head-row-cell[aria-sort=descending] .tableSortable .tableSortable-arrows-descending{--components-sortable-arrowColor: var(--palettes-neutral-700);--components-sortable-arrowScale: 1.25}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: FormsModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableRowCellHeaderComponent, decorators: [{
|
|
138
138
|
type: Component,
|
|
139
139
|
args: [{ selector: 'th[luDataTableCell]', encapsulation: ViewEncapsulation.None, host: {
|
|
140
140
|
'[class.dataTable-body-row-cell]': 'bodyRef !== null',
|
|
@@ -181,15 +181,15 @@ class DataTableRowCellComponent extends BaseDataTableCell {
|
|
|
181
181
|
return this.tableRef?.header()?.cols()?.[this.position()]?.insetInlineEnd();
|
|
182
182
|
}, ...(ngDevMode ? [{ debugName: "insetInlineEnd" }] : /* istanbul ignore next */ []));
|
|
183
183
|
}
|
|
184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
185
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: DataTableRowCellComponent, isStandalone: true, selector: "td[luDataTableCell]", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dataTable-body-row-cell": "bodyRef !== null", "class.dataTable-head-row-cell": "headRef !== null", "class.dataTable-foot-row-cell": "footRef !== null", "class.mod-alignStart": "align() === \"start\" || alignCol() === \"start\"", "class.mod-alignCenter": "align() === \"center\" || alignCol() === \"center\"", "class.mod-alignEnd": "align() === \"end\" || alignCol() === \"end\"", "class.mod-editable": "editable()", "class.mod-actions": "actions()", "class.mod-stickyColumn": "isSticky()", "style.insetInlineStart": "insetInlineStart()", "style.insetInlineEnd": "insetInlineEnd()" } }, providers: [
|
|
186
186
|
{
|
|
187
187
|
provide: LU_DATA_TABLE_CELL_INSTANCE,
|
|
188
188
|
useExisting: forwardRef(() => DataTableRowCellComponent),
|
|
189
189
|
},
|
|
190
190
|
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
191
191
|
}
|
|
192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableRowCellComponent, decorators: [{
|
|
193
193
|
type: Component,
|
|
194
194
|
args: [{
|
|
195
195
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -220,15 +220,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
220
220
|
}], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }] } });
|
|
221
221
|
|
|
222
222
|
class DataTableFootComponent {
|
|
223
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableFootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
224
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: DataTableFootComponent, isStandalone: true, selector: "tfoot[luDataTableFoot]", host: { classAttribute: "dataTable-foot" }, providers: [
|
|
225
225
|
{
|
|
226
226
|
provide: LU_DATA_TABLE_FOOT_INSTANCE,
|
|
227
227
|
useExisting: forwardRef(() => DataTableFootComponent),
|
|
228
228
|
},
|
|
229
229
|
], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
230
230
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableFootComponent, decorators: [{
|
|
232
232
|
type: Component,
|
|
233
233
|
args: [{
|
|
234
234
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -254,15 +254,15 @@ class DataTableHeadComponent {
|
|
|
254
254
|
this.isFirstVisible = signal(false, ...(ngDevMode ? [{ debugName: "isFirstVisible" }] : /* istanbul ignore next */ []));
|
|
255
255
|
this.cols = contentChildren(DataTableRowCellHeaderComponent, { ...(ngDevMode ? { debugName: "cols" } : /* istanbul ignore next */ {}), descendants: true });
|
|
256
256
|
}
|
|
257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
258
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
258
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: DataTableHeadComponent, isStandalone: true, selector: "thead[luDataTableHead]", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-sticky": "sticky()", "class.is-firstBodyRowVisible": "isFirstVisible()" }, classAttribute: "dataTable-head" }, providers: [
|
|
259
259
|
{
|
|
260
260
|
provide: LU_DATA_TABLE_HEAD_INSTANCE,
|
|
261
261
|
useExisting: forwardRef(() => DataTableHeadComponent),
|
|
262
262
|
},
|
|
263
263
|
], queries: [{ propertyName: "cols", predicate: DataTableRowCellHeaderComponent, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.dataTableWrapper{--components-dataTable-shadow-firstColumnOpacity: 1;--components-dataTable-shadow-lastColumnOpacity: 1;--components-dataTable-shadow-firstRowOpacity: 1;--components-dataTable-shadow-lastRowOpacity: 1;--components-dataTable-header-shadow-opacity: 1;--components-dataTable-shadow-colsStart-opacity: 1;--components-dataTable-shadow-colsEnd-opacity: 1;--components-dataTable-shadow-lastRowInsetBlockEnd: 0}}@layer mods{.dataTableWrapper:has(.dataTable.mod-stickyHeader,.dataTable-head.mod-sticky) .dataTable-head{position:sticky;inset-block-start:-1px;z-index:2}.dataTableWrapper:has(.dataTable.mod-stickyHeader,.dataTable-head.mod-sticky) .dataTable-head:after{content:\"\";inset-inline:0;block-size:var(--pr-t-spacings-100);position:absolute;background-image:linear-gradient(color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-400) 24%,transparent),transparent);pointer-events:none;box-shadow:0 1px var(--commons-border-200) inset;opacity:var(--components-dataTable-header-shadow-opacity)}.dataTableWrapper:has(.dataTable.mod-stickyHeader,.dataTable-head.mod-sticky){--components-dataTable-shadow-firstRowOpacity: 0}.dataTableWrapper:has(.dataTableShadows),.dataTableWrapper:has(.dataTable.mod-columnsOverflow){display:flex}.dataTableWrapper:has(.dataTableShadows):before,.dataTableWrapper:has(.dataTableShadows):after,.dataTableWrapper:has(.dataTable.mod-columnsOverflow):before,.dataTableWrapper:has(.dataTable.mod-columnsOverflow):after{content:\"\";position:sticky;inline-size:var(--pr-t-spacings-100);background-image:linear-gradient(to right,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-400) 24%,transparent),transparent);flex-shrink:0;margin-inline-start:calc(var(--pr-t-spacings-100) * -1);inset-block-start:0;pointer-events:none;z-index:3}.dataTableWrapper:has(.dataTableShadows):before,.dataTableWrapper:has(.dataTable.mod-columnsOverflow):before{inset-inline-start:0;opacity:var(--components-dataTable-shadow-firstColumnOpacity)}.dataTableWrapper:has(.dataTableShadows):after,.dataTableWrapper:has(.dataTable.mod-columnsOverflow):after{inset-inline-end:0;transform:scaleX(-1);opacity:var(--components-dataTable-shadow-lastColumnOpacity)}.dataTableWrapper:has(.dataTableShadows) .dataTableShadows,.dataTableWrapper:has(.dataTable.mod-rowsOverflow) .dataTableShadows{display:flex;flex-direction:column;flex-grow:1}.dataTableWrapper:has(.dataTableShadows) .dataTableShadows:before,.dataTableWrapper:has(.dataTableShadows) .dataTableShadows:after,.dataTableWrapper:has(.dataTable.mod-rowsOverflow) .dataTableShadows:before,.dataTableWrapper:has(.dataTable.mod-rowsOverflow) .dataTableShadows:after{content:\"\";position:sticky;display:block;block-size:var(--pr-t-spacings-100);background-image:linear-gradient(to bottom,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-400) 24%,transparent),transparent);margin-block-start:calc(var(--pr-t-spacings-100) * -1);flex-shrink:0;pointer-events:none;z-index:2}.dataTableWrapper:has(.dataTableShadows) .dataTableShadows:before,.dataTableWrapper:has(.dataTable.mod-rowsOverflow) .dataTableShadows:before{inset-block-start:0;opacity:var(--components-dataTable-shadow-firstRowOpacity)}.dataTableWrapper:has(.dataTableShadows) .dataTableShadows:after,.dataTableWrapper:has(.dataTable.mod-rowsOverflow) .dataTableShadows:after{inset-block-end:var(--components-dataTable-shadow-lastRowInsetBlockEnd);transform:scaleY(-1);opacity:var(--components-dataTable-shadow-lastRowOpacity)}.dataTableWrapper:has(.dataTable.is-firstColumnVisible){--components-dataTable-shadow-firstColumnOpacity: 0}.dataTableWrapper:has(.dataTable.is-lastColumnVisible){--components-dataTable-shadow-lastColumnOpacity: 0}.dataTableWrapper:has(.dataTable.is-firstRowVisible){--components-dataTable-shadow-firstRowOpacity: 0}.dataTableWrapper:has(.dataTable.is-lastRowVisible){--components-dataTable-shadow-lastRowOpacity: 0}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)~:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:after,.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:has(~:is(.dataTable-body-row-cell,.dataTable-head-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)):not(:has(+:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn)):after{content:\"\";position:absolute;inset-block:0;inset-inline-start:100%;inline-size:var(--pr-t-spacings-100);pointer-events:none;background-image:linear-gradient(to right,color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-400) 24%,transparent),transparent)}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)~:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn~:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:after{content:none}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) .dataTable-head-row-cell.mod-stickyColumn:first-child{z-index:2}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn{position:sticky}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:first-child{inset-inline-start:0}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:last-child{inset-inline-end:0;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 var(--palettes-neutral-0)}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:has(~:is(.dataTable-body-row-cell,.dataTable-head-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)){transform:translate(-1px);z-index:1}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:has(~:is(.dataTable-body-row-cell,.dataTable-head-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)):not(:has(+:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn)):after{opacity:var(--components-dataTable-shadow-colsStart-opacity)}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)~:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:after{inset-inline-start:auto;inset-inline-end:100%;transform:scaleX(-1);opacity:var(--components-dataTable-shadow-colsEnd-opacity)}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn):has(.dataTable.mod-cellBorder) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:has(~:is(.dataTable-body-row-cell,.dataTable-head-row-cell,.dataTable-foot-row-cell):not(.mod-stickyColumn)):not(:has(+:is(.dataTable-body-row-cell,.dataTable-head-row-cell,.dataTable-foot-row-cell).mod-stickyColumn)):after{--components-dataTable-cell-shadow: 1px 0 var(--commons-border-200) inset}.dataTableWrapper:has(:is(.dataTable-head-row-cell,.dataTable-head-body-cell,.dataTable-foot-row-cell).mod-stickyColumn):has(.dataTable.mod-cellBorder) :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-stickyColumn:last-child{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200), 1px 0 var(--palettes-neutral-0)}.dataTableWrapper:has(.dataTable.is-firstColumnVisibleAfterColsStart){--components-dataTable-shadow-colsStart-opacity: 0}.dataTableWrapper:has(.dataTable.is-lastColumnVisibleBeforeColsEnd){--components-dataTable-shadow-colsEnd-opacity: 0}.dataTableWrapper:has(.dataTableWrapper-pagination:not(:empty)){--components-dataTable-shadow-lastRowInsetBlockEnd: var(--pr-t-spacings-600)}}.dataTableWrapper:has(.dataTable-head.is-firstBodyRowVisible){--components-dataTable-header-shadow-opacity: 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
264
264
|
}
|
|
265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableHeadComponent, decorators: [{
|
|
266
266
|
type: Component,
|
|
267
267
|
args: [{ selector: 'thead[luDataTableHead]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, host: {
|
|
268
268
|
class: 'dataTable-head',
|
|
@@ -321,15 +321,15 @@ class DataTableRowComponent {
|
|
|
321
321
|
this.selectedLabel = input(null, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
|
|
322
322
|
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
323
323
|
}
|
|
324
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
325
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
324
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
325
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DataTableRowComponent, isStandalone: true, selector: "tr[luDataTableRow]", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, selectedLabel: { classPropertyName: "selectedLabel", publicName: "selectedLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, host: { properties: { "class.dataTable-body-row": "bodyRef !== null", "class.dataTable-head-row": "headRef !== null", "class.dataTable-foot-row": "footRef !== null", "class.mod-selectable": "tableRef.selectable() ?? false", "class.mod-draggable": "tableRef.drag() ?? false" } }, providers: [
|
|
326
326
|
{
|
|
327
327
|
provide: LU_DATA_TABLE_ROW_INSTANCE,
|
|
328
328
|
useExisting: forwardRef(() => DataTableRowComponent),
|
|
329
329
|
},
|
|
330
330
|
], queries: [{ propertyName: "cells", predicate: LU_DATA_TABLE_CELL_INSTANCE, isSignal: true }], ngImport: i0, template: "@if (tableRef.drag()) {\n\t<td class=\"dataTable-body-row-cell\" aria-hidden=\"true\">\n\t\t@if (bodyRef) {\n\t\t\t<span class=\"button dataTable-body-row-cell-drag\" cdkDragHandle>\n\t\t\t\t<lu-icon icon=\"dotsDrag\" [alt]=\"intl().move\" />\n\t\t\t</span>\n\t\t}\n\t</td>\n}\n\n@if (tableRef.selectable()) {\n\t@if (headRef) {\n\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\"><ng-container *ngTemplateOutlet=\"input\" /></th>\n\t} @else {\n\t\t<td [class.dataTable-body-row-cell]=\"bodyRef !== null\" [class.dataTable-foot-row-cell]=\"footRef !== null\">\n\t\t\t<ng-container *ngTemplateOutlet=\"input\" />\n\t\t</td>\n\t}\n}\n<ng-content />\n\n<ng-template #input>\n\t@if (!footRef && selectedLabel()) {\n\t\t<lu-form-field [label]=\"selectedLabel()\" hiddenLabel>\n\t\t\t<lu-checkbox-input [(ngModel)]=\"selected\" [disabled]=\"disabled()\" />\n\t\t</lu-form-field>\n\t}\n</ng-template>\n", dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "ngmodule", type: FormsModule }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
331
331
|
}
|
|
332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
332
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableRowComponent, decorators: [{
|
|
333
333
|
type: Component,
|
|
334
334
|
args: [{ selector: 'tr[luDataTableRow]', encapsulation: ViewEncapsulation.None, host: {
|
|
335
335
|
'[class.dataTable-body-row]': 'bodyRef !== null',
|
|
@@ -422,15 +422,15 @@ class DataTableComponent {
|
|
|
422
422
|
this.scroll();
|
|
423
423
|
}).observe(this.tableRef().nativeElement);
|
|
424
424
|
}
|
|
425
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
426
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
425
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
426
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: DataTableComponent, isStandalone: true, selector: "lu-data-table", inputs: { hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, layoutFixed: { classPropertyName: "layoutFixed", publicName: "layoutFixed", isSignal: true, isRequired: false, transformFunction: null }, cellBorder: { classPropertyName: "cellBorder", publicName: "cellBorder", isSignal: true, isRequired: false, transformFunction: null }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, noOverflow: { classPropertyName: "noOverflow", publicName: "noOverflow", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null }, stickyColsStart: { classPropertyName: "stickyColsStart", publicName: "stickyColsStart", isSignal: true, isRequired: false, transformFunction: null }, stickyColsEnd: { classPropertyName: "stickyColsEnd", publicName: "stickyColsEnd", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "scroll": "scroll()" }, properties: { "class.mod-nested": "this.nested()", "class.mod-noOverflow": "this.noOverflow()" }, classAttribute: "dataTableWrapper" }, providers: [
|
|
427
427
|
{
|
|
428
428
|
provide: LU_DATA_TABLE_INSTANCE,
|
|
429
429
|
useExisting: forwardRef(() => DataTableComponent),
|
|
430
430
|
},
|
|
431
431
|
], queries: [{ propertyName: "rows", predicate: DataTableRowComponent, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: DataTableHeadComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"dataTableShadows\">\n\t<table [class]=\"classMods()\" #tableRef>\n\t\t<ng-content />\n\t</table>\n\t<div class=\"dataTableWrapper-pagination\">\n\t\t<ng-content select=\"[dataTablePagination]\" />\n\t</div>\n</div>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);inset-inline-start:0}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-head-row-cell:last-child,.dataTable-body-row-cell:last-child,.dataTable-foot-row-cell:last-child{inset-inline-end:0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-inline-start:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{--components-dataTable-cell-verticalAlign: middle}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:active,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
432
432
|
}
|
|
433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
433
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
434
434
|
type: Component,
|
|
435
435
|
args: [{ selector: 'lu-data-table', encapsulation: ViewEncapsulation.None, host: {
|
|
436
436
|
class: 'dataTableWrapper',
|
|
@@ -27,10 +27,10 @@ class LuDateAdapterPipe {
|
|
|
27
27
|
}
|
|
28
28
|
return '';
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
31
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterPipe, deps: [{ token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
31
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterPipe, isStandalone: true, name: "luDate" }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterPipe, decorators: [{
|
|
34
34
|
type: Pipe,
|
|
35
35
|
args: [{
|
|
36
36
|
name: 'luDate',
|
|
@@ -42,11 +42,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
42
42
|
* @deprecated use `LuDateAdapterPipe` instead
|
|
43
43
|
*/
|
|
44
44
|
class LuDateAdapterModule {
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
46
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
47
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
46
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterModule, imports: [LuDateAdapterPipe], exports: [LuDateAdapterPipe] }); }
|
|
47
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterModule }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateAdapterModule, decorators: [{
|
|
50
50
|
type: NgModule,
|
|
51
51
|
args: [{
|
|
52
52
|
imports: [LuDateAdapterPipe],
|
|
@@ -162,10 +162,10 @@ class LuCalendarItemFactory {
|
|
|
162
162
|
const label = `${this._adapter.format(decadeStart, format)} - ${this._adapter.format(decadeEnd, format)}`;
|
|
163
163
|
return new DecadeItem(decadeStart, label);
|
|
164
164
|
}
|
|
165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
166
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuCalendarItemFactory, deps: [{ token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
166
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuCalendarItemFactory }); }
|
|
167
167
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuCalendarItemFactory, decorators: [{
|
|
169
169
|
type: Injectable
|
|
170
170
|
}], ctorParameters: () => [{ type: i1.ALuDateAdapter }] });
|
|
171
171
|
|
|
@@ -446,8 +446,8 @@ class LuCalendarInputComponent extends ALuInput {
|
|
|
446
446
|
}
|
|
447
447
|
return null;
|
|
448
448
|
}
|
|
449
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
450
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
449
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuCalendarInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }, { token: LuCalendarItemFactory }, { token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
450
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: LuCalendarInputComponent, isStandalone: true, selector: "lu-calendar", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, granularity: { classPropertyName: "granularity", publicName: "granularity", isSignal: false, isRequired: false, transformFunction: null }, startOn: { classPropertyName: "startOn", publicName: "startOn", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
|
|
451
451
|
{
|
|
452
452
|
provide: NG_VALUE_ACCESSOR,
|
|
453
453
|
useExisting: forwardRef(() => LuCalendarInputComponent),
|
|
@@ -461,7 +461,7 @@ class LuCalendarInputComponent extends ALuInput {
|
|
|
461
461
|
LuCalendarItemFactory,
|
|
462
462
|
], usesInheritance: true, ngImport: i0, template: "<section class=\"calendar\">\n\t<header class=\"calendar-header\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" (click)=\"previous()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span>\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"calendar-header-date\" (click)=\"increaseGranularity()\">{{ header.label }}</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" (click)=\"next()\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span>\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</header>\n\t<section class=\"calendar-labels\" [class]=\"mod\">\n\t\t@for (label of labels; track label) {\n\t\t\t<div class=\"calendar-labels-item\">{{ label }}</div>\n\t\t}\n\t</section>\n\t<section class=\"calendar-grid\" [class]=\"mod\">\n\t\t@for (item of items; track item.id) {\n\t\t\t<button type=\"button\" class=\"calendar-grid-item\" [class]=\"item.mods\" [disabled]=\"item.isDisabled\" (click)=\"select(item)\">\n\t\t\t\t<div class=\"calendar-grid-item-content\">{{ item.label }}</div>\n\t\t\t</button>\n\t\t}\n\t</section>\n</section>\n", styles: ["@layer components{.calendar{background-color:var(--pr-t-elevation-surface-raised);inline-size:var(--components-calendar-width)}}@layer mods{:host-context(.mod-block) .calendar{inline-size:auto;max-inline-size:var(--components-calendar-width)}}@layer components{.calendar-header{display:flex;align-items:center;justify-content:space-between}}@layer components{.calendar-header-date{font:var(--pr-t-font-heading-3);color:var(--pr-t-color-text-heading);font-weight:var(--pr-t-font-fontWeight-semibold);padding:0;background:transparent;border:none;cursor:pointer}}@layer mods{.calendar-header-date:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:4px}}@layer components{.calendar-labels{display:none}}@layer mods{.calendar-labels.mod-dailyView{display:flex;align-items:center;flex-wrap:wrap;text-align:center;block-size:var(--components-calendar-day-size);font-size:var(--pr-t-font-body-S-fontSize);color:var(--palettes-product-700)}.calendar-labels.mod-dailyView .calendar-labels-item{inline-size:var(--components-calendar-day-size)}}@layer components{.calendar-grid{display:flex;text-align:center;align-self:stretch;flex-wrap:wrap;inline-size:var(--components-calendar-width)}}@layer mods{.calendar-grid.mod-dailyView .calendar-grid-item{inline-size:var(--components-calendar-day-size)}.calendar-grid.mod-monthlyView .calendar-grid-item-content,.calendar-grid.mod-yearlyView .calendar-grid-item-content{inline-size:5.83rem}}@layer components{.calendar-grid-item{block-size:var(--components-calendar-day-size);border:none;cursor:pointer;background:transparent;position:relative;padding:0;outline:none;color:var(--pr-t-color-text)}}@layer mods{.calendar-grid-item.is-disabled,.calendar-grid-item[disabled]{color:var(--palettes-neutral-500);text-decoration:line-through;cursor:default}.calendar-grid-item.is-disabled:hover .calendar-grid-item-content,.calendar-grid-item.is-disabled:active .calendar-grid-item-content,.calendar-grid-item[disabled]:hover .calendar-grid-item-content,.calendar-grid-item[disabled]:active .calendar-grid-item-content{background-color:transparent}.calendar-grid-item.is-previousMonth,.calendar-grid-item.is-nextMonth{color:var(--palettes-neutral-500)}.calendar-grid-item.is-today{color:var(--palettes-product-700);font-weight:var(--pr-t-font-fontWeight-semibold)}.calendar-grid-item.is-today:after{content:\"\";position:absolute;inset-block-end:var(--pr-t-spacings-50);inset-inline:var(--pr-t-spacings-100) var(--pr-t-spacings-100);block-size:2px;background:var(--palettes-product-700);z-index:1}.calendar-grid-item:hover .calendar-grid-item-content{background:var(--palettes-neutral-50)}.calendar-grid-item:active .calendar-grid-item-content{background:var(--palettes-neutral-100)}.calendar-grid-item:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default);z-index:1}.calendar-grid-item.is-active .calendar-grid-item-content{background:var(--palettes-product-700);color:var(--palettes-product-0)}.calendar-grid-item.is-active.is-today{color:var(--palettes-product-700);font-weight:600}.calendar-grid-item.is-active.is-today:after{content:\"\";position:absolute;inset-block-end:var(--pr-t-spacings-50);inset-inline:var(--pr-t-spacings-100) var(--pr-t-spacings-100);block-size:2px;background:var(--palettes-product-700);z-index:1}.calendar-grid-item.is-active:hover .calendar-grid-item-content{background:var(--palettes-neutral-50)}.calendar-grid-item.is-active:active .calendar-grid-item-content{background:var(--palettes-neutral-100)}.calendar-grid-item.is-active:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default);z-index:1}.calendar-grid-item.is-active.is-active .calendar-grid-item-content{background:var(--palettes-product-700);color:var(--palettes-product-0)}.calendar-grid-item.is-active.is-active.is-today:after{background-color:var(--palettes-neutral-0)!important;transition:background-color var(--commons-animations-durations-fast)}.calendar-grid-item.is-active.is-disabled,.calendar-grid-item.is-active[disabled]{color:var(--palettes-neutral-500);pointer-events:none}.calendar-grid-item.is-active.is-disabled:hover .calendar-grid-item-content,.calendar-grid-item.is-active[disabled]:hover .calendar-grid-item-content{background-color:var(--palettes-neutral-0)}}@layer components{.calendar-grid-item-content{position:relative;block-size:var(--components-calendar-day-size);inline-size:var(--components-calendar-day-size);line-height:var(--components-calendar-day-size);border-radius:var(--pr-t-border-radius-default);transition-duration:var(--commons-animations-durations-fast);transition-property:background-color,color}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
463
463
|
}
|
|
464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuCalendarInputComponent, decorators: [{
|
|
465
465
|
type: Component,
|
|
466
466
|
args: [{ selector: 'lu-calendar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule], providers: [
|
|
467
467
|
{
|
|
@@ -616,8 +616,8 @@ class LuDateInputDirective extends ALuInput {
|
|
|
616
616
|
}
|
|
617
617
|
return null;
|
|
618
618
|
}
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
620
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateInputDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
620
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: LuDateInputDirective, isStandalone: true, selector: "input[luDateInput]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, granularity: { classPropertyName: "granularity", publicName: "granularity", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput($event)", "focus": "onFocus()", "blur": "onBlur()" } }, providers: [
|
|
621
621
|
{
|
|
622
622
|
provide: NG_VALUE_ACCESSOR,
|
|
623
623
|
useExisting: forwardRef(() => LuDateInputDirective),
|
|
@@ -630,7 +630,7 @@ class LuDateInputDirective extends ALuInput {
|
|
|
630
630
|
},
|
|
631
631
|
], usesInheritance: true, ngImport: i0 }); }
|
|
632
632
|
}
|
|
633
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateInputDirective, decorators: [{
|
|
634
634
|
type: Directive,
|
|
635
635
|
args: [{
|
|
636
636
|
selector: 'input[luDateInput]',
|
|
@@ -724,15 +724,15 @@ class LuDatePickerComponent extends ALuPickerPanel {
|
|
|
724
724
|
break;
|
|
725
725
|
}
|
|
726
726
|
}
|
|
727
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
727
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDatePickerComponent, deps: [{ token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
728
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: LuDatePickerComponent, isStandalone: true, selector: "lu-date-picker", inputs: { min: "min", max: "max", granularity: "granularity", startOn: "startOn" }, outputs: { close: "close", open: "open", hovered: "hovered", onSelectValue: "onSelectValue" }, providers: [
|
|
729
729
|
{
|
|
730
730
|
provide: ALuPickerPanel,
|
|
731
731
|
useExisting: forwardRef(() => LuDatePickerComponent),
|
|
732
732
|
},
|
|
733
733
|
], viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["LuDatePicker"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-picker-panel lu-date-picker-panel\"\n\t\trole=\"dialog\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t>\n\t\t<div class=\"lu-picker-content\" [class]=\"contentClassesMap\" cdkTrapFocus=\"false\" cdkTrapFocusAutoCapture=\"true\">\n\t\t\t<label class=\"textfield lu-picker-textfield\">\n\t\t\t\t<input\n\t\t\t\t\tluDateInput\n\t\t\t\t\tclass=\"textfield-input\"\n\t\t\t\t\t[ngModel]=\"_value\"\n\t\t\t\t\t(ngModelChange)=\"_onInput($event)\"\n\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t(keydown.enter)=\"_onEnter()\"\n\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t[granularity]=\"granularity\"\n\t\t\t\t/>\n\t\t\t</label>\n\t\t\t<lu-calendar\n\t\t\t\t[ngModel]=\"_value\"\n\t\t\t\t(ngModelChange)=\"_onCalendar($event)\"\n\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t[min]=\"min\"\n\t\t\t\t[max]=\"max\"\n\t\t\t\t[granularity]=\"granularity\"\n\t\t\t\t[startOn]=\"startOn\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LuCalendarInputComponent, selector: "lu-calendar", inputs: ["intl", "min", "max", "granularity", "startOn"] }, { kind: "directive", type: LuDateInputDirective, selector: "input[luDateInput]", inputs: ["min", "max", "granularity", "placeholder", "intl"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
734
734
|
}
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDatePickerComponent, decorators: [{
|
|
736
736
|
type: Component,
|
|
737
737
|
args: [{ selector: 'lu-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'LuDatePicker', animations: [luTransformPopover], imports: [FormsModule, LuCalendarInputComponent, LuDateInputDirective, A11yModule], providers: [
|
|
738
738
|
{
|
|
@@ -765,11 +765,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
765
765
|
* @deprecated use `LuDatePickerComponent` instead
|
|
766
766
|
*/
|
|
767
767
|
class LuDatePickerModule {
|
|
768
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
769
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
770
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
768
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
769
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuDatePickerModule, imports: [LuDatePickerComponent], exports: [LuDatePickerComponent] }); }
|
|
770
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDatePickerModule, imports: [LuDatePickerComponent] }); }
|
|
771
771
|
}
|
|
772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDatePickerModule, decorators: [{
|
|
773
773
|
type: NgModule,
|
|
774
774
|
args: [{
|
|
775
775
|
imports: [LuDatePickerComponent],
|
|
@@ -827,8 +827,8 @@ class LuDateSelectInputComponent extends ALuSelectInputComponent {
|
|
|
827
827
|
}
|
|
828
828
|
return null;
|
|
829
829
|
}
|
|
830
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
831
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
830
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
831
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: LuDateSelectInputComponent, isStandalone: true, selector: "lu-date-select", inputs: { min: "min", max: "max", granularity: "granularity", inputPlaceholder: ["placeholder", "inputPlaceholder"], hideClearer: "hideClearer", startOn: "startOn" }, providers: [
|
|
832
832
|
{
|
|
833
833
|
provide: NG_VALUE_ACCESSOR,
|
|
834
834
|
useExisting: forwardRef(() => LuDateSelectInputComponent),
|
|
@@ -841,7 +841,7 @@ class LuDateSelectInputComponent extends ALuSelectInputComponent {
|
|
|
841
841
|
},
|
|
842
842
|
], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper notranslate\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear [attr.hidden]=\"hideClearer ? 'hidden' : null\" />\n</div>\n<ng-template luDisplayer let-value> {{ value | luDate: format }} </ng-template>\n<lu-date-picker [min]=\"min\" [max]=\"max\" [granularity]=\"granularity\" [startOn]=\"startOn\" />\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{:host:after{--icon-content: \"\\e920\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;transform:none!important}}\n"], dependencies: [{ kind: "component", type: LuDatePickerComponent, selector: "lu-date-picker", inputs: ["min", "max", "granularity", "startOn"], outputs: ["close", "open", "hovered", "onSelectValue"], exportAs: ["LuDatePicker"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "pipe", type: LuDateAdapterPipe, name: "luDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
843
843
|
}
|
|
844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateSelectInputComponent, decorators: [{
|
|
845
845
|
type: Component,
|
|
846
846
|
args: [{ selector: 'lu-date-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LuDateAdapterPipe, LuDatePickerComponent, OverlayModule, ClearComponent, LuInputDisplayerDirective], providers: [
|
|
847
847
|
{
|
|
@@ -874,11 +874,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
874
874
|
* @deprecated use `LuDateSelectInputComponent` instead
|
|
875
875
|
*/
|
|
876
876
|
class LuDateSelectInputModule {
|
|
877
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
878
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
879
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
878
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuDateSelectInputModule, imports: [LuDateSelectInputComponent], exports: [LuDateSelectInputComponent] }); }
|
|
879
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateSelectInputModule, imports: [LuDateSelectInputComponent] }); }
|
|
880
880
|
}
|
|
881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateSelectInputModule, decorators: [{
|
|
882
882
|
type: NgModule,
|
|
883
883
|
args: [{
|
|
884
884
|
imports: [LuDateSelectInputComponent],
|
|
@@ -938,11 +938,11 @@ const luDateSelectInputTranslations = Translations;
|
|
|
938
938
|
* @deprecated use `LuCalendarInputComponent, LuDatePickerComponent, LuDateInputDirective, LuDateAdapterPipe, LuDateSelectInputComponent` instead
|
|
939
939
|
*/
|
|
940
940
|
class LuDateModule {
|
|
941
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
942
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
943
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
942
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuDateModule, imports: [LuCalendarInputComponent, LuDatePickerComponent, LuDateInputDirective, LuDateAdapterPipe, LuDateSelectInputComponent], exports: [LuCalendarInputComponent, LuDatePickerComponent, LuDateInputDirective, LuDateAdapterPipe, LuDateSelectInputComponent] }); }
|
|
943
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateModule, imports: [LuCalendarInputComponent, LuDatePickerComponent, LuDateSelectInputComponent] }); }
|
|
944
944
|
}
|
|
945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
945
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuDateModule, decorators: [{
|
|
946
946
|
type: NgModule,
|
|
947
947
|
args: [{
|
|
948
948
|
imports: [LuCalendarInputComponent, LuDatePickerComponent, LuDateInputDirective, LuDateAdapterPipe, LuDateSelectInputComponent],
|
|
@@ -955,10 +955,10 @@ class LuHumanizeDateFormatter {
|
|
|
955
955
|
format(relativeTime) {
|
|
956
956
|
return this.#intlRelativeTimeFormat.format(relativeTime.value, relativeTime.unit);
|
|
957
957
|
}
|
|
958
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
959
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
958
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuHumanizeDateFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
959
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuHumanizeDateFormatter }); }
|
|
960
960
|
}
|
|
961
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuHumanizeDateFormatter, decorators: [{
|
|
962
962
|
type: Injectable
|
|
963
963
|
}] });
|
|
964
964
|
|
|
@@ -1045,10 +1045,10 @@ class LuHumanizeDatePipe {
|
|
|
1045
1045
|
transform(value, allowedUnits) {
|
|
1046
1046
|
return relativeTimeTimer(new Date(value), allowedUnits).pipe(map((relativeTime) => this.#formatter.format(relativeTime)));
|
|
1047
1047
|
}
|
|
1048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1049
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
1048
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuHumanizeDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1049
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuHumanizeDatePipe, isStandalone: true, name: "luHumanizeDate" }); }
|
|
1050
1050
|
}
|
|
1051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuHumanizeDatePipe, decorators: [{
|
|
1052
1052
|
type: Pipe,
|
|
1053
1053
|
args: [{
|
|
1054
1054
|
name: 'luHumanizeDate',
|