@lucca-front/ng 21.0.0-rc.7 → 21.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
- package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-animations.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-api.mjs +52 -52
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-app-layout.mjs +6 -6
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs +7 -7
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +11 -11
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-button.mjs +20 -16
- package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-callout.mjs +72 -72
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-chip.mjs +15 -15
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +10 -10
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-code.mjs +5 -5
- package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-comment.mjs +31 -31
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +8 -8
- package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-api.mjs +14 -14
- package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-department.mjs +16 -16
- package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +16 -16
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +10 -10
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +7 -7
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-user.mjs +38 -38
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +90 -89
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +36 -19
- package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +88 -88
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +50 -50
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +125 -132
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +30 -30
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +42 -42
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +10 -10
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dropdown.mjs +47 -47
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +27 -27
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +52 -52
- package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-fancy-box.mjs +12 -12
- package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +56 -56
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +52 -52
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +11 -11
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +48 -50
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +5 -5
- package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form.mjs +6 -6
- package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-formly.mjs +58 -58
- package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +20 -20
- 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 +3 -3
- 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 +3 -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.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +90 -88
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +139 -139
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +21 -21
- package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-grid.mjs +27 -27
- package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +19 -19
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +12 -12
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-icon.mjs +10 -10
- package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +69 -69
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +8 -8
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-input.mjs +21 -21
- package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-link.mjs +12 -12
- package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listbox.mjs +28 -28
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +21 -21
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs +10 -10
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +12 -12
- package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-mobile-push.mjs +4 -4
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +23 -23
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +68 -68
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +5 -5
- package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-number-format.mjs +11 -11
- package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-number.mjs +7 -7
- package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +13 -13
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +161 -161
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +10 -10
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +10 -10
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +7 -7
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover.mjs +25 -25
- package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +19 -23
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popup.mjs +10 -10
- package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-progress-bar.mjs +9 -9
- package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-read-more.mjs +14 -14
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +120 -0
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-safe-content.mjs +13 -13
- package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll-box.mjs +7 -7
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll.mjs +9 -9
- package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scrollBox.mjs +6 -0
- package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +18 -18
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +15 -15
- package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-select.mjs +16 -16
- package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
- package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +22 -22
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +67 -53
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sortable-list.mjs +18 -18
- package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-status-badge.mjs +9 -9
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-table-of-content.mjs +8 -8
- package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tag.mjs +14 -14
- package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-time.mjs +63 -75
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-title.mjs +10 -10
- package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-toast.mjs +14 -14
- package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +39 -41
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tree-select.mjs +20 -20
- package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user-popover.mjs +22 -22
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +86 -86
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +31 -31
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
- package/package.json +159 -151
- package/src/components/cdk/_dragDrop.scss +1 -1
- package/{a11y/index.d.ts → types/lucca-front-ng-a11y.d.ts} +9 -8
- package/{button/index.d.ts → types/lucca-front-ng-button.d.ts} +1 -1
- package/{callout/index.d.ts → types/lucca-front-ng-callout.d.ts} +2 -1
- package/{core-select/index.d.ts → types/lucca-front-ng-core-select.d.ts} +11 -10
- package/{core/index.d.ts → types/lucca-front-ng-core.d.ts} +17 -1
- package/{date2/index.d.ts → types/lucca-front-ng-date2.d.ts} +1 -1
- package/{department/index.d.ts → types/lucca-front-ng-department.d.ts} +9 -8
- package/{dialog/index.d.ts → types/lucca-front-ng-dialog.d.ts} +43 -42
- package/{dropdown/index.d.ts → types/lucca-front-ng-dropdown.d.ts} +2 -2
- package/{establishment/index.d.ts → types/lucca-front-ng-establishment.d.ts} +10 -9
- package/{form-field/index.d.ts → types/lucca-front-ng-form-field.d.ts} +11 -11
- package/{forms/phone-number-input/index.d.ts → types/lucca-front-ng-forms-phone-number-input.d.ts} +1 -2
- package/{forms/index.d.ts → types/lucca-front-ng-forms.d.ts} +18 -17
- package/{modal/index.d.ts → types/lucca-front-ng-modal.d.ts} +13 -12
- package/{multi-select/index.d.ts → types/lucca-front-ng-multi-select.d.ts} +32 -31
- package/{option/index.d.ts → types/lucca-front-ng-option.d.ts} +28 -27
- package/{popover2/index.d.ts → types/lucca-front-ng-popover2.d.ts} +22 -21
- package/{popup/index.d.ts → types/lucca-front-ng-popup.d.ts} +2 -1
- package/types/lucca-front-ng-resource-card.d.ts +33 -0
- package/types/lucca-front-ng-scrollBox.d.ts +1 -0
- package/{select/index.d.ts → types/lucca-front-ng-select.d.ts} +1 -1
- package/{simple-select/index.d.ts → types/lucca-front-ng-simple-select.d.ts} +16 -15
- package/{skeleton/index.d.ts → types/lucca-front-ng-skeleton.d.ts} +9 -1
- package/{time/index.d.ts → types/lucca-front-ng-time.d.ts} +16 -15
- package/{toast/index.d.ts → types/lucca-front-ng-toast.d.ts} +11 -10
- package/{user-popover/index.d.ts → types/lucca-front-ng-user-popover.d.ts} +23 -22
- package/{user/index.d.ts → types/lucca-front-ng-user.d.ts} +18 -17
- /package/{animations/index.d.ts → types/lucca-front-ng-animations.d.ts} +0 -0
- /package/{api/index.d.ts → types/lucca-front-ng-api.d.ts} +0 -0
- /package/{app-layout/index.d.ts → types/lucca-front-ng-app-layout.d.ts} +0 -0
- /package/{box/index.d.ts → types/lucca-front-ng-box.d.ts} +0 -0
- /package/{breadcrumbs/index.d.ts → types/lucca-front-ng-breadcrumbs.d.ts} +0 -0
- /package/{chip/index.d.ts → types/lucca-front-ng-chip.d.ts} +0 -0
- /package/{clear/index.d.ts → types/lucca-front-ng-clear.d.ts} +0 -0
- /package/{code/index.d.ts → types/lucca-front-ng-code.d.ts} +0 -0
- /package/{comment/index.d.ts → types/lucca-front-ng-comment.d.ts} +0 -0
- /package/{container/index.d.ts → types/lucca-front-ng-container.d.ts} +0 -0
- /package/{core-select/api/index.d.ts → types/lucca-front-ng-core-select-api.d.ts} +0 -0
- /package/{core-select/department/index.d.ts → types/lucca-front-ng-core-select-department.d.ts} +0 -0
- /package/{core-select/establishment/index.d.ts → types/lucca-front-ng-core-select-establishment.d.ts} +0 -0
- /package/{core-select/job-qualification/index.d.ts → types/lucca-front-ng-core-select-job-qualification.d.ts} +0 -0
- /package/{core-select/occupation-category/index.d.ts → types/lucca-front-ng-core-select-occupation-category.d.ts} +0 -0
- /package/{core-select/user/index.d.ts → types/lucca-front-ng-core-select-user.d.ts} +0 -0
- /package/{data-table/index.d.ts → types/lucca-front-ng-data-table.d.ts} +0 -0
- /package/{date/index.d.ts → types/lucca-front-ng-date.d.ts} +0 -0
- /package/{dialog/testing/index.d.ts → types/lucca-front-ng-dialog-testing.d.ts} +0 -0
- /package/{divider/index.d.ts → types/lucca-front-ng-divider.d.ts} +0 -0
- /package/{empty-state/index.d.ts → types/lucca-front-ng-empty-state.d.ts} +0 -0
- /package/{fancy-box/index.d.ts → types/lucca-front-ng-fancy-box.d.ts} +0 -0
- /package/{file-upload/index.d.ts → types/lucca-front-ng-file-upload.d.ts} +0 -0
- /package/{filter-pills/index.d.ts → types/lucca-front-ng-filter-pills.d.ts} +0 -0
- /package/{footer/index.d.ts → types/lucca-front-ng-footer.d.ts} +0 -0
- /package/{form-header/index.d.ts → types/lucca-front-ng-form-header.d.ts} +0 -0
- /package/{form/index.d.ts → types/lucca-front-ng-form.d.ts} +0 -0
- /package/{formly/index.d.ts → types/lucca-front-ng-formly.d.ts} +0 -0
- /package/{forms/rich-text-input/formatters/html/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-html.d.ts} +0 -0
- /package/{forms/rich-text-input/formatters/markdown/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-markdown.d.ts} +0 -0
- /package/{forms/rich-text-input/formatters/plain-text/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-plain-text.d.ts} +0 -0
- /package/{forms/rich-text-input/index.d.ts → types/lucca-front-ng-forms-rich-text-input.d.ts} +0 -0
- /package/{gauge/index.d.ts → types/lucca-front-ng-gauge.d.ts} +0 -0
- /package/{grid/index.d.ts → types/lucca-front-ng-grid.d.ts} +0 -0
- /package/{highlight-data/index.d.ts → types/lucca-front-ng-highlight-data.d.ts} +0 -0
- /package/{horizontal-navigation/index.d.ts → types/lucca-front-ng-horizontal-navigation.d.ts} +0 -0
- /package/{icon/index.d.ts → types/lucca-front-ng-icon.d.ts} +0 -0
- /package/{index-table/index.d.ts → types/lucca-front-ng-index-table.d.ts} +0 -0
- /package/{inline-message/index.d.ts → types/lucca-front-ng-inline-message.d.ts} +0 -0
- /package/{input/index.d.ts → types/lucca-front-ng-input.d.ts} +0 -0
- /package/{link/index.d.ts → types/lucca-front-ng-link.d.ts} +0 -0
- /package/{listbox/index.d.ts → types/lucca-front-ng-listbox.d.ts} +0 -0
- /package/{listing/index.d.ts → types/lucca-front-ng-listing.d.ts} +0 -0
- /package/{loading/index.d.ts → types/lucca-front-ng-loading.d.ts} +0 -0
- /package/{main-layout/index.d.ts → types/lucca-front-ng-main-layout.d.ts} +0 -0
- /package/{mobile-push/index.d.ts → types/lucca-front-ng-mobile-push.d.ts} +0 -0
- /package/{new-badge/index.d.ts → types/lucca-front-ng-new-badge.d.ts} +0 -0
- /package/{number-format/index.d.ts → types/lucca-front-ng-number-format.d.ts} +0 -0
- /package/{number/index.d.ts → types/lucca-front-ng-number.d.ts} +0 -0
- /package/{numeric-badge/index.d.ts → types/lucca-front-ng-numeric-badge.d.ts} +0 -0
- /package/{page-header/index.d.ts → types/lucca-front-ng-page-header.d.ts} +0 -0
- /package/{pagination/index.d.ts → types/lucca-front-ng-pagination.d.ts} +0 -0
- /package/{picker/index.d.ts → types/lucca-front-ng-picker.d.ts} +0 -0
- /package/{plg-push/index.d.ts → types/lucca-front-ng-plg-push.d.ts} +0 -0
- /package/{popover/index.d.ts → types/lucca-front-ng-popover.d.ts} +0 -0
- /package/{progress-bar/index.d.ts → types/lucca-front-ng-progress-bar.d.ts} +0 -0
- /package/{read-more/index.d.ts → types/lucca-front-ng-read-more.d.ts} +0 -0
- /package/{safe-content/index.d.ts → types/lucca-front-ng-safe-content.d.ts} +0 -0
- /package/{scroll-box/index.d.ts → types/lucca-front-ng-scroll-box.d.ts} +0 -0
- /package/{scroll/index.d.ts → types/lucca-front-ng-scroll.d.ts} +0 -0
- /package/{segmented-control-tabs/index.d.ts → types/lucca-front-ng-segmented-control-tabs.d.ts} +0 -0
- /package/{segmented-control/index.d.ts → types/lucca-front-ng-segmented-control.d.ts} +0 -0
- /package/{segmentedControl/index.d.ts → types/lucca-front-ng-segmentedControl.d.ts} +0 -0
- /package/{segmentedControlTabs/index.d.ts → types/lucca-front-ng-segmentedControlTabs.d.ts} +0 -0
- /package/{sidepanel/index.d.ts → types/lucca-front-ng-sidepanel.d.ts} +0 -0
- /package/{simple-select/api/index.d.ts → types/lucca-front-ng-simple-select-api.d.ts} +0 -0
- /package/{sortable-list/index.d.ts → types/lucca-front-ng-sortable-list.d.ts} +0 -0
- /package/{status-badge/index.d.ts → types/lucca-front-ng-status-badge.d.ts} +0 -0
- /package/{statusBadge/index.d.ts → types/lucca-front-ng-statusBadge.d.ts} +0 -0
- /package/{table-of-content/index.d.ts → types/lucca-front-ng-table-of-content.d.ts} +0 -0
- /package/{tag/index.d.ts → types/lucca-front-ng-tag.d.ts} +0 -0
- /package/{title/index.d.ts → types/lucca-front-ng-title.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/lucca-front-ng-tooltip.d.ts} +0 -0
- /package/{tree-select/index.d.ts → types/lucca-front-ng-tree-select.d.ts} +0 -0
- /package/{vertical-navigation/index.d.ts → types/lucca-front-ng-vertical-navigation.d.ts} +0 -0
- /package/{index.d.ts → types/lucca-front-ng.d.ts} +0 -0
|
@@ -6,10 +6,10 @@ class HorizontalNavigationLinkDirective {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.template = inject(TemplateRef);
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HorizontalNavigationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: HorizontalNavigationLinkDirective, isStandalone: true, selector: "[luHorizontalNavigationLink]", ngImport: i0 }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HorizontalNavigationLinkDirective, decorators: [{
|
|
13
13
|
type: Directive,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: '[luHorizontalNavigationLink]',
|
|
@@ -18,16 +18,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
18
18
|
|
|
19
19
|
class HorizontalNavigationComponent {
|
|
20
20
|
constructor() {
|
|
21
|
-
this.links = contentChildren(HorizontalNavigationLinkDirective);
|
|
22
|
-
this.noBorder = input(false, { transform: booleanAttribute });
|
|
23
|
-
this.container = input(false, { transform: booleanAttribute });
|
|
24
|
-
this.vertical = input(false, { transform: booleanAttribute });
|
|
25
|
-
this.size = input(null);
|
|
21
|
+
this.links = contentChildren(HorizontalNavigationLinkDirective, ...(ngDevMode ? [{ debugName: "links" }] : []));
|
|
22
|
+
this.noBorder = input(false, { ...(ngDevMode ? { debugName: "noBorder" } : {}), transform: booleanAttribute });
|
|
23
|
+
this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : {}), transform: booleanAttribute });
|
|
24
|
+
this.vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : {}), transform: booleanAttribute });
|
|
25
|
+
this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "noBorder()", "class.mod-S": "size() === `S`", "class.mod-vertical": "vertical()" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HorizontalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "noBorder()", "class.mod-S": "size() === `S`", "class.mod-vertical": "vertical()" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'lu-horizontal-navigation', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], host: {
|
|
33
33
|
class: 'horizontalNavigation',
|
|
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
|
|
|
35
35
|
'[class.mod-S]': 'size() === `S`',
|
|
36
36
|
'[class.mod-vertical]': 'vertical()',
|
|
37
37
|
}, template: "@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer mods{.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"] }]
|
|
38
|
-
}] });
|
|
38
|
+
}], propDecorators: { links: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HorizontalNavigationLinkDirective), { isSignal: true }] }], noBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "noBorder", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'horizontalNavigation',\n\t\t'[class.mod-noBorder]': 'noBorder()',\n\t\t'[class.mod-S]': 'size() === `S`',\n\t\t'[class.mod-vertical]': 'vertical()',\n\t},\n})\nexport class HorizontalNavigationComponent {\n\treadonly links = contentChildren(HorizontalNavigationLinkDirective);\n\n\treadonly noBorder = input(false, { transform: booleanAttribute });\n\treadonly container = input(false, { transform: booleanAttribute });\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\treadonly size = input<null | 'S'>(null);\n}\n","@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,iCAAiC,CAAA;AAH9C,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC;8GAFY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAH7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,iBAAA;;;MCcY,6BAA6B,CAAA;AAd1C,IAAA,WAAA,GAAA;AAeU,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,iCAAiC,
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'horizontalNavigation',\n\t\t'[class.mod-noBorder]': 'noBorder()',\n\t\t'[class.mod-S]': 'size() === `S`',\n\t\t'[class.mod-vertical]': 'vertical()',\n\t},\n})\nexport class HorizontalNavigationComponent {\n\treadonly links = contentChildren(HorizontalNavigationLinkDirective);\n\n\treadonly noBorder = input(false, { transform: booleanAttribute });\n\treadonly container = input(false, { transform: booleanAttribute });\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\treadonly size = input<null | 'S'>(null);\n}\n","@if (container()) {\n\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,iCAAiC,CAAA;AAH9C,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC,IAAA;8GAFY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAH7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,iBAAA;;;MCcY,6BAA6B,CAAA;AAd1C,IAAA,WAAA,GAAA;AAeU,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,iCAAiC,iDAAC;QAE1D,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACxD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACzD,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACxD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,IAAI,gDAAC;AACvC,IAAA;8GAPY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,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,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,oBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EACR,iCAAiC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBnE,ohBAiBA,42fDPW,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;;2FAQd,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAdzC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAAA,aAAA,EAGrB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,gBAAgB,CAAC,EAAA,IAAA,EACrB;AACL,wBAAA,KAAK,EAAE,sBAAsB;AAC7B,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,qBAAA,EAAA,QAAA,EAAA,ohBAAA,EAAA,MAAA,EAAA,CAAA,ozfAAA,CAAA,EAAA;6FAGgC,iCAAiC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEnBnE;;AAEG;;;;"}
|
|
@@ -4,25 +4,25 @@ import { input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionSt
|
|
|
4
4
|
|
|
5
5
|
class IconComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.icon = input.required();
|
|
8
|
-
this.alt = input();
|
|
9
|
-
this.size = input();
|
|
10
|
-
this.color = input('inherit');
|
|
11
|
-
this.AI = input(false, { transform: booleanAttribute });
|
|
7
|
+
this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
8
|
+
this.alt = input(...(ngDevMode ? [undefined, { debugName: "alt" }] : []));
|
|
9
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
10
|
+
this.color = input('inherit', ...(ngDevMode ? [{ debugName: "color" }] : []));
|
|
11
|
+
this.AI = input(false, { ...(ngDevMode ? { debugName: "AI" } : {}), transform: booleanAttribute });
|
|
12
12
|
this.iconClasses = computed(() => {
|
|
13
13
|
const size = this.size();
|
|
14
14
|
return {
|
|
15
15
|
[`mod-${size}`]: !!size,
|
|
16
16
|
};
|
|
17
|
-
});
|
|
17
|
+
}, ...(ngDevMode ? [{ debugName: "iconClasses" }] : []));
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: IconComponent, isStandalone: true, selector: "lu-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n\taria-hidden=\"true\"\n\t[class.mod-AI]=\"AI()\"\n\tclass=\"lucca-icon icon-{{ icon() }} icon-color-{{ color() }}\"\n\t[ngClass]=\"iconClasses()\"\n></span>\n@if (alt()) {\n\t<span class=\"pr-u-mask\">{{ alt() }}</span>\n}\n", styles: ["@layer base{lu-icon{display:inline-flex}}@layer mods{.icon-color-primary,.icon-color-secondary,.icon-color-product{color:var(--palettes-product-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-neutral-600)}.icon-color-placeholder{color:var(--palettes-neutral-400)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'lu-icon', imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span\n\taria-hidden=\"true\"\n\t[class.mod-AI]=\"AI()\"\n\tclass=\"lucca-icon icon-{{ icon() }} icon-color-{{ color() }}\"\n\t[ngClass]=\"iconClasses()\"\n></span>\n@if (alt()) {\n\t<span class=\"pr-u-mask\">{{ alt() }}</span>\n}\n", styles: ["@layer base{lu-icon{display:inline-flex}}@layer mods{.icon-color-primary,.icon-color-secondary,.icon-color-product{color:var(--palettes-product-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-neutral-600)}.icon-color-placeholder{color:var(--palettes-neutral-400)}}\n"] }]
|
|
25
|
-
}] });
|
|
25
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], AI: [{ type: i0.Input, args: [{ isSignal: true, alias: "AI", required: false }] }] } });
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-icon.mjs","sources":["../../../packages/ng/icon/icon.component.ts","../../../packages/ng/icon/icon.component.html","../../../packages/ng/icon/lucca-front-ng-icon.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\n\n@Component({\n\tselector: 'lu-icon',\n\timports: [NgClass],\n\ttemplateUrl: './icon.component.html',\n\tstyleUrl: './icon.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class IconComponent {\n\treadonly icon = input.required<LuccaIcon>();\n\n\treadonly alt = input<string>();\n\n\treadonly size = input<'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL'>();\n\n\treadonly color = input<'primary' | 'secondary' | 'product' | 'error' | 'warning' | 'success' | 'light' | 'placeholder' | 'inherit'>('inherit');\n\n\treadonly AI = input(false, { transform: booleanAttribute });\n\n\treadonly iconClasses = computed(() => {\n\t\tconst size = this.size();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t};\n\t});\n}\n","<span\n\taria-hidden=\"true\"\n\t[class.mod-AI]=\"AI()\"\n\tclass=\"lucca-icon icon-{{ icon() }} icon-color-{{ color() }}\"\n\t[ngClass]=\"iconClasses()\"\n></span>\n@if (alt()) {\n\t<span class=\"pr-u-mask\">{{ alt() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,aAAa,CAAA;AAR1B,IAAA,WAAA,GAAA;AASU,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-icon.mjs","sources":["../../../packages/ng/icon/icon.component.ts","../../../packages/ng/icon/icon.component.html","../../../packages/ng/icon/lucca-front-ng-icon.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { LuccaIcon } from '@lucca-front/icons';\n\n@Component({\n\tselector: 'lu-icon',\n\timports: [NgClass],\n\ttemplateUrl: './icon.component.html',\n\tstyleUrl: './icon.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class IconComponent {\n\treadonly icon = input.required<LuccaIcon>();\n\n\treadonly alt = input<string>();\n\n\treadonly size = input<'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL'>();\n\n\treadonly color = input<'primary' | 'secondary' | 'product' | 'error' | 'warning' | 'success' | 'light' | 'placeholder' | 'inherit'>('inherit');\n\n\treadonly AI = input(false, { transform: booleanAttribute });\n\n\treadonly iconClasses = computed(() => {\n\t\tconst size = this.size();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t};\n\t});\n}\n","<span\n\taria-hidden=\"true\"\n\t[class.mod-AI]=\"AI()\"\n\tclass=\"lucca-icon icon-{{ icon() }} icon-color-{{ color() }}\"\n\t[ngClass]=\"iconClasses()\"\n></span>\n@if (alt()) {\n\t<span class=\"pr-u-mask\">{{ alt() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,aAAa,CAAA;AAR1B,IAAA,WAAA,GAAA;AASU,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAa;QAElC,IAAA,CAAA,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QAErB,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiD;AAE7D,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAA8G,SAAS,iDAAC;QAErI,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,KAAK,+CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAElD,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACpC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;YACxB,OAAO;AACN,gBAAA,CAAC,OAAO,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI;aACvB;AACF,QAAA,CAAC,uDAAC;AACF,IAAA;8GAjBY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ1B,0OASA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAML,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;+BACC,SAAS,EAAA,OAAA,EACV,CAAC,OAAO,CAAC,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,0OAAA,EAAA,MAAA,EAAA,CAAA,saAAA,CAAA,EAAA;;;AEVtC;;AAEG;;;;"}
|