@lucca-front/ng 21.1.0-split.0 → 21.1.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-api.mjs +13 -45
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs +1 -1
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +2 -2
- package/fesm2022/lucca-front-ng-callout.mjs +38 -12
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-chip.mjs +32 -2
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +17 -2
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-comment.mjs +20 -18
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +5 -7
- package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +0 -2
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-user.mjs +2 -2
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +12 -19
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +5 -5
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +5 -37
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +66 -28
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +2 -18
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +13 -4
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +10 -1
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dropdown.mjs +9 -8
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +17 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +2 -66
- package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-fancy-box.mjs +12 -0
- package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +3 -3
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +3 -0
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +79 -11
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +3 -0
- package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form.mjs +19 -5
- package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +10 -9
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +15 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +26 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +15 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +51 -34
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +94 -42
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +28 -5
- package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-grid.mjs +3 -3
- package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +31 -26
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +3 -0
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +3 -3
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +12 -0
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-link.mjs +15 -0
- package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listbox.mjs +17 -5
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +36 -7
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +8 -2
- package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-mobile-push.mjs +18 -10
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +29 -18
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +16 -12
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +3 -0
- package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +10 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +203 -315
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +11 -2
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +24 -0
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +7 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover.mjs +1 -33
- package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +22 -18
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-progress-bar.mjs +12 -5
- package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-read-more.mjs +16 -1
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +6 -6
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll-box.mjs +5 -2
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +9 -3
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +16 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +20 -5
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +67 -16
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon.mjs +62 -0
- package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-sortable-list.mjs +24 -0
- package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-status-badge.mjs +12 -0
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tag.mjs +6 -0
- package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-text-flow.mjs +20 -0
- package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-time.mjs +55 -16
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +18 -22
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +9 -25
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +30 -0
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
- package/package.json +12 -4
- package/schematics/action-icon/index.js +4 -5
- package/schematics/action-icon/migration.js +3 -4
- package/schematics/action-icon/migration.spec.js +8 -8
- package/schematics/alignment-utilities/index.js +3 -4
- package/schematics/alignment-utilities/migration.spec.js +8 -8
- package/schematics/cdn-urls/index.js +3 -4
- package/schematics/cdn-urls/migration.js +8 -10
- package/schematics/cdn-urls/migration.spec.js +8 -8
- package/schematics/class-prefix/index.js +3 -4
- package/schematics/class-prefix/migration.spec.js +8 -8
- package/schematics/collection.json +10 -0
- package/schematics/color-text/index.js +3 -4
- package/schematics/color-text/migration.spec.js +8 -8
- package/schematics/component-path/index.js +3 -4
- package/schematics/component-path/migration.spec.js +8 -8
- package/schematics/empty-state-title/index.js +5 -7
- package/schematics/empty-state-title/migration.spec.js +5 -5
- package/schematics/lib/html-ast.js +11 -3
- package/schematics/lib/index.js +29 -0
- package/schematics/lib/schematic.utils.js +5 -0
- package/schematics/lu-button/index.js +3 -4
- package/schematics/lu-button/migration.js +5 -11
- package/schematics/lu-button/migration.spec.js +5 -5
- package/schematics/lu-container/index.js +23 -0
- package/schematics/lu-container/migration.js +116 -0
- package/schematics/lu-container/migration.spec.js +23 -0
- package/schematics/lu-container/schema.json +23 -0
- package/schematics/lu-icon/index.js +3 -4
- package/schematics/lu-icon/migration.js +8 -14
- package/schematics/lu-icon/migration.spec.js +5 -5
- package/schematics/lu-loading/index.js +23 -0
- package/schematics/lu-loading/migration.js +136 -0
- package/schematics/lu-loading/migration.spec.js +23 -0
- package/schematics/lu-loading/schema.json +28 -0
- package/schematics/lu-select/index.js +3 -4
- package/schematics/lu-select/migration.js +18 -21
- package/schematics/lu-select/migration.spec.js +5 -5
- package/schematics/lu-select/util.js +17 -19
- package/schematics/lu-text-input/index.js +3 -4
- package/schematics/lu-text-input/migration.js +22 -28
- package/schematics/lu-text-input/migration.spec.js +5 -5
- package/schematics/new-icons/index.js +5 -6
- package/schematics/new-icons/migration.js +11 -16
- package/schematics/new-icons/migration.spec.js +8 -8
- package/schematics/ng-add/file-content.js +6 -8
- package/schematics/ng-add/index.js +5 -5
- package/schematics/ng-add/tasks.js +22 -17
- package/schematics/palettes/index.js +3 -4
- package/schematics/palettes/migration.spec.js +8 -8
- package/schematics/tokens-radius/index.js +3 -4
- package/schematics/tokens-radius/migration.spec.js +8 -8
- package/schematics/tokens-spacing/index.js +3 -4
- package/schematics/tokens-spacing/migration.spec.js +8 -8
- package/schematics/tokens-typo/index.js +3 -4
- package/schematics/tokens-typo/migration.spec.js +8 -8
- package/src/components/cdk/_overlay.scss +5 -0
- package/src/definitions/option/_option-item.scss +1 -0
- package/types/lucca-front-ng-api.d.ts +1 -19
- package/types/lucca-front-ng-breadcrumbs.d.ts +1 -1
- package/types/lucca-front-ng-callout.d.ts +32 -2
- package/types/lucca-front-ng-chip.d.ts +32 -2
- package/types/lucca-front-ng-clear.d.ts +20 -5
- package/types/lucca-front-ng-comment.d.ts +19 -11
- package/types/lucca-front-ng-container.d.ts +4 -4
- package/types/lucca-front-ng-core-select.d.ts +2 -1
- package/types/lucca-front-ng-date.d.ts +1 -19
- package/types/lucca-front-ng-date2.d.ts +4 -1
- package/types/lucca-front-ng-department.d.ts +1 -10
- package/types/lucca-front-ng-dialog.d.ts +6 -3
- package/types/lucca-front-ng-divider.d.ts +10 -0
- package/types/lucca-front-ng-empty-state.d.ts +16 -0
- package/types/lucca-front-ng-establishment.d.ts +1 -37
- package/types/lucca-front-ng-fancy-box.d.ts +12 -0
- package/types/lucca-front-ng-footer.d.ts +3 -0
- package/types/lucca-front-ng-form-field.d.ts +36 -5
- package/types/lucca-front-ng-form-header.d.ts +3 -0
- package/types/lucca-front-ng-form.d.ts +9 -5
- package/types/lucca-front-ng-forms-phone-number-input.d.ts +1 -0
- package/types/lucca-front-ng-forms-rich-text-input-formatters-html.d.ts +7 -1
- package/types/lucca-front-ng-forms-rich-text-input-formatters-markdown.d.ts +11 -1
- package/types/lucca-front-ng-forms-rich-text-input-formatters-plain-text.d.ts +7 -1
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +2 -0
- package/types/lucca-front-ng-forms.d.ts +19 -6
- package/types/lucca-front-ng-gauge.d.ts +25 -0
- package/types/lucca-front-ng-grid.d.ts +1 -1
- package/types/lucca-front-ng-highlight-data.d.ts +36 -15
- package/types/lucca-front-ng-horizontal-navigation.d.ts +3 -0
- package/types/lucca-front-ng-inline-message.d.ts +12 -0
- package/types/lucca-front-ng-link.d.ts +15 -0
- package/types/lucca-front-ng-listbox.d.ts +16 -4
- package/types/lucca-front-ng-listing.d.ts +33 -2
- package/types/lucca-front-ng-main-layout.d.ts +6 -0
- package/types/lucca-front-ng-mobile-push.d.ts +7 -0
- package/types/lucca-front-ng-modal.d.ts +3 -1
- package/types/lucca-front-ng-new-badge.d.ts +3 -0
- package/types/lucca-front-ng-numeric-badge.d.ts +9 -0
- package/types/lucca-front-ng-option.d.ts +78 -141
- package/types/lucca-front-ng-page-header.d.ts +9 -0
- package/types/lucca-front-ng-pagination.d.ts +24 -0
- package/types/lucca-front-ng-plg-push.d.ts +6 -0
- package/types/lucca-front-ng-popover.d.ts +1 -20
- package/types/lucca-front-ng-popover2.d.ts +7 -4
- package/types/lucca-front-ng-progress-bar.d.ts +9 -0
- package/types/lucca-front-ng-read-more.d.ts +16 -1
- package/types/lucca-front-ng-resource-card.d.ts +6 -0
- package/types/lucca-front-ng-scroll-box.d.ts +4 -1
- package/types/lucca-front-ng-segmented-control-tabs.d.ts +7 -1
- package/types/lucca-front-ng-segmented-control.d.ts +16 -1
- package/types/lucca-front-ng-skeleton.d.ts +61 -6
- package/types/lucca-front-ng-software-icon.d.ts +19 -0
- package/types/lucca-front-ng-sortable-list.d.ts +24 -0
- package/types/lucca-front-ng-status-badge.d.ts +12 -0
- package/types/lucca-front-ng-tag.d.ts +6 -0
- package/types/lucca-front-ng-text-flow.d.ts +8 -0
- package/types/lucca-front-ng-time.d.ts +16 -10
- package/types/lucca-front-ng-tooltip.d.ts +5 -13
- package/types/lucca-front-ng-user.d.ts +2 -11
- package/types/lucca-front-ng-vertical-navigation.d.ts +30 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-skeleton.mjs","sources":["../../../packages/ng/skeleton/skeleton-button/skeleton-button.component.ts","../../../packages/ng/skeleton/skeleton-button/skeleton-button.component.html","../../../packages/ng/skeleton/skeleton-data-table/skeleton-data-table.component.ts","../../../packages/ng/skeleton/skeleton-data-table/skeleton-data-table.component.html","../../../packages/ng/skeleton/skeleton-field/skeleton-field.component.ts","../../../packages/ng/skeleton/skeleton-field/skeleton-field.component.html","../../../packages/ng/skeleton/skeleton-header/skeleton-header.component.ts","../../../packages/ng/skeleton/skeleton-header/skeleton-header.component.html","../../../packages/ng/skeleton/skeleton-index-table/skeleton-index-table.component.ts","../../../packages/ng/skeleton/skeleton-index-table/skeleton-index-table.component.html","../../../packages/ng/skeleton/skeleton-resource-card/skeleton-resource-card.component.ts","../../../packages/ng/skeleton/skeleton-resource-card/skeleton-resource-card.component.html","../../../packages/ng/skeleton/skeleton-table/skeleton-table.component.ts","../../../packages/ng/skeleton/skeleton-table/skeleton-table.component.html","../../../packages/ng/skeleton/lucca-front-ng-skeleton.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-button',\n\ttemplateUrl: './skeleton-button.component.html',\n\tstyleUrl: './skeleton-button.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonButtonComponent {\n\treadonly dark = input(false, { transform: booleanAttribute });\n\n\treadonly size = input<'XS' | 'S' | 'M'>();\n}\n","<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark()\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t<span class=\"skeleton-item\" [class]=\"size() ? `pr-u-body${size()}` : null\"></span>\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-data-table',\n\ttemplateUrl: './skeleton-data-table.component.html',\n\tstyleUrl: './skeleton-data-table.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n})\nexport class SkeletonDataTableComponent {\n\treadonly dataTableBodyOnly = input(false, { transform: booleanAttribute });\n\n\treadonly cols = input<number>(5);\n\treadonly colsNumber = computed<unknown[]>(() => new Array(this.cols()));\n\n\treadonly rows = input<number>(8);\n\treadonly rowsNumber = computed<unknown[]>(() => new Array(this.rows()));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-field',\n\ttemplateUrl: './skeleton-field.component.html',\n\tstyleUrl: './skeleton-field.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonFieldComponent {\n\treadonly dark = input<boolean, boolean | `${boolean}`>(false, { transform: booleanAttribute });\n\n\treadonly hiddenLabel = input<boolean, boolean | `${boolean}`>(false, { transform: booleanAttribute });\n\n\treadonly rows = input<number, number | `${number}`>(1, { transform: numberAttribute });\n\n\treadonly lines = computed(() => Array.from({ length: this.rows() }));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width.%]=\"getRandomPercent()\"></span>\n\t}\n\t<div class=\"textField\">\n\t\t<div class=\"textField-input\">\n\t\t\t<span class=\"textField-input-value\">\n\t\t\t\t@for (line of lines(); track $index) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t[style.--components-skeleton-text-width.%]=\"$last ? getRandomPercent() : getRandomPercent(98, 100)\"\n\t\t\t\t\t></span>\n\t\t\t\t}\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-header',\n\ttemplateUrl: './skeleton-header.component.html',\n\tstyleUrl: './skeleton-header.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonHeaderComponent {\n\treadonly dark = input(false, { transform: booleanAttribute });\n}\n","<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title pr-u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"pr-u-h1 skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-index-table',\n\ttemplateUrl: './skeleton-index-table.component.html',\n\tstyleUrl: './skeleton-index-table.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n})\nexport class SkeletonIndexTableComponent {\n\treadonly tableBodyOnly = input(false, { transform: booleanAttribute });\n\n\treadonly cols = input<number>(5);\n\treadonly colsNumber = computed<unknown[]>(() => new Array(this.cols()));\n\n\treadonly rows = input<number>(8);\n\treadonly rowsNumber = computed<unknown[]>(() => new Array(this.rows()));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n","import { ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-resource-card',\n\ttemplateUrl: './skeleton-resource-card.component.html',\n\tstyleUrl: './skeleton-resource-card.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonResourceCardComponent {\n\tdescriptionLines = input(0, { transform: numberAttribute });\n\n\treadonly lines = computed(() => Array.from({ length: this.descriptionLines() }));\n\n\tgetRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"resourceCard skeleton is-loading\" inert=\"inert\">\n\t<div class=\"resourceCard-layout\">\n\t\t<div class=\"resourceCard-layout-header\">\n\t\t\t<h3 class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h3>\n\t\t</div>\n\t\t@if (descriptionLines() > 0) {\n\t\t\t<div class=\"resourceCard-layout-content\">\n\t\t\t\t@for (line of lines(); track $index) {\n\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent(98, 100)\"></span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-table',\n\ttemplateUrl: './skeleton-table.component.html',\n\tstyleUrl: './skeleton-table.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n})\nexport class SkeletonTableComponent {\n\treadonly tableBodyOnly = input(false, { transform: booleanAttribute });\n\n\treadonly cols = input<number>(5);\n\treadonly colsNumber = computed<unknown[]>(() => new Array(this.cols()));\n\n\treadonly rows = input<number>(8);\n\treadonly rowsNumber = computed<unknown[]>(() => new Array(this.rows()));\n\n\treadonly randomPercent: string = `${Math.floor(Math.random() * (66 - 33) + 33).toString()}%`;\n}\n","@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-skeleton.mjs","sources":["../../../packages/ng/skeleton/skeleton-button/skeleton-button.component.ts","../../../packages/ng/skeleton/skeleton-button/skeleton-button.component.html","../../../packages/ng/skeleton/skeleton-data-table/skeleton-data-table.component.ts","../../../packages/ng/skeleton/skeleton-data-table/skeleton-data-table.component.html","../../../packages/ng/skeleton/skeleton-field/skeleton-field.component.ts","../../../packages/ng/skeleton/skeleton-field/skeleton-field.component.html","../../../packages/ng/skeleton/skeleton-header/skeleton-header.component.ts","../../../packages/ng/skeleton/skeleton-header/skeleton-header.component.html","../../../packages/ng/skeleton/skeleton-index-table/skeleton-index-table.component.ts","../../../packages/ng/skeleton/skeleton-index-table/skeleton-index-table.component.html","../../../packages/ng/skeleton/skeleton-resource-card/skeleton-resource-card.component.ts","../../../packages/ng/skeleton/skeleton-resource-card/skeleton-resource-card.component.html","../../../packages/ng/skeleton/skeleton-table/skeleton-table.component.ts","../../../packages/ng/skeleton/skeleton-table/skeleton-table.component.html","../../../packages/ng/skeleton/lucca-front-ng-skeleton.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-button',\n\ttemplateUrl: './skeleton-button.component.html',\n\tstyleUrl: './skeleton-button.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonButtonComponent {\n\t/**\n\t * Applies dark color for skeleton\n\t */\n\treadonly dark = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Changes the size of the skeleton button\n\t */\n\treadonly size = input<'XS' | 'S' | 'M'>();\n}\n","<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark()\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t<span class=\"skeleton-item\" [class]=\"size() ? `pr-u-body${size()}` : null\"></span>\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nexport type ColAlignDataTable = 'start' | 'center' | 'end';\n\n@Component({\n\tselector: 'lu-skeleton-data-table',\n\ttemplateUrl: './skeleton-data-table.component.html',\n\tstyleUrl: './skeleton-data-table.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n})\nexport class SkeletonDataTableComponent {\n\t/**\n\t * Skeleton only show in data table body\n\t */\n\treadonly dataTableBodyOnly = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Defines the number of cols (5 by default)\n\t */\n\treadonly cols = input<number>(5);\n\n\treadonly colsAlign = input<Record<number, ColAlignDataTable>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input<number>(8);\n\n\treadonly colsNumber = computed<unknown[]>(() => new Array(this.cols()));\n\treadonly rowsNumber = computed<unknown[]>(() => new Array(this.rows()));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-field',\n\ttemplateUrl: './skeleton-field.component.html',\n\tstyleUrl: './skeleton-field.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonFieldComponent {\n\t/**\n\t * Applies dark color for skeleton\n\t */\n\treadonly dark = input<boolean, boolean | `${boolean}`>(false, { transform: booleanAttribute });\n\n\t/**\n\t * Hide the field label skeleton\n\t */\n\treadonly hiddenLabel = input<boolean, boolean | `${boolean}`>(false, { transform: booleanAttribute });\n\n\t/**\n\t * Defines the number of row\n\t */\n\treadonly rows = input<number, number | `${number}`>(1, { transform: numberAttribute });\n\n\treadonly lines = computed(() => Array.from({ length: this.rows() }));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t}\n\t<div class=\"textField\">\n\t\t<div class=\"textField-input\">\n\t\t\t<span class=\"textField-input-value\">\n\t\t\t\t@for (line of lines(); track $index) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"$last ? getRandomPercent() : getRandomPercent(98, 100)\"\n\t\t\t\t\t></span>\n\t\t\t\t}\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-header',\n\ttemplateUrl: './skeleton-header.component.html',\n\tstyleUrl: './skeleton-header.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonHeaderComponent {\n\t/**\n\t * Applies dark color for skeleton\n\t */\n\treadonly dark = input(false, { transform: booleanAttribute });\n}\n","<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title pr-u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"pr-u-h1 skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nexport type ColAlignIndexTable = 'start' | 'center' | 'end';\n\n@Component({\n\tselector: 'lu-skeleton-index-table',\n\ttemplateUrl: './skeleton-index-table.component.html',\n\tstyleUrl: './skeleton-index-table.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n})\nexport class SkeletonIndexTableComponent {\n\t/**\n\t * Skeleton only show in index table body\n\t */\n\treadonly tableBodyOnly = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Defines the number of cols (5 by default)\n\t */\n\treadonly cols = input<number>(5);\n\n\treadonly colsAlign = input<Record<number, ColAlignIndexTable>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input<number>(8);\n\n\treadonly rowsNumber = computed<unknown[]>(() => new Array(this.rows()));\n\treadonly colsNumber = computed<unknown[]>(() => new Array(this.cols()));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item mod-dark\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n","import { ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-resource-card',\n\ttemplateUrl: './skeleton-resource-card.component.html',\n\tstyleUrl: './skeleton-resource-card.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonResourceCardComponent {\n\t/**\n\t * Defines the number of description lines in resource card\n\t */\n\tdescriptionLines = input(0, { transform: numberAttribute });\n\n\treadonly lines = computed(() => Array.from({ length: this.descriptionLines() }));\n\n\tgetRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"resourceCard skeleton is-loading\" inert=\"inert\">\n\t<div class=\"resourceCard-layout\">\n\t\t<div class=\"resourceCard-layout-header\">\n\t\t\t<h3 class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h3>\n\t\t</div>\n\t\t@if (descriptionLines() > 0) {\n\t\t\t<div class=\"resourceCard-layout-content\">\n\t\t\t\t@for (line of lines(); track $index) {\n\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent(98, 100)\"></span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nexport type ColAlignTable = 'start' | 'center' | 'end';\n\n@Component({\n\tselector: 'lu-skeleton-table',\n\ttemplateUrl: './skeleton-table.component.html',\n\tstyleUrl: './skeleton-table.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n})\nexport class SkeletonTableComponent {\n\t/**\n\t * Skeleton only show in table body\n\t */\n\treadonly tableBodyOnly = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Defines the number of cols (5 by default)\n\t */\n\treadonly cols = input<number>(5);\n\n\treadonly colsAlign = input<Record<number, ColAlignTable>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input<number>(8);\n\n\treadonly colsNumber = computed<unknown[]>(() => new Array(this.cols()));\n\treadonly rowsNumber = computed<unknown[]>(() => new Array(this.rows()));\n\n\treadonly randomPercent: string = `${Math.floor(Math.random() * (66 - 33) + 33).toString()}%`;\n}\n","@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item mod-dark pr-u-bodyS\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"randomPercent\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"randomPercent\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
|
|
4
|
+
|
|
5
|
+
const SoftwareIconList = [
|
|
6
|
+
// Time and Activities
|
|
7
|
+
'absences',
|
|
8
|
+
'timesheet',
|
|
9
|
+
'office',
|
|
10
|
+
'projects',
|
|
11
|
+
'planning',
|
|
12
|
+
// Talent Management
|
|
13
|
+
'perfomance',
|
|
14
|
+
'engagement',
|
|
15
|
+
'training',
|
|
16
|
+
'recruitment',
|
|
17
|
+
// Employee Administration
|
|
18
|
+
'analytics',
|
|
19
|
+
'employee-administration',
|
|
20
|
+
'shared-documents',
|
|
21
|
+
// Spend Management
|
|
22
|
+
'business-expenses',
|
|
23
|
+
'invoices',
|
|
24
|
+
'payment-methods',
|
|
25
|
+
'accounting-assistant',
|
|
26
|
+
// Compensation and Benefits
|
|
27
|
+
'compensation',
|
|
28
|
+
'payslip',
|
|
29
|
+
'benefits',
|
|
30
|
+
'payroll-assistant',
|
|
31
|
+
// Lucca
|
|
32
|
+
'mood',
|
|
33
|
+
'faces',
|
|
34
|
+
'administration',
|
|
35
|
+
'cloud-control',
|
|
36
|
+
'lucca',
|
|
37
|
+
];
|
|
38
|
+
|
|
39
|
+
class SoftwareIconComponent {
|
|
40
|
+
constructor() {
|
|
41
|
+
this.domain = 'https://cdn.lucca.fr';
|
|
42
|
+
this.path = '/transverse/prisme/visuals/software-icon/';
|
|
43
|
+
this.extension = '.svg';
|
|
44
|
+
this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
45
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
46
|
+
this.size = input('', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
47
|
+
this.iconUrl = computed(() => `${this.domain}${this.path}${this.icon()}${this.extension}`, ...(ngDevMode ? [{ debugName: "iconUrl" }] : []));
|
|
48
|
+
}
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SoftwareIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: SoftwareIconComponent, isStandalone: true, selector: "lu-software-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n></div>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);display:inline-block;inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size)}.softwareIcon svg{display:block;inline-size:100%;block-size:100%}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}lu-software-icon{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
51
|
+
}
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SoftwareIconComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: 'lu-software-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe], template: "<div\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n></div>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);display:inline-block;inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size)}.softwareIcon svg{display:block;inline-size:100%;block-size:100%}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}lu-software-icon{display:contents}\n"] }]
|
|
55
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Generated bundle index. Do not edit.
|
|
59
|
+
*/
|
|
60
|
+
|
|
61
|
+
export { SoftwareIconComponent, SoftwareIconList };
|
|
62
|
+
//# sourceMappingURL=lucca-front-ng-software-icon.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-software-icon.mjs","sources":["../../../packages/ng/software-icon/software-icon.ts","../../../packages/ng/software-icon/software-icon.component.ts","../../../packages/ng/software-icon/software-icon.component.html","../../../packages/ng/software-icon/lucca-front-ng-software-icon.ts"],"sourcesContent":["export const SoftwareIconList = [\n\t// Time and Activities\n\t'absences',\n\t'timesheet',\n\t'office',\n\t'projects',\n\t'planning',\n\t// Talent Management\n\t'perfomance',\n\t'engagement',\n\t'training',\n\t'recruitment',\n\t// Employee Administration\n\t'analytics',\n\t'employee-administration',\n\t'shared-documents',\n\t// Spend Management\n\t'business-expenses',\n\t'invoices',\n\t'payment-methods',\n\t'accounting-assistant',\n\t// Compensation and Benefits\n\t'compensation',\n\t'payslip',\n\t'benefits',\n\t'payroll-assistant',\n\t// Lucca\n\t'mood',\n\t'faces',\n\t'administration',\n\t'cloud-control',\n\t'lucca',\n] as const;\n\nexport type SoftwareIcon = (typeof SoftwareIconList)[number];\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { SoftwareIcon } from './software-icon';\n\n@Component({\n\tselector: 'lu-software-icon',\n\ttemplateUrl: './software-icon.component.html',\n\tstyleUrl: './software-icon.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [LuSafeExternalSvgPipe],\n})\nexport class SoftwareIconComponent {\n\treadonly domain = 'https://cdn.lucca.fr';\n\treadonly path = '/transverse/prisme/visuals/software-icon/';\n\treadonly extension = '.svg';\n\n\treadonly icon = input.required<SoftwareIcon>();\n\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly size = input<'XXS' | 'XS' | 'S' | 'L' | ''>('');\n\n\treadonly iconUrl = computed(() => `${this.domain}${this.path}${this.icon()}${this.extension}`);\n}\n","<div\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAO,MAAM,gBAAgB,GAAG;;IAE/B,UAAU;IACV,WAAW;IACX,QAAQ;IACR,UAAU;IACV,UAAU;;IAEV,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,aAAa;;IAEb,WAAW;IACX,yBAAyB;IACzB,kBAAkB;;IAElB,mBAAmB;IACnB,UAAU;IACV,iBAAiB;IACjB,sBAAsB;;IAEtB,cAAc;IACd,SAAS;IACT,UAAU;IACV,mBAAmB;;IAEnB,MAAM;IACN,OAAO;IACP,gBAAgB;IAChB,eAAe;IACf,OAAO;;;MCnBK,qBAAqB,CAAA;AARlC,IAAA,WAAA,GAAA;QASU,IAAA,CAAA,MAAM,GAAG,sBAAsB;QAC/B,IAAA,CAAA,IAAI,GAAG,2CAA2C;QAClD,IAAA,CAAA,SAAS,GAAG,MAAM;AAElB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAgB;QAErC,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACxD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgC,EAAE,gDAAC;QAE/C,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,SAAS,CAAA,CAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC9F,IAAA;8GAXY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,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,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,QAAA,EAAA,EAAA,EAAA,QAAA,ECZlC,gTAUA,EAAA,MAAA,EAAA,CAAA,2iCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDAW,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEnB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;+BACC,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,qBAAqB,CAAC,EAAA,QAAA,EAAA,gTAAA,EAAA,MAAA,EAAA,CAAA,2iCAAA,CAAA,EAAA;;;AEVjC;;AAEG;;;;"}
|
|
@@ -7,12 +7,33 @@ import { LuTooltipModule } from '@lucca-front/ng/tooltip';
|
|
|
7
7
|
|
|
8
8
|
class SortableListItemComponent {
|
|
9
9
|
constructor() {
|
|
10
|
+
/**
|
|
11
|
+
* Changes the text displayed by the sortable list item
|
|
12
|
+
*/
|
|
10
13
|
this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
14
|
+
/**
|
|
15
|
+
* Adds descriptive help text below the label
|
|
16
|
+
*/
|
|
11
17
|
this.helperMessage = input(...(ngDevMode ? [undefined, { debugName: "helperMessage" }] : []));
|
|
18
|
+
/**
|
|
19
|
+
* Sortable list item can be clickable
|
|
20
|
+
*/
|
|
12
21
|
this.clickable = input(false, { ...(ngDevMode ? { debugName: "clickable" } : {}), transform: booleanAttribute });
|
|
22
|
+
/**
|
|
23
|
+
* Disabled the possibility to clear the sortable list item
|
|
24
|
+
*/
|
|
13
25
|
this.unclearable = input(false, { ...(ngDevMode ? { debugName: "unclearable" } : {}), transform: booleanAttribute });
|
|
26
|
+
/**
|
|
27
|
+
* Sortable list item can be draggable
|
|
28
|
+
*/
|
|
14
29
|
this.drag = input(false, { ...(ngDevMode ? { debugName: "drag" } : {}), transform: booleanAttribute });
|
|
30
|
+
/**
|
|
31
|
+
* Applies small size to segmented control tabs
|
|
32
|
+
*/
|
|
15
33
|
this.small = input(false, { ...(ngDevMode ? { debugName: "small" } : {}), transform: booleanAttribute });
|
|
34
|
+
/**
|
|
35
|
+
* Emit event when click on clear
|
|
36
|
+
*/
|
|
16
37
|
this.delete = output();
|
|
17
38
|
}
|
|
18
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SortableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -30,6 +51,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
30
51
|
|
|
31
52
|
class SortableListComponent {
|
|
32
53
|
constructor() {
|
|
54
|
+
/**
|
|
55
|
+
* Applies small size to sortable list
|
|
56
|
+
*/
|
|
33
57
|
this.small = input(false, { ...(ngDevMode ? { debugName: "small" } : {}), transform: booleanAttribute });
|
|
34
58
|
this.sortableListItems = contentChildren(SortableListItemComponent, { ...(ngDevMode ? { debugName: "sortableListItems" } : {}), descendants: true });
|
|
35
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-sortable-list.mjs","sources":["../../../packages/ng/sortable-list/sortable-list-item/sortable-list-item.component.ts","../../../packages/ng/sortable-list/sortable-list-item/sortable-list-item.component.html","../../../packages/ng/sortable-list/sortable-list.component.ts","../../../packages/ng/sortable-list/sortable-list.component.html","../../../packages/ng/sortable-list/lucca-front-ng-sortable-list.ts"],"sourcesContent":["import { CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { ClearComponent } from '@lucca-front/ng/clear';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-sortable-list-item',\n\tstandalone: true,\n\ttemplateUrl: './sortable-list-item.component.html',\n\tstyleUrl: './sortable-list-item.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [ClearComponent, CdkDragHandle, IconComponent, LuTooltipModule],\n\thost: {\n\t\tclass: 'sortableList-item',\n\t\t'[class.mod-clickable]': 'clickable()',\n\t\t'[class.mod-S]': 'small()',\n\t\trole: 'listitem',\n\t},\n})\nexport class SortableListItemComponent {\n\tlabel = input.required<string>();\n\thelperMessage = input<string>();\n\tclickable = input(false, { transform: booleanAttribute });\n\tunclearable = input(false, { transform: booleanAttribute });\n\tdrag = input(false, { transform: booleanAttribute });\n\tsmall = input(false, { transform: booleanAttribute });\n\n\tdelete = output<void>();\n}\n","@if (drag()) {\n\t<span class=\"sortableList-item-handler button\" cdkDragHandle>\n\t\t<lu-icon icon=\"drag\" />\n\t</span>\n}\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\">{{ label() }}</p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { SortableListItemComponent } from './sortable-list-item';\n\n@Component({\n\tselector: 'lu-sortable-list',\n\tstandalone: true,\n\ttemplateUrl: './sortable-list.component.html',\n\tstyleUrl: './sortable-list.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class SortableListComponent {\n\tsmall = input(false, { transform: booleanAttribute });\n\n\tsortableListItems = contentChildren(SortableListItemComponent, { descendants: true });\n}\n","<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAqBa,yBAAyB,CAAA;AAftC,IAAA,WAAA,GAAA;AAgBC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-sortable-list.mjs","sources":["../../../packages/ng/sortable-list/sortable-list-item/sortable-list-item.component.ts","../../../packages/ng/sortable-list/sortable-list-item/sortable-list-item.component.html","../../../packages/ng/sortable-list/sortable-list.component.ts","../../../packages/ng/sortable-list/sortable-list.component.html","../../../packages/ng/sortable-list/lucca-front-ng-sortable-list.ts"],"sourcesContent":["import { CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { ClearComponent } from '@lucca-front/ng/clear';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-sortable-list-item',\n\tstandalone: true,\n\ttemplateUrl: './sortable-list-item.component.html',\n\tstyleUrl: './sortable-list-item.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [ClearComponent, CdkDragHandle, IconComponent, LuTooltipModule],\n\thost: {\n\t\tclass: 'sortableList-item',\n\t\t'[class.mod-clickable]': 'clickable()',\n\t\t'[class.mod-S]': 'small()',\n\t\trole: 'listitem',\n\t},\n})\nexport class SortableListItemComponent {\n\t/**\n\t * Changes the text displayed by the sortable list item\n\t */\n\tlabel = input.required<string>();\n\n\t/**\n\t * Adds descriptive help text below the label\n\t */\n\thelperMessage = input<string>();\n\n\t/**\n\t * Sortable list item can be clickable\n\t */\n\tclickable = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Disabled the possibility to clear the sortable list item\n\t */\n\tunclearable = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Sortable list item can be draggable\n\t */\n\tdrag = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies small size to segmented control tabs\n\t */\n\tsmall = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Emit event when click on clear\n\t */\n\tdelete = output<void>();\n}\n","@if (drag()) {\n\t<span class=\"sortableList-item-handler button\" cdkDragHandle>\n\t\t<lu-icon icon=\"drag\" />\n\t</span>\n}\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\">{{ label() }}</p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { SortableListItemComponent } from './sortable-list-item';\n\n@Component({\n\tselector: 'lu-sortable-list',\n\tstandalone: true,\n\ttemplateUrl: './sortable-list.component.html',\n\tstyleUrl: './sortable-list.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class SortableListComponent {\n\t/**\n\t * Applies small size to sortable list\n\t */\n\tsmall = input(false, { transform: booleanAttribute });\n\n\tsortableListItems = contentChildren(SortableListItemComponent, { descendants: true });\n}\n","<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,21 @@ import { LuTooltipModule } from '@lucca-front/ng/tooltip';
|
|
|
7
7
|
class StatusBadgeComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.#luClass = inject(LuClass);
|
|
10
|
+
/**
|
|
11
|
+
* Truncates the text with an ellipsis and adds a tooltip when the label is too long
|
|
12
|
+
*/
|
|
10
13
|
this.withEllipsis = input(false, { ...(ngDevMode ? { debugName: "withEllipsis" } : {}), transform: booleanAttribute });
|
|
14
|
+
/**
|
|
15
|
+
* Changes the text displayed by the status badge
|
|
16
|
+
*/
|
|
11
17
|
this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
18
|
+
/**
|
|
19
|
+
* Changes the size of the status badge (Medium by default or L)
|
|
20
|
+
*/
|
|
12
21
|
this.size = input('M', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
22
|
+
/**
|
|
23
|
+
* Applies a color palette to the status badge
|
|
24
|
+
*/
|
|
13
25
|
this.palette = input(null, ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
14
26
|
}
|
|
15
27
|
#luClass;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-status-badge.mjs","sources":["../../../packages/ng/status-badge/statusBadge.component.ts","../../../packages/ng/status-badge/statusBadge.component.html","../../../packages/ng/status-badge/lucca-front-ng-status-badge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-status-badge',\n\ttemplateUrl: './statusBadge.component.html',\n\tstyleUrl: './statusBadge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\timports: [LuTooltipModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'statusBadge',\n\t},\n})\nexport class StatusBadgeComponent implements OnChanges {\n\treadonly #luClass = inject(LuClass);\n\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\treadonly label = input.required<string>();\n\n\treadonly size = input<'L' | 'M'>('M');\n\n\treadonly palette = input<Palette | null>(null);\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });\n\t}\n}\n","@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAgBa,oBAAoB,CAAA;AAZjC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-status-badge.mjs","sources":["../../../packages/ng/status-badge/statusBadge.component.ts","../../../packages/ng/status-badge/statusBadge.component.html","../../../packages/ng/status-badge/lucca-front-ng-status-badge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-status-badge',\n\ttemplateUrl: './statusBadge.component.html',\n\tstyleUrl: './statusBadge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\timports: [LuTooltipModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'statusBadge',\n\t},\n})\nexport class StatusBadgeComponent implements OnChanges {\n\treadonly #luClass = inject(LuClass);\n\n\t/**\n\t * Truncates the text with an ellipsis and adds a tooltip when the label is too long\n\t */\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Changes the text displayed by the status badge\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Changes the size of the status badge (Medium by default or L)\n\t */\n\treadonly size = input<'L' | 'M'>('M');\n\n\t/**\n\t * Applies a color palette to the status badge\n\t */\n\treadonly palette = input<Palette | null>(null);\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });\n\t}\n}\n","@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAgBa,oBAAoB,CAAA;AAZjC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAEnC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;AAEzC;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,GAAG,gDAAC;AAErC;;AAEG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAiB,IAAI,mDAAC;AAK9C,IAAA;AAzBS,IAAA,QAAQ;IAsBjB,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1G;8GAzBY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0mBAPrB,CAAC,OAAO,CAAC,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTrB,mKAKA,uqDDKW,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,iBAGZ,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,OAAO,CAAC,EAAA,OAAA,EACX,CAAC,eAAe,CAAC,EAAA,eAAA,EACT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,aAAa;AACpB,qBAAA,EAAA,QAAA,EAAA,mKAAA,EAAA,MAAA,EAAA,CAAA,gnDAAA,CAAA,EAAA;;;AEdF;;AAEG;;;;"}
|
|
@@ -33,7 +33,13 @@ class TagComponent {
|
|
|
33
33
|
* Defaults to no icon.
|
|
34
34
|
*/
|
|
35
35
|
this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
36
|
+
/**
|
|
37
|
+
* Truncates the text with an ellipsis and adds a tooltip when the label is too long
|
|
38
|
+
*/
|
|
36
39
|
this.withEllipsis = input(false, { ...(ngDevMode ? { debugName: "withEllipsis" } : {}), transform: booleanAttribute });
|
|
40
|
+
/**
|
|
41
|
+
* Applies AI colors
|
|
42
|
+
*/
|
|
37
43
|
this.AI = input(false, { ...(ngDevMode ? { debugName: "AI" } : {}), transform: booleanAttribute });
|
|
38
44
|
this.tagClasses = computed(() => {
|
|
39
45
|
const size = this.size();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-tag.mjs","sources":["../../../packages/ng/tag/tag.component.ts","../../../packages/ng/tag/tag.component.html","../../../packages/ng/tag/lucca-front-ng-tag.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { DecorativePalette, Palette } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrl: './tag.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, RouterLink, LuTooltipModule],\n})\nexport class TagComponent {\n\t/**\n\t * Which text should the tag be? Defaults to medium\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Which size should the tag be? Defaults to medium\n\t */\n\treadonly size = input<'S' | 'M' | 'L'>('M');\n\n\t/**\n\t * Which palette should be used for the entire tag.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette | DecorativePalette>('none');\n\n\t/**\n\t * Should display be outlined?\n\t */\n\treadonly outlined = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * For routerLink usage\n\t */\n\treadonly link = input<string>();\n\n\t/**\n\t * Which icon should we display in the tag if any?\n\t * Defaults to no icon.\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\treadonly AI = input(false, { transform: booleanAttribute });\n\n\treadonly tagClasses = computed(() => {\n\t\tconst size = this.size();\n\t\tconst palette = this.palette();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t\t[`palette-${palette}`]: !this.AI() && !!palette,\n\t\t};\n\t});\n}\n","@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAea,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;AASC;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;AAEzC;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,GAAG,gDAAC;AAE3C;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA8B,MAAM,mDAAC;AAE7D;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEjE;;AAEG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE/B;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,gDAAC;
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-tag.mjs","sources":["../../../packages/ng/tag/tag.component.ts","../../../packages/ng/tag/tag.component.html","../../../packages/ng/tag/lucca-front-ng-tag.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { DecorativePalette, Palette } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrl: './tag.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, RouterLink, LuTooltipModule],\n})\nexport class TagComponent {\n\t/**\n\t * Which text should the tag be? Defaults to medium\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Which size should the tag be? Defaults to medium\n\t */\n\treadonly size = input<'S' | 'M' | 'L'>('M');\n\n\t/**\n\t * Which palette should be used for the entire tag.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette | DecorativePalette>('none');\n\n\t/**\n\t * Should display be outlined?\n\t */\n\treadonly outlined = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * For routerLink usage\n\t */\n\treadonly link = input<string>();\n\n\t/**\n\t * Which icon should we display in the tag if any?\n\t * Defaults to no icon.\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Truncates the text with an ellipsis and adds a tooltip when the label is too long\n\t */\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies AI colors\n\t */\n\treadonly AI = input(false, { transform: booleanAttribute });\n\n\treadonly tagClasses = computed(() => {\n\t\tconst size = this.size();\n\t\tconst palette = this.palette();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t\t[`palette-${palette}`]: !this.AI() && !!palette,\n\t\t};\n\t});\n}\n","@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class TextFlowComponent {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TextFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: TextFlowComponent, isStandalone: true, selector: "lu-text-flow", host: { classAttribute: "textFlow" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TextFlowComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'lu-text-flow', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
11
|
+
class: 'textFlow',
|
|
12
|
+
}, styles: ["@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"] }]
|
|
13
|
+
}] });
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Generated bundle index. Do not edit.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
export { TextFlowComponent };
|
|
20
|
+
//# sourceMappingURL=lucca-front-ng-text-flow.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-text-flow.mjs","sources":["../../../packages/ng/text-flow/text-flow.component.ts","../../../packages/ng/text-flow/lucca-front-ng-text-flow.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-text-flow',\n\ttemplate: `<ng-content />`,\n\tstyleUrl: './text-flow.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'textFlow',\n\t},\n})\nexport class TextFlowComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8GARnB,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uiBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACC,cAAc,EAAA,QAAA,EACd,CAAA,cAAA,CAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,UAAU;AACjB,qBAAA,EAAA,MAAA,EAAA,CAAA,uiBAAA,CAAA,EAAA;;;ACVF;;AAEG;;;;"}
|