@lucca-front/ng 21.1.0-split.0 → 21.1.1-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 +2 -2
- package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-api.mjs +13 -45
- 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 +5 -4
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +2 -2
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +2 -2
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs +6 -1
- package/fesm2022/lucca-front-ng-bubble-illustration.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 +35 -5
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +17 -2
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- 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 +5 -7
- 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 +2 -2
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +12 -19
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +5 -5
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +5 -37
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +70 -31
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +2 -18
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +13 -4
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +12 -3
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dropdown.mjs +9 -8
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +20 -4
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +2 -66
- 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 +8 -8
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +4 -4
- 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 +81 -11
- 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-forms-phone-number-input.mjs +10 -9
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +15 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +28 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +15 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +53 -36
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +97 -48
- 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-index-table.mjs +5 -5
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +14 -2
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-link.mjs +17 -2
- 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 +9 -2
- package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-mobile-push.mjs +18 -10
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +29 -18
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +18 -14
- 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 +12 -3
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +203 -315
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +11 -2
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +24 -0
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +7 -1
- 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 +23 -19
- 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 +18 -3
- 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 +7 -4
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +11 -5
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +18 -3
- package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +22 -7
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +71 -20
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon.mjs +62 -0
- package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-sortable-list.mjs +24 -0
- package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-status-badge.mjs +14 -2
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tag.mjs +8 -2
- 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 +60 -16
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +23 -22
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user-popover.mjs +2 -2
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +11 -27
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +32 -2
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
- package/package.json +22 -14
- 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 +8 -10
- 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/html-ast.js +11 -3
- package/schematics/lib/index.js +29 -0
- 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/ng-add/file-content.js +6 -8
- package/schematics/ng-add/index.js +5 -5
- package/schematics/ng-add/tasks.js +22 -17
- 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 +1 -1
- package/types/lucca-front-ng-api.d.ts +1 -19
- package/types/lucca-front-ng-box.d.ts +2 -1
- package/types/lucca-front-ng-breadcrumbs.d.ts +1 -1
- package/types/lucca-front-ng-bubble-illustration.d.ts +1 -1
- package/types/lucca-front-ng-callout.d.ts +32 -2
- package/types/lucca-front-ng-chip.d.ts +32 -2
- package/types/lucca-front-ng-clear.d.ts +20 -5
- 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 +3 -2
- package/types/lucca-front-ng-date.d.ts +1 -19
- package/types/lucca-front-ng-date2.d.ts +21 -18
- package/types/lucca-front-ng-department.d.ts +1 -10
- package/types/lucca-front-ng-dialog.d.ts +6 -3
- package/types/lucca-front-ng-divider.d.ts +10 -0
- package/types/lucca-front-ng-empty-state.d.ts +18 -2
- package/types/lucca-front-ng-establishment.d.ts +1 -37
- package/types/lucca-front-ng-fancy-box.d.ts +12 -0
- package/types/lucca-front-ng-footer.d.ts +3 -0
- package/types/lucca-front-ng-form-field.d.ts +36 -5
- 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-phone-number-input.d.ts +1 -0
- package/types/lucca-front-ng-forms-rich-text-input-formatters-html.d.ts +7 -1
- package/types/lucca-front-ng-forms-rich-text-input-formatters-markdown.d.ts +11 -1
- package/types/lucca-front-ng-forms-rich-text-input-formatters-plain-text.d.ts +7 -1
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +2 -0
- package/types/lucca-front-ng-forms.d.ts +21 -9
- 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-inline-message.d.ts +12 -0
- package/types/lucca-front-ng-link.d.ts +15 -0
- 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 +7 -0
- package/types/lucca-front-ng-modal.d.ts +3 -1
- 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 +78 -141
- package/types/lucca-front-ng-page-header.d.ts +9 -0
- package/types/lucca-front-ng-pagination.d.ts +25 -1
- package/types/lucca-front-ng-plg-push.d.ts +7 -1
- package/types/lucca-front-ng-popover.d.ts +1 -20
- package/types/lucca-front-ng-popover2.d.ts +7 -4
- package/types/lucca-front-ng-progress-bar.d.ts +9 -0
- package/types/lucca-front-ng-read-more.d.ts +16 -1
- 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-skeleton.d.ts +61 -6
- package/types/lucca-front-ng-software-icon.d.ts +19 -0
- 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 +18 -12
- package/types/lucca-front-ng-tooltip.d.ts +2 -11
- package/types/lucca-front-ng-user.d.ts +2 -11
- package/types/lucca-front-ng-vertical-navigation.d.ts +30 -0
|
@@ -5,7 +5,13 @@ import { PortalDirective } from '@lucca-front/ng/core';
|
|
|
5
5
|
|
|
6
6
|
class VerticalNavigationLinkComponent {
|
|
7
7
|
constructor() {
|
|
8
|
+
/**
|
|
9
|
+
* adds an icon to the vertical navigation link
|
|
10
|
+
*/
|
|
8
11
|
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
12
|
+
/**
|
|
13
|
+
* Disabled the vertical navigation link
|
|
14
|
+
*/
|
|
9
15
|
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
10
16
|
}
|
|
11
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: VerticalNavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -22,8 +28,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
22
28
|
|
|
23
29
|
class VerticalNavigationGroupComponent {
|
|
24
30
|
constructor() {
|
|
31
|
+
/**
|
|
32
|
+
* Changes the text displayed by the vertical navigation group
|
|
33
|
+
*/
|
|
25
34
|
this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
35
|
+
/**
|
|
36
|
+
* Adds an icon to the vertical navigation group
|
|
37
|
+
*/
|
|
26
38
|
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
39
|
+
/**
|
|
40
|
+
* Disabled the vertical navigation group
|
|
41
|
+
*/
|
|
27
42
|
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
28
43
|
this.expanded = model(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
|
|
29
44
|
}
|
|
@@ -44,27 +59,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
44
59
|
|
|
45
60
|
class VerticalNavigationComponent {
|
|
46
61
|
constructor() {
|
|
62
|
+
/**
|
|
63
|
+
* Changes the heading title displayed by the vertical navigation
|
|
64
|
+
*/
|
|
47
65
|
this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
|
|
66
|
+
/**
|
|
67
|
+
* Defines aria level for heading title
|
|
68
|
+
*/
|
|
48
69
|
this.level = input(3, ...(ngDevMode ? [{ debugName: "level" }] : []));
|
|
49
70
|
this.verticalNavigationGroup = contentChildren(VerticalNavigationGroupComponent, { ...(ngDevMode ? { debugName: "verticalNavigationGroup" } : {}), descendants: true });
|
|
50
71
|
this.verticalNavigationLinks = contentChildren(VerticalNavigationLinkComponent, { ...(ngDevMode ? { debugName: "verticalNavigationLinks" } : {}), descendants: true });
|
|
51
72
|
this.isIconless = computed(() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length, ...(ngDevMode ? [{ debugName: "isIconless" }] : []));
|
|
52
73
|
}
|
|
53
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: VerticalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: VerticalNavigationComponent, isStandalone: true, selector: "lu-vertical-navigation", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-iconless": "isIconless()" }, classAttribute: "verticalNavigation" }, queries: [{ propertyName: "verticalNavigationGroup", predicate: VerticalNavigationGroupComponent, descendants: true, isSignal: true }, { propertyName: "verticalNavigationLinks", predicate: VerticalNavigationLinkComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t<ng-container *luPortal=\"heading()\" />\n</div>\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: VerticalNavigationComponent, isStandalone: true, selector: "lu-vertical-navigation", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-iconless": "isIconless()" }, classAttribute: "verticalNavigation" }, queries: [{ propertyName: "verticalNavigationGroup", predicate: VerticalNavigationGroupComponent, descendants: true, isSignal: true }, { propertyName: "verticalNavigationLinks", predicate: VerticalNavigationLinkComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t<ng-container *luPortal=\"heading()\" />\n</div>\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
55
76
|
}
|
|
56
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: VerticalNavigationComponent, decorators: [{
|
|
57
78
|
type: Component,
|
|
58
79
|
args: [{ selector: 'lu-vertical-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [PortalDirective], host: {
|
|
59
80
|
class: 'verticalNavigation',
|
|
60
81
|
'[class.mod-iconless]': 'isIconless()',
|
|
61
|
-
}, template: "<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t<ng-container *luPortal=\"heading()\" />\n</div>\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"] }]
|
|
82
|
+
}, template: "<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t<ng-container *luPortal=\"heading()\" />\n</div>\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"] }]
|
|
62
83
|
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], verticalNavigationGroup: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => VerticalNavigationGroupComponent), { ...{ descendants: true }, isSignal: true }] }], verticalNavigationLinks: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => VerticalNavigationLinkComponent), { ...{ descendants: true }, isSignal: true }] }] } });
|
|
63
84
|
|
|
64
85
|
class VerticalNavigationItemComponent {
|
|
65
86
|
constructor() {
|
|
87
|
+
/**
|
|
88
|
+
* Changes the text displayed by the vertical navigation item
|
|
89
|
+
*/
|
|
66
90
|
this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
91
|
+
/**
|
|
92
|
+
* Adds an icon to the vertical navigation item
|
|
93
|
+
*/
|
|
67
94
|
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
95
|
+
/**
|
|
96
|
+
* Disabled the vertical navigation item
|
|
97
|
+
*/
|
|
68
98
|
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
69
99
|
this.expanded = model(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
|
|
70
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-vertical-navigation.mjs","sources":["../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.ts","../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.html","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.ts","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.html","../../../packages/ng/vertical-navigation/vertical-navigation.component.ts","../../../packages/ng/vertical-navigation/vertical-navigation.component.html","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.ts","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.html","../../../packages/ng/vertical-navigation/lucca-front-ng-vertical-navigation.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'span[luVerticalNavigationLink], a[luVerticalNavigationLink]',\n\ttemplateUrl: './vertical-navigation-link.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent],\n\thost: {\n\t\tclass: 'verticalNavigation-list-item-link',\n\t\t'[attr.role]': 'disabled() ? \"presentation\" : null',\n\t\t'[attr.tabindex]': 'disabled() ? -1 : null',\n\t},\n})\nexport class VerticalNavigationLinkComponent {\n\treadonly icon = input<LuccaIcon | null>(null);\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-vertical-navigation-group',\n\ttemplateUrl: './vertical-navigation-group.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationGroupComponent {\n\treadonly label = input.required<PortalContent>();\n\treadonly icon = input<LuccaIcon | null>(null);\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { VerticalNavigationGroupComponent } from './group/vertical-navigation-group.component';\nimport { VerticalNavigationLinkComponent } from './link/vertical-navigation-link.component';\n\n@Component({\n\tselector: 'lu-vertical-navigation',\n\ttemplateUrl: './vertical-navigation.component.html',\n\tstyleUrl: './vertical-navigation.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [PortalDirective],\n\thost: {\n\t\tclass: 'verticalNavigation',\n\t\t'[class.mod-iconless]': 'isIconless()',\n\t},\n})\nexport class VerticalNavigationComponent {\n\treadonly heading = input.required<PortalContent>();\n\treadonly level = input<number>(3);\n\n\treadonly verticalNavigationGroup = contentChildren(VerticalNavigationGroupComponent, { descendants: true });\n\treadonly verticalNavigationLinks = contentChildren(VerticalNavigationLinkComponent, { descendants: true });\n\n\treadonly isIconless = computed(\n\t\t() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length,\n\t);\n}\n","<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t<ng-container *luPortal=\"heading()\" />\n</div>\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\n\n@Component({\n\tselector: 'lu-vertical-navigation-item',\n\ttemplateUrl: './vertical-navigation-item.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationItemComponent {\n\treadonly label = input<string | null>(null);\n\treadonly icon = input<LuccaIcon | null>(null);\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<ng-content />\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-vertical-navigation.mjs","sources":["../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.ts","../../../packages/ng/vertical-navigation/link/vertical-navigation-link.component.html","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.ts","../../../packages/ng/vertical-navigation/group/vertical-navigation-group.component.html","../../../packages/ng/vertical-navigation/vertical-navigation.component.ts","../../../packages/ng/vertical-navigation/vertical-navigation.component.html","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.ts","../../../packages/ng/vertical-navigation/item/vertical-navigation-item.component.html","../../../packages/ng/vertical-navigation/lucca-front-ng-vertical-navigation.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\t// eslint-disable-next-line @angular-eslint/component-selector\n\tselector: 'span[luVerticalNavigationLink], a[luVerticalNavigationLink]',\n\ttemplateUrl: './vertical-navigation-link.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent],\n\thost: {\n\t\tclass: 'verticalNavigation-list-item-link',\n\t\t'[attr.role]': 'disabled() ? \"presentation\" : null',\n\t\t'[attr.tabindex]': 'disabled() ? -1 : null',\n\t},\n})\nexport class VerticalNavigationLinkComponent {\n\t/**\n\t * adds an icon to the vertical navigation link\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation link\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n}\n","@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-vertical-navigation-group',\n\ttemplateUrl: './vertical-navigation-group.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationGroupComponent {\n\t/**\n\t * Changes the text displayed by the vertical navigation group\n\t */\n\treadonly label = input.required<PortalContent>();\n\n\t/**\n\t * Adds an icon to the vertical navigation group\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation group\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n","import { ChangeDetectionStrategy, Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { VerticalNavigationGroupComponent } from './group/vertical-navigation-group.component';\nimport { VerticalNavigationLinkComponent } from './link/vertical-navigation-link.component';\n\n@Component({\n\tselector: 'lu-vertical-navigation',\n\ttemplateUrl: './vertical-navigation.component.html',\n\tstyleUrl: './vertical-navigation.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [PortalDirective],\n\thost: {\n\t\tclass: 'verticalNavigation',\n\t\t'[class.mod-iconless]': 'isIconless()',\n\t},\n})\nexport class VerticalNavigationComponent {\n\t/**\n\t * Changes the heading title displayed by the vertical navigation\n\t */\n\treadonly heading = input.required<PortalContent>();\n\n\t/**\n\t * Defines aria level for heading title\n\t */\n\treadonly level = input<number>(3);\n\n\treadonly verticalNavigationGroup = contentChildren(VerticalNavigationGroupComponent, { descendants: true });\n\treadonly verticalNavigationLinks = contentChildren(VerticalNavigationLinkComponent, { descendants: true });\n\n\treadonly isIconless = computed(\n\t\t() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length,\n\t);\n}\n","<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t<ng-container *luPortal=\"heading()\" />\n</div>\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\n\n@Component({\n\tselector: 'lu-vertical-navigation-item',\n\ttemplateUrl: './vertical-navigation-item.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'verticalNavigation-list-item',\n\t\t'[class.is-disabled]': 'disabled()',\n\t},\n})\nexport class VerticalNavigationItemComponent {\n\t/**\n\t * Changes the text displayed by the vertical navigation item\n\t */\n\treadonly label = input<string | null>(null);\n\n\t/**\n\t * Adds an icon to the vertical navigation item\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Disabled the vertical navigation item\n\t */\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\n\treadonly expanded = model(true);\n\n\ttoggleExpanded() {\n\t\tthis.expanded.set(!this.expanded());\n\t}\n}\n","<ng-content />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAiBa,+BAA+B,CAAA;AAb5C,IAAA,WAAA,GAAA;AAcC;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,gDAAC;AAE7C;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GAVY,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6DAAA,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,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,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,sCAAA,EAAA,eAAA,EAAA,wBAAA,EAAA,EAAA,cAAA,EAAA,mCAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB5C,uHAIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDMW,aAAa,EAAA,QAAA,EAAA,iBAAA,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;;2FAOX,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAb3C,SAAS;AAEC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6DAA6D,EAAA,eAAA,EAEtD,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,CAAC,EAAA,IAAA,EAClB;AACL,wBAAA,KAAK,EAAE,mCAAmC;AAC1C,wBAAA,aAAa,EAAE,oCAAoC;AACnD,wBAAA,iBAAiB,EAAE,wBAAwB;AAC3C,qBAAA,EAAA,QAAA,EAAA,uHAAA,EAAA;;;MEEW,gCAAgC,CAAA;AAZ7C,IAAA,WAAA,GAAA;AAaC;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAiB;AAEhD;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,gDAAC;AAE7C;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,oDAAC;AAK/B,IAAA;IAHA,cAAc,GAAA;QACb,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpC;8GApBY,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,OAAA,EAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7C,oiBAkBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRW,aAAa,4GAAE,eAAe,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAO5B,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAZ5C,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,EAAA,eAAA,EAEvB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,eAAe,CAAC,EAAA,IAAA,EACnC;AACL,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,8BAA8B;AACrC,wBAAA,qBAAqB,EAAE,YAAY;AACnC,qBAAA,EAAA,QAAA,EAAA,oiBAAA,EAAA;;;MEEW,2BAA2B,CAAA;AAZxC,IAAA,WAAA,GAAA;AAaC;;AAEG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAiB;AAElD;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,CAAC,iDAAC;QAExB,IAAA,CAAA,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,oEAAI,WAAW,EAAE,IAAI,EAAA,CAAG;QAClG,IAAA,CAAA,uBAAuB,GAAG,eAAe,CAAC,+BAA+B,oEAAI,WAAW,EAAE,IAAI,EAAA,CAAG;QAEjG,IAAA,CAAA,UAAU,GAAG,QAAQ,CAC7B,MAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC,MAAM,CAAC,CAAC,YAAY,KAAK,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CACtL;AACD,IAAA;8GAjBY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,ieAWY,gCAAgC,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,yBAAA,EAAA,SAAA,EAChC,+BAA+B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BnF,uNAMA,i7GDKW,eAAe,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMb,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAZvC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,eAAA,EAGjB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,eAAe,CAAC,EAAA,IAAA,EACpB;AACL,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,sBAAsB,EAAE,cAAc;AACtC,qBAAA,EAAA,QAAA,EAAA,uNAAA,EAAA,MAAA,EAAA,CAAA,y3GAAA,CAAA,EAAA;AAakD,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,gCAAgC,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACvD,+BAA+B,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEf7F,+BAA+B,CAAA;AAX5C,IAAA,WAAA,GAAA;AAYC;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,iDAAC;AAE3C;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,gDAAC;AAE7C;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,oDAAC;AAK/B,IAAA;IAHA,cAAc,GAAA;QACb,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpC;8GApBY,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,4wBCd5C,kBACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDaa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAX3C,SAAS;+BACC,6BAA6B,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,8BAA8B;AACrC,wBAAA,qBAAqB,EAAE,YAAY;AACnC,qBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA;;;AEZF;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lucca-front/ng",
|
|
3
|
-
"version": "21.1.
|
|
3
|
+
"version": "21.1.1-rc.1",
|
|
4
4
|
"description": "A library of icons made by the team @Lucca",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -27,24 +27,24 @@
|
|
|
27
27
|
"@angular/core": "^21.0.0",
|
|
28
28
|
"@angular/cdk": "^21.0.0",
|
|
29
29
|
"@angular/animations": "^21.0.0",
|
|
30
|
-
"@lucca-front/icons": "21.1.
|
|
31
|
-
"@lucca-front/scss": "21.1.
|
|
32
|
-
"@lucca/prisme": "21.1.
|
|
30
|
+
"@lucca-front/icons": "21.1.1-rc.1",
|
|
31
|
+
"@lucca-front/scss": "21.1.1-rc.1",
|
|
32
|
+
"@lucca/prisme": "21.1.1-rc.1",
|
|
33
33
|
"@types/dompurify": "^3.0.0",
|
|
34
34
|
"isomorphic-dompurify": "^2.17.0",
|
|
35
35
|
"date-fns": "^3.6.0",
|
|
36
36
|
"ngx-mask": "^20.0.3",
|
|
37
37
|
"rxjs": "^7.8.0",
|
|
38
|
-
"@lexical/html": "^0.
|
|
39
|
-
"@lexical/text": "^0.
|
|
40
|
-
"@lexical/markdown": "^0.
|
|
41
|
-
"@lexical/history": "^0.
|
|
42
|
-
"@lexical/link": "^0.
|
|
43
|
-
"@lexical/plain-text": "^0.
|
|
44
|
-
"@lexical/rich-text": "^0.
|
|
45
|
-
"@lexical/selection": "^0.
|
|
46
|
-
"@lexical/utils": "^0.
|
|
47
|
-
"lexical": "^0.
|
|
38
|
+
"@lexical/html": "^0.40.0",
|
|
39
|
+
"@lexical/text": "^0.40.0",
|
|
40
|
+
"@lexical/markdown": "^0.40.0",
|
|
41
|
+
"@lexical/history": "^0.40.0",
|
|
42
|
+
"@lexical/link": "^0.40.0",
|
|
43
|
+
"@lexical/plain-text": "^0.40.0",
|
|
44
|
+
"@lexical/rich-text": "^0.40.0",
|
|
45
|
+
"@lexical/selection": "^0.40.0",
|
|
46
|
+
"@lexical/utils": "^0.40.0",
|
|
47
|
+
"lexical": "^0.40.0",
|
|
48
48
|
"@ngx-formly/core": "^6.3.11"
|
|
49
49
|
},
|
|
50
50
|
"peerDependenciesMeta": {
|
|
@@ -448,6 +448,10 @@
|
|
|
448
448
|
"types": "./types/lucca-front-ng-skeleton.d.ts",
|
|
449
449
|
"default": "./fesm2022/lucca-front-ng-skeleton.mjs"
|
|
450
450
|
},
|
|
451
|
+
"./software-icon": {
|
|
452
|
+
"types": "./types/lucca-front-ng-software-icon.d.ts",
|
|
453
|
+
"default": "./fesm2022/lucca-front-ng-software-icon.mjs"
|
|
454
|
+
},
|
|
451
455
|
"./sortable-list": {
|
|
452
456
|
"types": "./types/lucca-front-ng-sortable-list.d.ts",
|
|
453
457
|
"default": "./fesm2022/lucca-front-ng-sortable-list.mjs"
|
|
@@ -464,6 +468,10 @@
|
|
|
464
468
|
"types": "./types/lucca-front-ng-tag.d.ts",
|
|
465
469
|
"default": "./fesm2022/lucca-front-ng-tag.mjs"
|
|
466
470
|
},
|
|
471
|
+
"./text-flow": {
|
|
472
|
+
"types": "./types/lucca-front-ng-text-flow.d.ts",
|
|
473
|
+
"default": "./fesm2022/lucca-front-ng-text-flow.mjs"
|
|
474
|
+
},
|
|
467
475
|
"./time": {
|
|
468
476
|
"types": "./types/lucca-front-ng-time.d.ts",
|
|
469
477
|
"default": "./fesm2022/lucca-front-ng-time.mjs"
|
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const lib_1 = require("../lib");
|
|
4
4
|
const migration_1 = require("./migration");
|
|
5
|
-
const lf_schematic_context_1 = require("../lib/lf-schematic-context");
|
|
6
5
|
// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
|
|
7
6
|
// eslint-disable-next-line @typescript-eslint/no-require-imports
|
|
8
7
|
require('@angular-devkit/schematics');
|
|
9
8
|
exports.default = (options) => {
|
|
10
9
|
return async (tree, context) => {
|
|
11
|
-
await
|
|
10
|
+
await lib_1.currentSchematicContext.init(context, options);
|
|
12
11
|
const postCssScss = await Promise.resolve().then(() => require('../lib/local-deps/postcss-scss.js'));
|
|
13
12
|
tree.visit((path, entry) => {
|
|
14
13
|
if (path.includes('node_modules') || !entry) {
|
|
15
14
|
return;
|
|
16
15
|
}
|
|
17
16
|
if (path.endsWith('.scss')) {
|
|
18
|
-
(0,
|
|
17
|
+
(0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateScssFile)(content, postCssScss));
|
|
19
18
|
}
|
|
20
19
|
if (path.endsWith('.html')) {
|
|
21
|
-
(0,
|
|
20
|
+
(0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateHTMLFile)(content));
|
|
22
21
|
}
|
|
23
22
|
});
|
|
24
23
|
};
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.migrateScssFile = migrateScssFile;
|
|
4
4
|
exports.migrateHTMLFile = migrateHTMLFile;
|
|
5
|
-
const
|
|
6
|
-
const html_ast_js_1 = require("../lib/html-ast.js");
|
|
5
|
+
const lib_1 = require("../lib");
|
|
7
6
|
function migrateScssFile(content, postCssScss) {
|
|
8
7
|
const root = postCssScss.parse(content);
|
|
9
8
|
root.walkRules((rule) => {
|
|
@@ -15,8 +14,8 @@ function migrateScssFile(content, postCssScss) {
|
|
|
15
14
|
return root.toResult({ syntax: { stringify: postCssScss.stringify } }).css;
|
|
16
15
|
}
|
|
17
16
|
function migrateHTMLFile(content) {
|
|
18
|
-
return (0,
|
|
19
|
-
const htmlAst = new
|
|
17
|
+
return (0, lib_1.updateContent)(content, (updates) => {
|
|
18
|
+
const htmlAst = new lib_1.HtmlAst(content);
|
|
20
19
|
htmlAst.visitElementWithAttribute(/.*/, 'class', (_elem, attr) => {
|
|
21
20
|
const classes = attr.value;
|
|
22
21
|
if (classes.includes('actionIcon') && attr.valueSpan) {
|
|
@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const fs = require("fs");
|
|
4
4
|
const glob = require("glob");
|
|
5
5
|
const path = require("path");
|
|
6
|
-
const
|
|
6
|
+
const lib_1 = require("../lib");
|
|
7
7
|
const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
|
|
8
8
|
const testsRoot = path.join(__dirname, 'tests');
|
|
9
9
|
const files = fs.readdirSync(testsRoot);
|
|
10
10
|
describe('actionIcon Migration', () => {
|
|
11
11
|
it('should update files', async () => {
|
|
12
12
|
// Arrange
|
|
13
|
-
const tree = (0,
|
|
14
|
-
const expectedTree = (0,
|
|
13
|
+
const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
|
|
14
|
+
const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
|
|
15
15
|
// Act
|
|
16
16
|
try {
|
|
17
|
-
await (0,
|
|
17
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstallation: true }, tree);
|
|
18
18
|
}
|
|
19
19
|
catch (error) {
|
|
20
20
|
// eslint-disable-next-line no-console
|
|
21
21
|
console.log(error);
|
|
22
22
|
}
|
|
23
23
|
// Assert
|
|
24
|
-
(0,
|
|
24
|
+
(0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
|
|
25
25
|
});
|
|
26
26
|
// Use this to migrate @lucca-front/* packages
|
|
27
27
|
it.skip('should migrate @lucca-front/*', async () => {
|
|
@@ -33,10 +33,10 @@ describe('actionIcon Migration', () => {
|
|
|
33
33
|
...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
|
|
34
34
|
...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
|
|
35
35
|
];
|
|
36
|
-
const treeOriginalTree = (0,
|
|
37
|
-
const tree = (0,
|
|
36
|
+
const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
37
|
+
const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
38
38
|
// Act
|
|
39
|
-
await (0,
|
|
39
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstallation: true }, tree);
|
|
40
40
|
// Assert
|
|
41
41
|
tree.visit((p, entry) => {
|
|
42
42
|
const original = treeOriginalTree.get(p)?.content.toString() || '';
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
4
|
-
const lf_schematic_context_1 = require("../lib/lf-schematic-context");
|
|
3
|
+
const lib_1 = require("../lib");
|
|
5
4
|
// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
|
|
6
5
|
// eslint-disable-next-line @typescript-eslint/no-require-imports
|
|
7
6
|
require('@angular-devkit/schematics');
|
|
8
7
|
exports.default = (options) => {
|
|
9
8
|
return async (tree, context) => {
|
|
10
|
-
await
|
|
11
|
-
await new
|
|
9
|
+
await lib_1.currentSchematicContext.init(context, options);
|
|
10
|
+
await new lib_1.CssMapper(tree, {
|
|
12
11
|
classes: {
|
|
13
12
|
'u-textLeft': 'pr-u-textAlignStart',
|
|
14
13
|
'u-textCenter': 'pr-u-textAlignCenter',
|
|
@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const fs = require("fs");
|
|
4
4
|
const glob = require("glob");
|
|
5
5
|
const path = require("path");
|
|
6
|
-
const
|
|
6
|
+
const lib_1 = require("../lib");
|
|
7
7
|
const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
|
|
8
8
|
const testsRoot = path.join(__dirname, 'tests');
|
|
9
9
|
const files = fs.readdirSync(testsRoot);
|
|
10
10
|
describe('Alignment utilities Migration', () => {
|
|
11
11
|
it('should update files', async () => {
|
|
12
12
|
// Arrange
|
|
13
|
-
const tree = (0,
|
|
14
|
-
const expectedTree = (0,
|
|
13
|
+
const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
|
|
14
|
+
const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
|
|
15
15
|
// Act
|
|
16
16
|
try {
|
|
17
|
-
await (0,
|
|
17
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstallation: true }, tree);
|
|
18
18
|
}
|
|
19
19
|
catch (error) {
|
|
20
20
|
// eslint-disable-next-line no-console
|
|
21
21
|
console.log(error);
|
|
22
22
|
}
|
|
23
23
|
// Assert
|
|
24
|
-
(0,
|
|
24
|
+
(0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
|
|
25
25
|
});
|
|
26
26
|
// Use this to migrate @lucca-front/* packages
|
|
27
27
|
it.skip('should migrate @lucca-front/*', async () => {
|
|
@@ -33,10 +33,10 @@ describe('Alignment utilities Migration', () => {
|
|
|
33
33
|
...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
|
|
34
34
|
...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
|
|
35
35
|
];
|
|
36
|
-
const treeOriginalTree = (0,
|
|
37
|
-
const tree = (0,
|
|
36
|
+
const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
37
|
+
const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
38
38
|
// Act
|
|
39
|
-
await (0,
|
|
39
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstallation: true }, tree);
|
|
40
40
|
// Assert
|
|
41
41
|
tree.visit((p, entry) => {
|
|
42
42
|
const original = treeOriginalTree.get(p)?.content.toString() || '';
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const lib_1 = require("../lib");
|
|
4
4
|
const migration_1 = require("./migration");
|
|
5
|
-
const lf_schematic_context_1 = require("../lib/lf-schematic-context");
|
|
6
5
|
// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
|
|
7
6
|
// eslint-disable-next-line @typescript-eslint/no-require-imports
|
|
8
7
|
require('@angular-devkit/schematics');
|
|
9
8
|
exports.default = (options) => {
|
|
10
9
|
return async (tree, context) => {
|
|
11
|
-
await
|
|
10
|
+
await lib_1.currentSchematicContext.init(context, options);
|
|
12
11
|
tree.visit((path, entry) => {
|
|
13
12
|
if (path.includes('node_modules') || !entry) {
|
|
14
13
|
return;
|
|
15
14
|
}
|
|
16
15
|
if (path.endsWith('.html')) {
|
|
17
|
-
(0,
|
|
16
|
+
(0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateHTMLFile)(content));
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
19
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.migrateHTMLFile = migrateHTMLFile;
|
|
4
|
-
const
|
|
5
|
-
const html_ast_js_1 = require("../lib/html-ast.js");
|
|
6
|
-
const lf_schematic_context_1 = require("../lib/lf-schematic-context");
|
|
4
|
+
const lib_1 = require("../lib");
|
|
7
5
|
const REPLACE_MAP = {
|
|
8
6
|
'https://cdn.lucca.fr/development': 'https://cdn.lucca.fr/archives/development',
|
|
9
7
|
'https://cdn.lucca.fr/errors': 'https://cdn.lucca.fr/archives/errors',
|
|
@@ -44,14 +42,14 @@ const REPLACE_MAP = {
|
|
|
44
42
|
'https://cdn.lucca.fr/figgo-slack-status.png': 'https://cdn.lucca.fr/archives/figgo-slack-status.png'
|
|
45
43
|
};
|
|
46
44
|
function migrateHTMLFile(content) {
|
|
47
|
-
return (0,
|
|
48
|
-
const htmlAst = new
|
|
45
|
+
return (0, lib_1.updateContent)(content, (updates) => {
|
|
46
|
+
const htmlAst = new lib_1.HtmlAst(content);
|
|
49
47
|
htmlAst.visitNodes((node) => {
|
|
50
|
-
if (node instanceof
|
|
48
|
+
if (node instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstElement) {
|
|
51
49
|
node.attributes.forEach((attr) => {
|
|
52
50
|
const match = findURLMatch(attr.value);
|
|
53
51
|
if (match && attr.valueSpan) {
|
|
54
|
-
|
|
52
|
+
lib_1.currentSchematicContext.logSuccess(`Replacing ${match} with ${attr.value.replace(match, REPLACE_MAP[match])}`);
|
|
55
53
|
updates.push({
|
|
56
54
|
position: attr.valueSpan?.start.offset,
|
|
57
55
|
oldContent: attr.value,
|
|
@@ -60,10 +58,10 @@ function migrateHTMLFile(content) {
|
|
|
60
58
|
}
|
|
61
59
|
});
|
|
62
60
|
node.inputs.forEach((input) => {
|
|
63
|
-
if (input.value instanceof
|
|
64
|
-
const match = findURLMatch(input.value?.source || '');
|
|
61
|
+
if (input.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource) {
|
|
62
|
+
const match = findURLMatch(input.value?.source?.replace('\'', '') || '');
|
|
65
63
|
if (input.value?.source && match) {
|
|
66
|
-
|
|
64
|
+
lib_1.currentSchematicContext.logSuccess(`Replacing ${input.value.source} with ${input.value.source.replace(match, REPLACE_MAP[match])}`);
|
|
67
65
|
updates.push({
|
|
68
66
|
position: input.value?.sourceSpan.start,
|
|
69
67
|
oldContent: input.value.source,
|
|
@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const fs = require("fs");
|
|
4
4
|
const glob = require("glob");
|
|
5
5
|
const path = require("path");
|
|
6
|
-
const
|
|
6
|
+
const lib_1 = require("../lib");
|
|
7
7
|
const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
|
|
8
8
|
const testsRoot = path.join(__dirname, 'tests');
|
|
9
9
|
const files = fs.readdirSync(testsRoot);
|
|
10
10
|
describe('cdnUrls Migration', () => {
|
|
11
11
|
it('should update files', async () => {
|
|
12
12
|
// Arrange
|
|
13
|
-
const tree = (0,
|
|
14
|
-
const expectedTree = (0,
|
|
13
|
+
const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
|
|
14
|
+
const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
|
|
15
15
|
// Act
|
|
16
16
|
try {
|
|
17
|
-
await (0,
|
|
17
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstallation: true }, tree);
|
|
18
18
|
}
|
|
19
19
|
catch (error) {
|
|
20
20
|
// eslint-disable-next-line no-console
|
|
21
21
|
console.log(error);
|
|
22
22
|
}
|
|
23
23
|
// Assert
|
|
24
|
-
(0,
|
|
24
|
+
(0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
|
|
25
25
|
});
|
|
26
26
|
// Use this to migrate @lucca-front/* packages
|
|
27
27
|
it.skip('should migrate @lucca-front/*', async () => {
|
|
@@ -33,10 +33,10 @@ describe('cdnUrls Migration', () => {
|
|
|
33
33
|
...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
|
|
34
34
|
...glob.sync('stories/**', { cwd: lfRoot, nodir: true })
|
|
35
35
|
];
|
|
36
|
-
const treeOriginalTree = (0,
|
|
37
|
-
const tree = (0,
|
|
36
|
+
const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
37
|
+
const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
38
38
|
// Act
|
|
39
|
-
await (0,
|
|
39
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstallation: true }, tree);
|
|
40
40
|
// Assert
|
|
41
41
|
tree.visit((p, entry) => {
|
|
42
42
|
const original = treeOriginalTree.get(p)?.content.toString() || '';
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
4
|
-
const lf_schematic_context_1 = require("../lib/lf-schematic-context");
|
|
3
|
+
const lib_1 = require("../lib");
|
|
5
4
|
// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
|
|
6
5
|
// eslint-disable-next-line @typescript-eslint/no-require-imports
|
|
7
6
|
require('@angular-devkit/schematics');
|
|
8
7
|
exports.default = (options) => {
|
|
9
8
|
return async (tree, context) => {
|
|
10
|
-
await
|
|
11
|
-
await new
|
|
9
|
+
await lib_1.currentSchematicContext.init(context, options);
|
|
10
|
+
await new lib_1.CssMapper(tree, {
|
|
12
11
|
classes: {
|
|
13
12
|
"u-floatLeft": "pr-u-floatLeft",
|
|
14
13
|
"u-floatRight": "pr-u-floatRight",
|
|
@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const fs = require("fs");
|
|
4
4
|
const glob = require("glob");
|
|
5
5
|
const path = require("path");
|
|
6
|
-
const
|
|
6
|
+
const lib_1 = require("../lib");
|
|
7
7
|
const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
|
|
8
8
|
const testsRoot = path.join(__dirname, 'tests');
|
|
9
9
|
const files = fs.readdirSync(testsRoot);
|
|
10
10
|
describe('Class prefix Migration', () => {
|
|
11
11
|
it('should update files', async () => {
|
|
12
12
|
// Arrange
|
|
13
|
-
const tree = (0,
|
|
14
|
-
const expectedTree = (0,
|
|
13
|
+
const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
|
|
14
|
+
const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
|
|
15
15
|
// Act
|
|
16
16
|
try {
|
|
17
|
-
await (0,
|
|
17
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstallation: true }, tree);
|
|
18
18
|
}
|
|
19
19
|
catch (error) {
|
|
20
20
|
// eslint-disable-next-line no-console
|
|
21
21
|
console.log(error);
|
|
22
22
|
}
|
|
23
23
|
// Assert
|
|
24
|
-
(0,
|
|
24
|
+
(0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
|
|
25
25
|
});
|
|
26
26
|
// Use this to migrate @lucca-front/* packages
|
|
27
27
|
it.skip('should migrate @lucca-front/*', async () => {
|
|
@@ -33,10 +33,10 @@ describe('Class prefix Migration', () => {
|
|
|
33
33
|
...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
|
|
34
34
|
...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
|
|
35
35
|
];
|
|
36
|
-
const treeOriginalTree = (0,
|
|
37
|
-
const tree = (0,
|
|
36
|
+
const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
37
|
+
const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
|
|
38
38
|
// Act
|
|
39
|
-
await (0,
|
|
39
|
+
await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstallation: true }, tree);
|
|
40
40
|
// Assert
|
|
41
41
|
tree.visit((p, entry) => {
|
|
42
42
|
const original = treeOriginalTree.get(p)?.content.toString() || '';
|
|
@@ -76,6 +76,16 @@
|
|
|
76
76
|
"factory": "./lu-icon/index",
|
|
77
77
|
"schema": "./lu-icon/schema.json"
|
|
78
78
|
},
|
|
79
|
+
"lu-loading": {
|
|
80
|
+
"description": "Migrate HTML loading to the new lu-loading component",
|
|
81
|
+
"factory": "./lu-loading/index",
|
|
82
|
+
"schema": "./lu-loading/schema.json"
|
|
83
|
+
},
|
|
84
|
+
"lu-container": {
|
|
85
|
+
"description": "Migrate HTML container to the new lu-container component",
|
|
86
|
+
"factory": "./lu-container/index",
|
|
87
|
+
"schema": "./lu-container/schema.json"
|
|
88
|
+
},
|
|
79
89
|
"lu-button": {
|
|
80
90
|
"description": "Migrate CSS-only buttons to the new luButton component",
|
|
81
91
|
"factory": "./lu-button/index",
|