@lucca/prisme 22.0.0 → 22.0.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-prisme-button.mjs +3 -3
- package/fesm2022/lucca-prisme-button.mjs.map +1 -1
- package/fesm2022/lucca-prisme-core.mjs +3 -3
- package/fesm2022/lucca-prisme-core.mjs.map +1 -1
- package/fesm2022/lucca-prisme-icon.mjs +3 -3
- package/fesm2022/lucca-prisme-icon.mjs.map +1 -1
- package/fesm2022/lucca-prisme-numeric-badge.mjs +3 -3
- package/fesm2022/lucca-prisme-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-prisme-skeleton.mjs +30 -30
- package/fesm2022/lucca-prisme-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-prisme-tag.mjs +3 -3
- package/fesm2022/lucca-prisme-tag.mjs.map +1 -1
- package/fesm2022/lucca-prisme-tooltip.mjs +34 -31
- package/fesm2022/lucca-prisme-tooltip.mjs.map +1 -1
- package/package.json +3 -3
- package/types/lucca-prisme-icon.d.ts +1 -1
- package/types/lucca-prisme-tooltip.d.ts +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-prisme-skeleton.mjs","sources":["../../../packages/prisme/skeleton/skeleton-button/skeleton-button.component.ts","../../../packages/prisme/skeleton/skeleton-button/skeleton-button.component.html","../../../packages/prisme/skeleton/skeleton-button/skeleton-button.type.ts","../../../packages/prisme/skeleton/skeleton-card/skeleton-card.component.ts","../../../packages/prisme/skeleton/skeleton-card/skeleton-card.component.html","../../../packages/prisme/skeleton/skeleton-data-table/skeleton-data-table.component.ts","../../../packages/prisme/skeleton/skeleton-data-table/skeleton-data-table.component.html","../../../packages/prisme/skeleton/skeleton-fancy-box/skeleton-fancy-box.component.ts","../../../packages/prisme/skeleton/skeleton-fancy-box/skeleton-fancy-box.component.html","../../../packages/prisme/skeleton/skeleton-field/skeleton-field.component.ts","../../../packages/prisme/skeleton/skeleton-field/skeleton-field.component.html","../../../packages/prisme/skeleton/skeleton-header/skeleton-header.component.ts","../../../packages/prisme/skeleton/skeleton-header/skeleton-header.component.html","../../../packages/prisme/skeleton/skeleton-highlight-data/skeleton-highlight-data.component.ts","../../../packages/prisme/skeleton/skeleton-highlight-data/skeleton-highlight-data.component.html","../../../packages/prisme/skeleton/skeleton-index-table/skeleton-index-table.component.ts","../../../packages/prisme/skeleton/skeleton-index-table/skeleton-index-table.component.html","../../../packages/prisme/skeleton/skeleton-table/skeleton-table.component.ts","../../../packages/prisme/skeleton/skeleton-table/skeleton-table.component.html","../../../packages/prisme/skeleton/skeleton-user-popover/skeleton-user-popover.component.ts","../../../packages/prisme/skeleton/skeleton-user-popover/skeleton-user-popover.component.html","../../../packages/prisme/skeleton/skeleton.type.ts","../../../packages/prisme/skeleton/lucca-prisme-skeleton.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SkeletonButtonSize } from './skeleton-button.type';\n\n@Component({\n\tselector: 'lu-skeleton-button,pr-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<SkeletonButtonSize>();\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","/**\n * Available SkeletonButtonComponent Sizes\n */\n\nexport const SKELETON_BUTTON_SIZE = ['XS', 'S', 'M'] as const;\nexport type SkeletonButtonSize = (typeof SKELETON_BUTTON_SIZE)[number];\n","import { ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-card',\n\ttemplateUrl: './skeleton-card.component.html',\n\tstyleUrl: './skeleton-card.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonCardComponent {\n\t/**\n\t * Defines the number of description lines in card\n\t */\n\treadonly descriptionLines = input(1, { transform: numberAttribute });\n\n\treadonly lines = computed(() => Array.from({ length: this.descriptionLines() }));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"skeletonCard skeleton is-loading\" inert=\"inert\">\n\t<h2 class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h2>\n\t@if (descriptionLines() > 0) {\n\t\t@for (line of lines(); track $index) {\n\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent(98, 100)\"></span>\n\t\t}\n\t}\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\nimport { SkeletonColsAlign } from '../skeleton.type';\n\n@Component({\n\tselector: 'lu-skeleton-data-table,pr-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(5, { transform: numberAttribute });\n\n\treadonly colsAlign = input<Record<number, SkeletonColsAlign>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input(8, { transform: numberAttribute });\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 { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-fancy-box',\n\ttemplateUrl: './skeleton-fancy-box.component.html',\n\tstyleUrl: './skeleton-fancy-box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonFancyBoxComponent {\n\treadonly getRandomPercent = (min: number = 80, max: number = 100): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"skeletonFancyBox skeleton is-loading\" inert=\"inert\">\n\t<div class=\"skeleton-item mod-alignCenter\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></div>\n\t<h2 class=\"skeleton-item mod-alignCenter\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h2>\n</div>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-field,pr-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(false, { transform: booleanAttribute });\n\n\t/**\n\t * Hide the field label skeleton\n\t */\n\treadonly hiddenLabel = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Changes the size of the skeleton field\n\t */\n\treadonly size = input<'XS' | 'S' | 'M'>();\n\n\t/**\n\t * Defines the number of row\n\t */\n\treadonly rows = input(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()\" [class]=\"size() ? 'mod-' + size() : null\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span\n\t\t\tclass=\"skeleton-item\"\n\t\t\t[class]=\"size() ? 'pr-u-body' + size() : null\"\n\t\t\t[class.mod-dark]=\"dark()\"\n\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t></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[class]=\"size() ? 'pr-u-body' + size() : null\"\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,pr-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 { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-highlight-data',\n\ttemplateUrl: './skeleton-highlight-data.component.html',\n\tstyleUrl: './skeleton-highlight-data.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonHighlightDataComponent {\n\t/**\n\t * Applies dark color for skeleton\n\t */\n\treadonly dark = input(false, { transform: booleanAttribute });\n\n\treadonly getRandomPercent = (min: number = 25, max: number = 75): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"skeletonHighlight skeleton is-loading\" inert=\"inert\" [class.mod-dark]=\"dark()\">\n\t<div class=\"skeleton-item\" [class.mod-dark]=\"dark()\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></div>\n\t<h2 class=\"skeleton-item\" [class.mod-dark]=\"dark()\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h2>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\nimport { SkeletonColsAlign } from '../skeleton.type';\n\n@Component({\n\tselector: 'lu-skeleton-index-table,pr-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\thost: {\n\t\tclass: 'skeleton is-loading',\n\t},\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(5, { transform: numberAttribute });\n\n\treadonly colsAlign = input<Record<number, SkeletonColsAlign>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input(8, { transform: numberAttribute });\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 { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\nimport { SkeletonColsAlign } from '../skeleton.type';\n\nexport type ColAlignTable = 'start' | 'center' | 'end';\n\n@Component({\n\tselector: 'lu-skeleton-table,pr-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(5, { transform: numberAttribute });\n\n\treadonly colsAlign = input<Record<number, SkeletonColsAlign>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input(8, { transform: numberAttribute });\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 (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]=\"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=\"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]=\"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 } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-user-popover',\n\ttemplateUrl: './skeleton-user-popover.component.html',\n\tstyleUrl: './skeleton-user-popover.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonUserPopoverComponent {\n\treadonly getRandomPercent = (min: number = 50, max: number = 100): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"userPopover skeleton is-loading\" aria-hidden=\"true\">\n\t<div class=\"userPopover-details\">\n\t\t<div\n\t\t\tclass=\"userPopover-details-avatar avatar skeleton-item mod-circle\"\n\t\t\t[style.--components-skeleton-shape-width]=\"'96px'\"\n\t\t\t[style.--components-skeleton-shape-height]=\"'96px'\"\n\t\t></div>\n\t\t<div class=\"userPopover-details-info\">\n\t\t\t<h1\n\t\t\t\tclass=\"userPopover-details-info-name skeleton-item pr-u-margin0\"\n\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t></h1>\n\t\t\t<p class=\"userPopover-details-info-detail skeleton-item pr-u-bodyS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></p>\n\t\t\t<p class=\"userPopover-details-info-detail skeleton-item pr-u-bodyS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></p>\n\t\t\t<p class=\"userPopover-details-info-detail skeleton-item pr-u-bodyS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></p>\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Available SkeletonComponent Types\n */\n\nexport const SKELETON_COLS_ALIGN = ['start', 'center', 'end'] as const;\nexport type SkeletonColsAlign = (typeof SKELETON_COLS_ALIGN)[number];\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-prisme-skeleton.mjs","sources":["../../../packages/prisme/skeleton/skeleton-button/skeleton-button.component.ts","../../../packages/prisme/skeleton/skeleton-button/skeleton-button.component.html","../../../packages/prisme/skeleton/skeleton-button/skeleton-button.type.ts","../../../packages/prisme/skeleton/skeleton-card/skeleton-card.component.ts","../../../packages/prisme/skeleton/skeleton-card/skeleton-card.component.html","../../../packages/prisme/skeleton/skeleton-data-table/skeleton-data-table.component.ts","../../../packages/prisme/skeleton/skeleton-data-table/skeleton-data-table.component.html","../../../packages/prisme/skeleton/skeleton-fancy-box/skeleton-fancy-box.component.ts","../../../packages/prisme/skeleton/skeleton-fancy-box/skeleton-fancy-box.component.html","../../../packages/prisme/skeleton/skeleton-field/skeleton-field.component.ts","../../../packages/prisme/skeleton/skeleton-field/skeleton-field.component.html","../../../packages/prisme/skeleton/skeleton-header/skeleton-header.component.ts","../../../packages/prisme/skeleton/skeleton-header/skeleton-header.component.html","../../../packages/prisme/skeleton/skeleton-highlight-data/skeleton-highlight-data.component.ts","../../../packages/prisme/skeleton/skeleton-highlight-data/skeleton-highlight-data.component.html","../../../packages/prisme/skeleton/skeleton-index-table/skeleton-index-table.component.ts","../../../packages/prisme/skeleton/skeleton-index-table/skeleton-index-table.component.html","../../../packages/prisme/skeleton/skeleton-table/skeleton-table.component.ts","../../../packages/prisme/skeleton/skeleton-table/skeleton-table.component.html","../../../packages/prisme/skeleton/skeleton-user-popover/skeleton-user-popover.component.ts","../../../packages/prisme/skeleton/skeleton-user-popover/skeleton-user-popover.component.html","../../../packages/prisme/skeleton/skeleton.type.ts","../../../packages/prisme/skeleton/lucca-prisme-skeleton.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SkeletonButtonSize } from './skeleton-button.type';\n\n@Component({\n\tselector: 'lu-skeleton-button,pr-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<SkeletonButtonSize>();\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","/**\n * Available SkeletonButtonComponent Sizes\n */\n\nexport const SKELETON_BUTTON_SIZE = ['XS', 'S', 'M'] as const;\nexport type SkeletonButtonSize = (typeof SKELETON_BUTTON_SIZE)[number];\n","import { ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-card',\n\ttemplateUrl: './skeleton-card.component.html',\n\tstyleUrl: './skeleton-card.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonCardComponent {\n\t/**\n\t * Defines the number of description lines in card\n\t */\n\treadonly descriptionLines = input(1, { transform: numberAttribute });\n\n\treadonly lines = computed(() => Array.from({ length: this.descriptionLines() }));\n\n\treadonly getRandomPercent = (min: number = 33, max: number = 66): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"skeletonCard skeleton is-loading\" inert=\"inert\">\n\t<h2 class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h2>\n\t@if (descriptionLines() > 0) {\n\t\t@for (line of lines(); track $index) {\n\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent(98, 100)\"></span>\n\t\t}\n\t}\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\nimport { SkeletonColsAlign } from '../skeleton.type';\n\n@Component({\n\tselector: 'lu-skeleton-data-table,pr-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(5, { transform: numberAttribute });\n\n\treadonly colsAlign = input<Record<number, SkeletonColsAlign>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input(8, { transform: numberAttribute });\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 { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-fancy-box',\n\ttemplateUrl: './skeleton-fancy-box.component.html',\n\tstyleUrl: './skeleton-fancy-box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonFancyBoxComponent {\n\treadonly getRandomPercent = (min: number = 80, max: number = 100): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"skeletonFancyBox skeleton is-loading\" inert=\"inert\">\n\t<div class=\"skeleton-item mod-alignCenter\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></div>\n\t<h2 class=\"skeleton-item mod-alignCenter\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h2>\n</div>\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-field,pr-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(false, { transform: booleanAttribute });\n\n\t/**\n\t * Hide the field label skeleton\n\t */\n\treadonly hiddenLabel = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Changes the size of the skeleton field\n\t */\n\treadonly size = input<'XS' | 'S' | 'M'>();\n\n\t/**\n\t * Defines the number of row\n\t */\n\treadonly rows = input(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()\" [class]=\"size() ? 'mod-' + size() : null\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span\n\t\t\tclass=\"skeleton-item\"\n\t\t\t[class]=\"size() ? 'pr-u-body' + size() : null\"\n\t\t\t[class.mod-dark]=\"dark()\"\n\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t></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[class]=\"size() ? 'pr-u-body' + size() : null\"\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,pr-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 { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-highlight-data',\n\ttemplateUrl: './skeleton-highlight-data.component.html',\n\tstyleUrl: './skeleton-highlight-data.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonHighlightDataComponent {\n\t/**\n\t * Applies dark color for skeleton\n\t */\n\treadonly dark = input(false, { transform: booleanAttribute });\n\n\treadonly getRandomPercent = (min: number = 25, max: number = 75): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"skeletonHighlight skeleton is-loading\" inert=\"inert\" [class.mod-dark]=\"dark()\">\n\t<div class=\"skeleton-item\" [class.mod-dark]=\"dark()\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></div>\n\t<h2 class=\"skeleton-item\" [class.mod-dark]=\"dark()\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h2>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\nimport { SkeletonColsAlign } from '../skeleton.type';\n\n@Component({\n\tselector: 'lu-skeleton-index-table,pr-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\thost: {\n\t\tclass: 'skeleton is-loading',\n\t},\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(5, { transform: numberAttribute });\n\n\treadonly colsAlign = input<Record<number, SkeletonColsAlign>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input(8, { transform: numberAttribute });\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 { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute } from '@angular/core';\nimport { SkeletonColsAlign } from '../skeleton.type';\n\nexport type ColAlignTable = 'start' | 'center' | 'end';\n\n@Component({\n\tselector: 'lu-skeleton-table,pr-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(5, { transform: numberAttribute });\n\n\treadonly colsAlign = input<Record<number, SkeletonColsAlign>>({});\n\n\t/**\n\t * Defines the number of row (8 by default)\n\t */\n\treadonly rows = input(8, { transform: numberAttribute });\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 (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]=\"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=\"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]=\"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 } from '@angular/core';\n\n@Component({\n\tselector: 'lu-skeleton-user-popover',\n\ttemplateUrl: './skeleton-user-popover.component.html',\n\tstyleUrl: './skeleton-user-popover.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkeletonUserPopoverComponent {\n\treadonly getRandomPercent = (min: number = 50, max: number = 100): string => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;\n}\n","<div class=\"userPopover skeleton is-loading\" aria-hidden=\"true\">\n\t<div class=\"userPopover-details\">\n\t\t<div\n\t\t\tclass=\"userPopover-details-avatar avatar skeleton-item mod-circle\"\n\t\t\t[style.--components-skeleton-shape-width]=\"'96px'\"\n\t\t\t[style.--components-skeleton-shape-height]=\"'96px'\"\n\t\t></div>\n\t\t<div class=\"userPopover-details-info\">\n\t\t\t<h1\n\t\t\t\tclass=\"userPopover-details-info-name skeleton-item pr-u-margin0\"\n\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t></h1>\n\t\t\t<p class=\"userPopover-details-info-detail skeleton-item pr-u-bodyS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></p>\n\t\t\t<p class=\"userPopover-details-info-detail skeleton-item pr-u-bodyS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></p>\n\t\t\t<p class=\"userPopover-details-info-detail skeleton-item pr-u-bodyS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></p>\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Available SkeletonComponent Types\n */\n\nexport const SKELETON_COLS_ALIGN = ['start', 'center', 'end'] as const;\nexport type SkeletonColsAlign = (typeof SKELETON_COLS_ALIGN)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -61,10 +61,10 @@ class TagComponent {
|
|
|
61
61
|
}, /* @ts-ignore */
|
|
62
62
|
...(ngDevMode ? [{ debugName: "tagClasses" }] : /* istanbul ignore next */ []));
|
|
63
63
|
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TagComponent, isStandalone: true, selector: "lu-tag,pr-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@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(); as icon) {\n\t\t\t<pr-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(); as icon) {\n\t\t\t<pr-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" prTooltip prTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n", styles: ["@charset \"UTF-8\";@layer components{.tag{--components-tag-background: var(--palettes-100, var(--palettes-neutral-100));--components-tag-color: var(--palettes-800, var(--palettes-neutral-800));--components-tag-shadow: transparent;--components-tag-font: var(--pr-t-font-body-S);--components-tag-gap: var(--pr-t-spacings-50);--components-tag-decoration: none;--components-tag-cursor: inherit;--components-tag-boxShadow: 0 0 0 1px var(--components-tag-shadow);--components-tag-position: static;--components-tag-before-content: none;--components-tag-fontSize: var(--pr-t-font-body-S-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-tag-background);border-radius:var(--pr-t-border-radius-small);padding-block:0;padding-inline:var(--pr-t-spacings-50);text-decoration:var(--components-tag-decoration);box-shadow:0 0 0 1px var(--components-tag-shadow);gap:var(--components-tag-gap);cursor:var(--components-tag-cursor);display:inline-flex;align-items:center;text-align:center;vertical-align:baseline;white-space:nowrap;border:0;font:var(--components-tag-font);font-size:var(--components-tag-fontSize);line-height:var(--components-tag-lineHeight);max-inline-size:100%;position:var(--components-tag-position)}.tag:before{content:var(--components-tag-before-content);inline-size:0;margin-inline-start:calc(var(--components-tag-gap) * -1)}.tag,.tag:is(a,button){color:var(--components-tag-color)}.tag .lucca-icon{--icon-size: 1rem}.tag-content{outline:none;text-decoration:var(--components-tag-decoration)}}@layer mods{.tag.mod-S{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.tag.mod-S .lucca-icon{--icon-size: .75rem}.tag.mod-S{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.tag.mod-L{--components-tag-font: var(--pr-t-font-body-M)}.tag.mod-L .lucca-icon{--icon-size: 1.25rem}.tag.mod-L{--components-tag-fontSize: var(--pr-t-font-body-M-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-M-lineHeight)}.tag:is(a,button),.tag.mod-clickable{--components-tag-cursor: pointer}.tag:is(a,button):hover,.tag:is(a,button):focus,.tag.mod-clickable:hover,.tag.mod-clickable:focus{--components-tag-decoration: underline}.tag:is(a,button):has(.tag-content):hover,.tag:is(a,button):has(.tag-content):focus,.tag.mod-clickable:has(.tag-content):hover,.tag.mod-clickable:has(.tag-content):focus{--components-tag-decoration: none}.tag:is(a,button):has(.tag-content):hover .tag-content,.tag:is(a,button):has(.tag-content):focus .tag-content,.tag.mod-clickable:has(.tag-content):hover .tag-content,.tag.mod-clickable:has(.tag-content):focus .tag-content{--components-tag-decoration: underline}.tag.mod-outlined,.tag.mod-AI{--components-tag-shadow: var(--palettes-300, var(--palettes-neutral-300));--components-tag-background: transparent}.tag.mod-AI:not(:disabled){--components-tag-boxShadow: none;--components-tag-position: relative}.tag.mod-AI:not(:disabled):after{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:var(--pr-t-color-border-ai);border-radius:calc(var(--pr-t-border-radius-small) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.tag.mod-AI:not(:disabled) .lucca-icon{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag.mod-disabled{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.tag:has(.tag-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.tag:has(.lucca-icon){--components-tag-before-content: \"\\a0\"}}lu-tag{display:contents}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TagComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ selector: 'lu-tag,pr-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, RouterLink, LuTooltipModule], template: "@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(); as icon) {\n\t\t\t<pr-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(); as icon) {\n\t\t\t<pr-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" prTooltip prTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n", styles: ["@charset \"UTF-8\";@layer components{.tag{--components-tag-background: var(--palettes-100, var(--palettes-neutral-100));--components-tag-color: var(--palettes-800, var(--palettes-neutral-800));--components-tag-shadow: transparent;--components-tag-font: var(--pr-t-font-body-S);--components-tag-gap: var(--pr-t-spacings-50);--components-tag-decoration: none;--components-tag-cursor: inherit;--components-tag-boxShadow: 0 0 0 1px var(--components-tag-shadow);--components-tag-position: static;--components-tag-before-content: none;--components-tag-fontSize: var(--pr-t-font-body-S-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-tag-background);border-radius:var(--pr-t-border-radius-small);padding-block:0;padding-inline:var(--pr-t-spacings-50);text-decoration:var(--components-tag-decoration);box-shadow:0 0 0 1px var(--components-tag-shadow);gap:var(--components-tag-gap);cursor:var(--components-tag-cursor);display:inline-flex;align-items:center;text-align:center;vertical-align:baseline;white-space:nowrap;border:0;font:var(--components-tag-font);font-size:var(--components-tag-fontSize);line-height:var(--components-tag-lineHeight);max-inline-size:100%;position:var(--components-tag-position)}.tag:before{content:var(--components-tag-before-content);inline-size:0;margin-inline-start:calc(var(--components-tag-gap) * -1)}.tag,.tag:is(a,button){color:var(--components-tag-color)}.tag .lucca-icon{--icon-size: 1rem}.tag-content{outline:none;text-decoration:var(--components-tag-decoration)}}@layer mods{.tag.mod-S{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.tag.mod-S .lucca-icon{--icon-size: .75rem}.tag.mod-S{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.tag.mod-L{--components-tag-font: var(--pr-t-font-body-M)}.tag.mod-L .lucca-icon{--icon-size: 1.25rem}.tag.mod-L{--components-tag-fontSize: var(--pr-t-font-body-M-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-M-lineHeight)}.tag:is(a,button),.tag.mod-clickable{--components-tag-cursor: pointer}.tag:is(a,button):hover,.tag:is(a,button):focus,.tag.mod-clickable:hover,.tag.mod-clickable:focus{--components-tag-decoration: underline}.tag:is(a,button):has(.tag-content):hover,.tag:is(a,button):has(.tag-content):focus,.tag.mod-clickable:has(.tag-content):hover,.tag.mod-clickable:has(.tag-content):focus{--components-tag-decoration: none}.tag:is(a,button):has(.tag-content):hover .tag-content,.tag:is(a,button):has(.tag-content):focus .tag-content,.tag.mod-clickable:has(.tag-content):hover .tag-content,.tag.mod-clickable:has(.tag-content):focus .tag-content{--components-tag-decoration: underline}.tag.mod-outlined,.tag.mod-AI{--components-tag-shadow: var(--palettes-300, var(--palettes-neutral-300));--components-tag-background: transparent}.tag.mod-AI:not(:disabled){--components-tag-boxShadow: none;--components-tag-position: relative}.tag.mod-AI:not(:disabled):after{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:var(--pr-t-color-border-ai);border-radius:calc(var(--pr-t-border-radius-small) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.tag.mod-AI:not(:disabled) .lucca-icon{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag.mod-disabled{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.tag:has(.tag-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.tag:has(.lucca-icon){--components-tag-before-content: \"\\a0\"}}lu-tag{display:contents}\n"] }]
|
|
70
70
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], withEllipsis: [{ type: i0.Input, args: [{ isSignal: true, alias: "withEllipsis", required: false }] }], AI: [{ type: i0.Input, args: [{ isSignal: true, alias: "AI", required: false }] }] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-prisme-tag.mjs","sources":["../../../packages/prisme/tag/tag.type.ts","../../../packages/prisme/tag/tag.component.ts","../../../packages/prisme/tag/tag.component.html","../../../packages/prisme/tag/lucca-prisme-tag.ts"],"sourcesContent":["/**\n * Available TagComponent Types\n */\n\nexport const TAG_SIZE = ['S', 'M', 'L'] as const;\nexport type TagSize = (typeof TAG_SIZE)[number];\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { DecorativePalette, Palette } from '@lucca/prisme/core';\nimport { IconComponent, LuccaIcon } from '@lucca/prisme/icon';\nimport { LuTooltipModule } from '@lucca/prisme/tooltip';\nimport { TagSize } from './tag.type';\n\n@Component({\n\tselector: 'lu-tag,pr-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<TagSize>('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(); as icon) {\n\t\t\t<pr-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(); as icon) {\n\t\t\t<pr-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" prTooltip prTooltipWhenEllipsis>{{ 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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
|
|
1
|
+
{"version":3,"file":"lucca-prisme-tag.mjs","sources":["../../../packages/prisme/tag/tag.type.ts","../../../packages/prisme/tag/tag.component.ts","../../../packages/prisme/tag/tag.component.html","../../../packages/prisme/tag/lucca-prisme-tag.ts"],"sourcesContent":["/**\n * Available TagComponent Types\n */\n\nexport const TAG_SIZE = ['S', 'M', 'L'] as const;\nexport type TagSize = (typeof TAG_SIZE)[number];\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { DecorativePalette, Palette } from '@lucca/prisme/core';\nimport { IconComponent, LuccaIcon } from '@lucca/prisme/icon';\nimport { LuTooltipModule } from '@lucca/prisme/tooltip';\nimport { TagSize } from './tag.type';\n\n@Component({\n\tselector: 'lu-tag,pr-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<TagSize>('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(); as icon) {\n\t\t\t<pr-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(); as icon) {\n\t\t\t<pr-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" prTooltip prTooltipWhenEllipsis>{{ 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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"}
|
|
@@ -31,6 +31,8 @@ class LuTooltipPanelComponent {
|
|
|
31
31
|
this.mouseLeave$ = new Subject();
|
|
32
32
|
this.content = signal(null, /* @ts-ignore */
|
|
33
33
|
...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
|
|
34
|
+
this.enterDelay = signal(300, /* @ts-ignore */
|
|
35
|
+
...(ngDevMode ? [{ debugName: "enterDelay" }] : /* istanbul ignore next */ []));
|
|
34
36
|
this.contentPositionClasses = signal({}, /* @ts-ignore */
|
|
35
37
|
...(ngDevMode ? [{ debugName: "contentPositionClasses" }] : /* istanbul ignore next */ []));
|
|
36
38
|
}
|
|
@@ -42,16 +44,16 @@ class LuTooltipPanelComponent {
|
|
|
42
44
|
'is-below': posY === 'top',
|
|
43
45
|
});
|
|
44
46
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuTooltipPanelComponent, isStandalone: true, selector: "lu-tooltip-panel,pr-tooltip-panel", host: { attributes: { "role": "tooltip" }, listeners: { "mouseenter": "mouseEnter$.next()", "mouseleave": "mouseLeave$.next()" } }, ngImport: i0, template: "@if (content(); as content) {\n\t<div\n\t\tclass=\"tooltip\"\n\t\t[class]=\"contentPositionClasses()\"\n\t\t[innerHtml]=\"content\"\n\t\t[style.--components-tooltip-animationDelay]=\"enterDelay() + 'ms'\"\n\t></div>\n}\n", styles: ["@layer components{.tooltip{--components-tooltip-background-color: var(--palettes-neutral-900);--components-tooltip-color: var(--pr-t-color-text-reverse);--components-tooltip-max-width: 15rem;--components-tooltip-transformOrigin: center;--components-tooltip-margin: 0;--components-tooltip-animationDelay: .3s;background-color:var(--components-tooltip-background-color);color:var(--components-tooltip-color);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);max-inline-size:var(--components-tooltip-max-width);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);transform-origin:var(--components-tooltip-transformOrigin);margin:var(--components-tooltip-margin);text-align:center;inline-size:fit-content;animation-name:scaleIn,tooltipPointerEventsIn;animation-delay:var(--components-tooltip-animationDelay);animation-duration:var(--commons-animations-durations-fast);animation-iteration-count:1;animation-fill-mode:backwards;overflow-wrap:break-word}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes tooltipPointerEventsIn{0%{pointer-events:none}1%{pointer-events:auto}}.tooltip:empty{display:none}@supports (background-image: -webkit-named-image(i)){@media(hover:hover){.tooltip_trigger.is-whenEllipsis:after{content:\"\";display:block}}}}@layer mods{.tooltip.is-above{--components-tooltip-transformOrigin: bottom center}.tooltip.is-below{--components-tooltip-transformOrigin: top center}.tooltip.is-before{--components-tooltip-transformOrigin: center right}.tooltip.is-before.is-above{--components-tooltip-transformOrigin: bottom right}.tooltip.is-before.is-below{--components-tooltip-transformOrigin: top right}.tooltip.is-after{--components-tooltip-transformOrigin: center left}.tooltip.is-after.is-above{--components-tooltip-transformOrigin: bottom left}.tooltip.is-after.is-below{--components-tooltip-transformOrigin: top left}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
49
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipPanelComponent, decorators: [{
|
|
49
51
|
type: Component,
|
|
50
52
|
args: [{ selector: 'lu-tooltip-panel,pr-tooltip-panel', host: {
|
|
51
53
|
role: 'tooltip',
|
|
52
54
|
'(mouseenter)': 'mouseEnter$.next()',
|
|
53
55
|
'(mouseleave)': 'mouseLeave$.next()',
|
|
54
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (content(); as content) {\n\t<div
|
|
56
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (content(); as content) {\n\t<div\n\t\tclass=\"tooltip\"\n\t\t[class]=\"contentPositionClasses()\"\n\t\t[innerHtml]=\"content\"\n\t\t[style.--components-tooltip-animationDelay]=\"enterDelay() + 'ms'\"\n\t></div>\n}\n", styles: ["@layer components{.tooltip{--components-tooltip-background-color: var(--palettes-neutral-900);--components-tooltip-color: var(--pr-t-color-text-reverse);--components-tooltip-max-width: 15rem;--components-tooltip-transformOrigin: center;--components-tooltip-margin: 0;--components-tooltip-animationDelay: .3s;background-color:var(--components-tooltip-background-color);color:var(--components-tooltip-color);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);max-inline-size:var(--components-tooltip-max-width);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);transform-origin:var(--components-tooltip-transformOrigin);margin:var(--components-tooltip-margin);text-align:center;inline-size:fit-content;animation-name:scaleIn,tooltipPointerEventsIn;animation-delay:var(--components-tooltip-animationDelay);animation-duration:var(--commons-animations-durations-fast);animation-iteration-count:1;animation-fill-mode:backwards;overflow-wrap:break-word}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes tooltipPointerEventsIn{0%{pointer-events:none}1%{pointer-events:auto}}.tooltip:empty{display:none}@supports (background-image: -webkit-named-image(i)){@media(hover:hover){.tooltip_trigger.is-whenEllipsis:after{content:\"\";display:block}}}}@layer mods{.tooltip.is-above{--components-tooltip-transformOrigin: bottom center}.tooltip.is-below{--components-tooltip-transformOrigin: top center}.tooltip.is-before{--components-tooltip-transformOrigin: center right}.tooltip.is-before.is-above{--components-tooltip-transformOrigin: bottom right}.tooltip.is-before.is-below{--components-tooltip-transformOrigin: top right}.tooltip.is-after{--components-tooltip-transformOrigin: center left}.tooltip.is-after.is-above{--components-tooltip-transformOrigin: bottom left}.tooltip.is-after.is-below{--components-tooltip-transformOrigin: top left}}\n"] }]
|
|
55
57
|
}] });
|
|
56
58
|
|
|
57
59
|
/**
|
|
@@ -87,10 +89,10 @@ class TooltipVisibilityObserver {
|
|
|
87
89
|
}
|
|
88
90
|
}, { rootMargin: '100px' }));
|
|
89
91
|
}
|
|
90
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
91
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TooltipVisibilityObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
93
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TooltipVisibilityObserver, providedIn: 'root' }); }
|
|
92
94
|
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TooltipVisibilityObserver, decorators: [{
|
|
94
96
|
type: Injectable,
|
|
95
97
|
args: [{ providedIn: 'root' }]
|
|
96
98
|
}] });
|
|
@@ -138,13 +140,13 @@ class LuTooltipTriggerDirective {
|
|
|
138
140
|
...(ngDevMode ? [{ debugName: "prTooltip" }] : /* istanbul ignore next */ []));
|
|
139
141
|
this.tooltipContent = computed(() => this.luTooltip() || this.prTooltip(), /* @ts-ignore */
|
|
140
142
|
...(ngDevMode ? [{ debugName: "tooltipContent" }] : /* istanbul ignore next */ []));
|
|
141
|
-
this.luTooltipEnterDelay = input(
|
|
143
|
+
this.luTooltipEnterDelay = input(0, { ...(ngDevMode ? { debugName: "luTooltipEnterDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
142
144
|
this.prTooltipEnterDelay = input(300, { ...(ngDevMode ? { debugName: "prTooltipEnterDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
143
|
-
this.tooltipEnterDelay = computed(() => this.
|
|
145
|
+
this.tooltipEnterDelay = computed(() => this.luTooltipEnterDelay() || this.prTooltipEnterDelay(), /* @ts-ignore */
|
|
144
146
|
...(ngDevMode ? [{ debugName: "tooltipEnterDelay" }] : /* istanbul ignore next */ []));
|
|
145
|
-
this.luTooltipLeaveDelay = input(
|
|
147
|
+
this.luTooltipLeaveDelay = input(0, { ...(ngDevMode ? { debugName: "luTooltipLeaveDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
146
148
|
this.prTooltipLeaveDelay = input(100, { ...(ngDevMode ? { debugName: "prTooltipLeaveDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
147
|
-
this.tooltipLeaveDelay = computed(() => this.
|
|
149
|
+
this.tooltipLeaveDelay = computed(() => this.luTooltipLeaveDelay() || this.prTooltipLeaveDelay(), /* @ts-ignore */
|
|
148
150
|
...(ngDevMode ? [{ debugName: "tooltipLeaveDelay" }] : /* istanbul ignore next */ []));
|
|
149
151
|
this.luTooltipDisabled = input(false, { ...(ngDevMode ? { debugName: "luTooltipDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
150
152
|
this.prTooltipDisabled = input(false, { ...(ngDevMode ? { debugName: "prTooltipDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
@@ -154,11 +156,11 @@ class LuTooltipTriggerDirective {
|
|
|
154
156
|
this.prTooltipOnlyForDisplay = input(false, { ...(ngDevMode ? { debugName: "prTooltipOnlyForDisplay" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
155
157
|
this.tooltipOnlyForDisplay = computed(() => this.prTooltipOnlyForDisplay() || this.luTooltipOnlyForDisplay(), /* @ts-ignore */
|
|
156
158
|
...(ngDevMode ? [{ debugName: "tooltipOnlyForDisplay" }] : /* istanbul ignore next */ []));
|
|
157
|
-
this.luTooltipPosition = input(
|
|
159
|
+
this.luTooltipPosition = input(null, /* @ts-ignore */
|
|
158
160
|
...(ngDevMode ? [{ debugName: "luTooltipPosition" }] : /* istanbul ignore next */ []));
|
|
159
161
|
this.prTooltipPosition = input('above', /* @ts-ignore */
|
|
160
162
|
...(ngDevMode ? [{ debugName: "prTooltipPosition" }] : /* istanbul ignore next */ []));
|
|
161
|
-
this.tooltipPosition = computed(() => this.
|
|
163
|
+
this.tooltipPosition = computed(() => this.luTooltipPosition() ?? this.prTooltipPosition(), /* @ts-ignore */
|
|
162
164
|
...(ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []));
|
|
163
165
|
this.luTooltipWhenEllipsisInput = input(false, { ...(ngDevMode ? { debugName: "luTooltipWhenEllipsisInput" } : /* istanbul ignore next */ {}), alias: 'luTooltipWhenEllipsis', transform: booleanAttribute });
|
|
164
166
|
this.prTooltipWhenEllipsisInput = input(false, { ...(ngDevMode ? { debugName: "prTooltipWhenEllipsisInput" } : /* istanbul ignore next */ {}), alias: 'prTooltipWhenEllipsis', transform: booleanAttribute });
|
|
@@ -168,11 +170,11 @@ class LuTooltipTriggerDirective {
|
|
|
168
170
|
...(ngDevMode ? [{ debugName: "prTooltipWhenEllipsis" }] : /* istanbul ignore next */ []));
|
|
169
171
|
this.tooltipWhenEllipsis = computed(() => this.prTooltipWhenEllipsis() || this.luTooltipWhenEllipsis(), /* @ts-ignore */
|
|
170
172
|
...(ngDevMode ? [{ debugName: "tooltipWhenEllipsis" }] : /* istanbul ignore next */ []));
|
|
171
|
-
this.luTooltipAnchor = input(
|
|
173
|
+
this.luTooltipAnchor = input(null, /* @ts-ignore */
|
|
172
174
|
...(ngDevMode ? [{ debugName: "luTooltipAnchor" }] : /* istanbul ignore next */ []));
|
|
173
175
|
this.prTooltipAnchor = input(this.#host, /* @ts-ignore */
|
|
174
176
|
...(ngDevMode ? [{ debugName: "prTooltipAnchor" }] : /* istanbul ignore next */ []));
|
|
175
|
-
this.tooltipAnchor = computed(() => this.
|
|
177
|
+
this.tooltipAnchor = computed(() => this.luTooltipAnchor() || this.prTooltipAnchor(), /* @ts-ignore */
|
|
176
178
|
...(ngDevMode ? [{ debugName: "tooltipAnchor" }] : /* istanbul ignore next */ []));
|
|
177
179
|
this.id = input(`${this.#host.nativeElement.tagName.toLowerCase()}-tooltip-${nextId++}`, /* @ts-ignore */
|
|
178
180
|
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
@@ -216,11 +218,11 @@ class LuTooltipTriggerDirective {
|
|
|
216
218
|
// pane the focus moved into when it last left this trigger, or null
|
|
217
219
|
this.#focusLeftToPane = null;
|
|
218
220
|
this.#destroyRef.onDestroy(() => (this.#destroyed = true));
|
|
219
|
-
//
|
|
221
|
+
// content attach/detach — immediate on open, VoiceOver/Safari misses a late aria-describedby
|
|
220
222
|
toObservable(this.#realAction)
|
|
221
|
-
.pipe(filter(isNotNil), debounce((action) => timer(action === 'open' ?
|
|
222
|
-
if (
|
|
223
|
-
this.
|
|
223
|
+
.pipe(filter(isNotNil), debounce((action) => timer(action === 'open' ? 0 : this.tooltipLeaveDelay())), tap((action) => {
|
|
224
|
+
if (action === 'open') {
|
|
225
|
+
this.attachTooltip();
|
|
224
226
|
}
|
|
225
227
|
else {
|
|
226
228
|
this.closeTooltip();
|
|
@@ -402,7 +404,7 @@ class LuTooltipTriggerDirective {
|
|
|
402
404
|
this.overlayRef.overlayElement.id = describedBy;
|
|
403
405
|
}
|
|
404
406
|
}
|
|
405
|
-
|
|
407
|
+
attachTooltip() {
|
|
406
408
|
// A pending debounced 'open' is flushed when `toObservable(#realAction)` completes on
|
|
407
409
|
// destroy (`debounce` re-emits the held value on completion), i.e. AFTER ngOnDestroy has
|
|
408
410
|
// disposed the overlay. Opening then would recreate an overlay anchored to a detached
|
|
@@ -423,6 +425,7 @@ class LuTooltipTriggerDirective {
|
|
|
423
425
|
}
|
|
424
426
|
const portal = new ComponentPortal(LuTooltipPanelComponent);
|
|
425
427
|
const ref = this.overlayRef.attach(portal);
|
|
428
|
+
ref.instance.enterDelay.set(this.tooltipEnterDelay());
|
|
426
429
|
position.positionChanges
|
|
427
430
|
.pipe(takeUntilDestroyed(this.#destroyRef), map(({ connectionPair }) => connectionPair), startWith(position.positions[0]))
|
|
428
431
|
.subscribe(({ overlayX, overlayY }) => {
|
|
@@ -567,10 +570,10 @@ class LuTooltipTriggerDirective {
|
|
|
567
570
|
}
|
|
568
571
|
return x;
|
|
569
572
|
}
|
|
570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
571
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
573
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
574
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: LuTooltipTriggerDirective, isStandalone: true, selector: "[luTooltip],[prTooltip]", inputs: { luTooltipInput: { classPropertyName: "luTooltipInput", publicName: "luTooltip", isSignal: true, isRequired: false, transformFunction: null }, prTooltipInput: { classPropertyName: "prTooltipInput", publicName: "prTooltip", isSignal: true, isRequired: false, transformFunction: null }, luTooltipEnterDelay: { classPropertyName: "luTooltipEnterDelay", publicName: "luTooltipEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, prTooltipEnterDelay: { classPropertyName: "prTooltipEnterDelay", publicName: "prTooltipEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, luTooltipLeaveDelay: { classPropertyName: "luTooltipLeaveDelay", publicName: "luTooltipLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, prTooltipLeaveDelay: { classPropertyName: "prTooltipLeaveDelay", publicName: "prTooltipLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, luTooltipDisabled: { classPropertyName: "luTooltipDisabled", publicName: "luTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, prTooltipDisabled: { classPropertyName: "prTooltipDisabled", publicName: "prTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, luTooltipOnlyForDisplay: { classPropertyName: "luTooltipOnlyForDisplay", publicName: "luTooltipOnlyForDisplay", isSignal: true, isRequired: false, transformFunction: null }, prTooltipOnlyForDisplay: { classPropertyName: "prTooltipOnlyForDisplay", publicName: "prTooltipOnlyForDisplay", isSignal: true, isRequired: false, transformFunction: null }, luTooltipPosition: { classPropertyName: "luTooltipPosition", publicName: "luTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, prTooltipPosition: { classPropertyName: "prTooltipPosition", publicName: "prTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, luTooltipWhenEllipsisInput: { classPropertyName: "luTooltipWhenEllipsisInput", publicName: "luTooltipWhenEllipsis", isSignal: true, isRequired: false, transformFunction: null }, prTooltipWhenEllipsisInput: { classPropertyName: "prTooltipWhenEllipsisInput", publicName: "prTooltipWhenEllipsis", isSignal: true, isRequired: false, transformFunction: null }, luTooltipAnchor: { classPropertyName: "luTooltipAnchor", publicName: "luTooltipAnchor", isSignal: true, isRequired: false, transformFunction: null }, prTooltipAnchor: { classPropertyName: "prTooltipAnchor", publicName: "prTooltipAnchor", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "focusout": "onFocusOut($event)", "blur": "onBlur()", "keydown.escape": "onEscape($event)" }, properties: { "attr.aria-describedby": "ariaDescribedBy()", "attr.id": "id()", "class.is-whenEllipsis": "luTooltipWhenEllipsis()" }, classAttribute: "tooltip_trigger" }, exportAs: ["luTooltip"], ngImport: i0 }); }
|
|
572
575
|
}
|
|
573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
576
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipTriggerDirective, decorators: [{
|
|
574
577
|
type: Directive,
|
|
575
578
|
args: [{
|
|
576
579
|
selector: '[luTooltip],[prTooltip]',
|
|
@@ -594,11 +597,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
594
597
|
* @deprecated use `LuTooltipTriggerDirective` instead
|
|
595
598
|
*/
|
|
596
599
|
class LuTooltipTriggerModule {
|
|
597
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
598
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
599
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
600
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipTriggerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
601
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipTriggerModule, imports: [LuTooltipTriggerDirective, OverlayModule], exports: [LuTooltipTriggerDirective] }); }
|
|
602
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipTriggerModule, imports: [OverlayModule] }); }
|
|
600
603
|
}
|
|
601
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipTriggerModule, decorators: [{
|
|
602
605
|
type: NgModule,
|
|
603
606
|
args: [{
|
|
604
607
|
imports: [LuTooltipTriggerDirective, OverlayModule],
|
|
@@ -610,11 +613,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
610
613
|
* @deprecated use `LuTooltipTriggerDirective, LuTooltipPanelComponent` instead
|
|
611
614
|
*/
|
|
612
615
|
class LuTooltipModule {
|
|
613
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
614
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
615
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
616
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
617
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipModule, imports: [LuTooltipTriggerModule, LuTooltipPanelComponent], exports: [LuTooltipTriggerModule, LuTooltipPanelComponent] }); }
|
|
618
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipModule, imports: [LuTooltipTriggerModule, LuTooltipTriggerModule] }); }
|
|
616
619
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuTooltipModule, decorators: [{
|
|
618
621
|
type: NgModule,
|
|
619
622
|
args: [{
|
|
620
623
|
imports: [LuTooltipTriggerModule, LuTooltipPanelComponent],
|