@lucca-front/ng 21.1.0-rc.0 → 21.1.0-rc.1
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 +6 -6
- package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-api.mjs +16 -48
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +5 -5
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +51 -0
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs +135 -0
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-button.mjs +21 -0
- package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-callout.mjs +41 -15
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-chip.mjs +37 -7
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +21 -6
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-color.mjs +28 -0
- package/fesm2022/lucca-front-ng-color.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-comment.mjs +20 -18
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +7 -9
- package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +0 -2
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-user.mjs +14 -14
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +68 -49
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +13 -1
- package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +6 -6
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +66 -99
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +48 -40
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +8 -24
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +33 -10
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +10 -1
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +66 -8
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +11 -75
- package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-fancy-box.mjs +12 -0
- package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +40 -34
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +14 -13
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +3 -0
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +25 -10
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +3 -0
- package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form.mjs +19 -5
- package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-formly.mjs +4 -4
- package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +2 -2
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +91 -74
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +110 -41
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +28 -5
- package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-grid.mjs +3 -3
- package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +31 -26
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +5 -2
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-icon.mjs +15 -0
- package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +12 -0
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-input.mjs +7 -7
- package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-link.mjs +21 -6
- package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listbox.mjs +17 -5
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +36 -7
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +8 -2
- package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-mobile-push.mjs +22 -14
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +31 -28
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +3 -0
- package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +10 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +227 -337
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +9 -0
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +29 -5
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +11 -5
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover.mjs +1 -33
- package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +30 -20
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-progress-bar.mjs +12 -5
- package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-read-more.mjs +38 -21
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +8 -8
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll-box.mjs +5 -2
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +9 -3
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +16 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +20 -14
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +65 -14
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sortable-list.mjs +25 -1
- package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-status-badge.mjs +12 -0
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tag.mjs +6 -0
- package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-text-flow.mjs +20 -0
- package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-time.mjs +63 -24
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-toast.mjs +5 -5
- package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +13 -27
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tree-select.mjs +1 -1
- package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user-popover.mjs +6 -6
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +20 -36
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +30 -0
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
- package/package.json +19 -3
- package/schematics/action-icon/index.js +4 -5
- package/schematics/action-icon/migration.js +3 -4
- package/schematics/action-icon/migration.spec.js +8 -8
- package/schematics/alignment-utilities/index.js +3 -4
- package/schematics/alignment-utilities/migration.spec.js +8 -8
- package/schematics/cdn-urls/index.js +3 -4
- package/schematics/cdn-urls/migration.js +7 -9
- package/schematics/cdn-urls/migration.spec.js +8 -8
- package/schematics/class-prefix/index.js +3 -4
- package/schematics/class-prefix/migration.spec.js +8 -8
- package/schematics/collection.json +10 -0
- package/schematics/color-text/index.js +3 -4
- package/schematics/color-text/migration.spec.js +8 -8
- package/schematics/component-path/index.js +3 -4
- package/schematics/component-path/migration.spec.js +8 -8
- package/schematics/empty-state-title/index.js +5 -7
- package/schematics/empty-state-title/migration.spec.js +5 -5
- package/schematics/lib/index.js +29 -0
- package/schematics/lib/local-deps/package-lock.json +2 -0
- package/schematics/lib/local-deps/package.json +1 -2
- package/schematics/lib/schematic.utils.js +5 -0
- package/schematics/lu-button/index.js +3 -4
- package/schematics/lu-button/migration.js +5 -11
- package/schematics/lu-button/migration.spec.js +5 -5
- package/schematics/lu-container/index.js +23 -0
- package/schematics/lu-container/migration.js +116 -0
- package/schematics/lu-container/migration.spec.js +23 -0
- package/schematics/lu-container/schema.json +23 -0
- package/schematics/lu-icon/index.js +3 -4
- package/schematics/lu-icon/migration.js +8 -14
- package/schematics/lu-icon/migration.spec.js +5 -5
- package/schematics/lu-loading/index.js +23 -0
- package/schematics/lu-loading/migration.js +136 -0
- package/schematics/lu-loading/migration.spec.js +23 -0
- package/schematics/lu-loading/schema.json +28 -0
- package/schematics/lu-select/index.js +3 -4
- package/schematics/lu-select/migration.js +18 -21
- package/schematics/lu-select/migration.spec.js +5 -5
- package/schematics/lu-select/util.js +17 -19
- package/schematics/lu-text-input/index.js +3 -4
- package/schematics/lu-text-input/migration.js +22 -28
- package/schematics/lu-text-input/migration.spec.js +5 -5
- package/schematics/new-icons/index.js +5 -6
- package/schematics/new-icons/migration.js +11 -16
- package/schematics/new-icons/migration.spec.js +8 -8
- package/schematics/palettes/index.js +3 -4
- package/schematics/palettes/migration.spec.js +8 -8
- package/schematics/tokens-radius/index.js +3 -4
- package/schematics/tokens-radius/migration.spec.js +8 -8
- package/schematics/tokens-spacing/index.js +3 -4
- package/schematics/tokens-spacing/migration.spec.js +8 -8
- package/schematics/tokens-typo/index.js +3 -4
- package/schematics/tokens-typo/migration.spec.js +8 -8
- package/src/components/cdk/_overlay.scss +5 -0
- package/src/definitions/option/_option-item.scss +1 -0
- package/types/lucca-front-ng-a11y.d.ts +3 -3
- package/types/lucca-front-ng-api.d.ts +1 -19
- package/types/lucca-front-ng-breadcrumbs.d.ts +9 -9
- package/types/lucca-front-ng-bubble-icon.d.ts +20 -0
- package/types/lucca-front-ng-bubble-illustration.d.ts +24 -0
- package/types/lucca-front-ng-button.d.ts +21 -0
- package/types/lucca-front-ng-callout.d.ts +33 -3
- package/types/lucca-front-ng-chip.d.ts +33 -3
- package/types/lucca-front-ng-clear.d.ts +21 -6
- package/types/lucca-front-ng-color.d.ts +12 -0
- package/types/lucca-front-ng-comment.d.ts +19 -11
- package/types/lucca-front-ng-container.d.ts +4 -4
- package/types/lucca-front-ng-core-select.d.ts +21 -16
- package/types/lucca-front-ng-core.d.ts +23 -2
- package/types/lucca-front-ng-data-table.d.ts +2 -2
- package/types/lucca-front-ng-date.d.ts +6 -24
- package/types/lucca-front-ng-date2.d.ts +6 -5
- package/types/lucca-front-ng-department.d.ts +3 -12
- package/types/lucca-front-ng-dialog.d.ts +12 -5
- package/types/lucca-front-ng-divider.d.ts +10 -0
- package/types/lucca-front-ng-empty-state.d.ts +21 -3
- package/types/lucca-front-ng-establishment.d.ts +3 -39
- package/types/lucca-front-ng-fancy-box.d.ts +12 -0
- package/types/lucca-front-ng-file-upload.d.ts +18 -8
- package/types/lucca-front-ng-filter-pills.d.ts +6 -5
- package/types/lucca-front-ng-footer.d.ts +3 -0
- package/types/lucca-front-ng-form-field.d.ts +12 -3
- package/types/lucca-front-ng-form-header.d.ts +3 -0
- package/types/lucca-front-ng-form.d.ts +9 -5
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +16 -16
- package/types/lucca-front-ng-forms.d.ts +41 -12
- package/types/lucca-front-ng-gauge.d.ts +25 -0
- package/types/lucca-front-ng-grid.d.ts +1 -1
- package/types/lucca-front-ng-highlight-data.d.ts +36 -15
- package/types/lucca-front-ng-horizontal-navigation.d.ts +3 -0
- package/types/lucca-front-ng-icon.d.ts +15 -0
- package/types/lucca-front-ng-inline-message.d.ts +12 -0
- package/types/lucca-front-ng-input.d.ts +2 -2
- package/types/lucca-front-ng-link.d.ts +17 -2
- package/types/lucca-front-ng-listbox.d.ts +16 -4
- package/types/lucca-front-ng-listing.d.ts +33 -2
- package/types/lucca-front-ng-main-layout.d.ts +6 -0
- package/types/lucca-front-ng-mobile-push.d.ts +9 -2
- package/types/lucca-front-ng-multi-select.d.ts +26 -24
- package/types/lucca-front-ng-new-badge.d.ts +3 -0
- package/types/lucca-front-ng-numeric-badge.d.ts +9 -0
- package/types/lucca-front-ng-option.d.ts +86 -149
- package/types/lucca-front-ng-page-header.d.ts +9 -0
- package/types/lucca-front-ng-pagination.d.ts +26 -2
- package/types/lucca-front-ng-plg-push.d.ts +8 -2
- package/types/lucca-front-ng-popover.d.ts +1 -20
- package/types/lucca-front-ng-popover2.d.ts +8 -6
- package/types/lucca-front-ng-progress-bar.d.ts +9 -0
- package/types/lucca-front-ng-read-more.d.ts +25 -10
- package/types/lucca-front-ng-resource-card.d.ts +6 -0
- package/types/lucca-front-ng-scroll-box.d.ts +4 -1
- package/types/lucca-front-ng-segmented-control-tabs.d.ts +7 -1
- package/types/lucca-front-ng-segmented-control.d.ts +16 -1
- package/types/lucca-front-ng-simple-select.d.ts +5 -4
- package/types/lucca-front-ng-skeleton.d.ts +61 -6
- package/types/lucca-front-ng-sortable-list.d.ts +24 -0
- package/types/lucca-front-ng-status-badge.d.ts +12 -0
- package/types/lucca-front-ng-tag.d.ts +6 -0
- package/types/lucca-front-ng-text-flow.d.ts +8 -0
- package/types/lucca-front-ng-time.d.ts +22 -16
- package/types/lucca-front-ng-toast.d.ts +2 -2
- package/types/lucca-front-ng-tooltip.d.ts +7 -14
- package/types/lucca-front-ng-user-popover.d.ts +6 -7
- package/types/lucca-front-ng-user.d.ts +6 -15
- package/types/lucca-front-ng-vertical-navigation.d.ts +30 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, Directive, inject,
|
|
2
|
+
import { InjectionToken, Directive, inject, input, booleanAttribute, computed, contentChild, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
3
3
|
import { LoadingComponent } from '@lucca-front/ng/loading';
|
|
4
4
|
import { IconComponent } from '@lucca-front/ng/icon';
|
|
5
5
|
|
|
@@ -22,10 +22,6 @@ class OptionComponent {
|
|
|
22
22
|
constructor() {
|
|
23
23
|
this.#listboxRef = inject(LISTBOX_INSTANCE);
|
|
24
24
|
this.#parentOptionRef = inject(OPTION_INSTANCE, { skipSelf: true, optional: true });
|
|
25
|
-
this.multiple = computed(() => this.#listboxRef.multiple(), ...(ngDevMode ? [{ debugName: "multiple" }] : []));
|
|
26
|
-
this.tree = computed(() => this.#listboxRef.tree(), ...(ngDevMode ? [{ debugName: "tree" }] : []));
|
|
27
|
-
this.empty = computed(() => this.#listboxRef.state() === 'empty', ...(ngDevMode ? [{ debugName: "empty" }] : []));
|
|
28
|
-
this.id = computed(() => this.#listboxRef.listboxId, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
29
25
|
this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
|
|
30
26
|
this.mixed = input(false, { ...(ngDevMode ? { debugName: "mixed" } : {}), transform: booleanAttribute });
|
|
31
27
|
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
@@ -34,6 +30,10 @@ class OptionComponent {
|
|
|
34
30
|
this.group = input(false, { ...(ngDevMode ? { debugName: "group" } : {}), transform: booleanAttribute });
|
|
35
31
|
this.select = input(false, { ...(ngDevMode ? { debugName: "select" } : {}), transform: booleanAttribute });
|
|
36
32
|
this.selectAll = input(...(ngDevMode ? [undefined, { debugName: "selectAll" }] : []));
|
|
33
|
+
this.multiple = computed(() => this.#listboxRef.multiple(), ...(ngDevMode ? [{ debugName: "multiple" }] : []));
|
|
34
|
+
this.tree = computed(() => this.#listboxRef.tree(), ...(ngDevMode ? [{ debugName: "tree" }] : []));
|
|
35
|
+
this.empty = computed(() => this.#listboxRef.state() === 'empty', ...(ngDevMode ? [{ debugName: "empty" }] : []));
|
|
36
|
+
this.id = computed(() => this.#listboxRef.listboxId, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
37
37
|
this.groupId = `group${nextId$1++}`;
|
|
38
38
|
this.treeitemContent = contentChild(Treeitem, ...(ngDevMode ? [{ debugName: "treeitemContent" }] : []));
|
|
39
39
|
this.level = (this.#parentOptionRef?.level || 0) + 1;
|
|
@@ -61,9 +61,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
61
61
|
let nextId = 0;
|
|
62
62
|
class ListboxComponent {
|
|
63
63
|
constructor() {
|
|
64
|
+
/**
|
|
65
|
+
* Applies multiple mod to the listbox
|
|
66
|
+
*/
|
|
64
67
|
this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
|
|
68
|
+
/**
|
|
69
|
+
* Defines listbox role tree or listbox by default
|
|
70
|
+
*/
|
|
65
71
|
this.tree = input(false, { ...(ngDevMode ? { debugName: "tree" } : {}), transform: booleanAttribute });
|
|
72
|
+
/**
|
|
73
|
+
* Listbox state
|
|
74
|
+
*/
|
|
66
75
|
this.state = input(null, ...(ngDevMode ? [{ debugName: "state" }] : []));
|
|
76
|
+
/**
|
|
77
|
+
* Add message when listbox state loading or empty
|
|
78
|
+
*/
|
|
67
79
|
this.statusMsg = input(null, ...(ngDevMode ? [{ debugName: "statusMsg" }] : []));
|
|
68
80
|
this.listboxId = `listbox${nextId++}`;
|
|
69
81
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-listbox.mjs","sources":["../../../packages/ng/listbox/tokens.ts","../../../packages/ng/listbox/option/option.component.ts","../../../packages/ng/listbox/option/option.component.html","../../../packages/ng/listbox/listbox.component.ts","../../../packages/ng/listbox/listbox.component.html","../../../packages/ng/listbox/lucca-front-ng-listbox.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListboxComponent } from './listbox.component';\nimport { OptionComponent } from './option/option.component';\n\nexport const LISTBOX_INSTANCE = new InjectionToken<ListboxComponent>('LuListboxInstance');\nexport const OPTION_INSTANCE = new InjectionToken<OptionComponent>('LuOptionInstance');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, Directive, forwardRef, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LISTBOX_INSTANCE, OPTION_INSTANCE } from '../tokens';\n\nlet nextId = 0;\n\n@Directive({\n\t// eslint-disable-next-line @angular-eslint/directive-selector\n\tselector: '[treeitem]',\n})\nexport class Treeitem {}\n\n@Component({\n\tselector: 'lu-listbox-option',\n\ttemplateUrl: './option.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOption',\n\t\t'[attr.role]': 'group() ? \"group\" : tree() ? \"treeitem\" : \"option\"',\n\t\t'[attr.aria-labelledby]': 'group() ? groupId : null',\n\t\t'[attr.aria-checked]': 'mixed() ? \"mixed\" : checked()',\n\t\t'[attr.aria-disabled]': 'disabled()',\n\t\t'[attr.aria-hidden]': 'empty()',\n\t\t'[attr.id]': 'empty() ? id() : null',\n\t\t'[class.mod-add]': 'add()',\n\t\t'[class.mod-select]': 'select()',\n\t},\n\timports: [IconComponent],\n\tproviders: [{ provide: OPTION_INSTANCE, useExisting: forwardRef(() => OptionComponent) }],\n})\nexport class OptionComponent {\n\t#listboxRef = inject(LISTBOX_INSTANCE);\n\t#parentOptionRef = inject(OPTION_INSTANCE, { skipSelf: true, optional: true });\n\n\treadonly multiple = computed(() => this.#listboxRef.multiple());\n\treadonly tree = computed(() => this.#listboxRef.tree());\n\treadonly empty = computed(() => this.#listboxRef.state() === 'empty');\n\treadonly id = computed(() => this.#listboxRef.listboxId);\n\n\treadonly checked = input(false, { transform: booleanAttribute });\n\treadonly mixed = input(false, { transform: booleanAttribute });\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly hovered = input(false, { transform: booleanAttribute });\n\treadonly add = input(false, { transform: booleanAttribute });\n\treadonly group = input(false, { transform: booleanAttribute });\n\treadonly select = input(false, { transform: booleanAttribute });\n\treadonly selectAll = input<'string' | null>();\n\n\treadonly groupId = `group${nextId++}`;\n\n\treadonly treeitemContent = contentChild(Treeitem);\n\n\treadonly level: number = (this.#parentOptionRef?.level || 0) + 1;\n}\n","<div class=\"listboxOption-content\" [class.is-hovered]=\"hovered()\" [attr.id]=\"group() ? groupId : null\">\n\t@if (multiple() && !add() && !selectAll() && !select()) {\n\t\t<span class=\"listboxOption-content-checkboxField checkboxField\" aria-hidden=\"true\">\n\t\t\t<span class=\"listboxOption-content-checkboxField-input checkboxField-input\"></span>\n\t\t\t<span class=\"checkboxField-icon\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t</span>\n\t}\n\t@if (add()) {\n\t\t<lu-icon icon=\"mathsPlus\" />\n\t}\n\t<ng-content />\n\t@if (selectAll()) {\n\t\t<lu-listbox-option select>{{ selectAll() }}</lu-listbox-option>\n\t}\n</div>\n<ng-content select=\"[optgroup]\" />\n\n@if (treeitemContent()) {\n\t<div class=\"listboxOptionWrapper\" role=\"group\" [attr.style]=\"level ? '--components-listboxOptionWrapper-level: ' + level : null\">\n\t\t<ng-content select=\"[treeitem]\" />\n\t</div>\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';\n\nimport { LoadingComponent } from '@lucca-front/ng/loading';\nimport { OptionComponent } from './option/option.component';\nimport { LISTBOX_INSTANCE } from './tokens';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-listbox',\n\ttemplateUrl: './listbox.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOptionWrapper',\n\t\t'[attr.role]': 'tree() ? \"tree\" : \"listbox\"',\n\t\t'[class.mod-multiple]': 'multiple()',\n\t\t'[attr.aria-busy]': 'state() === \"loading\"',\n\t\t'[attr.aria-describedby]': 'state() === \"empty\" ? listboxId : null',\n\t},\n\timports: [OptionComponent, LoadingComponent],\n\tproviders: [{ provide: LISTBOX_INSTANCE, useExisting: forwardRef(() => ListboxComponent) }],\n})\nexport class ListboxComponent {\n\treadonly multiple = input(false, { transform: booleanAttribute });\n\treadonly tree = input(false, { transform: booleanAttribute });\n\treadonly state = input<'loading' | 'empty' | null>(null);\n\treadonly statusMsg = input<string | null>(null);\n\n\treadonly listboxId = `listbox${nextId++}`;\n}\n","@if (state() !== \"empty\") {\n\t<ng-content />\n}\n@if (state() === \"empty\") {\n\t<lu-listbox-option empty>{{ statusMsg() }}</lu-listbox-option>\n} @else if (state() === \"loading\") {\n\t<lu-listbox-option>\n\t\t<lu-loading class=\"listboxOption-content-loading\">{{ statusMsg() }}</lu-loading>\n\t</lu-listbox-option>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["nextId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-listbox.mjs","sources":["../../../packages/ng/listbox/tokens.ts","../../../packages/ng/listbox/option/option.component.ts","../../../packages/ng/listbox/option/option.component.html","../../../packages/ng/listbox/listbox.component.ts","../../../packages/ng/listbox/listbox.component.html","../../../packages/ng/listbox/lucca-front-ng-listbox.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListboxComponent } from './listbox.component';\nimport { OptionComponent } from './option/option.component';\n\nexport const LISTBOX_INSTANCE = new InjectionToken<ListboxComponent>('LuListboxInstance');\nexport const OPTION_INSTANCE = new InjectionToken<OptionComponent>('LuOptionInstance');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, Directive, forwardRef, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LISTBOX_INSTANCE, OPTION_INSTANCE } from '../tokens';\n\nlet nextId = 0;\n\n@Directive({\n\t// eslint-disable-next-line @angular-eslint/directive-selector\n\tselector: '[treeitem]',\n})\nexport class Treeitem {}\n\n@Component({\n\tselector: 'lu-listbox-option',\n\ttemplateUrl: './option.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOption',\n\t\t'[attr.role]': 'group() ? \"group\" : tree() ? \"treeitem\" : \"option\"',\n\t\t'[attr.aria-labelledby]': 'group() ? groupId : null',\n\t\t'[attr.aria-checked]': 'mixed() ? \"mixed\" : checked()',\n\t\t'[attr.aria-disabled]': 'disabled()',\n\t\t'[attr.aria-hidden]': 'empty()',\n\t\t'[attr.id]': 'empty() ? id() : null',\n\t\t'[class.mod-add]': 'add()',\n\t\t'[class.mod-select]': 'select()',\n\t},\n\timports: [IconComponent],\n\tproviders: [{ provide: OPTION_INSTANCE, useExisting: forwardRef(() => OptionComponent) }],\n})\nexport class OptionComponent {\n\t#listboxRef = inject(LISTBOX_INSTANCE);\n\t#parentOptionRef = inject(OPTION_INSTANCE, { skipSelf: true, optional: true });\n\n\treadonly checked = input(false, { transform: booleanAttribute });\n\n\treadonly mixed = input(false, { transform: booleanAttribute });\n\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly hovered = input(false, { transform: booleanAttribute });\n\n\treadonly add = input(false, { transform: booleanAttribute });\n\n\treadonly group = input(false, { transform: booleanAttribute });\n\n\treadonly select = input(false, { transform: booleanAttribute });\n\n\treadonly selectAll = input<'string' | null>();\n\n\treadonly multiple = computed(() => this.#listboxRef.multiple());\n\treadonly tree = computed(() => this.#listboxRef.tree());\n\treadonly empty = computed(() => this.#listboxRef.state() === 'empty');\n\treadonly id = computed(() => this.#listboxRef.listboxId);\n\n\treadonly groupId = `group${nextId++}`;\n\n\treadonly treeitemContent = contentChild(Treeitem);\n\n\treadonly level: number = (this.#parentOptionRef?.level || 0) + 1;\n}\n","<div class=\"listboxOption-content\" [class.is-hovered]=\"hovered()\" [attr.id]=\"group() ? groupId : null\">\n\t@if (multiple() && !add() && !selectAll() && !select()) {\n\t\t<span class=\"listboxOption-content-checkboxField checkboxField\" aria-hidden=\"true\">\n\t\t\t<span class=\"listboxOption-content-checkboxField-input checkboxField-input\"></span>\n\t\t\t<span class=\"checkboxField-icon\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t</span>\n\t}\n\t@if (add()) {\n\t\t<lu-icon icon=\"mathsPlus\" />\n\t}\n\t<ng-content />\n\t@if (selectAll()) {\n\t\t<lu-listbox-option select>{{ selectAll() }}</lu-listbox-option>\n\t}\n</div>\n<ng-content select=\"[optgroup]\" />\n\n@if (treeitemContent()) {\n\t<div class=\"listboxOptionWrapper\" role=\"group\" [attr.style]=\"level ? '--components-listboxOptionWrapper-level: ' + level : null\">\n\t\t<ng-content select=\"[treeitem]\" />\n\t</div>\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';\n\nimport { LoadingComponent } from '@lucca-front/ng/loading';\nimport { OptionComponent } from './option/option.component';\nimport { LISTBOX_INSTANCE } from './tokens';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-listbox',\n\ttemplateUrl: './listbox.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listboxOptionWrapper',\n\t\t'[attr.role]': 'tree() ? \"tree\" : \"listbox\"',\n\t\t'[class.mod-multiple]': 'multiple()',\n\t\t'[attr.aria-busy]': 'state() === \"loading\"',\n\t\t'[attr.aria-describedby]': 'state() === \"empty\" ? listboxId : null',\n\t},\n\timports: [OptionComponent, LoadingComponent],\n\tproviders: [{ provide: LISTBOX_INSTANCE, useExisting: forwardRef(() => ListboxComponent) }],\n})\nexport class ListboxComponent {\n\t/**\n\t * Applies multiple mod to the listbox\n\t */\n\treadonly multiple = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Defines listbox role tree or listbox by default\n\t */\n\treadonly tree = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Listbox state\n\t */\n\treadonly state = input<'loading' | 'empty' | null>(null);\n\n\t/**\n\t * Add message when listbox state loading or empty\n\t */\n\treadonly statusMsg = input<string | null>(null);\n\n\treadonly listboxId = `listbox${nextId++}`;\n}\n","@if (state() !== \"empty\") {\n\t<ng-content />\n}\n@if (state() === \"empty\") {\n\t<lu-listbox-option empty>{{ statusMsg() }}</lu-listbox-option>\n} @else if (state() === \"loading\") {\n\t<lu-listbox-option>\n\t\t<lu-loading class=\"listboxOption-content-loading\">{{ statusMsg() }}</lu-loading>\n\t</lu-listbox-option>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["nextId"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken,
|
|
2
|
+
import { InjectionToken, inject, input, ChangeDetectionStrategy, ViewEncapsulation, Component, booleanAttribute, numberAttribute, computed, forwardRef } from '@angular/core';
|
|
3
3
|
import { IconComponent } from '@lucca-front/ng/icon';
|
|
4
4
|
import { NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
|
|
@@ -7,8 +7,11 @@ const LU_LISTING_INSTANCE = new InjectionToken('LU_LISTING_INSTANCE');
|
|
|
7
7
|
|
|
8
8
|
class ListingItemComponent {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
11
10
|
this.listingRef = inject(LU_LISTING_INSTANCE);
|
|
11
|
+
/**
|
|
12
|
+
* Adds an icon to the listing item
|
|
13
|
+
*/
|
|
14
|
+
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
12
15
|
}
|
|
13
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
17
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.checklist() || listingRef.icons()) {\n\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
@@ -23,20 +26,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
23
26
|
|
|
24
27
|
class ListingComponent {
|
|
25
28
|
constructor() {
|
|
29
|
+
/**
|
|
30
|
+
* Create HTMLOListElement
|
|
31
|
+
*/
|
|
26
32
|
this.ordered = input(false, { ...(ngDevMode ? { debugName: "ordered" } : {}), transform: booleanAttribute });
|
|
33
|
+
/**
|
|
34
|
+
* Applies checklist mod to the listing
|
|
35
|
+
*/
|
|
27
36
|
this.checklist = input(false, { ...(ngDevMode ? { debugName: "checklist" } : {}), transform: booleanAttribute });
|
|
37
|
+
/**
|
|
38
|
+
* Adds an icon to the listing
|
|
39
|
+
*/
|
|
28
40
|
this.icons = input(false, { ...(ngDevMode ? { debugName: "icons" } : {}), transform: booleanAttribute });
|
|
41
|
+
/**
|
|
42
|
+
* Gives the desired icon.
|
|
43
|
+
* If the icon input is not enabled it will not be displayed (signConfirm by default)
|
|
44
|
+
*/
|
|
29
45
|
this.defaultIcon = input('signConfirm', ...(ngDevMode ? [{ debugName: "defaultIcon" }] : []));
|
|
46
|
+
/**
|
|
47
|
+
* Applies a color palette to the listing
|
|
48
|
+
*/
|
|
30
49
|
this.palette = input('none', ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
50
|
+
/**
|
|
51
|
+
* Allows you to start a list at a value other than 1
|
|
52
|
+
*/
|
|
31
53
|
this.start = input(1, { ...(ngDevMode ? { debugName: "start" } : {}), transform: numberAttribute });
|
|
54
|
+
/**
|
|
55
|
+
* Applies inline mod to the listing
|
|
56
|
+
*/
|
|
32
57
|
this.inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : {}), transform: booleanAttribute });
|
|
58
|
+
/**
|
|
59
|
+
* Applies divider between list item
|
|
60
|
+
*/
|
|
33
61
|
this.divider = input(false, { ...(ngDevMode ? { debugName: "divider" } : {}), transform: booleanAttribute });
|
|
62
|
+
/**
|
|
63
|
+
* Reversed the listing
|
|
64
|
+
*/
|
|
34
65
|
this.reversed = input(false, { ...(ngDevMode ? { debugName: "reversed" } : {}), transform: booleanAttribute });
|
|
35
|
-
this.paletteClass = computed(() => {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
-
}, ...(ngDevMode ? [{ debugName: "paletteClass" }] : []));
|
|
66
|
+
this.paletteClass = computed(() => ({
|
|
67
|
+
[`palette-${this.palette()}`]: !!this.palette(),
|
|
68
|
+
}), ...(ngDevMode ? [{ debugName: "paletteClass" }] : []));
|
|
40
69
|
}
|
|
41
70
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
71
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-listing.mjs","sources":["../../../packages/ng/listing/listing.token.ts","../../../packages/ng/listing/listing-item/listing-item.component.ts","../../../packages/ng/listing/listing-item/listing-item.component.html","../../../packages/ng/listing/listing.component.ts","../../../packages/ng/listing/listing.component.html","../../../packages/ng/listing/lucca-front-ng-listing.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListingComponent } from './listing.component';\n\nexport const LU_LISTING_INSTANCE = new InjectionToken<ListingComponent>('LU_LISTING_INSTANCE');\n","import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_LISTING_INSTANCE } from '../listing.token';\n\n@Component({\n\tselector: 'lu-listing-item',\n\ttemplateUrl: './listing-item.component.html',\n\timports: [IconComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listing-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class ListingItemComponent {\n\treadonly icon = input<LuccaIcon | null>(null);\n
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-listing.mjs","sources":["../../../packages/ng/listing/listing.token.ts","../../../packages/ng/listing/listing-item/listing-item.component.ts","../../../packages/ng/listing/listing-item/listing-item.component.html","../../../packages/ng/listing/listing.component.ts","../../../packages/ng/listing/listing.component.html","../../../packages/ng/listing/lucca-front-ng-listing.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ListingComponent } from './listing.component';\n\nexport const LU_LISTING_INSTANCE = new InjectionToken<ListingComponent>('LU_LISTING_INSTANCE');\n","import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_LISTING_INSTANCE } from '../listing.token';\n\n@Component({\n\tselector: 'lu-listing-item',\n\ttemplateUrl: './listing-item.component.html',\n\timports: [IconComponent],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'listing-item',\n\t\trole: 'listitem',\n\t},\n})\nexport class ListingItemComponent {\n\tprotected listingRef = inject(LU_LISTING_INSTANCE);\n\n\t/**\n\t * Adds an icon to the listing item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n}\n","@if (listingRef.checklist() || listingRef.icons()) {\n\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { Palette } from '@lucca-front/ng/core';\nimport { LU_LISTING_INSTANCE } from './listing.token';\n\n@Component({\n\tselector: 'lu-listing',\n\ttemplateUrl: './listing.component.html',\n\tstyleUrl: './listing.component.scss',\n\timports: [NgTemplateOutlet],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_LISTING_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => ListingComponent),\n\t\t},\n\t],\n})\nexport class ListingComponent {\n\t/**\n\t * Create HTMLOListElement\n\t */\n\treadonly ordered = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies checklist mod to the listing\n\t */\n\treadonly checklist = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Adds an icon to the listing\n\t */\n\treadonly icons = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Gives the desired icon.\n\t * If the icon input is not enabled it will not be displayed (signConfirm by default)\n\t */\n\treadonly defaultIcon = input<LuccaIcon>('signConfirm');\n\n\t/**\n\t * Applies a color palette to the listing\n\t */\n\treadonly palette = input<Palette>('none');\n\n\t/**\n\t * Allows you to start a list at a value other than 1\n\t */\n\treadonly start = input(1, { transform: numberAttribute });\n\n\t/**\n\t * Applies inline mod to the listing\n\t */\n\treadonly inline = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies divider between list item\n\t */\n\treadonly divider = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Reversed the listing\n\t */\n\treadonly reversed = input(false, { transform: booleanAttribute });\n\n\treadonly paletteClass = computed(() => ({\n\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t}));\n}\n","@if (ordered()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAGO,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAAmB,qBAAqB,CAAC;;MCajF,oBAAoB,CAAA;AAXjC,IAAA,WAAA,GAAA;AAYW,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAElD;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,gDAAC;AAC7C,IAAA;8GAPY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBjC,+NAMA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEW,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAElB,CAAC,aAAa,CAAC,EAAA,aAAA,EACT,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,IAAI,EAAE,UAAU;AAChB,qBAAA,EAAA,QAAA,EAAA,+NAAA,EAAA;;;MEMW,gBAAgB,CAAA;AAd7B,IAAA,WAAA,GAAA;AAeC;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,oDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEhE;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAElE;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,kDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE9D;;;AAGG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAY,aAAa,uDAAC;AAEtD;;AAEG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAU,MAAM,mDAAC;AAEzC;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,CAAC,kDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEzD;;AAEG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,mDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE/D;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,oDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEhE;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,OAAO;AACvC,YAAA,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;AAC/C,SAAA,CAAC,wDAAC;AACH,IAAA;8GAlDY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAPjB;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,mBAAmB;AAC5B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAC/C,aAAA;SACD,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBF,8qBAyBA,+oKDfW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAUd,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAd5B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,OAAA,EAGb,CAAC,gBAAgB,CAAC,EAAA,aAAA,EACZ,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,mBAAmB;AAC5B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAC/C,yBAAA;AACD,qBAAA,EAAA,QAAA,EAAA,8qBAAA,EAAA,MAAA,EAAA,CAAA,ulKAAA,CAAA,EAAA;;;AElBF;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass } from '@lucca-front/ng/core';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly size = input<'L' | null>(null);\n\treadonly invert = input(false, { transform: booleanAttribute });\n\treadonly block = input(false, { transform: booleanAttribute });\n\treadonly template = input<DisplayMode | null>(null);\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAwBa,gBAAgB,CAAA;AAC5B,IAAA,QAAQ;
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass } from '@lucca-front/ng/core';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly size = input<'L' | null>(null);\n\n\treadonly invert = input(false, { transform: booleanAttribute });\n\n\treadonly block = input(false, { transform: booleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -24,11 +24,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
24
24
|
|
|
25
25
|
class MainLayoutComponent {
|
|
26
26
|
constructor() {
|
|
27
|
+
/**
|
|
28
|
+
* Sticks header on the screen
|
|
29
|
+
*/
|
|
27
30
|
this.headerSticky = input(false, { ...(ngDevMode ? { debugName: "headerSticky" } : {}), transform: booleanAttribute });
|
|
31
|
+
/**
|
|
32
|
+
* Sticks footer on the screen
|
|
33
|
+
*/
|
|
28
34
|
this.footerSticky = input(false, { ...(ngDevMode ? { debugName: "footerSticky" } : {}), transform: booleanAttribute });
|
|
29
35
|
}
|
|
30
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content" }, classAttribute: "mainLayout" }, ngImport: i0, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:target{position:relative}.mainLayout:target:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content" }, classAttribute: "mainLayout" }, ngImport: i0, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:target{position:relative}.mainLayout:target:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-header-insetBlockStart: 0}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-footer-insetBlockEnd: 0}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
38
|
}
|
|
33
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MainLayoutComponent, decorators: [{
|
|
34
40
|
type: Component,
|
|
@@ -36,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
36
42
|
class: 'mainLayout',
|
|
37
43
|
role: 'main',
|
|
38
44
|
id: 'main-content',
|
|
39
|
-
}, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:target{position:relative}.mainLayout:target:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:
|
|
45
|
+
}, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:target{position:relative}.mainLayout:target:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-product-700);outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-header-insetBlockStart: 0}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-footer-insetBlockEnd: 0}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"] }]
|
|
40
46
|
}], propDecorators: { headerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSticky", required: false }] }], footerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerSticky", required: false }] }] } });
|
|
41
47
|
|
|
42
48
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-main-layout.mjs","sources":["../../../packages/ng/main-layout/block/main-layout-block.component.ts","../../../packages/ng/main-layout/main-layout.component.ts","../../../packages/ng/main-layout/main-layout.component.html","../../../packages/ng/main-layout/lucca-front-ng-main-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout-block',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `<ng-content />`,\n\thost: {\n\t\tclass: 'mainLayout-content-inside-block',\n\t\t'[class.mod-overflow]': 'overflow()',\n\t},\n})\nexport class MainLayoutBlockComponent {\n\treadonly overflow = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout',\n\tstyleUrl: './main-layout.component.scss',\n\ttemplateUrl: './main-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'mainLayout',\n\t\trole: 'main',\n\t\tid: 'main-content',\n\t},\n})\nexport class MainLayoutComponent {\n\treadonly headerSticky = input(false, { transform: booleanAttribute });\n\treadonly footerSticky = input(false, { transform: booleanAttribute });\n}\n","<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;QAWU,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8UAN1B,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC1B,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,iCAAiC;AACxC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,qBAAA;AACD,iBAAA;;;MCGY,mBAAmB,CAAA;AAZhC,IAAA,WAAA,GAAA;
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-main-layout.mjs","sources":["../../../packages/ng/main-layout/block/main-layout-block.component.ts","../../../packages/ng/main-layout/main-layout.component.ts","../../../packages/ng/main-layout/main-layout.component.html","../../../packages/ng/main-layout/lucca-front-ng-main-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout-block',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `<ng-content />`,\n\thost: {\n\t\tclass: 'mainLayout-content-inside-block',\n\t\t'[class.mod-overflow]': 'overflow()',\n\t},\n})\nexport class MainLayoutBlockComponent {\n\treadonly overflow = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout',\n\tstyleUrl: './main-layout.component.scss',\n\ttemplateUrl: './main-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'mainLayout',\n\t\trole: 'main',\n\t\tid: 'main-content',\n\t},\n})\nexport class MainLayoutComponent {\n\t/**\n\t * Sticks header on the screen\n\t */\n\treadonly headerSticky = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Sticks footer on the screen\n\t */\n\treadonly footerSticky = input(false, { transform: booleanAttribute });\n}\n","<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;QAWU,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8UAN1B,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC1B,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,iCAAiC;AACxC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,qBAAA;AACD,iBAAA;;;MCGY,mBAAmB,CAAA;AAZhC,IAAA,WAAA,GAAA;AAaC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACrE,IAAA;8GAVY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,8cCdhC,8gBAcA,EAAA,MAAA,EAAA,CAAA,mgJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDAa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAZ/B,SAAS;+BACC,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,EAAE,EAAE,cAAc;AAClB,qBAAA,EAAA,QAAA,EAAA,8gBAAA,EAAA,MAAA,EAAA,CAAA,mgJAAA,CAAA,EAAA;;;AEZF;;AAEG;;;;"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import {
|
|
2
|
+
import { InjectionToken, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { intlInputOptions } from '@lucca-front/ng/core';
|
|
4
4
|
import { IconComponent } from '@lucca-front/ng/icon';
|
|
5
|
+
import * as i1 from '@lucca-front/ng/tooltip';
|
|
6
|
+
import { LuTooltipModule } from '@lucca-front/ng/tooltip';
|
|
5
7
|
|
|
6
8
|
const Translations = {
|
|
7
9
|
en: {
|
|
@@ -11,7 +13,7 @@ const Translations = {
|
|
|
11
13
|
altAppStore: 'Download from the App Store',
|
|
12
14
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',
|
|
13
15
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',
|
|
14
|
-
newTab: '
|
|
16
|
+
newTab: 'Open in a new tab',
|
|
15
17
|
},
|
|
16
18
|
de: {
|
|
17
19
|
urlAppStore: 'https://apps.apple.com/de/app/lucca/id1575212411',
|
|
@@ -20,7 +22,7 @@ const Translations = {
|
|
|
20
22
|
altAppStore: 'Aus dem App Store herunterladen',
|
|
21
23
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-de.svg',
|
|
22
24
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-de.svg',
|
|
23
|
-
newTab: '
|
|
25
|
+
newTab: 'In einem neuen Tab öffnen',
|
|
24
26
|
},
|
|
25
27
|
fr: {
|
|
26
28
|
urlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',
|
|
@@ -29,7 +31,7 @@ const Translations = {
|
|
|
29
31
|
altAppStore: 'Télécharger dans l’App Store',
|
|
30
32
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',
|
|
31
33
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',
|
|
32
|
-
newTab: '
|
|
34
|
+
newTab: 'Ouvrir dans un nouvel onglet',
|
|
33
35
|
},
|
|
34
36
|
it: {
|
|
35
37
|
urlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',
|
|
@@ -38,7 +40,7 @@ const Translations = {
|
|
|
38
40
|
altAppStore: "Scaricare nell'App Store",
|
|
39
41
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',
|
|
40
42
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',
|
|
41
|
-
newTab: '
|
|
43
|
+
newTab: 'Aprire in una nuova scheda',
|
|
42
44
|
},
|
|
43
45
|
nl: {
|
|
44
46
|
urlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',
|
|
@@ -47,7 +49,7 @@ const Translations = {
|
|
|
47
49
|
altAppStore: 'Downloaden in de App Store',
|
|
48
50
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',
|
|
49
51
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',
|
|
50
|
-
newTab: '
|
|
52
|
+
newTab: 'Openen in een nieuw tabblad',
|
|
51
53
|
},
|
|
52
54
|
'nl-BE': {
|
|
53
55
|
urlAppStore: 'https://apps.apple.com/nl/app/lucca-hr/id1575212411',
|
|
@@ -56,7 +58,7 @@ const Translations = {
|
|
|
56
58
|
altAppStore: 'Download in de App Store',
|
|
57
59
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-nl.svg',
|
|
58
60
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-nl.svg',
|
|
59
|
-
newTab: '
|
|
61
|
+
newTab: 'Openen in een nieuw tabblad',
|
|
60
62
|
},
|
|
61
63
|
es: {
|
|
62
64
|
urlAppStore: 'https://apps.apple.com/es/app/lucca/id1575212411',
|
|
@@ -65,7 +67,7 @@ const Translations = {
|
|
|
65
67
|
altAppStore: 'Descargar en App Store',
|
|
66
68
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',
|
|
67
69
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',
|
|
68
|
-
newTab: '
|
|
70
|
+
newTab: 'Abrir en una pestaña nueva',
|
|
69
71
|
},
|
|
70
72
|
pt: {
|
|
71
73
|
urlAppStore: 'https://apps.apple.com/pt/app/lucca/id1575212411',
|
|
@@ -74,7 +76,7 @@ const Translations = {
|
|
|
74
76
|
altAppStore: 'Descarregar na App Store',
|
|
75
77
|
srcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-pt.svg',
|
|
76
78
|
srcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-pt.svg',
|
|
77
|
-
newTab: '
|
|
79
|
+
newTab: 'Abrir num novo separador',
|
|
78
80
|
},
|
|
79
81
|
};
|
|
80
82
|
|
|
@@ -85,17 +87,23 @@ const luMobilePushTranslations = Translations;
|
|
|
85
87
|
|
|
86
88
|
class MobilePushComponent {
|
|
87
89
|
constructor() {
|
|
88
|
-
this.intl =
|
|
90
|
+
this.intl = input(...intlInputOptions(LU_MOBILE_PUSH_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
|
|
91
|
+
/**
|
|
92
|
+
* Emit event when appStoreLink is clicked
|
|
93
|
+
*/
|
|
89
94
|
this.appStoreLinkClicked = output();
|
|
95
|
+
/**
|
|
96
|
+
* Emit event when googlePlayLink is clicked
|
|
97
|
+
*/
|
|
90
98
|
this.googlePlayLinkClicked = output();
|
|
91
99
|
}
|
|
92
100
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MobilePushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
93
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
101
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MobilePushComponent, isStandalone: true, selector: "lu-mobile-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appStoreLinkClicked: "appStoreLinkClicked", googlePlayLinkClicked: "googlePlayLinkClicked" }, ngImport: i0, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;height:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
94
102
|
}
|
|
95
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MobilePushComponent, decorators: [{
|
|
96
104
|
type: Component,
|
|
97
|
-
args: [{ selector: 'lu-mobile-push', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a
|
|
98
|
-
}], propDecorators: { appStoreLinkClicked: [{ type: i0.Output, args: ["appStoreLinkClicked"] }], googlePlayLinkClicked: [{ type: i0.Output, args: ["googlePlayLinkClicked"] }] } });
|
|
105
|
+
args: [{ selector: 'lu-mobile-push', standalone: true, imports: [IconComponent, LuTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;height:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"] }]
|
|
106
|
+
}], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], appStoreLinkClicked: [{ type: i0.Output, args: ["appStoreLinkClicked"] }], googlePlayLinkClicked: [{ type: i0.Output, args: ["googlePlayLinkClicked"] }] } });
|
|
99
107
|
|
|
100
108
|
/**
|
|
101
109
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-mobile-push.mjs","sources":["../../../packages/ng/mobile-push/translations.ts","../../../packages/ng/mobile-push/mobile-push.translate.ts","../../../packages/ng/mobile-push/mobile-push.component.ts","../../../packages/ng/mobile-push/mobile-push.component.html","../../../packages/ng/mobile-push/lucca-front-ng-mobile-push.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Get it on Google Play',\n\t\taltAppStore: 'Download from the App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'New tab',\n\t},\n\tde: {\n\t\turlAppStore: 'https://apps.apple.com/de/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Jetzt bei Google Play',\n\t\taltAppStore: 'Aus dem App Store herunterladen',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-de.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-de.svg',\n\t\tnewTab: 'Neuer Tab',\n\t},\n\tfr: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Disponible sur Google Play',\n\t\taltAppStore: 'Télécharger dans l’App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Nouvel onglet',\n\t},\n\tit: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Tempo e attività?id=net.ilucca.tempo e attività_pwa.twa',\n\t\taltGooglePlay: 'Disponibile su Google Play',\n\t\taltAppStore: \"Scaricare nell'App Store\",\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Nuova scheda',\n\t},\n\tnl: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Beschikbaar op Google Play',\n\t\taltAppStore: 'Downloaden in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Nieuw tabblad',\n\t},\n\t'nl-BE': {\n\t\turlAppStore: 'https://apps.apple.com/nl/app/lucca-hr/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Ontdk het op Google Play',\n\t\taltAppStore: 'Download in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-nl.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-nl.svg',\n\t\tnewTab: 'Nieuw tabblad',\n\t},\n\tes: {\n\t\turlAppStore: 'https://apps.apple.com/es/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Descargar en Google Play',\n\t\taltAppStore: 'Descargar en App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Nueva pestaña',\n\t},\n\tpt: {\n\t\turlAppStore: 'https://apps.apple.com/pt/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Obter no Goggle Play',\n\t\taltAppStore: 'Descarregar na App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-pt.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-pt.svg',\n\t\tnewTab: 'Novo separador',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_MOBILE_PUSH_TRANSLATIONS = new InjectionToken('luMobilePushTranslations', {\n\tfactory: () => luMobilePushTranslations,\n});\n\nexport interface MobilePushTranslate {\n\turlAppStore: string;\n\turlGooglePlay: string;\n\taltAppStore: string;\n\taltGooglePlay: string;\n\tsrcAppStore: string;\n\tsrcGooglePlay: string;\n}\n\nexport const luMobilePushTranslations: LuTranslation<MobilePushTranslate> = Translations;\n","import { ChangeDetectionStrategy, Component, output, ViewEncapsulation } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_MOBILE_PUSH_TRANSLATIONS } from './mobile-push.translate';\n\n@Component({\n\tselector: 'lu-mobile-push',\n\timports: [IconComponent],\n\ttemplateUrl: './mobile-push.component.html',\n\tstyleUrl: './mobile-push.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class MobilePushComponent {\n\tintl = getIntl(LU_MOBILE_PUSH_TRANSLATIONS);\n\n\tappStoreLinkClicked = output<void>();\n\tgooglePlayLinkClicked = output<void>();\n}\n","<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a target=\"_blank\" [attr.href]=\"intl.urlAppStore\" class=\"mobilePush-content-downloadApps-link\" (click)=\"appStoreLinkClicked.emit()\">\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl.altAppStore\" [attr.src]=\"intl.srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl.urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl.altGooglePlay\" [attr.src]=\"intl.srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-mobile-push.mjs","sources":["../../../packages/ng/mobile-push/translations.ts","../../../packages/ng/mobile-push/mobile-push.translate.ts","../../../packages/ng/mobile-push/mobile-push.component.ts","../../../packages/ng/mobile-push/mobile-push.component.html","../../../packages/ng/mobile-push/lucca-front-ng-mobile-push.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Get it on Google Play',\n\t\taltAppStore: 'Download from the App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Open in a new tab',\n\t},\n\tde: {\n\t\turlAppStore: 'https://apps.apple.com/de/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Jetzt bei Google Play',\n\t\taltAppStore: 'Aus dem App Store herunterladen',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-de.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-de.svg',\n\t\tnewTab: 'In einem neuen Tab öffnen',\n\t},\n\tfr: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Disponible sur Google Play',\n\t\taltAppStore: 'Télécharger dans l’App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Ouvrir dans un nouvel onglet',\n\t},\n\tit: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Tempo e attività?id=net.ilucca.tempo e attività_pwa.twa',\n\t\taltGooglePlay: 'Disponibile su Google Play',\n\t\taltAppStore: \"Scaricare nell'App Store\",\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Aprire in una nuova scheda',\n\t},\n\tnl: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Beschikbaar op Google Play',\n\t\taltAppStore: 'Downloaden in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Openen in een nieuw tabblad',\n\t},\n\t'nl-BE': {\n\t\turlAppStore: 'https://apps.apple.com/nl/app/lucca-hr/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Ontdk het op Google Play',\n\t\taltAppStore: 'Download in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-nl.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-nl.svg',\n\t\tnewTab: 'Openen in een nieuw tabblad',\n\t},\n\tes: {\n\t\turlAppStore: 'https://apps.apple.com/es/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Descargar en Google Play',\n\t\taltAppStore: 'Descargar en App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Abrir en una pestaña nueva',\n\t},\n\tpt: {\n\t\turlAppStore: 'https://apps.apple.com/pt/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Obter no Goggle Play',\n\t\taltAppStore: 'Descarregar na App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-pt.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-pt.svg',\n\t\tnewTab: 'Abrir num novo separador',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_MOBILE_PUSH_TRANSLATIONS = new InjectionToken('luMobilePushTranslations', {\n\tfactory: () => luMobilePushTranslations,\n});\n\nexport interface MobilePushTranslate {\n\turlAppStore: string;\n\turlGooglePlay: string;\n\taltAppStore: string;\n\taltGooglePlay: string;\n\tsrcAppStore: string;\n\tsrcGooglePlay: string;\n\tnewTab: string;\n}\n\nexport const luMobilePushTranslations: LuTranslation<MobilePushTranslate> = Translations;\n","import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { LU_MOBILE_PUSH_TRANSLATIONS } from './mobile-push.translate';\n\n@Component({\n\tselector: 'lu-mobile-push',\n\tstandalone: true,\n\timports: [IconComponent, LuTooltipModule],\n\ttemplateUrl: './mobile-push.component.html',\n\tstyleUrl: './mobile-push.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class MobilePushComponent {\n\tintl = input(...intlInputOptions(LU_MOBILE_PUSH_TRANSLATIONS));\n\n\t/**\n\t * Emit event when appStoreLink is clicked\n\t */\n\tappStoreLinkClicked = output<void>();\n\n\t/**\n\t * Emit event when googlePlayLink is clicked\n\t */\n\tgooglePlayLinkClicked = output<void>();\n}\n","<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -360,7 +360,7 @@ class DialogContentAdapterComponent {
|
|
|
360
360
|
}).instance;
|
|
361
361
|
}
|
|
362
362
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DialogContentAdapterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: DialogContentAdapterComponent, isStandalone: true, selector: "lu-dialog-content-adapter", viewQueries: [{ propertyName: "contentProjectionRef", first: true, predicate: ["contentProjectionRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"submitCounter$ | async\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked"] }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header" }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { kind: "component", type: NumericBadgeComponent, selector: "lu-numeric-badge", inputs: ["value", "size", "palette", "loading", "maxValue", "disableTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: DialogContentAdapterComponent, isStandalone: true, selector: "lu-dialog-content-adapter", viewQueries: [{ propertyName: "contentProjectionRef", first: true, predicate: ["contentProjectionRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"submitCounter$ | async\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked"] }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header", inputs: ["intl"] }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { kind: "component", type: NumericBadgeComponent, selector: "lu-numeric-badge", inputs: ["value", "size", "palette", "loading", "maxValue", "disableTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
364
364
|
}
|
|
365
365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DialogContentAdapterComponent, decorators: [{
|
|
366
366
|
type: Component,
|