npm - @lucca/prisme - Versions diffs - 22.0.5 → 22.1.0-rc.2 - Mend

@lucca/prisme 22.0.5 → 22.1.0-rc.2

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.

Files changed (8) hide show

package/fesm2022/lucca-prisme-icon.mjs.map +1 -1
package/fesm2022/lucca-prisme-skeleton.mjs +4 -4
package/fesm2022/lucca-prisme-skeleton.mjs.map +1 -1
package/fesm2022/lucca-prisme-tag.mjs +8 -4
package/fesm2022/lucca-prisme-tag.mjs.map +1 -1
package/package.json +3 -3
package/types/lucca-prisme-icon.d.ts +1 -1
package/types/lucca-prisme-tag.d.ts +5 -1

package/fesm2022/lucca-prisme-icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lucca-prisme-icon.mjs","sources":["../../../packages/prisme/icon/icon.type.ts","../../../packages/prisme/icon/icon.component.ts","../../../packages/prisme/icon/icon.component.html","../../../packages/prisme/icon/icons.ts","../../../packages/prisme/icon/lucca-prisme-icon.ts"],"sourcesContent":["/*\n Available IconComponent types\n /\n\nexport const ICON_SIZE = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL'] as const;\nexport type IconSize = (typeof ICON_SIZE)[number];\n\nexport const ICON_COLOR = ['product', 'error', 'warning', 'success', 'light', 'placeholder', 'inherit'] as const;\nexport type IconColor = (typeof ICON_COLOR)[number];\n","import { NgClass } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { IconColor, IconSize } from './icon.type';\nimport type { LuccaIcon } from './icons';\n\n@Component({\n\tselector: 'lu-icon, pr-icon',\n\timports: [NgClass],\n\ttemplateUrl: './icon.component.html',\n\tstyleUrl: './icon.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class IconComponent {\n\t/\n\t Defines icon to display\n\t /\n\treadonly icon = input.required<LuccaIcon>();\n\n\t/\n\t Information conveyed by the screen reader\n\t /\n\treadonly alt = input<string>();\n\n\t/\n\t Which size should the icon be? XXS to XXL\n\t /\n\treadonly size = input<IconSize>();\n\n\t/\n\t Changes the color of the icon (inherit by default)\n\t /\n\treadonly color = input<IconColor>('inherit');\n\n\t/\n\t Display icon in AI mode\n\t /\n\treadonly AI = input<boolean, boolean \| `${boolean}` \| ''>(false, { transform: booleanAttribute });\n\n\treadonly iconClasses = computed(() => {\n\t\tconst size = this.size();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t};\n\t});\n}\n","<span\n\taria-hidden=\"true\"\n\t[class.mod-AI]=\"AI()\"\n\tclass=\"lucca-icon icon-{{ icon() }} icon-color-{{ color() }}\"\n\t[ngClass]=\"iconClasses()\"\n></span>\n@if (alt()) {\n\t<span class=\"pr-u-mask\">{{ alt() }}</span>\n}\n","// ****************************************\n// * THIS FILE IS GENERATED, DO NOT EDIT *\n// * The generator is update-icons.js\t\t *\n// ***************************************\n\nexport type LuccaIcon =\n\t\| 'app'\n\t\| 'apps'\n\t\| 'nineTiles'\n\t\| 'mosaic'\n\t\| 'tiles'\n\t\| 'appWidget'\n\t\| 'arrowBackspace'\n\t\| 'arrowBackward'\n\t\| 'backward'\n\t\| 'arrowBottom'\n\t\| 'arrowFullSouth'\n\t\| 'arrowBottomLeft'\n\t\| 'arrowBottomRight'\n\t\| 'arrowCenterReduce'\n\t\| 'arrowChevronBottom'\n\t\| 'arrowSouth'\n\t\| 'southArrow'\n\t\| 'southThinArrow'\n\t\| 'chevronSouth'\n\t\| 'chevronBottom'\n\t\| 'arrowChevronLeft'\n\t\| 'arrowWest'\n\t\| 'westArrow'\n\t\| 'westThinArrow'\n\t\| 'chevronWest'\n\t\| 'chevronLeft'\n\t\| 'arrowChevronRight'\n\t\| 'arrowEast'\n\t\| 'eastArrow'\n\t\| 'eastThinArrow'\n\t\| 'chevronEast'\n\t\| 'chevronRight'\n\t\| 'arrowChevronTop'\n\t\| 'arrowNorth'\n\t\| 'northArrow'\n\t\| 'northThinArrow'\n\t\| 'chevronNorth'\n\t\| 'chevronTop'\n\t\| 'arrowCorner'\n\t\| 'distribute'\n\t\| 'arrowCornerExpand'\n\t\| 'arrowCurvedDownRight'\n\t\| 'arrowDownload'\n\t\| 'download'\n\t\| 'arrowExternal'\n\t\| 'outside'\n\t\| 'arrowForward'\n\t\| 'arrowDouble'\n\t\| 'forward'\n\t\| 'arrowLeft'\n\t\| 'arrowFullWest'\n\t\| 'arrowLineBottom'\n\t\| 'arrowLineTop'\n\t\| 'arrowLogin'\n\t\| 'login'\n\t\| 'arrowLogout'\n\t\| 'logout'\n\t\| 'arrowOppositeLeftRight'\n\t\| 'arrowOppositeHorizontal'\n\t\| 'swap'\n\t\| 'arrowOppositeRightLeft'\n\t\| 'arrowOppositeTopBottom'\n\t\| 'arrowOppositeVertical'\n\t\| 'creditDebit'\n\t\| 'arrowRedo'\n\t\| 'arrowReply'\n\t\| 'reply'\n\t\| 'arrowReset'\n\t\| 'refresh'\n\t\| 'update'\n\t\| 'arrowRight'\n\t\| 'arrowFullEast'\n\t\| 'arrowSync'\n\t\| 'sync'\n\t\| 'arrowSyncStrikethrough'\n\t\| 'syncDisabled'\n\t\| 'arrowTop'\n\t\| 'arrowFullNorth'\n\t\| 'arrowTopLeft'\n\t\| 'arrowTopRight'\n\t\| 'arrowUndo'\n\t\| 'arrowUnfoldLess'\n\t\| 'collapse'\n\t\| 'arrowUnfoldMore'\n\t\| 'expand'\n\t\| 'arrowUpload'\n\t\| 'upload'\n\t\| 'cloudUpload'\n\t\| 'bell'\n\t\| 'notification'\n\t\| 'bellStrikethrough'\n\t\| 'book'\n\t\| 'bookmark'\n\t\| 'bookmarkFilled'\n\t\| 'boxArchive'\n\t\| 'archive'\n\t\| 'boxUnarchive'\n\t\| 'unarchive'\n\t\| 'branch'\n\t\| 'bubbleAnswer'\n\t\| 'answer'\n\t\| 'bubbleConversation'\n\t\| 'messenger'\n\t\| 'bubbleSpeech'\n\t\| 'chat'\n\t\| 'talk'\n\t\| 'dialog'\n\t\| 'bubbleSpeechStrikethrough'\n\t\| 'bubbleStars'\n\t\| 'buildingCompany'\n\t\| 'building'\n\t\| 'establishment'\n\t\| 'buildingHouse'\n\t\| 'house'\n\t\| 'home'\n\t\| 'buildingHouseFilled'\n\t\| 'houseFilled'\n\t\| 'homeFill'\n\t\| 'buildingHouseStarred'\n\t\| 'houseStarred'\n\t\| 'homeStarred'\n\t\| 'buildingStore'\n\t\| 'store'\n\t\| 'bulb'\n\t\| 'lightBulb'\n\t\| 'calendarChecked'\n\t\| 'calendarDate'\n\t\| 'calendar'\n\t\| 'planning'\n\t\| 'calendarEdit'\n\t\| 'planningEdit'\n\t\| 'calendarPlanning'\n\t\| 'payPeriod'\n\t\| 'calendarSettings'\n\t\| 'planningManage'\n\t\| 'calendarStrikethrough'\n\t\| 'calendarOff'\n\t\| 'capCrown'\n\t\| 'crown'\n\t\| 'capCrownFilled'\n\t\| 'capGraduate'\n\t\| 'graduate'\n\t\| 'school'\n\t\| 'certificationFailed'\n\t\| 'certifKo'\n\t\| 'certificationSuccess'\n\t\| 'certifOk'\n\t\| 'certificationWaiting'\n\t\| 'certifWaiting'\n\t\| 'chartDonut'\n\t\| 'donut'\n\t\| 'donutChart'\n\t\| 'chartFlow'\n\t\| 'familyTree'\n\t\| 'orgTree'\n\t\| 'chartHorizontalBar'\n\t\| 'horizontalBarChart'\n\t\| 'chartLevels'\n\t\| 'level'\n\t\| 'chartPie'\n\t\| 'dashboard'\n\t\| 'chartSpider'\n\t\| 'chartTree'\n\t\| 'chartVerticalBar'\n\t\| 'analytics'\n\t\| 'charts'\n\t\| 'circleHalf'\n\t\| 'clipboard'\n\t\| 'paste'\n\t\| 'completion'\n\t\| 'cornersFocus'\n\t\| 'cornersFullscreenExit'\n\t\| 'fullscreenExit'\n\t\| 'cornersFullscreenOpen'\n\t\| 'fullscreen'\n\t\| 'dataTable'\n\t\| 'table'\n\t\| 'database'\n\t\| 'databaseArrow'\n\t\| 'apiSync'\n\t\| 'deviceCamera'\n\t\| 'camera'\n\t\| 'deviceComputer'\n\t\| 'computer'\n\t\| 'deviceLaptop'\n\t\| 'laptop'\n\t\| 'deviceMobile'\n\t\| 'deviceMouse'\n\t\| 'computerMouse'\n\t\| 'devicePrinter'\n\t\| 'print'\n\t\| 'deviceTablet'\n\t\| 'deviceVideo'\n\t\| 'dotsDrag'\n\t\| 'drag'\n\t\| 'emojiSmile'\n\t\| 'eye'\n\t\| 'watch'\n\t\| 'eyeStrikethrough'\n\t\| 'unwatch'\n\t\| 'fileContract'\n\t\| 'contract'\n\t\| 'fileCopy'\n\t\| 'copy'\n\t\| 'fileDocument'\n\t\| 'file'\n\t\| 'files'\n\t\| 'fileExport'\n\t\| 'fileFolder'\n\t\| 'folder'\n\t\| 'fileImport'\n\t\| 'importDirty'\n\t\| 'importPristine'\n\t\| 'filePlus'\n\t\| 'fileSign'\n\t\| 'sign'\n\t\| 'filtersDescending'\n\t\| 'filterAbstract'\n\t\| 'filtersFunnel'\n\t\| 'funnel'\n\t\| 'filter'\n\t\| 'filtersSort'\n\t\| 'sort'\n\t\| 'reorder'\n\t\| 'flag'\n\t\| 'floppyDiskSave'\n\t\| 'save'\n\t\| 'foodBirthdayCake'\n\t\| 'birthday'\n\t\| 'foodBobun'\n\t\| 'lunchAlternative'\n\t\| 'foodBurger'\n\t\| 'lunch'\n\t\| 'foodChefHat'\n\t\| 'restaurant'\n\t\| 'foodClocheDish'\n\t\| 'diner'\n\t\| 'foodCocktail'\n\t\| 'drink'\n\t\| 'foodCoffee'\n\t\| 'coffee'\n\t\| 'breaktime'\n\t\| 'foodCroissant'\n\t\| 'breakfast'\n\t\| 'foodCutlery'\n\t\| 'meal'\n\t\| 'foodSandwich'\n\t\| 'snack'\n\t\| 'formatBulletedList'\n\t\| 'list'\n\t\| 'formatClipperAttachment'\n\t\| 'attach'\n\t\| 'formatCornerUpLeft'\n\t\| 'formatUndo'\n\t\| 'formatCornerUpRight'\n\t\| 'formatRedo'\n\t\| 'formatLink'\n\t\| 'formatNumberedList'\n\t\| 'formatListNb'\n\t\| 'formatText'\n\t\| 'formatJustify'\n\t\| 'formatTextBold'\n\t\| 'formatBold'\n\t\| 'formatTextClear'\n\t\| 'formatClear'\n\t\| 'formatTextItalic'\n\t\| 'formatItalic'\n\t\| 'formatTextSize'\n\t\| 'formatSize'\n\t\| 'formatTextStrikethrough'\n\t\| 'formatStrikethrough'\n\t\| 'formatTextUnderline'\n\t\| 'formatUnderlined'\n\t\| 'formatUnlink'\n\t\| 'unlink'\n\t\| 'gift'\n\t\| 'present'\n\t\| 'heart'\n\t\| 'heartFilled'\n\t\| 'heartStrikethrough'\n\t\| 'brokenHeart'\n\t\| 'hotelBed'\n\t\| 'bed'\n\t\| 'hotel'\n\t\| 'hotelHanger'\n\t\| 'hanger'\n\t\| 'hotelIron'\n\t\| 'iron'\n\t\| 'pressing'\n\t\| 'hotelLuggage'\n\t\| 'luggage'\n\t\| 'jigsawPuzzle'\n\t\| 'puzzle'\n\t\| 'journey'\n\t\| 'milestone'\n\t\| 'jumpingCc'\n\t\| 'lucca'\n\t\| 'laboratoryTestFlask'\n\t\| 'test'\n\t\| 'layers'\n\t\| 'floor'\n\t\| 'listChecked'\n\t\| 'listChecklist'\n\t\| 'listTodo'\n\t\| 'listMultipleChoices'\n\t\| 'lockClose'\n\t\| 'lock'\n\t\| 'lockKey'\n\t\| 'key'\n\t\| 'lockOpen'\n\t\| 'unlock'\n\t\| 'mailEnvelope'\n\t\| 'mail'\n\t\| 'mailMailbox'\n\t\| 'mailbox'\n\t\| 'stamp'\n\t\| 'postage'\n\t\| 'mailPaperPlane'\n\t\| 'send'\n\t\| 'mapGlobe'\n\t\| 'globe'\n\t\| 'mapLocation'\n\t\| 'location'\n\t\| 'mapPin'\n\t\| 'pin'\n\t\| 'mapPlan'\n\t\| 'mapTripStep'\n\t\| 'mathsDivide'\n\t\| 'divide'\n\t\| 'mathsEquals'\n\t\| 'mathsMinus'\n\t\| 'minus'\n\t\| 'partial'\n\t\| 'minimize'\n\t\| 'mathsMultiplicate'\n\t\| 'close'\n\t\| 'thinCross'\n\t\| 'cross'\n\t\| 'crossBold'\n\t\| 'mathsNotEqual'\n\t\| 'mathsPlus'\n\t\| 'plus'\n\t\| 'plusBold'\n\t\| 'medicalDoctor'\n\t\| 'menuBurger'\n\t\| 'menu'\n\t\| 'hamburgerMenu'\n\t\| 'menuDots'\n\t\| 'menuEllipsis'\n\t\| 'ellipsis'\n\t\| 'moneyBag'\n\t\| 'moneybag'\n\t\| 'moneyBagStrikethrough'\n\t\| 'noMoney'\n\t\| 'moneyBankImport'\n\t\| 'moneyBanknoteStrikethrough'\n\t\| 'moneyBill'\n\t\| 'bill'\n\t\| 'moneyBuildingBank'\n\t\| 'bank'\n\t\| 'moneyCardCheck'\n\t\| 'moneyCardImport'\n\t\| 'importCb'\n\t\| 'moneyCheck'\n\t\| 'moneyCoins'\n\t\| 'money'\n\t\| 'payment'\n\t\| 'moneyCurrencyDollar'\n\t\| 'dollar'\n\t\| 'moneyCurrencyEuro'\n\t\| 'euro'\n\t\| 'moneyIban'\n\t\| 'moneyPaymentCard'\n\t\| 'bankingCard'\n\t\| 'moneyPaymentCards'\n\t\| 'moneyPiggyBank'\n\t\| 'piggyBank'\n\t\| 'moneyShoppingBag'\n\t\| 'moneyWallet'\n\t\| 'wallet'\n\t\| 'officeBriefcase'\n\t\| 'officeChair'\n\t\| 'chair'\n\t\| 'officeCompass'\n\t\| 'compass'\n\t\| 'officeElectricalPlug'\n\t\| 'officeFirstAid'\n\t\| 'officeMicrophone'\n\t\| 'officePen'\n\t\| 'edit'\n\t\| 'editMini'\n\t\| 'officePenStar'\n\t\| 'officePenWriting'\n\t\| 'editWrite'\n\t\| 'editFrame'\n\t\| 'officePhone'\n\t\| 'telephone'\n\t\| 'officeScissors'\n\t\| 'cut'\n\t\| 'officeSupplies'\n\t\| 'supplies'\n\t\| 'peopleAccessibility'\n\t\| 'peopleAdd'\n\t\| 'userAdd'\n\t\| 'adduser'\n\t\| 'peopleArrowUp'\n\t\| 'peopleEdit'\n\t\| 'peopleFolder'\n\t\| 'peopleGroup'\n\t\| 'userGroup'\n\t\| 'group'\n\t\| 'peopleHouse'\n\t\| 'peopleId'\n\t\| 'identityCard'\n\t\| 'userFile'\n\t\| 'dossierRh'\n\t\| 'peopleLocked'\n\t\| 'userRoles'\n\t\| 'peoplePerson'\n\t\| 'user'\n\t\| 'face'\n\t\| 'peopleRemove'\n\t\| 'userRemove'\n\t\| 'peopleSwitch'\n\t\| 'send2user'\n\t\| 'userSendTo'\n\t\| 'peopleTeacher'\n\t\| 'teacher'\n\t\| 'pictureGallery'\n\t\| 'gallery'\n\t\| 'pictureImage'\n\t\| 'image'\n\t\| 'picturePalette'\n\t\| 'palette'\n\t\| 'playerPauseCircle'\n\t\| 'pause'\n\t\| 'playerPlay'\n\t\| 'playFull'\n\t\| 'playerPlayCircle'\n\t\| 'play'\n\t\| 'playerRecording'\n\t\| 'playerStopCircle'\n\t\| 'stop'\n\t\| 'priceTag'\n\t\| 'pricetag'\n\t\| 'priorityHigh'\n\t\| 'high'\n\t\| 'priorityHigher'\n\t\| 'higher'\n\t\| 'priorityHighest'\n\t\| 'highest'\n\t\| 'priorityLow'\n\t\| 'low'\n\t\| 'priorityLower'\n\t\| 'lower'\n\t\| 'priorityLowest'\n\t\| 'lowest'\n\t\| 'priorityMedium'\n\t\| 'medium'\n\t\| 'rotationLeft'\n\t\| 'rotate'\n\t\| 'rotationRight'\n\t\| 'rotateRight'\n\t\| 'searchMagnifyingGlass'\n\t\| 'search'\n\t\| 'searchZoomIn'\n\t\| 'searchZoomOut'\n\t\| 'settingsEqualizer'\n\t\| 'sliders'\n\t\| 'settingsGear'\n\t\| 'settings'\n\t\| 'settingsTools'\n\t\| 'tools'\n\t\| 'share'\n\t\| 'signAt'\n\t\| 'signBan'\n\t\| 'forbidden'\n\t\| 'signCancel'\n\t\| 'cancel'\n\t\| 'signCheckbox'\n\t\| 'signClose'\n\t\| 'signConfirm'\n\t\| 'confirm'\n\t\| 'tick'\n\t\| 'tickThin'\n\t\| 'tickBold'\n\t\| 'signConstruction'\n\t\| 'build'\n\t\| 'signDecimal'\n\t\| 'signDiscount'\n\t\| 'discount'\n\t\| 'signError'\n\t\| 'error'\n\t\| 'signHelp'\n\t\| 'help'\n\t\| 'helpOutline'\n\t\| 'signInfo'\n\t\| 'info'\n\t\| 'signParking'\n\t\| 'parking'\n\t\| 'signRating'\n\t\| 'signShieldCancel'\n\t\| 'signShieldError'\n\t\| 'signShieldSuccess'\n\t\| 'signShieldWarning'\n\t\| 'signSimpleChoice'\n\t\| 'signSuccess'\n\t\| 'success'\n\t\| 'signTag'\n\t\| 'signTranslation'\n\t\| 'signWarning'\n\t\| 'warning'\n\t\| 'signWebhook'\n\t\| 'soundMegaphone'\n\t\| 'star'\n\t\| 'unstared'\n\t\| 'starFilled'\n\t\| 'target'\n\t\| 'thumbDown'\n\t\| 'thumbDownFilled'\n\t\| 'thumbUp'\n\t\| 'thumbUpFilled'\n\t\| 'thumbnail'\n\t\| 'timeAlarm'\n\t\| 'alarm'\n\t\| 'timeClock'\n\t\| 'clock'\n\t\| 'timeFuture'\n\t\| 'postpone'\n\t\| 'timeHourglass'\n\t\| 'timer'\n\t\| 'timePast'\n\t\| 'history'\n\t\| 'timeTimer'\n\t\| 'chronoOn'\n\t\| 'timeTimerStrikethrough'\n\t\| 'overplanned'\n\t\| 'timeTimesheet'\n\t\| 'timesheet'\n\t\| 'transportBus'\n\t\| 'bus'\n\t\| 'transportCar'\n\t\| 'car'\n\t\| 'transportCarElectric'\n\t\| 'transportCarwashStation'\n\t\| 'cleanCar'\n\t\| 'transportGazStation'\n\t\| 'gasoline'\n\t\| 'transportMotocycle'\n\t\| 'transportMotocycleElectric'\n\t\| 'transportPlane'\n\t\| 'plane'\n\t\| 'transportRocket'\n\t\| 'rocket'\n\t\| 'transportScooter'\n\t\| 'transportScooterElectric'\n\t\| 'transportSpeedometer'\n\t\| 'speedometer'\n\t\| 'mileage'\n\t\| 'transportSubway'\n\t\| 'subway'\n\t\| 'transportTaxi'\n\t\| 'taxi'\n\t\| 'transportToll'\n\t\| 'toll'\n\t\| 'tollDollar'\n\t\| 'tollEuro'\n\t\| 'transportTrain'\n\t\| 'train'\n\t\| 'transportTruck'\n\t\| 'truck'\n\t\| 'trashDelete'\n\t\| 'trash'\n\t\| 'trendingGrowth'\n\t\| 'evolution'\n\t\| 'trendingLoss'\n\t\| 'evolutionDown'\n\t\| 'weatherCloudy'\n\t\| 'weatherLightning'\n\t\| 'weatherStars'\n\t\| 'weatherStormy'\n\t\| 'weatherStorm'\n\t\| 'weatherSunny'\n\t\| 'weatherSun'\n\t\| 'weight'\n\t\| 'window'\n\t\| 'windowAside'\n\t\| 'windowAsideLarge'\n\t\| 'windowCornerBottom'\n\t\| 'windowCornerTop'\n\t\| 'windowSplit';\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-icon.mjs","sources":["../../../packages/prisme/icon/icon.type.ts","../../../packages/prisme/icon/icon.component.ts","../../../packages/prisme/icon/icon.component.html","../../../packages/prisme/icon/icons.ts","../../../packages/prisme/icon/lucca-prisme-icon.ts"],"sourcesContent":["/*\n Available IconComponent types\n /\n\nexport const ICON_SIZE = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL'] as const;\nexport type IconSize = (typeof ICON_SIZE)[number];\n\nexport const ICON_COLOR = ['product', 'error', 'warning', 'success', 'light', 'placeholder', 'inherit'] as const;\nexport type IconColor = (typeof ICON_COLOR)[number];\n","import { NgClass } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { IconColor, IconSize } from './icon.type';\nimport type { LuccaIcon } from './icons';\n\n@Component({\n\tselector: 'lu-icon, pr-icon',\n\timports: [NgClass],\n\ttemplateUrl: './icon.component.html',\n\tstyleUrl: './icon.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class IconComponent {\n\t/\n\t Defines icon to display\n\t /\n\treadonly icon = input.required<LuccaIcon>();\n\n\t/\n\t Information conveyed by the screen reader\n\t /\n\treadonly alt = input<string>();\n\n\t/\n\t Which size should the icon be? XXS to XXL\n\t /\n\treadonly size = input<IconSize>();\n\n\t/\n\t Changes the color of the icon (inherit by default)\n\t /\n\treadonly color = input<IconColor>('inherit');\n\n\t/\n\t Display icon in AI mode\n\t /\n\treadonly AI = input<boolean, boolean \| `${boolean}` \| ''>(false, { transform: booleanAttribute });\n\n\treadonly iconClasses = computed(() => {\n\t\tconst size = this.size();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t};\n\t});\n}\n","<span\n\taria-hidden=\"true\"\n\t[class.mod-AI]=\"AI()\"\n\tclass=\"lucca-icon icon-{{ icon() }} icon-color-{{ color() }}\"\n\t[ngClass]=\"iconClasses()\"\n></span>\n@if (alt()) {\n\t<span class=\"pr-u-mask\">{{ alt() }}</span>\n}\n","// ****************************************\n// * THIS FILE IS GENERATED, DO NOT EDIT *\n// * The generator is update-icons.js\t\t *\n// ***************************************\n\nexport type LuccaIcon =\n\t\| 'app'\n\t\| 'apps'\n\t\| 'nineTiles'\n\t\| 'mosaic'\n\t\| 'tiles'\n\t\| 'appWidget'\n\t\| 'arrowBackspace'\n\t\| 'arrowBackward'\n\t\| 'backward'\n\t\| 'arrowBottom'\n\t\| 'arrowFullSouth'\n\t\| 'arrowBottomLeft'\n\t\| 'arrowBottomRight'\n\t\| 'arrowCenterReduce'\n\t\| 'arrowChevronBottom'\n\t\| 'arrowSouth'\n\t\| 'southArrow'\n\t\| 'southThinArrow'\n\t\| 'chevronSouth'\n\t\| 'chevronBottom'\n\t\| 'arrowChevronLeft'\n\t\| 'arrowWest'\n\t\| 'westArrow'\n\t\| 'westThinArrow'\n\t\| 'chevronWest'\n\t\| 'chevronLeft'\n\t\| 'arrowChevronRight'\n\t\| 'arrowEast'\n\t\| 'eastArrow'\n\t\| 'eastThinArrow'\n\t\| 'chevronEast'\n\t\| 'chevronRight'\n\t\| 'arrowChevronTop'\n\t\| 'arrowNorth'\n\t\| 'northArrow'\n\t\| 'northThinArrow'\n\t\| 'chevronNorth'\n\t\| 'chevronTop'\n\t\| 'arrowCorner'\n\t\| 'distribute'\n\t\| 'arrowCornerExpand'\n\t\| 'arrowCurvedDownRight'\n\t\| 'arrowDownload'\n\t\| 'download'\n\t\| 'arrowExternal'\n\t\| 'outside'\n\t\| 'arrowForward'\n\t\| 'arrowDouble'\n\t\| 'forward'\n\t\| 'arrowLeft'\n\t\| 'arrowFullWest'\n\t\| 'arrowLineBottom'\n\t\| 'arrowLineTop'\n\t\| 'arrowLogin'\n\t\| 'login'\n\t\| 'arrowLogout'\n\t\| 'logout'\n\t\| 'arrowOppositeLeftRight'\n\t\| 'arrowOppositeHorizontal'\n\t\| 'swap'\n\t\| 'arrowOppositeRightLeft'\n\t\| 'arrowOppositeTopBottom'\n\t\| 'arrowOppositeVertical'\n\t\| 'creditDebit'\n\t\| 'arrowRedo'\n\t\| 'arrowReply'\n\t\| 'reply'\n\t\| 'arrowReset'\n\t\| 'refresh'\n\t\| 'update'\n\t\| 'arrowRight'\n\t\| 'arrowFullEast'\n\t\| 'arrowSync'\n\t\| 'sync'\n\t\| 'arrowSyncStrikethrough'\n\t\| 'syncDisabled'\n\t\| 'arrowTop'\n\t\| 'arrowFullNorth'\n\t\| 'arrowTopLeft'\n\t\| 'arrowTopRight'\n\t\| 'arrowUndo'\n\t\| 'arrowUnfoldLess'\n\t\| 'collapse'\n\t\| 'arrowUnfoldMore'\n\t\| 'expand'\n\t\| 'arrowUpload'\n\t\| 'upload'\n\t\| 'cloudUpload'\n\t\| 'bell'\n\t\| 'notification'\n\t\| 'bellStrikethrough'\n\t\| 'book'\n\t\| 'bookmark'\n\t\| 'bookmarkFilled'\n\t\| 'boxArchive'\n\t\| 'archive'\n\t\| 'boxUnarchive'\n\t\| 'unarchive'\n\t\| 'branch'\n\t\| 'bubbleAnswer'\n\t\| 'answer'\n\t\| 'bubbleConversation'\n\t\| 'messenger'\n\t\| 'bubbleSpeech'\n\t\| 'chat'\n\t\| 'talk'\n\t\| 'dialog'\n\t\| 'bubbleSpeechStrikethrough'\n\t\| 'bubbleStars'\n\t\| 'buildingCompany'\n\t\| 'building'\n\t\| 'establishment'\n\t\| 'buildingHouse'\n\t\| 'house'\n\t\| 'home'\n\t\| 'buildingHouseFilled'\n\t\| 'houseFilled'\n\t\| 'homeFill'\n\t\| 'buildingHouseStarred'\n\t\| 'houseStarred'\n\t\| 'homeStarred'\n\t\| 'buildingStore'\n\t\| 'store'\n\t\| 'bulb'\n\t\| 'lightBulb'\n\t\| 'calendarChecked'\n\t\| 'calendarDate'\n\t\| 'calendar'\n\t\| 'planning'\n\t\| 'calendarEdit'\n\t\| 'planningEdit'\n\t\| 'calendarPlanning'\n\t\| 'payPeriod'\n\t\| 'calendarSettings'\n\t\| 'planningManage'\n\t\| 'calendarStrikethrough'\n\t\| 'calendarOff'\n\t\| 'capCrown'\n\t\| 'crown'\n\t\| 'capCrownFilled'\n\t\| 'capGraduate'\n\t\| 'graduate'\n\t\| 'school'\n\t\| 'certificationFailed'\n\t\| 'certifKo'\n\t\| 'certificationSuccess'\n\t\| 'certifOk'\n\t\| 'certificationWaiting'\n\t\| 'certifWaiting'\n\t\| 'chartDonut'\n\t\| 'donut'\n\t\| 'donutChart'\n\t\| 'chartFlow'\n\t\| 'familyTree'\n\t\| 'orgTree'\n\t\| 'chartHorizontalBar'\n\t\| 'horizontalBarChart'\n\t\| 'chartLevels'\n\t\| 'level'\n\t\| 'chartPie'\n\t\| 'dashboard'\n\t\| 'chartSpider'\n\t\| 'chartTree'\n\t\| 'chartVerticalBar'\n\t\| 'analytics'\n\t\| 'charts'\n\t\| 'circleHalf'\n\t\| 'clipboard'\n\t\| 'paste'\n\t\| 'completion'\n\t\| 'cornersFocus'\n\t\| 'cornersFullscreenExit'\n\t\| 'fullscreenExit'\n\t\| 'cornersFullscreenOpen'\n\t\| 'fullscreen'\n\t\| 'dataTable'\n\t\| 'table'\n\t\| 'database'\n\t\| 'databaseArrow'\n\t\| 'apiSync'\n\t\| 'deviceCamera'\n\t\| 'camera'\n\t\| 'deviceComputer'\n\t\| 'computer'\n\t\| 'deviceLaptop'\n\t\| 'laptop'\n\t\| 'deviceMobile'\n\t\| 'deviceMouse'\n\t\| 'computerMouse'\n\t\| 'devicePrinter'\n\t\| 'print'\n\t\| 'deviceTablet'\n\t\| 'deviceVideo'\n\t\| 'dotsDrag'\n\t\| 'drag'\n\t\| 'emojiSmile'\n\t\| 'eye'\n\t\| 'watch'\n\t\| 'eyeStrikethrough'\n\t\| 'unwatch'\n\t\| 'fileContract'\n\t\| 'contract'\n\t\| 'fileCopy'\n\t\| 'copy'\n\t\| 'fileDocument'\n\t\| 'file'\n\t\| 'files'\n\t\| 'fileExport'\n\t\| 'fileFolder'\n\t\| 'folder'\n\t\| 'fileImport'\n\t\| 'importDirty'\n\t\| 'importPristine'\n\t\| 'filePlus'\n\t\| 'fileSign'\n\t\| 'sign'\n\t\| 'filtersDescending'\n\t\| 'filterAbstract'\n\t\| 'filtersFunnel'\n\t\| 'funnel'\n\t\| 'filter'\n\t\| 'filtersSort'\n\t\| 'sort'\n\t\| 'reorder'\n\t\| 'flag'\n\t\| 'floppyDiskSave'\n\t\| 'save'\n\t\| 'foodBirthdayCake'\n\t\| 'birthday'\n\t\| 'foodBobun'\n\t\| 'lunchAlternative'\n\t\| 'foodBurger'\n\t\| 'lunch'\n\t\| 'foodChefHat'\n\t\| 'restaurant'\n\t\| 'foodClocheDish'\n\t\| 'diner'\n\t\| 'foodCocktail'\n\t\| 'drink'\n\t\| 'foodCoffee'\n\t\| 'coffee'\n\t\| 'breaktime'\n\t\| 'foodCroissant'\n\t\| 'breakfast'\n\t\| 'foodCutlery'\n\t\| 'meal'\n\t\| 'foodSandwich'\n\t\| 'snack'\n\t\| 'formatBulletedList'\n\t\| 'list'\n\t\| 'formatClipperAttachment'\n\t\| 'attach'\n\t\| 'formatCornerUpLeft'\n\t\| 'formatUndo'\n\t\| 'formatCornerUpRight'\n\t\| 'formatRedo'\n\t\| 'formatLink'\n\t\| 'formatNumberedList'\n\t\| 'formatListNb'\n\t\| 'formatText'\n\t\| 'formatJustify'\n\t\| 'formatTextBold'\n\t\| 'formatBold'\n\t\| 'formatTextClear'\n\t\| 'formatClear'\n\t\| 'formatTextItalic'\n\t\| 'formatItalic'\n\t\| 'formatTextSize'\n\t\| 'formatSize'\n\t\| 'formatTextStrikethrough'\n\t\| 'formatStrikethrough'\n\t\| 'formatTextUnderline'\n\t\| 'formatUnderlined'\n\t\| 'formatUnlink'\n\t\| 'unlink'\n\t\| 'gift'\n\t\| 'present'\n\t\| 'heart'\n\t\| 'heartFilled'\n\t\| 'heartStrikethrough'\n\t\| 'brokenHeart'\n\t\| 'hotelBed'\n\t\| 'bed'\n\t\| 'hotel'\n\t\| 'hotelHanger'\n\t\| 'hanger'\n\t\| 'hotelIron'\n\t\| 'iron'\n\t\| 'pressing'\n\t\| 'hotelLuggage'\n\t\| 'luggage'\n\t\| 'jigsawPuzzle'\n\t\| 'puzzle'\n\t\| 'journey'\n\t\| 'milestone'\n\t\| 'jumpingCc'\n\t\| 'lucca'\n\t\| 'laboratoryTestFlask'\n\t\| 'test'\n\t\| 'layers'\n\t\| 'floor'\n\t\| 'listChecked'\n\t\| 'listChecklist'\n\t\| 'listTodo'\n\t\| 'listMultipleChoices'\n\t\| 'lockClose'\n\t\| 'lock'\n\t\| 'lockKey'\n\t\| 'key'\n\t\| 'lockOpen'\n\t\| 'unlock'\n\t\| 'mailEnvelope'\n\t\| 'mail'\n\t\| 'mailMailbox'\n\t\| 'mailbox'\n\t\| 'stamp'\n\t\| 'postage'\n\t\| 'mailPaperPlane'\n\t\| 'send'\n\t\| 'mapGlobe'\n\t\| 'globe'\n\t\| 'mapLocation'\n\t\| 'location'\n\t\| 'mapPin'\n\t\| 'pin'\n\t\| 'mapPlan'\n\t\| 'mapTripStep'\n\t\| 'mathsDivide'\n\t\| 'divide'\n\t\| 'mathsEquals'\n\t\| 'mathsMinus'\n\t\| 'minus'\n\t\| 'partial'\n\t\| 'minimize'\n\t\| 'mathsMultiplicate'\n\t\| 'close'\n\t\| 'thinCross'\n\t\| 'cross'\n\t\| 'crossBold'\n\t\| 'mathsNotEqual'\n\t\| 'mathsPlus'\n\t\| 'plus'\n\t\| 'plusBold'\n\t\| 'medicalDoctor'\n\t\| 'menuBurger'\n\t\| 'menu'\n\t\| 'hamburgerMenu'\n\t\| 'menuDots'\n\t\| 'menuEllipsis'\n\t\| 'ellipsis'\n\t\| 'moneyBag'\n\t\| 'moneybag'\n\t\| 'moneyBagStrikethrough'\n\t\| 'noMoney'\n\t\| 'moneyBankImport'\n\t\| 'moneyBanknoteStrikethrough'\n\t\| 'moneyBill'\n\t\| 'bill'\n\t\| 'moneyBuildingBank'\n\t\| 'bank'\n\t\| 'moneyCardCheck'\n\t\| 'moneyCardImport'\n\t\| 'importCb'\n\t\| 'moneyCheck'\n\t\| 'moneyCoins'\n\t\| 'money'\n\t\| 'payment'\n\t\| 'moneyCurrencyDollar'\n\t\| 'dollar'\n\t\| 'moneyCurrencyEuro'\n\t\| 'euro'\n\t\| 'moneyIban'\n\t\| 'moneyPaymentCard'\n\t\| 'bankingCard'\n\t\| 'moneyPaymentCards'\n\t\| 'moneyPiggyBank'\n\t\| 'piggyBank'\n\t\| 'moneyShoppingBag'\n\t\| 'moneyWallet'\n\t\| 'wallet'\n\t\| 'officeBriefcase'\n\t\| 'officeChair'\n\t\| 'chair'\n\t\| 'officeCompass'\n\t\| 'compass'\n\t\| 'officeElectricalPlug'\n\t\| 'officeFirstAid'\n\t\| 'officeMicrophone'\n\t\| 'officePen'\n\t\| 'edit'\n\t\| 'editMini'\n\t\| 'officePenStar'\n\t\| 'officePenWriting'\n\t\| 'editWrite'\n\t\| 'editFrame'\n\t\| 'officePhone'\n\t\| 'telephone'\n\t\| 'officeScissors'\n\t\| 'cut'\n\t\| 'officeSupplies'\n\t\| 'supplies'\n\t\| 'peopleAccessibility'\n\t\| 'peopleAdd'\n\t\| 'userAdd'\n\t\| 'adduser'\n\t\| 'peopleArrowUp'\n\t\| 'peopleEdit'\n\t\| 'peopleFolder'\n\t\| 'peopleGroup'\n\t\| 'userGroup'\n\t\| 'group'\n\t\| 'peopleHouse'\n\t\| 'peopleId'\n\t\| 'identityCard'\n\t\| 'userFile'\n\t\| 'dossierRh'\n\t\| 'peopleLocked'\n\t\| 'userRoles'\n\t\| 'peoplePerson'\n\t\| 'user'\n\t\| 'face'\n\t\| 'peopleRemove'\n\t\| 'userRemove'\n\t\| 'peopleSwitch'\n\t\| 'send2user'\n\t\| 'userSendTo'\n\t\| 'peopleTeacher'\n\t\| 'teacher'\n\t\| 'pictureGallery'\n\t\| 'gallery'\n\t\| 'pictureImage'\n\t\| 'image'\n\t\| 'picturePalette'\n\t\| 'palette'\n\t\| 'playerPauseCircle'\n\t\| 'pause'\n\t\| 'playerPlay'\n\t\| 'playFull'\n\t\| 'playerPlayCircle'\n\t\| 'play'\n\t\| 'playerRecording'\n\t\| 'playerStopCircle'\n\t\| 'stop'\n\t\| 'priceTag'\n\t\| 'pricetag'\n\t\| 'priorityHigh'\n\t\| 'high'\n\t\| 'priorityHigher'\n\t\| 'higher'\n\t\| 'priorityHighest'\n\t\| 'highest'\n\t\| 'priorityLevels'\n\t\| 'priorityLow'\n\t\| 'low'\n\t\| 'priorityLower'\n\t\| 'lower'\n\t\| 'priorityLowest'\n\t\| 'lowest'\n\t\| 'priorityMedium'\n\t\| 'medium'\n\t\| 'rotationLeft'\n\t\| 'rotate'\n\t\| 'rotationRight'\n\t\| 'rotateRight'\n\t\| 'searchMagnifyingGlass'\n\t\| 'search'\n\t\| 'searchZoomIn'\n\t\| 'searchZoomOut'\n\t\| 'settingsEqualizer'\n\t\| 'sliders'\n\t\| 'settingsGear'\n\t\| 'settings'\n\t\| 'settingsTools'\n\t\| 'tools'\n\t\| 'share'\n\t\| 'signAt'\n\t\| 'signBan'\n\t\| 'forbidden'\n\t\| 'signCancel'\n\t\| 'cancel'\n\t\| 'signCheckbox'\n\t\| 'signClose'\n\t\| 'signConfirm'\n\t\| 'confirm'\n\t\| 'tick'\n\t\| 'tickThin'\n\t\| 'tickBold'\n\t\| 'signConstruction'\n\t\| 'build'\n\t\| 'signDecimal'\n\t\| 'signDiscount'\n\t\| 'discount'\n\t\| 'signError'\n\t\| 'error'\n\t\| 'signHelp'\n\t\| 'help'\n\t\| 'helpOutline'\n\t\| 'signInfo'\n\t\| 'info'\n\t\| 'signParking'\n\t\| 'parking'\n\t\| 'signRating'\n\t\| 'signShieldCancel'\n\t\| 'signShieldError'\n\t\| 'signShieldSuccess'\n\t\| 'signShieldWarning'\n\t\| 'signSimpleChoice'\n\t\| 'signSuccess'\n\t\| 'success'\n\t\| 'signTag'\n\t\| 'signTranslation'\n\t\| 'signWarning'\n\t\| 'warning'\n\t\| 'signWebhook'\n\t\| 'soundMegaphone'\n\t\| 'star'\n\t\| 'unstared'\n\t\| 'starFilled'\n\t\| 'target'\n\t\| 'thumbDown'\n\t\| 'thumbDownFilled'\n\t\| 'thumbUp'\n\t\| 'thumbUpFilled'\n\t\| 'thumbnail'\n\t\| 'timeAlarm'\n\t\| 'alarm'\n\t\| 'timeClock'\n\t\| 'clock'\n\t\| 'timeFuture'\n\t\| 'postpone'\n\t\| 'timeHourglass'\n\t\| 'timer'\n\t\| 'timePast'\n\t\| 'history'\n\t\| 'timeTimer'\n\t\| 'chronoOn'\n\t\| 'timeTimerStrikethrough'\n\t\| 'overplanned'\n\t\| 'timeTimesheet'\n\t\| 'timesheet'\n\t\| 'transportBus'\n\t\| 'bus'\n\t\| 'transportCar'\n\t\| 'car'\n\t\| 'transportCarElectric'\n\t\| 'transportCarwashStation'\n\t\| 'cleanCar'\n\t\| 'transportGazStation'\n\t\| 'gasoline'\n\t\| 'transportMotocycle'\n\t\| 'transportMotocycleElectric'\n\t\| 'transportPlane'\n\t\| 'plane'\n\t\| 'transportRocket'\n\t\| 'rocket'\n\t\| 'transportScooter'\n\t\| 'transportScooterElectric'\n\t\| 'transportSpeedometer'\n\t\| 'speedometer'\n\t\| 'mileage'\n\t\| 'transportSubway'\n\t\| 'subway'\n\t\| 'transportTaxi'\n\t\| 'taxi'\n\t\| 'transportToll'\n\t\| 'toll'\n\t\| 'tollDollar'\n\t\| 'tollEuro'\n\t\| 'transportTrain'\n\t\| 'train'\n\t\| 'transportTruck'\n\t\| 'truck'\n\t\| 'trashDelete'\n\t\| 'trash'\n\t\| 'trendingGrowth'\n\t\| 'evolution'\n\t\| 'trendingLoss'\n\t\| 'evolutionDown'\n\t\| 'weatherCloudy'\n\t\| 'weatherLightning'\n\t\| 'weatherStars'\n\t\| 'weatherStormy'\n\t\| 'weatherStorm'\n\t\| 'weatherSunny'\n\t\| 'weatherSun'\n\t\| 'weight'\n\t\| 'window'\n\t\| 'windowAside'\n\t\| 'windowAsideLarge'\n\t\| 'windowCornerBottom'\n\t\| 'windowCornerTop'\n\t\| 'windowSplit';\n","/\n * Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-prisme-skeleton.mjs CHANGED Viewed

@@ -111,11 +111,11 @@ class SkeletonFieldComponent {
         this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkeletonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SkeletonFieldComponent, isStandalone: true, selector: "lu-skeleton-field,pr-skeleton-field", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<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", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvb;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvb){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-prefix-lang{min-inline-size:var(--component-textField-prefix-lang-minInlineSize);padding-inline-end:var(--pr-t-spacings-100);position:relative;text-align:end}.textField-prefix-lang:not(.mod-withCulture){text-transform:uppercase}.textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-700) + var(--pr-t-spacings-50))}.textField-prefix-lang:after{content:\"\";position:absolute;inset:var(--pr-t-spacings-25) 0;border-inline-end:1px solid var(--palettes-neutral-200)}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-S .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.textField.mod-multilanguage .textField-input-affix-toggle:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.textField.mod-multilanguage .textField-input-affix-toggle:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField.mod-multilanguage .textField-input-affix-toggle:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.textField.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.textField.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle{pointer-events:auto;padding:var(--pr-t-spacings-50);color:var(--palettes-product-700)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-backgroundColor: var(--palettes-product-50);--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-product-300)}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.is-disabled.mod-multilanguage .textField-input-affix-toggle,.textField:has(.textField-input-value:disabled).mod-multilanguage .textField-input-affix-toggle{color:var(--pr-t-color-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-filterPill .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SkeletonFieldComponent, isStandalone: true, selector: "lu-skeleton-field,pr-skeleton-field", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<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", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvb;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvb){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-prefix-lang{min-inline-size:var(--component-textField-prefix-lang-minInlineSize);padding-inline-end:var(--pr-t-spacings-100);position:relative;text-align:end}.textField-prefix-lang:not(.mod-withCulture){text-transform:uppercase}.textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-700) + var(--pr-t-spacings-50))}.textField-prefix-lang:after{content:\"\";position:absolute;inset:var(--pr-t-spacings-25) 0;border-inline-end:1px solid var(--palettes-neutral-200)}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-S .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-width10{--component-textField-width: 5rem}.textField.mod-width20{--component-textField-width: 10rem}.textField.mod-width30{--component-textField-width: 15rem}.textField.mod-width40{--component-textField-width: 20rem}.textField.mod-width50{--component-textField-width: 25rem}.textField.mod-width60{--component-textField-width: 30rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.textField.mod-multilanguage .textField-input-affix-toggle:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.textField.mod-multilanguage .textField-input-affix-toggle:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField.mod-multilanguage .textField-input-affix-toggle:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.textField.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.textField.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle{pointer-events:auto;padding:var(--pr-t-spacings-50);color:var(--palettes-product-700)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-backgroundColor: var(--palettes-product-50);--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-product-300)}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.is-disabled.mod-multilanguage .textField-input-affix-toggle,.textField:has(.textField-input-value:disabled).mod-multilanguage .textField-input-affix-toggle{color:var(--pr-t-color-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-filterPill .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkeletonFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-skeleton-field,pr-skeleton-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvb;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvb){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-prefix-lang{min-inline-size:var(--component-textField-prefix-lang-minInlineSize);padding-inline-end:var(--pr-t-spacings-100);position:relative;text-align:end}.textField-prefix-lang:not(.mod-withCulture){text-transform:uppercase}.textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-700) + var(--pr-t-spacings-50))}.textField-prefix-lang:after{content:\"\";position:absolute;inset:var(--pr-t-spacings-25) 0;border-inline-end:1px solid var(--palettes-neutral-200)}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-S .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.textField.mod-multilanguage .textField-input-affix-toggle:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.textField.mod-multilanguage .textField-input-affix-toggle:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField.mod-multilanguage .textField-input-affix-toggle:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.textField.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.textField.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle{pointer-events:auto;padding:var(--pr-t-spacings-50);color:var(--palettes-product-700)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-backgroundColor: var(--palettes-product-50);--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-product-300)}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.is-disabled.mod-multilanguage .textField-input-affix-toggle,.textField:has(.textField-input-value:disabled).mod-multilanguage .textField-input-affix-toggle{color:var(--pr-t-color-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-filterPill .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
+            args: [{ selector: 'lu-skeleton-field,pr-skeleton-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvb;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvb){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-prefix-lang{min-inline-size:var(--component-textField-prefix-lang-minInlineSize);padding-inline-end:var(--pr-t-spacings-100);position:relative;text-align:end}.textField-prefix-lang:not(.mod-withCulture){text-transform:uppercase}.textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-700) + var(--pr-t-spacings-50))}.textField-prefix-lang:after{content:\"\";position:absolute;inset:var(--pr-t-spacings-25) 0;border-inline-end:1px solid var(--palettes-neutral-200)}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-S .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-S .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.textField.mod-S.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-width10{--component-textField-width: 5rem}.textField.mod-width20{--component-textField-width: 10rem}.textField.mod-width30{--component-textField-width: 15rem}.textField.mod-width40{--component-textField-width: 20rem}.textField.mod-width50{--component-textField-width: 25rem}.textField.mod-width60{--component-textField-width: 30rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.textField.mod-multilanguage .textField-input-affix-toggle:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.textField.mod-multilanguage .textField-input-affix-toggle:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField.mod-multilanguage .textField-input-affix-toggle:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.textField.mod-multilanguage .textField-input-affix-toggle{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.textField.mod-multilanguage .textField-input-affix-toggle .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.textField.mod-multilanguage .textField-input-affix-toggle{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.textField.mod-multilanguage .textField-input-affix-toggle{pointer-events:auto;padding:var(--pr-t-spacings-50);color:var(--palettes-product-700)}.textField.mod-multilanguage .textField-input-affix-toggle:hover{--components-button-backgroundColor: var(--palettes-product-50);--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-product-300)}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.is-disabled.mod-multilanguage .textField-input-affix-toggle,.textField:has(.textField-input-value:disabled).mod-multilanguage .textField-input-affix-toggle{color:var(--pr-t-color-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-filterPill .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.textField.mod-filterPill .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
         }], propDecorators: { dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
 class SkeletonHeaderComponent {
@@ -216,11 +216,11 @@ class SkeletonUserPopoverComponent {
         this.getRandomPercent = (min = 50, max = 100) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkeletonUserPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: SkeletonUserPopoverComponent, isStandalone: true, selector: "lu-skeleton-user-popover", ngImport: i0, template: "<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", styles: ["@layer components{.userPopover{inline-size:23.5rem;max-inline-size:calc(100vi - var(--pr-t-spacings-200) * 2);padding:var(--pr-t-spacings-200)!important}.userPopover_trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content}.userPopover_trigger:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}.userPopover_trigger:focus-visible:has(>.avatar){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-full)}.userPopover-details{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-200)}.userPopover-details-info{min-inline-size:0;flex-grow:1}.userPopover-details-info-name{margin:calc(var(--pr-t-spacings-50) * -1);padding:var(--pr-t-spacings-50);font:var(--pr-t-font-highlight-L);color:currentColor}.userPopover-details-info-name-linkOptional{color:currentColor;text-decoration:underline;text-decoration-thickness:.75px;text-underline-offset:3px}.userPopover-details-info-name-linkOptional:hover{color:currentColor;text-decoration-thickness:1.5px}.userPopover-details-info-detail{margin-block-end:0;font:var(--pr-t-font-body-S)}.userPopover-details-info-detail-workplace{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-50);color:currentColor;text-decoration:none}.userPopover-details-info-detail-workplace:is(a,button):hover,.userPopover-details-info-detail-workplace:is(a,button):focus{color:currentColor}.userPopover-details-info-detail-workplace:is(a,button):hover .userPopover-details-info-detail-workplace-state,.userPopover-details-info-detail-workplace:is(a,button):focus .userPopover-details-info-detail-workplace-state{text-decoration:underline}.userPopover .userPopover-details-avatar.avatar,.userPopover .userPopover-details-avatar:not(.avatar){--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem;margin-block:var(--pr-t-spacings-50);margin-inline:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: SkeletonUserPopoverComponent, isStandalone: true, selector: "lu-skeleton-user-popover", ngImport: i0, template: "<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", styles: ["@layer components{.userPopover{inline-size:23.5rem;max-inline-size:calc(100vi - var(--pr-t-spacings-200) * 2);padding:var(--pr-t-spacings-200)!important}.userPopover_trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content}.userPopover_trigger:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}.userPopover_trigger:focus-visible:has(>.avatar){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-full)}.userPopover-details{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-200)}.userPopover-details-info{min-inline-size:0;flex-grow:1}.userPopover-details-info-name{margin:calc(var(--pr-t-spacings-50) * -1);padding:var(--pr-t-spacings-50);font:var(--pr-t-font-highlight-L);color:currentColor}.userPopover-details-info-name-linkOptional{text-decoration-thickness:.75px;text-underline-offset:3px}.userPopover-details-info-name-linkOptional:hover{text-decoration-thickness:1.5px}.userPopover-details-info-name-linkOptional.link{--components-link-color: var(--pr-t-color-text-highlight);--components-link-color-hover: var(--pr-t-color-text-highlight)}.userPopover-details-info-detail{margin-block-end:0;font:var(--pr-t-font-body-S)}.userPopover-details-info-detail-workplace{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-50)}.userPopover .userPopover-details-avatar.avatar,.userPopover .userPopover-details-avatar:not(.avatar){--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem;margin-block:var(--pr-t-spacings-50);margin-inline:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkeletonUserPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-skeleton-user-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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", styles: ["@layer components{.userPopover{inline-size:23.5rem;max-inline-size:calc(100vi - var(--pr-t-spacings-200) * 2);padding:var(--pr-t-spacings-200)!important}.userPopover_trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content}.userPopover_trigger:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}.userPopover_trigger:focus-visible:has(>.avatar){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-full)}.userPopover-details{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-200)}.userPopover-details-info{min-inline-size:0;flex-grow:1}.userPopover-details-info-name{margin:calc(var(--pr-t-spacings-50) * -1);padding:var(--pr-t-spacings-50);font:var(--pr-t-font-highlight-L);color:currentColor}.userPopover-details-info-name-linkOptional{color:currentColor;text-decoration:underline;text-decoration-thickness:.75px;text-underline-offset:3px}.userPopover-details-info-name-linkOptional:hover{color:currentColor;text-decoration-thickness:1.5px}.userPopover-details-info-detail{margin-block-end:0;font:var(--pr-t-font-body-S)}.userPopover-details-info-detail-workplace{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-50);color:currentColor;text-decoration:none}.userPopover-details-info-detail-workplace:is(a,button):hover,.userPopover-details-info-detail-workplace:is(a,button):focus{color:currentColor}.userPopover-details-info-detail-workplace:is(a,button):hover .userPopover-details-info-detail-workplace-state,.userPopover-details-info-detail-workplace:is(a,button):focus .userPopover-details-info-detail-workplace-state{text-decoration:underline}.userPopover .userPopover-details-avatar.avatar,.userPopover .userPopover-details-avatar:not(.avatar){--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem;margin-block:var(--pr-t-spacings-50);margin-inline:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
+            args: [{ selector: 'lu-skeleton-user-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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", styles: ["@layer components{.userPopover{inline-size:23.5rem;max-inline-size:calc(100vi - var(--pr-t-spacings-200) * 2);padding:var(--pr-t-spacings-200)!important}.userPopover_trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content}.userPopover_trigger:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}.userPopover_trigger:focus-visible:has(>.avatar){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-full)}.userPopover-details{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-200)}.userPopover-details-info{min-inline-size:0;flex-grow:1}.userPopover-details-info-name{margin:calc(var(--pr-t-spacings-50) * -1);padding:var(--pr-t-spacings-50);font:var(--pr-t-font-highlight-L);color:currentColor}.userPopover-details-info-name-linkOptional{text-decoration-thickness:.75px;text-underline-offset:3px}.userPopover-details-info-name-linkOptional:hover{text-decoration-thickness:1.5px}.userPopover-details-info-name-linkOptional.link{--components-link-color: var(--pr-t-color-text-highlight);--components-link-color-hover: var(--pr-t-color-text-highlight)}.userPopover-details-info-detail{margin-block-end:0;font:var(--pr-t-font-body-S)}.userPopover-details-info-detail-workplace{display:flex;align-items:flex-start;gap:var(--pr-t-spacings-50)}.userPopover .userPopover-details-avatar.avatar,.userPopover .userPopover-details-avatar:not(.avatar){--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem;margin-block:var(--pr-t-spacings-50);margin-inline:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-25);--components-skeleton-gradient-step-two: var(--palettes-neutral-100);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}.skeletonCard{background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-raised);border-radius:var(--pr-t-border-radius-structure);padding:var(--pr-t-spacings-100) var(--pr-t-spacings-200)}.skeletonHighlight{background-color:var(--pr-t-elevation-surface-raised);padding:var(--pr-t-spacings-150) var(--pr-t-spacings-200);border-radius:var(--pr-t-border-radius-structure)}.skeletonHighlight.mod-dark{background-color:var(--pr-t-elevation-surface-default)}.skeletonFancyBox{padding:var(--pr-t-spacings-300) var(--pr-t-spacings-700);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);inline-size:fit-content;margin-inline:auto;min-inline-size:min(22rem,100%);min-block-size:7rem;display:flex;flex-direction:column;justify-content:center}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one),var(--components-skeleton-gradient-step-two),var(--components-skeleton-gradient-step-one));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-100);--components-skeleton-gradient-step-two: var(--palettes-neutral-300)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
         }] });
 /**

package/fesm2022/lucca-prisme-skeleton.mjs.map CHANGED Viewed

	@@ -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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"}

package/fesm2022/lucca-prisme-tag.mjs CHANGED Viewed

@@ -15,7 +15,7 @@ class TagComponent {
         /**
          * Which text should the tag be? Defaults to medium
          */
-        this.label = input.required(/* @ts-ignore */
+        this.label = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
         /**
          * Which size should the tag be? Defaults to medium
@@ -43,6 +43,10 @@ class TagComponent {
          */
         this.icon = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /**
+         * Visually hides the label while keeping it in the DOM for screen readers. Requires an icon.
+         */
+        this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Truncates the text with an ellipsis and adds a tooltip when the label is too long
          */
@@ -62,12 +66,12 @@ class TagComponent {
         ...(ngDevMode ? [{ debugName: "tagClasses" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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,pr-tag{display:inline-flex}\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", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    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: false, 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 }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", 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<lu-icon [icon]=\"icon\" />\n\t\t}\n\t\t<span class=\"tag-content\" [class.pr-u-mask]=\"hiddenLabel()\">{{ 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<lu-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" [class.pr-u-mask]=\"hiddenLabel()\" prTooltip prTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\" [class.pr-u-mask]=\"hiddenLabel()\">{{ 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-display: inline-flex;--components-tag-padding-inline: var(--pr-t-spacings-50);--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(--components-tag-padding-inline);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:var(--components-tag-display);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)}.tag-content:empty{display:none}}@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\"}.tag:has(.lucca-icon):not(:has(.tag-content)),.tag:has(.lucca-icon):has(.tag-content:empty),.tag:has(.lucca-icon):has(.tag-content.pr-u-mask){--components-tag-padding-inline: var(--pr-t-spacings-25)}.tag:has(.tag-content:empty):not(:has(.lucca-icon)){--components-tag-display: none}.tag:empty{--components-tag-display: none}}lu-tag,pr-tag{display:inline-flex}\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", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
-            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,pr-tag{display:inline-flex}\n"] }]
-        }], 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 }] }] } });
+            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<lu-icon [icon]=\"icon\" />\n\t\t}\n\t\t<span class=\"tag-content\" [class.pr-u-mask]=\"hiddenLabel()\">{{ 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<lu-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" [class.pr-u-mask]=\"hiddenLabel()\" prTooltip prTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\" [class.pr-u-mask]=\"hiddenLabel()\">{{ 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-display: inline-flex;--components-tag-padding-inline: var(--pr-t-spacings-50);--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(--components-tag-padding-inline);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:var(--components-tag-display);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)}.tag-content:empty{display:none}}@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\"}.tag:has(.lucca-icon):not(:has(.tag-content)),.tag:has(.lucca-icon):has(.tag-content:empty),.tag:has(.lucca-icon):has(.tag-content.pr-u-mask){--components-tag-padding-inline: var(--pr-t-spacings-25)}.tag:has(.tag-content:empty):not(:has(.lucca-icon)){--components-tag-display: none}.tag:empty{--components-tag-display: none}}lu-tag,pr-tag{display:inline-flex}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], 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 }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], withEllipsis: [{ type: i0.Input, args: [{ isSignal: true, alias: "withEllipsis", required: false }] }], AI: [{ type: i0.Input, args: [{ isSignal: true, alias: "AI", required: false }] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/lucca-prisme-tag.mjs.map CHANGED Viewed

	@@ -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":";;;;;;;AAAA;;AAEG;AAEI,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG;;MCWzB,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;AASC;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,~~CAAC~~,~~QAAQ~~;~~kFAAU~~;~~AAEzC~~;;AAEG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAU,GAAG;iFAAC;AAEnC;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAA8B,MAAM;oFAAC;AAE7D;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEjE;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;4FAAU;AAE/B;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI;iFAAC;AAE7C;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,oFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;QACM,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,KAAK,0EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAElD,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACnC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACxB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;YAC9B,OAAO;AACN,gBAAA,CAAC,OAAO,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI;AACvB,gBAAA,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,OAAO;aAC/C;QACF,CAAC;uFAAC;AACF,IAAA;~~8GAnDY~~,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,~~siCCfzB~~,~~wsBAmBA~~,EAAA,MAAA,EAAA,CAAA,~~y/HAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNW,aAAa,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,UAAU,iPAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,wBAAA,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;;2FAExC,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,UAAU,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,~~wsBAAA~~,EAAA,MAAA,EAAA,CAAA,~~y/HAAA~~,CAAA,EAAA;;;AEbtD;;AAEG;;"}
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<string \| null>(null);\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 Visually hides the label while keeping it in the DOM for screen readers. Requires an icon.\n\t /\n\treadonly hiddenLabel = input(false, { transform: booleanAttribute });\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<lu-icon [icon]=\"icon\" />\n\t\t}\n\t\t<span class=\"tag-content\" [class.pr-u-mask]=\"hiddenLabel()\">{{ 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<lu-icon [icon]=\"icon\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" [class.pr-u-mask]=\"hiddenLabel()\" prTooltip prTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\" [class.pr-u-mask]=\"hiddenLabel()\">{{ 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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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@lucca/prisme",
-  "version": "22.0.5",
+  "version": "22.1.0-rc.2",
   "description": "Design system made by @lucca",
   "repository": {
     "type": "git",
@@ -21,8 +21,8 @@
     "@angular/cdk": "^22.0.0",
     "@angular/animations": "^22.0.0",
     "@types/dompurify": "^3.0.0",
-    "@lucca-front/icons": "22.0.5",
-    "@lucca-front/scss": "22.0.5",
+    "@lucca-front/icons": "22.1.0-rc.2",
+    "@lucca-front/scss": "22.1.0-rc.2",
     "isomorphic-dompurify": "^2.11.0",
     "date-fns": "^3.6.0",
     "rxjs": "^7.8.0"

package/types/lucca-prisme-icon.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ type IconSize = (typeof ICON_SIZE)[number];
 declare const ICON_COLOR: readonly ["product", "error", "warning", "success", "light", "placeholder", "inherit"];
 type IconColor = (typeof ICON_COLOR)[number];
-type LuccaIcon = 'app' | 'apps' | 'nineTiles' | 'mosaic' | 'tiles' | 'appWidget' | 'arrowBackspace' | 'arrowBackward' | 'backward' | 'arrowBottom' | 'arrowFullSouth' | 'arrowBottomLeft' | 'arrowBottomRight' | 'arrowCenterReduce' | 'arrowChevronBottom' | 'arrowSouth' | 'southArrow' | 'southThinArrow' | 'chevronSouth' | 'chevronBottom' | 'arrowChevronLeft' | 'arrowWest' | 'westArrow' | 'westThinArrow' | 'chevronWest' | 'chevronLeft' | 'arrowChevronRight' | 'arrowEast' | 'eastArrow' | 'eastThinArrow' | 'chevronEast' | 'chevronRight' | 'arrowChevronTop' | 'arrowNorth' | 'northArrow' | 'northThinArrow' | 'chevronNorth' | 'chevronTop' | 'arrowCorner' | 'distribute' | 'arrowCornerExpand' | 'arrowCurvedDownRight' | 'arrowDownload' | 'download' | 'arrowExternal' | 'outside' | 'arrowForward' | 'arrowDouble' | 'forward' | 'arrowLeft' | 'arrowFullWest' | 'arrowLineBottom' | 'arrowLineTop' | 'arrowLogin' | 'login' | 'arrowLogout' | 'logout' | 'arrowOppositeLeftRight' | 'arrowOppositeHorizontal' | 'swap' | 'arrowOppositeRightLeft' | 'arrowOppositeTopBottom' | 'arrowOppositeVertical' | 'creditDebit' | 'arrowRedo' | 'arrowReply' | 'reply' | 'arrowReset' | 'refresh' | 'update' | 'arrowRight' | 'arrowFullEast' | 'arrowSync' | 'sync' | 'arrowSyncStrikethrough' | 'syncDisabled' | 'arrowTop' | 'arrowFullNorth' | 'arrowTopLeft' | 'arrowTopRight' | 'arrowUndo' | 'arrowUnfoldLess' | 'collapse' | 'arrowUnfoldMore' | 'expand' | 'arrowUpload' | 'upload' | 'cloudUpload' | 'bell' | 'notification' | 'bellStrikethrough' | 'book' | 'bookmark' | 'bookmarkFilled' | 'boxArchive' | 'archive' | 'boxUnarchive' | 'unarchive' | 'branch' | 'bubbleAnswer' | 'answer' | 'bubbleConversation' | 'messenger' | 'bubbleSpeech' | 'chat' | 'talk' | 'dialog' | 'bubbleSpeechStrikethrough' | 'bubbleStars' | 'buildingCompany' | 'building' | 'establishment' | 'buildingHouse' | 'house' | 'home' | 'buildingHouseFilled' | 'houseFilled' | 'homeFill' | 'buildingHouseStarred' | 'houseStarred' | 'homeStarred' | 'buildingStore' | 'store' | 'bulb' | 'lightBulb' | 'calendarChecked' | 'calendarDate' | 'calendar' | 'planning' | 'calendarEdit' | 'planningEdit' | 'calendarPlanning' | 'payPeriod' | 'calendarSettings' | 'planningManage' | 'calendarStrikethrough' | 'calendarOff' | 'capCrown' | 'crown' | 'capCrownFilled' | 'capGraduate' | 'graduate' | 'school' | 'certificationFailed' | 'certifKo' | 'certificationSuccess' | 'certifOk' | 'certificationWaiting' | 'certifWaiting' | 'chartDonut' | 'donut' | 'donutChart' | 'chartFlow' | 'familyTree' | 'orgTree' | 'chartHorizontalBar' | 'horizontalBarChart' | 'chartLevels' | 'level' | 'chartPie' | 'dashboard' | 'chartSpider' | 'chartTree' | 'chartVerticalBar' | 'analytics' | 'charts' | 'circleHalf' | 'clipboard' | 'paste' | 'completion' | 'cornersFocus' | 'cornersFullscreenExit' | 'fullscreenExit' | 'cornersFullscreenOpen' | 'fullscreen' | 'dataTable' | 'table' | 'database' | 'databaseArrow' | 'apiSync' | 'deviceCamera' | 'camera' | 'deviceComputer' | 'computer' | 'deviceLaptop' | 'laptop' | 'deviceMobile' | 'deviceMouse' | 'computerMouse' | 'devicePrinter' | 'print' | 'deviceTablet' | 'deviceVideo' | 'dotsDrag' | 'drag' | 'emojiSmile' | 'eye' | 'watch' | 'eyeStrikethrough' | 'unwatch' | 'fileContract' | 'contract' | 'fileCopy' | 'copy' | 'fileDocument' | 'file' | 'files' | 'fileExport' | 'fileFolder' | 'folder' | 'fileImport' | 'importDirty' | 'importPristine' | 'filePlus' | 'fileSign' | 'sign' | 'filtersDescending' | 'filterAbstract' | 'filtersFunnel' | 'funnel' | 'filter' | 'filtersSort' | 'sort' | 'reorder' | 'flag' | 'floppyDiskSave' | 'save' | 'foodBirthdayCake' | 'birthday' | 'foodBobun' | 'lunchAlternative' | 'foodBurger' | 'lunch' | 'foodChefHat' | 'restaurant' | 'foodClocheDish' | 'diner' | 'foodCocktail' | 'drink' | 'foodCoffee' | 'coffee' | 'breaktime' | 'foodCroissant' | 'breakfast' | 'foodCutlery' | 'meal' | 'foodSandwich' | 'snack' | 'formatBulletedList' | 'list' | 'formatClipperAttachment' | 'attach' | 'formatCornerUpLeft' | 'formatUndo' | 'formatCornerUpRight' | 'formatRedo' | 'formatLink' | 'formatNumberedList' | 'formatListNb' | 'formatText' | 'formatJustify' | 'formatTextBold' | 'formatBold' | 'formatTextClear' | 'formatClear' | 'formatTextItalic' | 'formatItalic' | 'formatTextSize' | 'formatSize' | 'formatTextStrikethrough' | 'formatStrikethrough' | 'formatTextUnderline' | 'formatUnderlined' | 'formatUnlink' | 'unlink' | 'gift' | 'present' | 'heart' | 'heartFilled' | 'heartStrikethrough' | 'brokenHeart' | 'hotelBed' | 'bed' | 'hotel' | 'hotelHanger' | 'hanger' | 'hotelIron' | 'iron' | 'pressing' | 'hotelLuggage' | 'luggage' | 'jigsawPuzzle' | 'puzzle' | 'journey' | 'milestone' | 'jumpingCc' | 'lucca' | 'laboratoryTestFlask' | 'test' | 'layers' | 'floor' | 'listChecked' | 'listChecklist' | 'listTodo' | 'listMultipleChoices' | 'lockClose' | 'lock' | 'lockKey' | 'key' | 'lockOpen' | 'unlock' | 'mailEnvelope' | 'mail' | 'mailMailbox' | 'mailbox' | 'stamp' | 'postage' | 'mailPaperPlane' | 'send' | 'mapGlobe' | 'globe' | 'mapLocation' | 'location' | 'mapPin' | 'pin' | 'mapPlan' | 'mapTripStep' | 'mathsDivide' | 'divide' | 'mathsEquals' | 'mathsMinus' | 'minus' | 'partial' | 'minimize' | 'mathsMultiplicate' | 'close' | 'thinCross' | 'cross' | 'crossBold' | 'mathsNotEqual' | 'mathsPlus' | 'plus' | 'plusBold' | 'medicalDoctor' | 'menuBurger' | 'menu' | 'hamburgerMenu' | 'menuDots' | 'menuEllipsis' | 'ellipsis' | 'moneyBag' | 'moneybag' | 'moneyBagStrikethrough' | 'noMoney' | 'moneyBankImport' | 'moneyBanknoteStrikethrough' | 'moneyBill' | 'bill' | 'moneyBuildingBank' | 'bank' | 'moneyCardCheck' | 'moneyCardImport' | 'importCb' | 'moneyCheck' | 'moneyCoins' | 'money' | 'payment' | 'moneyCurrencyDollar' | 'dollar' | 'moneyCurrencyEuro' | 'euro' | 'moneyIban' | 'moneyPaymentCard' | 'bankingCard' | 'moneyPaymentCards' | 'moneyPiggyBank' | 'piggyBank' | 'moneyShoppingBag' | 'moneyWallet' | 'wallet' | 'officeBriefcase' | 'officeChair' | 'chair' | 'officeCompass' | 'compass' | 'officeElectricalPlug' | 'officeFirstAid' | 'officeMicrophone' | 'officePen' | 'edit' | 'editMini' | 'officePenStar' | 'officePenWriting' | 'editWrite' | 'editFrame' | 'officePhone' | 'telephone' | 'officeScissors' | 'cut' | 'officeSupplies' | 'supplies' | 'peopleAccessibility' | 'peopleAdd' | 'userAdd' | 'adduser' | 'peopleArrowUp' | 'peopleEdit' | 'peopleFolder' | 'peopleGroup' | 'userGroup' | 'group' | 'peopleHouse' | 'peopleId' | 'identityCard' | 'userFile' | 'dossierRh' | 'peopleLocked' | 'userRoles' | 'peoplePerson' | 'user' | 'face' | 'peopleRemove' | 'userRemove' | 'peopleSwitch' | 'send2user' | 'userSendTo' | 'peopleTeacher' | 'teacher' | 'pictureGallery' | 'gallery' | 'pictureImage' | 'image' | 'picturePalette' | 'palette' | 'playerPauseCircle' | 'pause' | 'playerPlay' | 'playFull' | 'playerPlayCircle' | 'play' | 'playerRecording' | 'playerStopCircle' | 'stop' | 'priceTag' | 'pricetag' | 'priorityHigh' | 'high' | 'priorityHigher' | 'higher' | 'priorityHighest' | 'highest' | 'priorityLow' | 'low' | 'priorityLower' | 'lower' | 'priorityLowest' | 'lowest' | 'priorityMedium' | 'medium' | 'rotationLeft' | 'rotate' | 'rotationRight' | 'rotateRight' | 'searchMagnifyingGlass' | 'search' | 'searchZoomIn' | 'searchZoomOut' | 'settingsEqualizer' | 'sliders' | 'settingsGear' | 'settings' | 'settingsTools' | 'tools' | 'share' | 'signAt' | 'signBan' | 'forbidden' | 'signCancel' | 'cancel' | 'signCheckbox' | 'signClose' | 'signConfirm' | 'confirm' | 'tick' | 'tickThin' | 'tickBold' | 'signConstruction' | 'build' | 'signDecimal' | 'signDiscount' | 'discount' | 'signError' | 'error' | 'signHelp' | 'help' | 'helpOutline' | 'signInfo' | 'info' | 'signParking' | 'parking' | 'signRating' | 'signShieldCancel' | 'signShieldError' | 'signShieldSuccess' | 'signShieldWarning' | 'signSimpleChoice' | 'signSuccess' | 'success' | 'signTag' | 'signTranslation' | 'signWarning' | 'warning' | 'signWebhook' | 'soundMegaphone' | 'star' | 'unstared' | 'starFilled' | 'target' | 'thumbDown' | 'thumbDownFilled' | 'thumbUp' | 'thumbUpFilled' | 'thumbnail' | 'timeAlarm' | 'alarm' | 'timeClock' | 'clock' | 'timeFuture' | 'postpone' | 'timeHourglass' | 'timer' | 'timePast' | 'history' | 'timeTimer' | 'chronoOn' | 'timeTimerStrikethrough' | 'overplanned' | 'timeTimesheet' | 'timesheet' | 'transportBus' | 'bus' | 'transportCar' | 'car' | 'transportCarElectric' | 'transportCarwashStation' | 'cleanCar' | 'transportGazStation' | 'gasoline' | 'transportMotocycle' | 'transportMotocycleElectric' | 'transportPlane' | 'plane' | 'transportRocket' | 'rocket' | 'transportScooter' | 'transportScooterElectric' | 'transportSpeedometer' | 'speedometer' | 'mileage' | 'transportSubway' | 'subway' | 'transportTaxi' | 'taxi' | 'transportToll' | 'toll' | 'tollDollar' | 'tollEuro' | 'transportTrain' | 'train' | 'transportTruck' | 'truck' | 'trashDelete' | 'trash' | 'trendingGrowth' | 'evolution' | 'trendingLoss' | 'evolutionDown' | 'weatherCloudy' | 'weatherLightning' | 'weatherStars' | 'weatherStormy' | 'weatherStorm' | 'weatherSunny' | 'weatherSun' | 'weight' | 'window' | 'windowAside' | 'windowAsideLarge' | 'windowCornerBottom' | 'windowCornerTop' | 'windowSplit';
+type LuccaIcon = 'app' | 'apps' | 'nineTiles' | 'mosaic' | 'tiles' | 'appWidget' | 'arrowBackspace' | 'arrowBackward' | 'backward' | 'arrowBottom' | 'arrowFullSouth' | 'arrowBottomLeft' | 'arrowBottomRight' | 'arrowCenterReduce' | 'arrowChevronBottom' | 'arrowSouth' | 'southArrow' | 'southThinArrow' | 'chevronSouth' | 'chevronBottom' | 'arrowChevronLeft' | 'arrowWest' | 'westArrow' | 'westThinArrow' | 'chevronWest' | 'chevronLeft' | 'arrowChevronRight' | 'arrowEast' | 'eastArrow' | 'eastThinArrow' | 'chevronEast' | 'chevronRight' | 'arrowChevronTop' | 'arrowNorth' | 'northArrow' | 'northThinArrow' | 'chevronNorth' | 'chevronTop' | 'arrowCorner' | 'distribute' | 'arrowCornerExpand' | 'arrowCurvedDownRight' | 'arrowDownload' | 'download' | 'arrowExternal' | 'outside' | 'arrowForward' | 'arrowDouble' | 'forward' | 'arrowLeft' | 'arrowFullWest' | 'arrowLineBottom' | 'arrowLineTop' | 'arrowLogin' | 'login' | 'arrowLogout' | 'logout' | 'arrowOppositeLeftRight' | 'arrowOppositeHorizontal' | 'swap' | 'arrowOppositeRightLeft' | 'arrowOppositeTopBottom' | 'arrowOppositeVertical' | 'creditDebit' | 'arrowRedo' | 'arrowReply' | 'reply' | 'arrowReset' | 'refresh' | 'update' | 'arrowRight' | 'arrowFullEast' | 'arrowSync' | 'sync' | 'arrowSyncStrikethrough' | 'syncDisabled' | 'arrowTop' | 'arrowFullNorth' | 'arrowTopLeft' | 'arrowTopRight' | 'arrowUndo' | 'arrowUnfoldLess' | 'collapse' | 'arrowUnfoldMore' | 'expand' | 'arrowUpload' | 'upload' | 'cloudUpload' | 'bell' | 'notification' | 'bellStrikethrough' | 'book' | 'bookmark' | 'bookmarkFilled' | 'boxArchive' | 'archive' | 'boxUnarchive' | 'unarchive' | 'branch' | 'bubbleAnswer' | 'answer' | 'bubbleConversation' | 'messenger' | 'bubbleSpeech' | 'chat' | 'talk' | 'dialog' | 'bubbleSpeechStrikethrough' | 'bubbleStars' | 'buildingCompany' | 'building' | 'establishment' | 'buildingHouse' | 'house' | 'home' | 'buildingHouseFilled' | 'houseFilled' | 'homeFill' | 'buildingHouseStarred' | 'houseStarred' | 'homeStarred' | 'buildingStore' | 'store' | 'bulb' | 'lightBulb' | 'calendarChecked' | 'calendarDate' | 'calendar' | 'planning' | 'calendarEdit' | 'planningEdit' | 'calendarPlanning' | 'payPeriod' | 'calendarSettings' | 'planningManage' | 'calendarStrikethrough' | 'calendarOff' | 'capCrown' | 'crown' | 'capCrownFilled' | 'capGraduate' | 'graduate' | 'school' | 'certificationFailed' | 'certifKo' | 'certificationSuccess' | 'certifOk' | 'certificationWaiting' | 'certifWaiting' | 'chartDonut' | 'donut' | 'donutChart' | 'chartFlow' | 'familyTree' | 'orgTree' | 'chartHorizontalBar' | 'horizontalBarChart' | 'chartLevels' | 'level' | 'chartPie' | 'dashboard' | 'chartSpider' | 'chartTree' | 'chartVerticalBar' | 'analytics' | 'charts' | 'circleHalf' | 'clipboard' | 'paste' | 'completion' | 'cornersFocus' | 'cornersFullscreenExit' | 'fullscreenExit' | 'cornersFullscreenOpen' | 'fullscreen' | 'dataTable' | 'table' | 'database' | 'databaseArrow' | 'apiSync' | 'deviceCamera' | 'camera' | 'deviceComputer' | 'computer' | 'deviceLaptop' | 'laptop' | 'deviceMobile' | 'deviceMouse' | 'computerMouse' | 'devicePrinter' | 'print' | 'deviceTablet' | 'deviceVideo' | 'dotsDrag' | 'drag' | 'emojiSmile' | 'eye' | 'watch' | 'eyeStrikethrough' | 'unwatch' | 'fileContract' | 'contract' | 'fileCopy' | 'copy' | 'fileDocument' | 'file' | 'files' | 'fileExport' | 'fileFolder' | 'folder' | 'fileImport' | 'importDirty' | 'importPristine' | 'filePlus' | 'fileSign' | 'sign' | 'filtersDescending' | 'filterAbstract' | 'filtersFunnel' | 'funnel' | 'filter' | 'filtersSort' | 'sort' | 'reorder' | 'flag' | 'floppyDiskSave' | 'save' | 'foodBirthdayCake' | 'birthday' | 'foodBobun' | 'lunchAlternative' | 'foodBurger' | 'lunch' | 'foodChefHat' | 'restaurant' | 'foodClocheDish' | 'diner' | 'foodCocktail' | 'drink' | 'foodCoffee' | 'coffee' | 'breaktime' | 'foodCroissant' | 'breakfast' | 'foodCutlery' | 'meal' | 'foodSandwich' | 'snack' | 'formatBulletedList' | 'list' | 'formatClipperAttachment' | 'attach' | 'formatCornerUpLeft' | 'formatUndo' | 'formatCornerUpRight' | 'formatRedo' | 'formatLink' | 'formatNumberedList' | 'formatListNb' | 'formatText' | 'formatJustify' | 'formatTextBold' | 'formatBold' | 'formatTextClear' | 'formatClear' | 'formatTextItalic' | 'formatItalic' | 'formatTextSize' | 'formatSize' | 'formatTextStrikethrough' | 'formatStrikethrough' | 'formatTextUnderline' | 'formatUnderlined' | 'formatUnlink' | 'unlink' | 'gift' | 'present' | 'heart' | 'heartFilled' | 'heartStrikethrough' | 'brokenHeart' | 'hotelBed' | 'bed' | 'hotel' | 'hotelHanger' | 'hanger' | 'hotelIron' | 'iron' | 'pressing' | 'hotelLuggage' | 'luggage' | 'jigsawPuzzle' | 'puzzle' | 'journey' | 'milestone' | 'jumpingCc' | 'lucca' | 'laboratoryTestFlask' | 'test' | 'layers' | 'floor' | 'listChecked' | 'listChecklist' | 'listTodo' | 'listMultipleChoices' | 'lockClose' | 'lock' | 'lockKey' | 'key' | 'lockOpen' | 'unlock' | 'mailEnvelope' | 'mail' | 'mailMailbox' | 'mailbox' | 'stamp' | 'postage' | 'mailPaperPlane' | 'send' | 'mapGlobe' | 'globe' | 'mapLocation' | 'location' | 'mapPin' | 'pin' | 'mapPlan' | 'mapTripStep' | 'mathsDivide' | 'divide' | 'mathsEquals' | 'mathsMinus' | 'minus' | 'partial' | 'minimize' | 'mathsMultiplicate' | 'close' | 'thinCross' | 'cross' | 'crossBold' | 'mathsNotEqual' | 'mathsPlus' | 'plus' | 'plusBold' | 'medicalDoctor' | 'menuBurger' | 'menu' | 'hamburgerMenu' | 'menuDots' | 'menuEllipsis' | 'ellipsis' | 'moneyBag' | 'moneybag' | 'moneyBagStrikethrough' | 'noMoney' | 'moneyBankImport' | 'moneyBanknoteStrikethrough' | 'moneyBill' | 'bill' | 'moneyBuildingBank' | 'bank' | 'moneyCardCheck' | 'moneyCardImport' | 'importCb' | 'moneyCheck' | 'moneyCoins' | 'money' | 'payment' | 'moneyCurrencyDollar' | 'dollar' | 'moneyCurrencyEuro' | 'euro' | 'moneyIban' | 'moneyPaymentCard' | 'bankingCard' | 'moneyPaymentCards' | 'moneyPiggyBank' | 'piggyBank' | 'moneyShoppingBag' | 'moneyWallet' | 'wallet' | 'officeBriefcase' | 'officeChair' | 'chair' | 'officeCompass' | 'compass' | 'officeElectricalPlug' | 'officeFirstAid' | 'officeMicrophone' | 'officePen' | 'edit' | 'editMini' | 'officePenStar' | 'officePenWriting' | 'editWrite' | 'editFrame' | 'officePhone' | 'telephone' | 'officeScissors' | 'cut' | 'officeSupplies' | 'supplies' | 'peopleAccessibility' | 'peopleAdd' | 'userAdd' | 'adduser' | 'peopleArrowUp' | 'peopleEdit' | 'peopleFolder' | 'peopleGroup' | 'userGroup' | 'group' | 'peopleHouse' | 'peopleId' | 'identityCard' | 'userFile' | 'dossierRh' | 'peopleLocked' | 'userRoles' | 'peoplePerson' | 'user' | 'face' | 'peopleRemove' | 'userRemove' | 'peopleSwitch' | 'send2user' | 'userSendTo' | 'peopleTeacher' | 'teacher' | 'pictureGallery' | 'gallery' | 'pictureImage' | 'image' | 'picturePalette' | 'palette' | 'playerPauseCircle' | 'pause' | 'playerPlay' | 'playFull' | 'playerPlayCircle' | 'play' | 'playerRecording' | 'playerStopCircle' | 'stop' | 'priceTag' | 'pricetag' | 'priorityHigh' | 'high' | 'priorityHigher' | 'higher' | 'priorityHighest' | 'highest' | 'priorityLevels' | 'priorityLow' | 'low' | 'priorityLower' | 'lower' | 'priorityLowest' | 'lowest' | 'priorityMedium' | 'medium' | 'rotationLeft' | 'rotate' | 'rotationRight' | 'rotateRight' | 'searchMagnifyingGlass' | 'search' | 'searchZoomIn' | 'searchZoomOut' | 'settingsEqualizer' | 'sliders' | 'settingsGear' | 'settings' | 'settingsTools' | 'tools' | 'share' | 'signAt' | 'signBan' | 'forbidden' | 'signCancel' | 'cancel' | 'signCheckbox' | 'signClose' | 'signConfirm' | 'confirm' | 'tick' | 'tickThin' | 'tickBold' | 'signConstruction' | 'build' | 'signDecimal' | 'signDiscount' | 'discount' | 'signError' | 'error' | 'signHelp' | 'help' | 'helpOutline' | 'signInfo' | 'info' | 'signParking' | 'parking' | 'signRating' | 'signShieldCancel' | 'signShieldError' | 'signShieldSuccess' | 'signShieldWarning' | 'signSimpleChoice' | 'signSuccess' | 'success' | 'signTag' | 'signTranslation' | 'signWarning' | 'warning' | 'signWebhook' | 'soundMegaphone' | 'star' | 'unstared' | 'starFilled' | 'target' | 'thumbDown' | 'thumbDownFilled' | 'thumbUp' | 'thumbUpFilled' | 'thumbnail' | 'timeAlarm' | 'alarm' | 'timeClock' | 'clock' | 'timeFuture' | 'postpone' | 'timeHourglass' | 'timer' | 'timePast' | 'history' | 'timeTimer' | 'chronoOn' | 'timeTimerStrikethrough' | 'overplanned' | 'timeTimesheet' | 'timesheet' | 'transportBus' | 'bus' | 'transportCar' | 'car' | 'transportCarElectric' | 'transportCarwashStation' | 'cleanCar' | 'transportGazStation' | 'gasoline' | 'transportMotocycle' | 'transportMotocycleElectric' | 'transportPlane' | 'plane' | 'transportRocket' | 'rocket' | 'transportScooter' | 'transportScooterElectric' | 'transportSpeedometer' | 'speedometer' | 'mileage' | 'transportSubway' | 'subway' | 'transportTaxi' | 'taxi' | 'transportToll' | 'toll' | 'tollDollar' | 'tollEuro' | 'transportTrain' | 'train' | 'transportTruck' | 'truck' | 'trashDelete' | 'trash' | 'trendingGrowth' | 'evolution' | 'trendingLoss' | 'evolutionDown' | 'weatherCloudy' | 'weatherLightning' | 'weatherStars' | 'weatherStormy' | 'weatherStorm' | 'weatherSunny' | 'weatherSun' | 'weight' | 'window' | 'windowAside' | 'windowAsideLarge' | 'windowCornerBottom' | 'windowCornerTop' | 'windowSplit';
 declare class IconComponent {
     /**

package/types/lucca-prisme-tag.d.ts CHANGED Viewed

@@ -34,6 +34,10 @@ declare class TagComponent {
      * Defaults to no icon.
      */
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    /**
+     * Visually hides the label while keeping it in the DOM for screen readers. Requires an icon.
+     */
+    readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Truncates the text with an ellipsis and adds a tooltip when the label is too long
      */
@@ -46,7 +50,7 @@ declare class TagComponent {
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "lu-tag,pr-tag", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "lu-tag,pr-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export { TAG_SIZE, TagComponent };