@cuby-ui/core 0.0.513 → 0.0.515
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/sidebar/sidebar-header/sidebar-header.component.d.ts +1 -1
- package/components/sidebar/sidebar-navigation-item/sidebar-navigation-item.component.d.ts +1 -1
- package/directives/index.d.ts +1 -0
- package/directives/skeleton/constants/fade.const.d.ts +3 -0
- package/directives/skeleton/constants/index.d.ts +3 -0
- package/directives/skeleton/constants/max-placeholder-length-limiter.const.d.ts +1 -0
- package/directives/skeleton/constants/min-placeholder-length-limiter.const.d.ts +1 -0
- package/directives/skeleton/index.d.ts +1 -0
- package/directives/skeleton/skeleton.directive.d.ts +14 -0
- package/esm2022/directives/index.mjs +2 -1
- package/esm2022/directives/skeleton/constants/fade.const.mjs +2 -0
- package/esm2022/directives/skeleton/constants/index.mjs +4 -0
- package/esm2022/directives/skeleton/constants/max-placeholder-length-limiter.const.mjs +2 -0
- package/esm2022/directives/skeleton/constants/min-placeholder-length-limiter.const.mjs +2 -0
- package/esm2022/directives/skeleton/index.mjs +2 -0
- package/esm2022/directives/skeleton/skeleton.directive.mjs +65 -0
- package/fesm2022/cuby-ui-core.mjs +68 -3
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
- package/widgets/ui/categories/components/category-item/category-item.component.d.ts +2 -2
- package/widgets/ui/storage-list/components/storage-list-item/storage-list-item.component.d.ts +1 -1
|
@@ -4,7 +4,7 @@ export declare class CuiSidebarHeaderComponent {
|
|
|
4
4
|
private readonly document;
|
|
5
5
|
private readonly sidebarService;
|
|
6
6
|
protected readonly isOpened: import("@angular/core").Signal<boolean>;
|
|
7
|
-
protected readonly buttonIcon: import("@angular/core").Signal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed">;
|
|
7
|
+
protected readonly buttonIcon: import("@angular/core").Signal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconChecklistBold" | "cuiIconChecklistBoldSm" | "cuiIconChatBoldSm" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | "cuiIconFeatherPenSolid" | "cuiIconMagicSm" | "cuiIconSafetyBlockSm" | "cuiIconSandglassSm" | "cuiIconGameSm" | "cuiIconGame">;
|
|
8
8
|
readonly headerSlot: import("@angular/core").InputSignal<TemplateRef<unknown>>;
|
|
9
9
|
protected onSwitch(event: MouseEvent): void;
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarHeaderComponent, never>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class CuiSidebarNavigationItemComponent {
|
|
3
3
|
readonly text: import("@angular/core").InputSignal<string>;
|
|
4
|
-
readonly icon: import("@angular/core").InputSignal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | undefined>;
|
|
4
|
+
readonly icon: import("@angular/core").InputSignal<"cuiIconLock2" | "cuiIconClipboardListBold" | "cuiIconClipboardCompletedBold" | "cuiIconStarOutlined" | "cuiIconSlashSm" | "cuiIconTextSm" | "cuiIconSlash" | "cuiIconSaveSm" | "cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconMinusCircleSm" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconPlusCircleSm" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlay" | "cuiIconPlaySm" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoardBold" | "cuiIconClipBoard" | "cuiIconClipBoardSm" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconChecklistBold" | "cuiIconChecklistBoldSm" | "cuiIconChatBoldSm" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | "cuiIconArrowRight" | "cuiIconArrowRightSm" | "cuiIconImage" | "cuiIconCutLinearSm" | "cuiIconCutLinear" | "cuiIconForkLift" | "cuiIconForkLiftSm" | "cuiIconPartPrimitive" | "cuiIconPartPrimitiveSm" | "cuiIconChecklistsSm" | "cuiIconViewInAr" | "cuiIconViewInArSm" | "cuiIconFloorplanSolid" | "cuiIconFloorplanSolidSm" | "cuiIconMoon" | "cuiIconMaximize2" | "cuiIconMaximize2Sm" | "cuiIconMoonSm" | "cuiIconSunSm" | "cuiIconTool" | "cuiIconToolSm" | "cuiIconCamera" | "cuiIconPanModeSm" | "cuiIconCrane" | "cuiIconCraneSm" | "cuiIconBin" | "cuiIconBinSm" | "cuiIconAuxSm" | "cuiIcon5sSm" | "cuiIconRackSm" | "cuiIconComputerChipSm" | "cuiIconRack" | "cuiIconAccessories" | "cuiIconAccessoriesSm" | "cuiIconLogisticVehicle" | "cuiIconLogisticVehicleSm" | "cuiIconCollapse" | "cuiIconCollapseSm" | "cuiIconBookOpenSm" | "cuiIconBriefcaseSm" | "cuiIconCreditCardSm" | "cuiIconTrelloSm" | "cuiIconBookOpen" | "cuiIconBriefcase" | "cuiIconCreditCard" | "cuiIconTrello" | "cuiIconLogOut" | "cuiIconOrderSm" | "cuiIconCalendarSm" | "cuiIconMapPin" | "cuiIconBuildingSm" | "cuiIconStopCircleSm" | "cuiIconPauseCircleSm" | "cuiIconPlayCircleFilledSm" | "cuiIconMenuSm" | "cuiIconTeaCupSm" | "cuiIconSubstageInstructionSm" | "cuiIconTaskInstructionSm" | "cuiIconToolsInstructionSm" | "cuiIconApprovalInstructionSm" | "cuiIconQuestionCircleBold" | "cuiIconClockBold" | "cuiIconHammerBold" | "cuiIconAlignLeftSm" | "cuiIconChecklistSm" | "cuiIconMessageSquare" | "cuiIconMessageSquareSm" | "cuiIconHideSidebarL" | "cuiIconHideSidebarR" | "cuiIconHideSidebarLSm" | "cuiIconHideSidebarRSm" | "cuiIconSurfaceArea" | "cuiIconMinimize2" | "cuiIconMinimize2Sm" | "cuiIconHistorySm" | "cuiIconSun" | "cuiIconGlobeSm" | "cuiIconPaletteSm" | "cuiIconLogOutSm" | "cuiIconLogo" | "cuiIconBoldFileDefaultSm" | "cuiIconEyeBold" | "cuiIconEyeBoldSm" | "cuiIconCardsSm" | "cuiToolsPlaceholder" | "cuiPartsPlaceholder" | "cuiMaterialsPlaceholder" | "cuiDefaultPlaceholder" | "cuiIconLinear" | "cuiIconReversed" | "cuiIconFeatherPenSolid" | "cuiIconMagicSm" | "cuiIconSafetyBlockSm" | "cuiIconSandglassSm" | "cuiIconGameSm" | "cuiIconGame" | undefined>;
|
|
5
5
|
readonly active: import("@angular/core").InputSignal<boolean | undefined>;
|
|
6
6
|
readonly isOpen: import("@angular/core").InputSignal<boolean | undefined>;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarNavigationItemComponent, never>;
|
package/directives/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const MAX_PLACEHOLDER_LENGTH_LIMITER = 11;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const MIN_PLACEHOLDER_LENGTH_LIMITER = 5;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './skeleton.directive';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CuiSkeleton {
|
|
3
|
+
private animation?;
|
|
4
|
+
private readonly el;
|
|
5
|
+
private readonly duration;
|
|
6
|
+
protected readonly nothing: undefined;
|
|
7
|
+
private readonly _skeleton;
|
|
8
|
+
protected readonly placeholder: import("@angular/core").Signal<string | null>;
|
|
9
|
+
protected readonly skeleton: import("@angular/core").Signal<boolean>;
|
|
10
|
+
set cuiSkeleton(value: boolean | number | string);
|
|
11
|
+
private getLength;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSkeleton, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CuiSkeleton, "[cuiSkeleton]", never, { "cuiSkeleton": { "alias": "cuiSkeleton"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './text-field-controller';
|
|
2
2
|
export * from './tooltip';
|
|
3
|
-
|
|
3
|
+
export * from './skeleton';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGV4dC1maWVsZC1jb250cm9sbGVyJztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbHRpcCc7XG5leHBvcnQgKiBmcm9tICcuL3NrZWxldG9uJztcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const FADE = [{ opacity: 0.06 }, { opacity: 1 }];
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFkZS5jb25zdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvZGlyZWN0aXZlcy9za2VsZXRvbi9jb25zdGFudHMvZmFkZS5jb25zdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEZBREUgPSBbeyBvcGFjaXR5OiAwLjA2IH0sIHsgb3BhY2l0eTogMSB9XTtcbiJdfQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './fade.const';
|
|
2
|
+
export * from './max-placeholder-length-limiter.const';
|
|
3
|
+
export * from './min-placeholder-length-limiter.const';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2RpcmVjdGl2ZXMvc2tlbGV0b24vY29uc3RhbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx3Q0FBd0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZmFkZS5jb25zdCc7XG5leHBvcnQgKiBmcm9tICcuL21heC1wbGFjZWhvbGRlci1sZW5ndGgtbGltaXRlci5jb25zdCc7XG5leHBvcnQgKiBmcm9tICcuL21pbi1wbGFjZWhvbGRlci1sZW5ndGgtbGltaXRlci5jb25zdCc7XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const MAX_PLACEHOLDER_LENGTH_LIMITER = 11;
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF4LXBsYWNlaG9sZGVyLWxlbmd0aC1saW1pdGVyLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9kaXJlY3RpdmVzL3NrZWxldG9uL2NvbnN0YW50cy9tYXgtcGxhY2Vob2xkZXItbGVuZ3RoLWxpbWl0ZXIuY29uc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IE1BWF9QTEFDRUhPTERFUl9MRU5HVEhfTElNSVRFUiA9IDExO1xuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const MIN_PLACEHOLDER_LENGTH_LIMITER = 5;
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWluLXBsYWNlaG9sZGVyLWxlbmd0aC1saW1pdGVyLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9kaXJlY3RpdmVzL3NrZWxldG9uL2NvbnN0YW50cy9taW4tcGxhY2Vob2xkZXItbGVuZ3RoLWxpbWl0ZXIuY29uc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IE1JTl9QTEFDRUhPTERFUl9MRU5HVEhfTElNSVRFUiA9IDU7XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './skeleton.directive';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2RpcmVjdGl2ZXMvc2tlbGV0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2tlbGV0b24uZGlyZWN0aXZlJztcbiJdfQ==
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Directive, inject, Input, computed, signal, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { cuiInjectElement, cuiWithStyles, CHAR_NO_BREAK_SPACE } from '@cuby-ui/cdk';
|
|
3
|
+
import { CUI_ANIMATIONS_SPEED } from '../../tokens';
|
|
4
|
+
import { cuiGetDuration } from '../../utils';
|
|
5
|
+
import { FADE, MAX_PLACEHOLDER_LENGTH_LIMITER, MIN_PLACEHOLDER_LENGTH_LIMITER } from './constants';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
class CuiSkeletonStyles {
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeletonStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiSkeletonStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "cui-skeleton-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes cuiSkeleton{0%{background-position:150% center}to{background-position:-50% center}}[cuiSkeleton]._skeleton{color:transparent;box-shadow:none!important;border:none!important;background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;-webkit-text-fill-color:transparent;animation:cuiSkeleton 2s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:8px;opacity:.06}[cuiSkeleton]._skeleton[data-cui-skeleton]{background:transparent!important}[cuiSkeleton]._skeleton[data-cui-skeleton]:before{content:attr(data-cui-skeleton);background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;animation:cuiSkeleton 2s ease-in-out infinite alternate;font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeletonStyles, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
14
|
+
class: 'cui-skeleton-styles'
|
|
15
|
+
}, styles: ["@keyframes cuiSkeleton{0%{background-position:150% center}to{background-position:-50% center}}[cuiSkeleton]._skeleton{color:transparent;box-shadow:none!important;border:none!important;background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;-webkit-text-fill-color:transparent;animation:cuiSkeleton 2s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:8px;opacity:.06}[cuiSkeleton]._skeleton[data-cui-skeleton]{background:transparent!important}[cuiSkeleton]._skeleton[data-cui-skeleton]:before{content:attr(data-cui-skeleton);background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;animation:cuiSkeleton 2s ease-in-out infinite alternate;font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px}\n"] }]
|
|
16
|
+
}] });
|
|
17
|
+
export class CuiSkeleton {
|
|
18
|
+
constructor() {
|
|
19
|
+
this.el = cuiInjectElement();
|
|
20
|
+
this.duration = cuiGetDuration(inject(CUI_ANIMATIONS_SPEED)) * 2;
|
|
21
|
+
this.nothing = cuiWithStyles(CuiSkeletonStyles);
|
|
22
|
+
this._skeleton = signal(false);
|
|
23
|
+
this.placeholder = computed(() => {
|
|
24
|
+
const value = this._skeleton();
|
|
25
|
+
switch (typeof value) {
|
|
26
|
+
case 'number':
|
|
27
|
+
return Array.from({ length: value })
|
|
28
|
+
.map(() => CHAR_NO_BREAK_SPACE.repeat(this.getLength()))
|
|
29
|
+
.join(' ');
|
|
30
|
+
case 'string':
|
|
31
|
+
return value;
|
|
32
|
+
default:
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
this.skeleton = computed(() => !!this._skeleton());
|
|
37
|
+
}
|
|
38
|
+
set cuiSkeleton(value) {
|
|
39
|
+
this._skeleton.set(value);
|
|
40
|
+
this.animation?.cancel();
|
|
41
|
+
if (!value) {
|
|
42
|
+
this.animation = this.el.animate?.(FADE, this.duration);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
getLength() {
|
|
46
|
+
return Math.floor(Math.random() * MAX_PLACEHOLDER_LENGTH_LIMITER) + MIN_PLACEHOLDER_LENGTH_LIMITER;
|
|
47
|
+
}
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CuiSkeleton, isStandalone: true, selector: "[cuiSkeleton]", inputs: { cuiSkeleton: "cuiSkeleton" }, host: { attributes: { "cuiSkeleton": "" }, properties: { "class._skeleton": "skeleton()", "attr.data-cui-skeleton": "placeholder()" } }, ngImport: i0 }); }
|
|
50
|
+
}
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeleton, decorators: [{
|
|
52
|
+
type: Directive,
|
|
53
|
+
args: [{
|
|
54
|
+
standalone: true,
|
|
55
|
+
selector: '[cuiSkeleton]',
|
|
56
|
+
host: {
|
|
57
|
+
cuiSkeleton: '',
|
|
58
|
+
'[class._skeleton]': 'skeleton()',
|
|
59
|
+
'[attr.data-cui-skeleton]': 'placeholder()'
|
|
60
|
+
}
|
|
61
|
+
}]
|
|
62
|
+
}], propDecorators: { cuiSkeleton: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9kaXJlY3RpdmVzL3NrZWxldG9uL3NrZWxldG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsOEJBQThCLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBRW5HLE1BVU0saUJBQWlCOytHQUFqQixpQkFBaUI7bUdBQWpCLGlCQUFpQix5SEFSVCxFQUFFOzs0RkFRVixpQkFBaUI7a0JBVnRCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixLQUFLLEVBQUUscUJBQXFCO3FCQUMvQjs7QUFhTCxNQUFNLE9BQU8sV0FBVztJQVR4QjtRQVdxQixPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixhQUFRLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRTFELFlBQU8sR0FBRyxhQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUU3QyxjQUFTLEdBQUcsTUFBTSxDQUE0QixLQUFLLENBQUMsQ0FBQztRQUVuRCxnQkFBVyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDM0MsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBRS9CLFFBQVEsT0FBTyxLQUFLLEVBQUUsQ0FBQztnQkFDbkIsS0FBSyxRQUFRO29CQUNULE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQzt5QkFDL0IsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQzt5QkFDdkQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNuQixLQUFLLFFBQVE7b0JBQ1QsT0FBTyxLQUFLLENBQUM7Z0JBQ2pCO29CQUNJLE9BQU8sSUFBSSxDQUFDO1lBQ3BCLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNnQixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztLQWVwRTtJQWJHLElBQ0ksV0FBVyxDQUFDLEtBQWdDO1FBQzVDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTFCLElBQUksQ0FBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUQsQ0FBQztJQUNMLENBQUM7SUFFTyxTQUFTO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyw4QkFBOEIsQ0FBQyxHQUFHLDhCQUE4QixDQUFDO0lBQ3ZHLENBQUM7K0dBckNRLFdBQVc7bUdBQVgsV0FBVzs7NEZBQVgsV0FBVztrQkFUdkIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLElBQUksRUFBRTt3QkFDRixXQUFXLEVBQUUsRUFBRTt3QkFDZixtQkFBbUIsRUFBRSxZQUFZO3dCQUNqQywwQkFBMEIsRUFBRSxlQUFlO3FCQUM5QztpQkFDSjs4QkEyQk8sV0FBVztzQkFEZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRGlyZWN0aXZlLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBjb21wdXRlZCxcbiAgICBzaWduYWwsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjdWlJbmplY3RFbGVtZW50LCBjdWlXaXRoU3R5bGVzLCBDSEFSX05PX0JSRUFLX1NQQUNFIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcbmltcG9ydCB7IENVSV9BTklNQVRJT05TX1NQRUVEIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IGN1aUdldER1cmF0aW9uIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgRkFERSwgTUFYX1BMQUNFSE9MREVSX0xFTkdUSF9MSU1JVEVSLCBNSU5fUExBQ0VIT0xERVJfTEVOR1RIX0xJTUlURVIgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL3NrZWxldG9uLnN0eWxlLnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdjdWktc2tlbGV0b24tc3R5bGVzJ1xuICAgIH1cbn0pXG5jbGFzcyBDdWlTa2VsZXRvblN0eWxlcyB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnW2N1aVNrZWxldG9uXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjdWlTa2VsZXRvbjogJycsXG4gICAgICAgICdbY2xhc3MuX3NrZWxldG9uXSc6ICdza2VsZXRvbigpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtY3VpLXNrZWxldG9uXSc6ICdwbGFjZWhvbGRlcigpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQ3VpU2tlbGV0b24ge1xuICAgIHByaXZhdGUgYW5pbWF0aW9uPzogQW5pbWF0aW9uO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWwgPSBjdWlJbmplY3RFbGVtZW50KCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBkdXJhdGlvbiA9IGN1aUdldER1cmF0aW9uKGluamVjdChDVUlfQU5JTUFUSU9OU19TUEVFRCkpICogMjtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBub3RoaW5nID0gY3VpV2l0aFN0eWxlcyhDdWlTa2VsZXRvblN0eWxlcyk7XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IF9za2VsZXRvbiA9IHNpZ25hbDxib29sZWFuIHwgbnVtYmVyIHwgc3RyaW5nPihmYWxzZSk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy5fc2tlbGV0b24oKTtcblxuICAgICAgICBzd2l0Y2ggKHR5cGVvZiB2YWx1ZSkge1xuICAgICAgICAgICAgY2FzZSAnbnVtYmVyJzpcbiAgICAgICAgICAgICAgICByZXR1cm4gQXJyYXkuZnJvbSh7IGxlbmd0aDogdmFsdWUgfSlcbiAgICAgICAgICAgICAgICAgICAgLm1hcCgoKSA9PiBDSEFSX05PX0JSRUFLX1NQQUNFLnJlcGVhdCh0aGlzLmdldExlbmd0aCgpKSlcbiAgICAgICAgICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICAgICAgICAgIGNhc2UgJ3N0cmluZyc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgIH0pO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBza2VsZXRvbiA9IGNvbXB1dGVkKCgpID0+ICEhdGhpcy5fc2tlbGV0b24oKSk7XG5cbiAgICBASW5wdXQoKVxuICAgIHNldCBjdWlTa2VsZXRvbih2YWx1ZTogYm9vbGVhbiB8IG51bWJlciB8IHN0cmluZykge1xuICAgICAgICB0aGlzLl9za2VsZXRvbi5zZXQodmFsdWUpO1xuXG4gICAgICAgIHRoaXMuYW5pbWF0aW9uPy5jYW5jZWwoKTtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5hbmltYXRpb24gPSB0aGlzLmVsLmFuaW1hdGU/LihGQURFLCB0aGlzLmR1cmF0aW9uKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0TGVuZ3RoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBNQVhfUExBQ0VIT0xERVJfTEVOR1RIX0xJTUlURVIpICsgTUlOX1BMQUNFSE9MREVSX0xFTkdUSF9MSU1JVEVSO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, inject, Renderer2, input, model, effect, Directive, InjectionToken, Input, HostBinding, ChangeDetectorRef, ViewChild, EventEmitter, Output, NgModule, Injector, Injectable, SkipSelf, Optional, DestroyRef, NgZone, signal, Self, INJECTOR, TemplateRef, forwardRef, computed, ContentChildren, ElementRef, HostListener, ViewContainerRef, booleanAttribute, untracked, Pipe, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, viewChild, output } from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, inject, Renderer2, input, model, effect, Directive, InjectionToken, Input, HostBinding, ChangeDetectorRef, ViewChild, EventEmitter, Output, NgModule, Injector, Injectable, SkipSelf, Optional, DestroyRef, NgZone, signal, Self, INJECTOR, TemplateRef, forwardRef, ViewEncapsulation, computed, ContentChildren, ElementRef, HostListener, ViewContainerRef, booleanAttribute, untracked, Pipe, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, viewChild, output } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DOCUMENT, NgForOf, NgIf, NgComponentOutlet, NgTemplateOutlet, NgFor, NgClass, Location, UpperCasePipe, AsyncPipe, KeyValuePipe, LowerCasePipe, TitleCasePipe } from '@angular/common';
|
|
5
5
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
6
6
|
import { cuiIsIcon, CUI_ICONS } from '@cuby-ui/icons';
|
|
7
7
|
import * as i1$1 from '@cuby-ui/cdk';
|
|
8
|
-
import { cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, cuiProvide, CUI_ANIMATION_FRAME, cuiZonefree, EMPTY_CLIENT_RECT, cuiInjectElement, CUI_LOCAL_STORAGE, CUI_IS_WEBKIT, CUI_WINDOW, cuiGetElementObscures, CUI_IS_MOBILE, CuiHoveredService, cuiPure, CuiActiveZone, cuiPointToClientRect, cuiClamp, cuiPx, cuiIfMap, cuiIsPresent, cuiTypedFromEvent, cuiZonefreeScheduler, cuiZoneOptimized, cuiIsNativeFocused, CuiItemDirective, CuiFocusTrapDirective, CuiClickOutsideDirective, CuiTargetDirective, cuiGetClosestFocusable, CuiTime, CuiElementDirective, CuiDimensionsObserverDirective, CuiIdService, CuiAutoResizingDirective, CuiDragPointerDirective, CuiDragDropDirective, CuiDragListDirective, CuiHandleScrollDirective, FilesUploader, takeCaptureFromVideo, CuiConsumptionUnitsService, UnitsAmount, CuiTypedTemplateDirective } from '@cuby-ui/cdk';
|
|
8
|
+
import { cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, cuiProvide, CUI_ANIMATION_FRAME, cuiZonefree, EMPTY_CLIENT_RECT, cuiInjectElement, CUI_LOCAL_STORAGE, CUI_IS_WEBKIT, CUI_WINDOW, cuiGetElementObscures, CUI_IS_MOBILE, CuiHoveredService, cuiPure, CuiActiveZone, cuiPointToClientRect, cuiClamp, cuiPx, cuiIfMap, cuiIsPresent, cuiTypedFromEvent, cuiZonefreeScheduler, cuiZoneOptimized, cuiIsNativeFocused, cuiWithStyles, CHAR_NO_BREAK_SPACE, CuiItemDirective, CuiFocusTrapDirective, CuiClickOutsideDirective, CuiTargetDirective, cuiGetClosestFocusable, CuiTime, CuiElementDirective, CuiDimensionsObserverDirective, CuiIdService, CuiAutoResizingDirective, CuiDragPointerDirective, CuiDragDropDirective, CuiDragListDirective, CuiHandleScrollDirective, FilesUploader, takeCaptureFromVideo, CuiConsumptionUnitsService, UnitsAmount, CuiTypedTemplateDirective } from '@cuby-ui/cdk';
|
|
9
9
|
import { BehaviorSubject, takeUntil, Observable, merge, distinctUntilChanged, startWith, map, finalize, switchMap, tap, catchError, throwError, of, from, filter, timer, Subject, delay, repeat, takeWhile, fromEvent, debounce, skip, take, forkJoin, throttleTime, concatMap, toArray, debounceTime, pairwise, EMPTY } from 'rxjs';
|
|
10
10
|
import { __decorate, __metadata } from 'tslib';
|
|
11
11
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -2161,6 +2161,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2161
2161
|
}, template: "<div\n *ngFor=\"let hint of hints\"\n role=\"tooltip\"\n @cuiParentAnimation\n [cuiActiveZoneParent]=\"hint.activeZone || null\"\n>\n <ng-container *polymorpheusOutlet=\"hint.component; context: { $implicit: hint }\" />\n</div>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:0}\n"] }]
|
|
2162
2162
|
}] });
|
|
2163
2163
|
|
|
2164
|
+
const FADE = [{ opacity: 0.06 }, { opacity: 1 }];
|
|
2165
|
+
|
|
2166
|
+
const MAX_PLACEHOLDER_LENGTH_LIMITER = 11;
|
|
2167
|
+
|
|
2168
|
+
const MIN_PLACEHOLDER_LENGTH_LIMITER = 5;
|
|
2169
|
+
|
|
2170
|
+
class CuiSkeletonStyles {
|
|
2171
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeletonStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2172
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiSkeletonStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "cui-skeleton-styles" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes cuiSkeleton{0%{background-position:150% center}to{background-position:-50% center}}[cuiSkeleton]._skeleton{color:transparent;box-shadow:none!important;border:none!important;background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;-webkit-text-fill-color:transparent;animation:cuiSkeleton 2s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:8px;opacity:.06}[cuiSkeleton]._skeleton[data-cui-skeleton]{background:transparent!important}[cuiSkeleton]._skeleton[data-cui-skeleton]:before{content:attr(data-cui-skeleton);background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;animation:cuiSkeleton 2s ease-in-out infinite alternate;font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2173
|
+
}
|
|
2174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeletonStyles, decorators: [{
|
|
2175
|
+
type: Component,
|
|
2176
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2177
|
+
class: 'cui-skeleton-styles'
|
|
2178
|
+
}, styles: ["@keyframes cuiSkeleton{0%{background-position:150% center}to{background-position:-50% center}}[cuiSkeleton]._skeleton{color:transparent;box-shadow:none!important;border:none!important;background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;-webkit-text-fill-color:transparent;animation:cuiSkeleton 2s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:8px;opacity:.06}[cuiSkeleton]._skeleton[data-cui-skeleton]{background:transparent!important}[cuiSkeleton]._skeleton[data-cui-skeleton]:before{content:attr(data-cui-skeleton);background-image:linear-gradient(90deg,#121315 0% 30%,#e7e7e7 43.75%,#939393 57.5%,#121315 70% 100%)!important;background-size:200% auto;animation:cuiSkeleton 2s ease-in-out infinite alternate;font-size:smaller;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px}\n"] }]
|
|
2179
|
+
}] });
|
|
2180
|
+
class CuiSkeleton {
|
|
2181
|
+
constructor() {
|
|
2182
|
+
this.el = cuiInjectElement();
|
|
2183
|
+
this.duration = cuiGetDuration(inject(CUI_ANIMATIONS_SPEED)) * 2;
|
|
2184
|
+
this.nothing = cuiWithStyles(CuiSkeletonStyles);
|
|
2185
|
+
this._skeleton = signal(false);
|
|
2186
|
+
this.placeholder = computed(() => {
|
|
2187
|
+
const value = this._skeleton();
|
|
2188
|
+
switch (typeof value) {
|
|
2189
|
+
case 'number':
|
|
2190
|
+
return Array.from({ length: value })
|
|
2191
|
+
.map(() => CHAR_NO_BREAK_SPACE.repeat(this.getLength()))
|
|
2192
|
+
.join(' ');
|
|
2193
|
+
case 'string':
|
|
2194
|
+
return value;
|
|
2195
|
+
default:
|
|
2196
|
+
return null;
|
|
2197
|
+
}
|
|
2198
|
+
});
|
|
2199
|
+
this.skeleton = computed(() => !!this._skeleton());
|
|
2200
|
+
}
|
|
2201
|
+
set cuiSkeleton(value) {
|
|
2202
|
+
this._skeleton.set(value);
|
|
2203
|
+
this.animation?.cancel();
|
|
2204
|
+
if (!value) {
|
|
2205
|
+
this.animation = this.el.animate?.(FADE, this.duration);
|
|
2206
|
+
}
|
|
2207
|
+
}
|
|
2208
|
+
getLength() {
|
|
2209
|
+
return Math.floor(Math.random() * MAX_PLACEHOLDER_LENGTH_LIMITER) + MIN_PLACEHOLDER_LENGTH_LIMITER;
|
|
2210
|
+
}
|
|
2211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2212
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CuiSkeleton, isStandalone: true, selector: "[cuiSkeleton]", inputs: { cuiSkeleton: "cuiSkeleton" }, host: { attributes: { "cuiSkeleton": "" }, properties: { "class._skeleton": "skeleton()", "attr.data-cui-skeleton": "placeholder()" } }, ngImport: i0 }); }
|
|
2213
|
+
}
|
|
2214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiSkeleton, decorators: [{
|
|
2215
|
+
type: Directive,
|
|
2216
|
+
args: [{
|
|
2217
|
+
standalone: true,
|
|
2218
|
+
selector: '[cuiSkeleton]',
|
|
2219
|
+
host: {
|
|
2220
|
+
cuiSkeleton: '',
|
|
2221
|
+
'[class._skeleton]': 'skeleton()',
|
|
2222
|
+
'[attr.data-cui-skeleton]': 'placeholder()'
|
|
2223
|
+
}
|
|
2224
|
+
}]
|
|
2225
|
+
}], propDecorators: { cuiSkeleton: [{
|
|
2226
|
+
type: Input
|
|
2227
|
+
}] } });
|
|
2228
|
+
|
|
2164
2229
|
class AlertHintComponent {
|
|
2165
2230
|
constructor() {
|
|
2166
2231
|
this.DEFAULT_TOOLTIP_TEXT = 'In development';
|
|
@@ -12314,5 +12379,5 @@ function handleError(handler, useDefaultError = true) {
|
|
|
12314
12379
|
* Generated bundle index. Do not edit.
|
|
12315
12380
|
*/
|
|
12316
12381
|
|
|
12317
|
-
export { AlertHintComponent, AngularOutsideLoaderService, AssigneeRoleItemComponent, AssigneeRolesTabsComponent, ButtonChangeThemeComponent, CUI_ACTIVITY_SERVICE_TOKEN, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_RESOURCE_STATE_SERVICE_TOKEN, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_SUBJECT_MODAL_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CUI_USED_ELEMENTS_SERVICE_TOKEN, CUI_UTILITY_SERVICE_TOKEN, ContentHeaderComponent, CuiAbstractTabsComponent, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiActivityBaseService, CuiActivityImplService, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiCircleLoaderComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionInfoFormComponent, CuiCriterionModalCreateComponent, CuiCriterionReadonlyInfoComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileIconComponent, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiFramerPreviewComponent, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiGlobalErrorHandler, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionInfoFormComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLibTranslations, CuiLinearLoaderComponent, CuiLinkMarker, CuiListTool, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiReadonlyUtilityModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiStatedLoaderComponent, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiUserActionContextMenuComponent, CuiUtilityModalComponent, CuiUtilityModalCreateComponent, CuiUtilityReadonlyThumbnailComponent, CuiUtilityThumbnailComponent, CuiVideoTool, CuiVisualViewportService, InsertedComponent, ModalDividedSectionComponent, ModalHeaderComponent, ModalHeaderInsertedButtonsComponent, ModalInfoTabComponent, ModalOperationPartComponent, ModalResourcesTabComponent, OptionsButtonComponent, RenderDynamicModalComponent, ResourceStateBaseService, ResourcesBlockComponent, ResourcesBlockPartComponent, ResourcesBlockTabsComponent$1 as ResourcesBlockTabsComponent, ResourcesOptionsComponent, SubjectModalBaseService, UTILITY_MODAL_SERVICE_TOKEN, UsedElementsBaseService, UtilityBaseService, UtilityInfoReadonlyComponent, createEditorTools, cuiAuthInterceptor, cuiCheckFixedPosition, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, handleError, openFileInBrowser, presetConfigToken, provideCuiAuth, provideCuiErrorHandler, provideCuiTabs, setLoading, sseStreamReaderInterceptor };
|
|
12382
|
+
export { AlertHintComponent, AngularOutsideLoaderService, AssigneeRoleItemComponent, AssigneeRolesTabsComponent, ButtonChangeThemeComponent, CUI_ACTIVITY_SERVICE_TOKEN, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_RESOURCE_STATE_SERVICE_TOKEN, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_SUBJECT_MODAL_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CUI_USED_ELEMENTS_SERVICE_TOKEN, CUI_UTILITY_SERVICE_TOKEN, ContentHeaderComponent, CuiAbstractTabsComponent, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiActivityBaseService, CuiActivityImplService, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiCircleLoaderComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionInfoFormComponent, CuiCriterionModalCreateComponent, CuiCriterionReadonlyInfoComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileIconComponent, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiFramerPreviewComponent, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiGlobalErrorHandler, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionInfoFormComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLibTranslations, CuiLinearLoaderComponent, CuiLinkMarker, CuiListTool, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiReadonlyUtilityModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiSkeleton, CuiStatedLoaderComponent, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiUserActionContextMenuComponent, CuiUtilityModalComponent, CuiUtilityModalCreateComponent, CuiUtilityReadonlyThumbnailComponent, CuiUtilityThumbnailComponent, CuiVideoTool, CuiVisualViewportService, InsertedComponent, ModalDividedSectionComponent, ModalHeaderComponent, ModalHeaderInsertedButtonsComponent, ModalInfoTabComponent, ModalOperationPartComponent, ModalResourcesTabComponent, OptionsButtonComponent, RenderDynamicModalComponent, ResourceStateBaseService, ResourcesBlockComponent, ResourcesBlockPartComponent, ResourcesBlockTabsComponent$1 as ResourcesBlockTabsComponent, ResourcesOptionsComponent, SubjectModalBaseService, UTILITY_MODAL_SERVICE_TOKEN, UsedElementsBaseService, UtilityBaseService, UtilityInfoReadonlyComponent, createEditorTools, cuiAuthInterceptor, cuiCheckFixedPosition, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, handleError, openFileInBrowser, presetConfigToken, provideCuiAuth, provideCuiErrorHandler, provideCuiTabs, setLoading, sseStreamReaderInterceptor };
|
|
12318
12383
|
//# sourceMappingURL=cuby-ui-core.mjs.map
|