@esri/calcite-components 2.2.0-next.0 → 2.2.0-next.1

package/dist/calcite/p-bab2d75e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","page","selected","chevron","disabled","ellipsis","ICONS","next","previous","first","last","calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt","paginationCss","firstAndLastPageCount","ellipsisCount","maxItemBreakpoints","Pagination","this","resizeObserver","createObserver","entries","forEach","resizeHandler","contentRect","setMaxItemsToBreakpoint","firstClicked","startItem","emitUpdate","lastClicked","lastStartItem","previousClicked","async","previousPage","nextClicked","nextPage","handlePageClick","event","target","value","onMessagesChange","handleTotalPages","pageSize","totalPages","totalItems","effectiveLocaleChange","updateMessages","effectiveLocale","effectiveLocaleWatcher","numberStringFormatter","numberFormatOptions","locale","numberingSystem","useGrouping","groupSeparator","handleLastStartItemChange","Math","floor","handleIsXXSmall","isXXSmall","maxItems","connectedCallback","connectLocalized","connectMessages","observe","el","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","clientWidth","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnect","setFocus","componentFocusable","focus","showStartEllipsis","showEndEllipsis","calcitePaginationChange","emit","renderEllipsis","type","h","class","key","renderItems","items","push","renderPage","renderFirstPage","renderStartEllipsis","renderEndEllipsis","remainingItems","end","nextStart","i","start","displayedPage","localize","toString","onClick","renderPreviousChevron","messages","flipRtl","icon","scale","getIconScale","renderNextChevron","renderFirstChevron","renderLastChevron","render","Fragment"],"sources":["src/components/pagination/resources.ts","../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts","src/components/pagination/pagination.scss?tag=calcite-pagination&encapsulation=shadow","src/components/pagination/pagination.tsx"],"sourcesContent":["export const CSS = {\n  page: \"page\",\n  selected: \"selected\",\n  chevron: \"chevron\",\n  disabled: \"disabled\",\n  ellipsis: \"ellipsis\",\n};\n\nexport const ICONS = {\n  next: \"chevron-right\",\n  previous: \"chevron-left\",\n  first: \"chevron-start\",\n  last: \"chevron-end\",\n};\n","/**\n * Do not edit directly\n * Generated on Tue, 19 Dec 2023 17:47:34 GMT\n */\n\nexport const calciteBorderWidthNone = \"0\";\nexport const calciteBorderWidthSm = \"1px\";\nexport const calciteBorderWidthMd = \"2px\";\nexport const calciteBorderWidthLg = \"4px\";\nexport const calciteColorBackground = {\"light\":\"#f8f8f8\",\"dark\":\"#353535\"};\nexport const calciteColorBackgroundNone = \"rgba(255, 255, 255, 0)\";\nexport const calciteColorForeground1 = {\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"};\nexport const calciteColorForeground2 = {\"light\":\"#f3f3f3\",\"dark\":\"#202020\"};\nexport const calciteColorForeground3 = {\"light\":\"#eaeaea\",\"dark\":\"#151515\"};\nexport const calciteColorForegroundCurrent = {\"light\":\"#c7eaff\",\"dark\":\"#214155\"};\nexport const calciteColorTransparent = {\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"};\nexport const calciteColorTransparentHover = {\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.04)\"};\nexport const calciteColorTransparentPress = {\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.08)\"};\nexport const calciteColorTransparentScrim = {\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"};\nexport const calciteColorTransparentTint = {\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"};\nexport const calciteColorBrand = {\"light\":\"#007ac2\",\"dark\":\"#009af2\"};\nexport const calciteColorBrandHover = {\"light\":\"#00619b\",\"dark\":\"#007ac2\"};\nexport const calciteColorBrandPress = {\"light\":\"#004874\",\"dark\":\"#00619b\"};\nexport const calciteColorBrandUnderline = {\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"};\nexport const calciteColorStatusInfo = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorStatusInfoHover = {\"light\":\"#004874\",\"dark\":\"#3db8ff\"};\nexport const calciteColorStatusInfoPress = {\"light\":\"#00304d\",\"dark\":\"#009af2\"};\nexport const calciteColorStatusSuccess = {\"light\":\"#35ac46\",\"dark\":\"#36da43\"};\nexport const calciteColorStatusSuccessHover = {\"light\":\"#288835\",\"dark\":\"#3bed52\"};\nexport const calciteColorStatusSuccessPress = {\"light\":\"#1a6324\",\"dark\":\"#00b81b\"};\nexport const calciteColorStatusWarning = {\"light\":\"#edd317\",\"dark\":\"#ffc900\"};\nexport const calciteColorStatusWarningHover = {\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"};\nexport const calciteColorStatusWarningPress = {\"light\":\"#bfa200\",\"dark\":\"#f5d000\"};\nexport const calciteColorStatusDanger = {\"light\":\"#d83020\",\"dark\":\"#fe583e\"};\nexport const calciteColorStatusDangerHover = {\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"};\nexport const calciteColorStatusDangerPress = {\"light\":\"#7c1d13\",\"dark\":\"#d90012\"};\nexport const calciteColorInverse = {\"light\":\"#353535\",\"dark\":\"#f8f8f8\"};\nexport const calciteColorInverseHover = {\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"};\nexport const calciteColorInversePress = {\"light\":\"#202020\",\"dark\":\"#f3f3f3\"};\nexport const calciteColorText1 = {\"light\":\"#151515\",\"dark\":\"#ffffff\"};\nexport const calciteColorText2 = {\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"};\nexport const calciteColorText3 = {\"light\":\"#6a6a6a\",\"dark\":\"#9f9f9f\"};\nexport const calciteColorTextInverse = {\"light\":\"#ffffff\",\"dark\":\"#151515\"};\nexport const calciteColorTextLink = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorBorder1 = {\"light\":\"#cacaca\",\"dark\":\"#555555\"};\nexport const calciteColorBorder2 = {\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"};\nexport const calciteColorBorder3 = {\"light\":\"#dfdfdf\",\"dark\":\"#404040\"};\nexport const calciteColorBorderInput = {\"light\":\"#949494\",\"dark\":\"#757575\"};\nexport const calciteColorBorderGhost = {\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"};\nexport const calciteColorBorderWhite = {\"light\":\"#ffffff\",\"dark\":\"#f8f8f8\"};\nexport const calciteContainerSizeHeightXxs = {\"min\":\"0\",\"max\":\"154px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeHeightXs = {\"min\":\"155px\",\"max\":\"328px\"}; // Handheld devices\nexport const calciteContainerSizeHeightSm = {\"min\":\"329px\",\"max\":\"504px\"}; // Small tablets\nexport const calciteContainerSizeHeightMd = {\"min\":\"505px\",\"max\":\"678px\"}; // Small laptops\nexport const calciteContainerSizeHeightLg = {\"min\":\"679px\",\"max\":\"854px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeHeightXl = {\"min\":\"855px\"}; // Projectors and televisions\nexport const calciteContainerSizeWidthXxs = {\"min\":\"0\",\"max\":\"320px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeWidthXs = {\"min\":\"321px\",\"max\":\"476px\"}; // Handheld devices\nexport const calciteContainerSizeWidthSm = {\"min\":\"477px\",\"max\":\"768px\"}; // Small tablets\nexport const calciteContainerSizeWidthMd = {\"min\":\"769px\",\"max\":\"1152px\"}; // Small laptops\nexport const calciteContainerSizeWidthLg = {\"min\":\"1153px\",\"max\":\"1440px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeWidthXl = {\"min\":\"1441px\"}; // Projectors and televisions\nexport const calciteContainerSizeMargin = \"24px\";\nexport const calciteContainerSizeGutter = \"16px\";\nexport const calciteContainerSizeContentFluid = \"100%\"; // for fluid grid widths\nexport const calciteContainerSizeContentFixed = \"1440px\"; // only for lg breakpoint fixed grid width\nexport const calciteCornerRadius = \"0\";\nexport const calciteCornerRadiusSharp = \"0\";\nexport const calciteCornerRadiusRound = \"4px\";\nexport const calciteCornerRadiusPill = \"100%\";\nexport const calciteFontFamily = [\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]; // Primary font with fallbacks\nexport const calciteFontFamilyCode = [\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]; // Font family for code with fallbacks\nexport const calciteFontWeightLight = \"300\"; // For Avenir Next World (secondary font family)\nexport const calciteFontWeightNormal = \"400\"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightSemibold = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontSizeXs = \"10px\";\nexport const calciteFontSizeSm = \"12px\";\nexport const calciteFontSize = \"14px\";\nexport const calciteFontSizeMd = \"16px\";\nexport const calciteFontSizeLg = \"18px\";\nexport const calciteFontSizeXl = \"20px\";\nexport const calciteFontSizeXxl = \"24px\";\nexport const calciteFontStyleEmphasis = \"italic\"; // used in ratings\nexport const calciteFontLineHeightFixedSm = \"12px\";\nexport const calciteFontLineHeightFixedBase = \"16px\";\nexport const calciteFontLineHeightFixedLg = \"20px\";\nexport const calciteFontLineHeightFixedXl = \"24px\";\nexport const calciteFontLineHeightRelative = \"auto\"; // 1\nexport const calciteFontLineHeightRelativeTight = \"1.25\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"1.375\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"1.5\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"1.625\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"2\"; // 2\nexport const calciteFontLetterSpacingTight = \"-0.4\";\nexport const calciteFontLetterSpacingNormal = \"0\";\nexport const calciteFontLetterSpacingWide = \"0.4\";\nexport const calciteFontParagraphSpacingNormal = \"4px\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacityLight = \"0.4\";\nexport const calciteOpacityHalf = \"0.5\";\nexport const calciteOpacityDark = \"0.85\";\nexport const calciteOpacityFull = \"1\";\nexport const calciteOpacityDisabled = \"0.5\";\nexport const calciteShadowNone = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadowSm = [{\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"},{\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"}];\nexport const calciteShadowMd = [{\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"},{\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"}];\nexport const calciteSizePx = \"1px\";\nexport const calciteSizeXxxs = \"2px\";\nexport const calciteSizeXxs = \"4px\";\nexport const calciteSizeXs = \"6px\";\nexport const calciteSizeSm = \"8px\";\nexport const calciteSizeSmPlus = \"10px\";\nexport const calciteSizeMd = \"12px\";\nexport const calciteSizeMdPlus = \"14px\";\nexport const calciteSizeLg = \"16px\";\nexport const calciteSizeXl = \"20px\";\nexport const calciteSizeXxl = \"24px\";\nexport const calciteSizeXxxl = \"32px\";\nexport const calciteSpacingPx = \"1px\";\nexport const calciteSpacingBase = \"2px\";\nexport const calciteSpacingXxs = \"4px\";\nexport const calciteSpacingXs = \"6px\";\nexport const calciteSpacingSm = \"8px\";\nexport const calciteSpacingMd = \"12px\";\nexport const calciteSpacingLg = \"14px\";\nexport const calciteSpacingXl = \"16px\";\nexport const calciteSpacingXxl = \"20px\";\nexport const calciteSpacingXxxl = \"32px\";\nexport const calciteTypography = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyLightMinus3h = {\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"};\nexport const calciteTypographyLightMinus2h = {\"fontSize\":\"12px\",\"fontWeight\":\"300\"};\nexport const calciteTypographyLightMinus1h = {\"fontWeight\":\"300\"};\nexport const calciteTypographyLight0h = {\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"};\nexport const calciteTypographyLight1h = {\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"};\nexport const calciteTypographyRegularMinus3h = {\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyRegularMinus2h = {\"fontSize\":\"12px\"};\nexport const calciteTypographyRegularMinus1h = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyRegular0h = {\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyRegular1h = {\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyMediumMinus3h = {\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyMediumMinus2h = {\"fontWeight\":\"500\",\"fontSize\":\"12px\"};\nexport const calciteTypographyMediumMinus1h = {\"fontWeight\":\"500\"};\nexport const calciteTypographyMedium0h = {\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyMedium1h = {\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyBoldMinus3h = {\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyBoldMinus2h = {\"fontWeight\":\"600\",\"fontSize\":\"12px\"};\nexport const calciteTypographyBoldMinus1h = {\"fontWeight\":\"600\"};\nexport const calciteTypographyBold0h = {\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyBold1h = {\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight0 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.25\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"1.375\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"1.375\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"1.375\"};\nexport const calciteTypographyHierarchyBody = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyHierarchyOverline = {\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"700\"};\nexport const calciteTypographyHierarchyCaption = {\"lineHeight\":\"1.375\",\"fontSize\":\"12px\"};\nexport const calciteZIndexDeep = \"-999999\";\nexport const calciteZIndex = \"1\";\nexport const calciteZIndexSticky = \"300\";\nexport const calciteZIndexHeader = \"400\";\nexport const calciteZIndexToast = \"500\";\nexport const calciteZIndexDropdown = \"600\";\nexport const calciteZIndexOverlay = \"700\";\nexport const calciteZIndexModal = \"800\";\nexport const calciteZIndexPopup = \"900\";\nexport const calciteZIndexTooltip = \"901\";\n","import {\n  calciteContainerSizeWidthLg,\n  calciteContainerSizeWidthMd,\n  calciteContainerSizeWidthSm,\n  calciteContainerSizeWidthXs,\n  calciteContainerSizeWidthXxs,\n} from \"@esri/calcite-design-tokens/dist/es6/global\";\n\nexport interface Breakpoints {\n  width: {\n    large: number;\n    medium: number;\n    small: number;\n    xsmall: number;\n    xxsmall: number;\n  };\n}\n\n/**\n * A breakpoints lookup object.\n */\nexport const breakpoints: Breakpoints = {\n  width: {\n    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),\n    medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),\n    small: cssLengthToNumber(calciteContainerSizeWidthSm.max),\n    xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),\n    xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),\n  },\n};\n\nfunction cssLengthToNumber(length: string): number {\n  return parseInt(length);\n}\n",":host {\n  @apply flex;\n  writing-mode: horizontal-tb;\n}\n\n:host([scale=\"s\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n2h h-6 px-1;\n    min-inline-size: theme(\"width.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n1h h-8 px-2;\n    min-inline-size: theme(\"width.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-0h h-11;\n    min-inline-size: theme(\"width.11\");\n  }\n\n  & .chevron {\n    @apply px-2.5;\n  }\n\n  & .page,\n  & .ellipsis {\n    @apply px-3;\n  }\n}\n\n// focus styles\n:host button {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n.chevron,\n.page,\n.ellipsis {\n  @apply p-0\n    m-0\n    text-0h\n    text-color-3\n    font-inherit\n    box-border\n    flex\n    items-center\n    border-none\n    border-opacity-0\n    justify-center\n    align-baseline\n    bg-transparent;\n}\n\n.chevron,\n.page {\n  @apply cursor-pointer;\n  border-block: 2px solid transparent;\n\n  &:hover {\n    @apply text-color-1 transition-default;\n  }\n}\n\n.page {\n  &:hover {\n    @apply border-b-color-2;\n  }\n  &.selected {\n    @apply text-color-1 border-b-color-brand font-medium;\n  }\n}\n\n.chevron {\n  &:hover {\n    @apply bg-foreground-2;\n    color: theme(\"backgroundColor.brand\");\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &.disabled {\n    @apply pointer-events-none bg-transparent;\n    & > calcite-icon {\n      @apply opacity-disabled;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { PaginationMessages } from \"./assets/pagination/t9n\";\nimport { CSS, ICONS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { breakpoints } from \"../../utils/responsive\";\nimport { getIconScale } from \"../../utils/component\";\n\nexport interface PaginationDetail {\n  start: number;\n  totalItems: number;\n  startItem: number;\n}\n\nconst firstAndLastPageCount = 2;\nconst ellipsisCount = 2;\n\nconst maxItemBreakpoints = {\n  large: 11,\n  medium: 9,\n  small: 7,\n  xsmall: 5,\n  xxsmall: 1,\n};\n\n@Component({\n  tag: \"calcite-pagination\",\n  styleUrl: \"pagination.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class Pagination\n  implements LocalizedComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PaginationMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<PaginationMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** Specifies the number of items per page. */\n  @Prop({ mutable: true, reflect: true }) pageSize = 20;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the starting item number. */\n  @Prop({ mutable: true, reflect: true }) startItem = 1;\n\n  /** Specifies the total number of items. */\n  @Prop({ reflect: true }) totalItems = 0;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  handleTotalPages(): void {\n    if (this.pageSize < 1) {\n      this.pageSize = 1;\n    }\n    this.totalPages = this.totalItems / this.pageSize;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePaginationElement;\n\n  @State() defaultMessages: PaginationMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n  }\n\n  @State() maxItems = maxItemBreakpoints.xxsmall;\n\n  @State() totalPages: number;\n\n  @State() lastStartItem: number;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  @Watch(\"totalPages\")\n  handleLastStartItemChange(): void {\n    const { totalItems, pageSize, totalPages } = this;\n\n    this.lastStartItem =\n      (totalItems % pageSize === 0 ? totalItems - pageSize : Math.floor(totalPages) * pageSize) + 1;\n  }\n\n  @State() isXXSmall: boolean;\n\n  @Watch(\"maxItems\")\n  handleIsXXSmall(): void {\n    this.isXXSmall = this.maxItems === maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeObserver = createObserver(\"resize\", (entries) =>\n    entries.forEach(this.resizeHandler)\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected page changes.\n   */\n  @Event({ cancelable: false }) calcitePaginationChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    this.handleTotalPages();\n    this.handleLastStartItemChange();\n    this.handleIsXXSmall();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.setMaxItemsToBreakpoint(this.el.clientWidth);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /** Go to the next page of results. */\n  @Method()\n  async nextPage(): Promise<void> {\n    this.startItem = Math.min(this.lastStartItem, this.startItem + this.pageSize);\n  }\n\n  /** Go to the previous page of results. */\n  @Method()\n  async previousPage(): Promise<void> {\n    this.startItem = Math.max(1, this.startItem - this.pageSize);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setMaxItemsToBreakpoint(width: number): void {\n    if (!breakpoints || !width) {\n      return;\n    }\n\n    if (width >= breakpoints.width.medium) {\n      this.maxItems = maxItemBreakpoints.large;\n      return;\n    }\n\n    if (width >= breakpoints.width.small) {\n      this.maxItems = maxItemBreakpoints.medium;\n      return;\n    }\n\n    if (width >= breakpoints.width.xsmall) {\n      this.maxItems = maxItemBreakpoints.small;\n      return;\n    }\n\n    if (width >= breakpoints.width.xxsmall) {\n      this.maxItems = maxItemBreakpoints.xsmall;\n      return;\n    }\n\n    this.maxItems = maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeHandler = ({ contentRect: { width } }: ResizeObserverEntry): void =>\n    this.setMaxItemsToBreakpoint(width);\n\n  private firstClicked = (): void => {\n    this.startItem = 1;\n    this.emitUpdate();\n  };\n\n  private lastClicked = (): void => {\n    this.startItem = this.lastStartItem;\n    this.emitUpdate();\n  };\n\n  private previousClicked = async (): Promise<void> => {\n    await this.previousPage();\n    this.emitUpdate();\n  };\n\n  private nextClicked = async (): Promise<void> => {\n    await this.nextPage();\n    this.emitUpdate();\n  };\n\n  private showStartEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      Math.floor(this.startItem / this.pageSize) >\n        this.maxItems - firstAndLastPageCount - ellipsisCount\n    );\n  }\n\n  private showEndEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      (this.totalItems - this.startItem) / this.pageSize >\n        this.maxItems - firstAndLastPageCount - (ellipsisCount - 1)\n    );\n  }\n\n  private emitUpdate() {\n    this.calcitePaginationChange.emit();\n  }\n\n  private handlePageClick = (event: Event) => {\n    const target = event.target as HTMLButtonElement;\n    this.startItem = parseInt(target.value, 10);\n    this.emitUpdate();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderEllipsis(type: \"start\" | \"end\"): VNode {\n    return (\n      <span class={CSS.ellipsis} data-test-ellipsis={type} key={type}>\n        &hellip;\n      </span>\n    );\n  }\n\n  renderItems(): VNode[] {\n    const { totalItems, pageSize, startItem, maxItems, totalPages, lastStartItem, isXXSmall } =\n      this;\n\n    const items: VNode[] = [];\n\n    if (isXXSmall) {\n      items.push(this.renderPage(startItem));\n      return items;\n    }\n\n    const renderFirstPage = totalItems > pageSize;\n    const renderStartEllipsis = this.showStartEllipsis();\n    const renderEndEllipsis = this.showEndEllipsis();\n\n    if (renderFirstPage) {\n      items.push(this.renderPage(1));\n    }\n\n    if (renderStartEllipsis) {\n      items.push(this.renderEllipsis(\"start\"));\n    }\n\n    const remainingItems =\n      maxItems -\n      firstAndLastPageCount -\n      (renderEndEllipsis ? 1 : 0) -\n      (renderStartEllipsis ? 1 : 0);\n\n    let end: number;\n    let nextStart: number;\n\n    // if we don't need ellipses render the whole set\n    if (totalPages - 1 <= remainingItems) {\n      nextStart = 1 + pageSize;\n      end = lastStartItem - pageSize;\n    } else {\n      // if we're within max pages of page 1\n      if (startItem / pageSize < remainingItems) {\n        nextStart = 1 + pageSize;\n        end = 1 + remainingItems * pageSize;\n      } else {\n        // if we're within max pages of last page\n        if (startItem + remainingItems * pageSize >= totalItems) {\n          nextStart = lastStartItem - remainingItems * pageSize;\n          end = lastStartItem - pageSize;\n        } else {\n          // if we're within the center pages\n          nextStart = startItem - pageSize * ((remainingItems - 1) / 2);\n          end = startItem + pageSize * ((remainingItems - 1) / 2);\n        }\n      }\n    }\n\n    for (let i = 0; i < remainingItems && nextStart <= end; i++) {\n      items.push(this.renderPage(nextStart));\n      nextStart = nextStart + pageSize;\n    }\n\n    if (renderEndEllipsis) {\n      items.push(this.renderEllipsis(\"end\"));\n    }\n\n    items.push(this.renderPage(lastStartItem));\n\n    return items;\n  }\n\n  renderPage(start: number): VNode {\n    const { pageSize } = this;\n    const page = Math.floor(start / pageSize) + (pageSize === 1 ? 0 : 1);\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    const displayedPage = numberStringFormatter.localize(page.toString());\n    const selected = start === this.startItem;\n\n    return (\n      <button\n        aria-current={selected ? \"page\" : \"false\"}\n        class={{\n          [CSS.page]: true,\n          [CSS.selected]: selected,\n        }}\n        onClick={this.handlePageClick}\n        value={start}\n      >\n        {displayedPage}\n      </button>\n    );\n  }\n\n  renderPreviousChevron(): VNode {\n    const { pageSize, startItem, messages } = this;\n\n    const disabled = pageSize === 1 ? startItem <= pageSize : startItem < pageSize;\n\n    return (\n      <button\n        aria-label={messages.previous}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"previous\"\n        disabled={disabled}\n        key=\"previous\"\n        onClick={this.previousClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.previous} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderNextChevron(): VNode {\n    const { totalItems, pageSize, startItem, messages } = this;\n\n    const disabled =\n      pageSize === 1 ? startItem + pageSize > totalItems : startItem + pageSize > totalItems;\n\n    return (\n      <button\n        aria-label={messages.next}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"next\"\n        disabled={disabled}\n        key=\"next-button\"\n        onClick={this.nextClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.next} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderFirstChevron(): VNode {\n    const { messages, startItem, isXXSmall } = this;\n\n    const disabled = startItem === 1;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.first}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"first-button\"\n        onClick={this.firstClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.first} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderLastChevron(): VNode {\n    const { messages, startItem, isXXSmall, lastStartItem } = this;\n\n    const disabled = startItem === lastStartItem;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.last}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"last-button\"\n        onClick={this.lastClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.last} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderFirstChevron()}\n        {this.renderPreviousChevron()}\n        {this.renderItems()}\n        {this.renderNextChevron()}\n        {this.renderLastChevron()}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-bb78d0f7.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{d as _}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export default m;
-//# sourceMappingURL=p-bb78d0f7.js.map

package/dist/calcite/p-bc82f7aa.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{r as t,h as o,H as e,g as i,f as n}from"./p-dc8f6790.js";import{t as a}from"./p-12a478b3.js";import{g as c}from"./p-323e64e5.js";import{c as r,d as s,u as l}from"./p-0db1222f.js";import{s as d,a as u,c as h}from"./p-c4036842.js";import{c as b,d as p}from"./p-456bf4d5.js";import{c as f}from"./p-ce27299c.js";import{g}from"./p-d7695581.js";import{u as m,c as v,s as x,d as y}from"./p-a825c716.js";import"./p-5ac783f8.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";const k={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"};const z={tooltip:"tooltip"};const w=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-color-brand)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-color-foreground-1);fill:var(--calcite-color-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.button:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.button:active{background-color:var(--calcite-color-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([data-active]) .button{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-color-foreground-3);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}:host([active]) .button:active{background-color:var(--calcite-color-foreground-1)}:host([appearance=transparent]) .button{background-color:transparent}:host([appearance=transparent][active]) .button,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading][appearance=solid]) .button,:host([loading][appearance=solid]) .button:hover,:host([loading][appearance=solid]) .button:focus{background-color:var(--calcite-color-foreground-1)}:host([loading][appearance=solid]) .button .text-container,:host([loading][appearance=solid]) .button:hover .text-container,:host([loading][appearance=solid]) .button:focus .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-color-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(o){t(this,o);this.mutationObserver=f("mutation",(()=>n(this)));this.guid=`calcite-action-${c()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=t=>{const o=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));const e=o[0];if(e){e.referenceElement=this.buttonEl}};this.active=false;this.alignment=undefined;this.appearance="solid";this.compact=false;this.disabled=false;this.icon=undefined;this.iconFlipRtl=false;this.indicator=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){r(this);b(this);v(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){d(this);{await x(this)}}componentDidLoad(){u(this)}disconnectedCallback(){s(this);p(this);y(this);this.mutationObserver?.disconnect()}componentDidRender(){l(this)}async setFocus(){await h(this);this.buttonEl?.focus()}renderTextContainer(){const{text:t,textEnabled:e}=this;const i={[k.textContainer]:true,[k.textContainerVisible]:e};return t?o("div",{class:i,key:"text-container"},t):null}renderIndicatorText(){const{indicator:t,messages:e,indicatorId:i,buttonId:n}=this;return o("div",{"aria-labelledby":n,"aria-live":"polite",class:k.indicatorText,id:i,role:"region"},t?e.indicator:null)}renderIconContainer(){const{loading:t,icon:e,scale:i,el:n,iconFlipRtl:a,indicator:c}=this;const r=i==="l"?"l":"m";const s=t?o("calcite-loader",{inline:true,label:this.messages.loading,scale:r}):null;const l=e?o("calcite-icon",{class:{[k.indicatorWithIcon]:c},flipRtl:a,icon:e,scale:g(this.scale)}):null;const d=s||l;const u=d||n.children?.length;const h=o("div",{class:{[k.slotContainer]:true,[k.slotContainerHidden]:t}},o("slot",null));return u?o("div",{"aria-hidden":"true",class:k.iconContainer,key:"icon-container"},d,h):null}render(){const{active:t,compact:i,disabled:n,icon:c,loading:r,textEnabled:s,label:l,text:d,indicator:u,indicatorId:h,buttonId:b,messages:p}=this;const f=`${l||d}${u?` (${p.indicator})`:""}`;const g={[k.button]:true,[k.buttonTextVisible]:s,[k.buttonCompact]:i};return o(e,null,o("button",{"aria-busy":a(r),"aria-controls":u?h:null,"aria-disabled":a(n),"aria-label":f,"aria-pressed":a(t),class:g,disabled:n,id:b,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer(),!c&&u&&o("div",{class:k.indicatorWithoutIcon,key:"indicator-no-icon"})),o("slot",{name:z.tooltip,onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText())}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=w;export{j as calcite_action};
-//# sourceMappingURL=p-bc82f7aa.entry.js.map

package/dist/calcite/p-bc82f7aa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","button","buttonTextVisible","buttonCompact","indicatorText","iconContainer","slotContainer","slotContainerHidden","textContainer","textContainerVisible","indicatorWithIcon","indicatorWithoutIcon","SLOTS","tooltip","actionCss","Action","this","mutationObserver","createObserver","forceUpdate","guid","indicatorId","buttonId","handleTooltipSlotChange","event","tooltips","target","assignedElements","flatten","filter","el","matches","referenceElement","buttonEl","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","observe","childList","subtree","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnect","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focus","renderTextContainer","text","textEnabled","textContainerClasses","h","class","key","renderIndicatorText","indicator","messages","id","role","renderIconContainer","loading","icon","scale","iconFlipRtl","loaderScale","calciteLoaderNode","inline","label","calciteIconNode","flipRtl","getIconScale","iconNode","hasIconToDisplay","children","length","slotContainerNode","render","active","compact","disabled","ariaLabel","buttonClasses","Host","toAriaBoolean","ref","name","onSlotchange"],"sources":["src/components/action/resources.ts","src/components/action/action.scss?tag=calcite-action&encapsulation=shadow","src/components/action/action.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n  buttonTextVisible: \"button--text-visible\",\n  buttonCompact: \"button--compact\",\n  indicatorText: \"indicator-text\",\n  iconContainer: \"icon-container\",\n  slotContainer: \"slot-container\",\n  slotContainerHidden: \"slot-container--hidden\",\n  textContainer: \"text-container\",\n  textContainerVisible: \"text-container--visible\",\n  indicatorWithIcon: \"indicator-with-icon\",\n  indicatorWithoutIcon: \"indicator-without-icon\",\n};\n\nexport const SLOTS = {\n  tooltip: \"tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-indicator-color: Specifies the color of the component's indicator.\n */\n\n:host {\n  @extend %component-host;\n  @apply flex bg-transparent;\n  --calcite-action-indicator-color: theme(\"colors.brand\");\n}\n\n@mixin action-indicator() {\n  position: relative;\n  &::after {\n    content: \"\";\n    @apply absolute\n      h-2\n      w-2\n      rounded-full;\n    inset-block-end: calc(-0.275rem);\n    inset-inline-end: calc(-0.275rem);\n    background-color: var(--calcite-action-indicator-color);\n  }\n}\n\n@include disabled();\n\n.button {\n  @apply bg-foreground-1\n    fill-color-3\n    focus-base\n    text-n2h\n    text-color-3\n    relative\n    m-0\n    flex\n    w-auto\n    cursor-pointer\n    items-center\n    justify-start\n    border-none\n    font-sans\n    font-medium;\n\n  text-align: unset;\n  flex: 1 0 auto;\n  &:hover {\n    @apply bg-foreground-2 text-color-1 fill-color-1;\n  }\n\n  &:focus {\n    @apply bg-foreground-2 text-color-1 fill-color-1 focus-inset;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n\n  .icon-container {\n    @apply pointer-events-none\n      m-0\n      flex\n      items-center\n      justify-center;\n    min-inline-size: theme(\"spacing.4\");\n    min-block-size: theme(\"spacing.4\");\n  }\n\n  .text-container {\n    @apply m-0\n      w-0\n      truncate\n      leading-6\n      opacity-0\n      transition-opacity\n      duration-150\n      ease-in-out;\n    transition-property: margin;\n    transition-property: inline-size;\n  }\n\n  .text-container--visible {\n    @apply w-auto flex-auto opacity-100;\n  }\n}\n\n:host([data-active]) .button {\n  @apply focus-inset;\n}\n\n:host([scale=\"s\"]) {\n  .button {\n    @apply text-n2h px-2 py-1 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.2\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  .button {\n    @apply text-n1h px-4 py-3 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.3\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  .button {\n    @apply text-0h p-5 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.4\");\n  }\n}\n\n:host([alignment=\"center\"]) .button {\n  @apply justify-center;\n}\n\n:host([alignment=\"end\"]) .button {\n  @apply justify-end;\n}\n\n:host([alignment=\"center\"]),\n:host([alignment=\"end\"]) {\n  .button .text-container--visible {\n    @apply flex-initial;\n  }\n}\n\n// Compact\n:host([scale=\"s\"][compact]) .button,\n:host([scale=\"m\"][compact]) .button,\n:host([scale=\"l\"][compact]) .button {\n  @apply px-0;\n}\n\n.slot-container {\n  @apply flex;\n}\n\n.slot-container--hidden {\n  @apply hidden;\n}\n\n.button--text-visible {\n  @apply w-full;\n}\n\n:host([active]) .button,\n:host([active]) .button:hover,\n:host([active]) .button:focus,\n:host([active][loading]) .button {\n  @apply text-color-1 fill-color-1 bg-foreground-3;\n}\n\n:host([active]) .button:active {\n  @apply bg-foreground-1;\n}\n\n:host([appearance=\"transparent\"]) .button {\n  @apply bg-transparent;\n}\n\n:host([appearance=\"transparent\"][active]) .button,\n:host([appearance=\"transparent\"]) .button:hover,\n:host([appearance=\"transparent\"]) .button:focus {\n  background-color: var(--calcite-button-transparent-hover);\n}\n\n:host([appearance=\"transparent\"]) .button:active {\n  background-color: var(--calcite-button-transparent-press);\n}\n\n:host([appearance=\"transparent\"][disabled]) .button {\n  @apply bg-transparent;\n}\n\n:host([loading][appearance=\"solid\"]) .button,\n:host([loading][appearance=\"solid\"]) .button:hover,\n:host([loading][appearance=\"solid\"]) .button:focus {\n  @apply bg-foreground-1;\n  .text-container {\n    @apply opacity-disabled;\n  }\n}\n\n:host([loading]) calcite-loader[inline] {\n  @apply text-color-3;\n  margin-inline-end: theme(\"spacing.0\");\n}\n\n:host([disabled]) .button,\n:host([disabled]) .button:hover,\n:host([disabled]) .button:focus {\n  @apply opacity-disabled bg-foreground-1 cursor-default;\n}\n\n:host([disabled][active]) .button,\n:host([disabled][active]) .button:hover,\n:host([disabled][active]) .button:focus {\n  @apply opacity-disabled bg-foreground-3;\n}\n\n:host([appearance=\"transparent\"]) .button {\n  @apply bg-transparent\n    transition-shadow\n    duration-150\n    ease-in-out;\n}\n\n.indicator-with-icon {\n  @include action-indicator();\n}\n\n.indicator-without-icon {\n  @apply w-4 mx-1;\n  @include action-indicator();\n}\n\n.indicator-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Alignment, Appearance, Scale } from \"../interfaces\";\nimport { ActionMessages } from \"./assets/action/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a `calcite-icon`.\n * @slot tooltip - A slot for adding a `calcite-tooltip`.\n */\n@Component({\n  tag: \"calcite-action\",\n  styleUrl: \"action.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Action\n  implements InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is highlighted.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the horizontal alignment of button elements with text content.\n   */\n  @Prop({ reflect: true }) alignment: Alignment;\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /**\n   * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\n   */\n  @Prop({ reflect: true }) compact = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display. */\n  @Prop() icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * When `true`, displays a visual indicator.\n   */\n  @Prop({ reflect: true }) indicator = false;\n\n  /**\n   * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text that accompanies the icon.\n   */\n  @Prop() text!: string;\n\n  /**\n   * Indicates whether the text is displayed.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ActionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionElement;\n\n  buttonEl: HTMLButtonElement;\n\n  mutationObserver = createObserver(\"mutation\", () => forceUpdate(this));\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionMessages;\n\n  guid = `calcite-action-${guid()}`;\n\n  indicatorId = `${this.guid}-indicator`;\n\n  buttonId = `${this.guid}-button`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (Build.isBrowser) {\n      await setUpMessages(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.buttonEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderTextContainer(): VNode {\n    const { text, textEnabled } = this;\n\n    const textContainerClasses = {\n      [CSS.textContainer]: true,\n      [CSS.textContainerVisible]: textEnabled,\n    };\n\n    return text ? (\n      <div class={textContainerClasses} key=\"text-container\">\n        {text}\n      </div>\n    ) : null;\n  }\n\n  renderIndicatorText(): VNode {\n    const { indicator, messages, indicatorId, buttonId } = this;\n    return (\n      <div\n        aria-labelledby={buttonId}\n        aria-live=\"polite\"\n        class={CSS.indicatorText}\n        id={indicatorId}\n        role=\"region\"\n      >\n        {indicator ? messages.indicator : null}\n      </div>\n    );\n  }\n\n  renderIconContainer(): VNode {\n    const { loading, icon, scale, el, iconFlipRtl, indicator } = this;\n    const loaderScale = scale === \"l\" ? \"l\" : \"m\";\n    const calciteLoaderNode = loading ? (\n      <calcite-loader inline label={this.messages.loading} scale={loaderScale} />\n    ) : null;\n    const calciteIconNode = icon ? (\n      <calcite-icon\n        class={{ [CSS.indicatorWithIcon]: indicator }}\n        flipRtl={iconFlipRtl}\n        icon={icon}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconNode = calciteLoaderNode || calciteIconNode;\n    const hasIconToDisplay = iconNode || el.children?.length;\n\n    const slotContainerNode = (\n      <div\n        class={{\n          [CSS.slotContainer]: true,\n          [CSS.slotContainerHidden]: loading,\n        }}\n      >\n        <slot />\n      </div>\n    );\n\n    return hasIconToDisplay ? (\n      <div aria-hidden=\"true\" class={CSS.iconContainer} key=\"icon-container\">\n        {iconNode}\n        {slotContainerNode}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const {\n      active,\n      compact,\n      disabled,\n      icon,\n      loading,\n      textEnabled,\n      label,\n      text,\n      indicator,\n      indicatorId,\n      buttonId,\n      messages,\n    } = this;\n    const ariaLabel = `${label || text}${indicator ? ` (${messages.indicator})` : \"\"}`;\n\n    const buttonClasses = {\n      [CSS.button]: true,\n      [CSS.buttonTextVisible]: textEnabled,\n      [CSS.buttonCompact]: compact,\n    };\n\n    return (\n      <Host>\n        <button\n          aria-busy={toAriaBoolean(loading)}\n          aria-controls={indicator ? indicatorId : null}\n          aria-disabled={toAriaBoolean(disabled)}\n          aria-label={ariaLabel}\n          aria-pressed={toAriaBoolean(active)}\n          class={buttonClasses}\n          disabled={disabled}\n          id={buttonId}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(buttonEl): HTMLButtonElement => (this.buttonEl = buttonEl)}\n        >\n          {this.renderIconContainer()}\n          {this.renderTextContainer()}\n          {!icon && indicator && <div class={CSS.indicatorWithoutIcon} key=\"indicator-no-icon\" />}\n        </button>\n        <slot name={SLOTS.tooltip} onSlotchange={this.handleTooltipSlotChange} />\n        {this.renderIndicatorText()}\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = (event.target as HTMLSlotElement)\n      .assignedElements({\n        flatten: true,\n      })\n      .filter((el) => el?.matches(\"calcite-tooltip\")) as HTMLCalciteTooltipElement[];\n\n    const tooltip = tooltips[0];\n\n    if (tooltip) {\n      tooltip.referenceElement = this.buttonEl;\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-c0abe5c8.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{r as e,c as t,h as a,H as i,g as n}from"./p-dc8f6790.js";import{a as s,l as o,b as l}from"./p-975df908.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-d7695581.js";const c={container:"container"};const r=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{onClick:this.labelClickHandler},a("div",{class:c.container},a("slot",null)))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};d.style=r;export{d as calcite_label};
-//# sourceMappingURL=p-c0abe5c8.entry.js.map

package/dist/calcite/p-c0abe5c8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","labelCss","Label","this","labelClickHandler","event","calciteInternalLabelClick","emit","sourceEvent","handleForChange","associateExplicitLabelToUnlabeledComponent","el","connectedCallback","document","dispatchEvent","CustomEvent","labelConnectedEvent","disconnectedCallback","labelDisconnectedEvent","render","h","Host","onClick","class"],"sources":["src/components/label/resources.ts","src/components/label/label.scss?tag=calcite-label&encapsulation=shadow","src/components/label/label.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-label-margin-bottom: The spacing below the component.\n */\n\n:host {\n  @apply flex;\n}\n\n:host([alignment=\"start\"]) {\n  text-align: start;\n}\n\n:host([alignment=\"end\"]) {\n  text-align: end;\n}\n\n:host([alignment=\"center\"]) {\n  @apply text-center;\n}\n\n:host([scale=\"s\"]) {\n  .container {\n    @apply text-n2h gap-1;\n    margin-block-end: var(--calcite-label-margin-bottom, theme(\"spacing.2\"));\n  }\n}\n:host([scale=\"m\"]) {\n  .container {\n    @apply text-n1h gap-2;\n    margin-block-end: var(--calcite-label-margin-bottom, theme(\"spacing.3\"));\n  }\n}\n:host([scale=\"l\"]) {\n  .container {\n    @apply text-0h gap-2;\n    margin-block-end: var(--calcite-label-margin-bottom, theme(\"spacing.4\"));\n  }\n}\n\n:host .container {\n  @apply text-color-1\n    mt-0\n    mx-0\n    w-full\n    leading-snug;\n}\n\n:host([layout=\"default\"]) {\n  .container {\n    @apply flex flex-col;\n  }\n}\n\n:host([layout=\"inline\"]),\n:host([layout=\"inline-space-between\"]) {\n  .container {\n    @apply flex flex-row items-center gap-2;\n  }\n}\n:host([layout=\"inline\"][scale=\"l\"]) {\n  .container {\n    @apply gap-3;\n  }\n}\n\n:host([layout=\"inline-space-between\"]) {\n  .container {\n    @apply justify-between;\n  }\n}\n\n@include disabled() {\n  & > .container {\n    @apply opacity-disabled;\n  }\n\n  // prevent opacity stacking with already disabled child elements\n  ::slotted(*[disabled]),\n  ::slotted(*[disabled] *) {\n    @apply bg-opacity-100;\n  }\n  ::slotted(calcite-input-message:not([active])) {\n    @apply bg-opacity-0;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  associateExplicitLabelToUnlabeledComponent,\n  labelConnectedEvent,\n  labelDisconnectedEvent,\n} from \"../../utils/label\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text and a component that can be labeled.\n */\n@Component({\n  tag: \"calcite-label\",\n  styleUrl: \"label.scss\",\n  shadow: true,\n})\nexport class Label {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component. */\n  @Prop({ reflect: true }) for: string;\n\n  @Watch(\"for\")\n  handleForChange(): void {\n    associateExplicitLabelToUnlabeledComponent(this.el);\n  }\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Defines the layout of the label in relation to the component. Use `\"inline\"` positions to wrap the label and component on the same line. */\n  @Prop({ reflect: true }) layout: \"inline\" | \"inline-space-between\" | \"default\" = \"default\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ bubbles: false, cancelable: false }) calciteInternalLabelClick: EventEmitter<{\n    sourceEvent: MouseEvent;\n  }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteLabelElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  labelClickHandler = (event: MouseEvent): void => {\n    this.calciteInternalLabelClick.emit({\n      sourceEvent: event,\n    });\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    document.dispatchEvent(new CustomEvent(labelConnectedEvent));\n  }\n\n  disconnectedCallback(): void {\n    document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));\n  }\n\n  render(): VNode {\n    return (\n      <Host onClick={this.labelClickHandler}>\n        <div class={CSS.container}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;kNAAO,MAAMA,EAAM,CACjBC,UAAW,aCDb,MAAMC,EAAW,0pD,MC2BJC,EAAK,M,8FAmDhBC,KAAAC,kBAAqBC,IACnBF,KAAKG,0BAA0BC,KAAK,CAClCC,YAAaH,GACb,E,eA9C4C,Q,8BAWR,I,YAGyC,S,CARjF,eAAAI,GACEC,EAA2CP,KAAKQ,G,CAgDlD,iBAAAC,GACEC,SAASC,cAAc,IAAIC,YAAYC,G,CAGzC,oBAAAC,GACEJ,SAASC,cAAc,IAAIC,YAAYG,G,CAGzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,QAASnB,KAAKC,mBAClBgB,EAAA,OAAKG,MAAOxB,EAAIC,WACdoB,EAAA,c"}

package/dist/calcite/p-c2cf8d68.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{d as _}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var r={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(r){var p=r%100;if(p>10&&p<20){return r+"-ти"}var t=r%10;if(t===1){return r+"-ви"}else if(t===2){return r+"-ри"}else if(t===7||t===8){return r+"-ми"}return r+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(r,null,true);export default r;
-//# sourceMappingURL=p-c2cf8d68.js.map

package/dist/calcite/p-c3d03763.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{r as e,h as t,F as i,g as n}from"./p-dc8f6790.js";import{c as o,d as s}from"./p-028e43a6.js";import{e as c}from"./p-12a478b3.js";import{c as a,d as r,u as l}from"./p-0db1222f.js";import"./p-ce27299c.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-448db42f.js";const d={contentStart:"content-start",contentEnd:"content-end"};const h=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-sizing:border-box;display:inline-block;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .container{pointer-events:none;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.5rem}:host .content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:0.5rem;inline-size:10%}:host .content-container{display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;padding:0px;color:var(--calcite-color-text-2);outline-color:transparent}:host .content-slot-container{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1)}:host .content-slot-container:first-child{padding-inline:0 0.75rem}:host .content-slot-container:last-child{padding-inline:0.75rem 0}:host .heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .large-visual{align-items:center;text-align:center;min-block-size:12rem}:host .large-visual .icon{display:flex;justify-content:center;align-self:flex-end}:host .large-visual .content-container{align-self:center}:host .description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([href]) .heading,:host([href]:hover) .heading{text-decoration-line:underline;color:var(--calcite-color-text-link)}:host(:not([embed])){padding:0.75rem;box-shadow:0 0 0 1px var(--calcite-color-border-2)}:host(:not([embed])[href]:hover){cursor:pointer;box-shadow:0 0 0 2px var(--calcite-color-brand)}:host(:not([embed])[href]:active){box-shadow:0 0 0 3px var(--calcite-color-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0px}:host([icon][heading]:not([description])) .icon{display:flex;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-color-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-color-text-2)}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.active=false;this.description=undefined;this.disabled=false;this.embed=false;this.focused=false;this.heading=undefined;this.hidden=false;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false}connectedCallback(){o(this);a(this)}disconnectedCallback(){s(this);r(this)}componentDidRender(){l(this)}renderTile(){const{icon:e,el:i,heading:n,description:o,iconFlipRtl:s}=this;const a=n&&e&&!o;const r=a?{height:"64px",width:"64px"}:undefined;return t("div",{class:{container:true,"large-visual":a}},e&&t("div",{class:"icon"},t("calcite-icon",{flipRtl:s,icon:e,scale:"l",style:r})),t("div",{class:"content-container"},c(i,d.contentStart)?t("div",{class:"content-slot-container"},t("slot",{name:d.contentStart})):null,t("div",{class:"content"},n&&t("div",{class:"heading"},n),o&&t("div",{class:"description"},o)),c(i,d.contentEnd)?t("div",{class:"content-slot-container"},t("slot",{name:d.contentEnd})):null))}render(){return t(i,null,this.href?t("calcite-link",{disabled:this.disabled,href:this.href},this.renderTile()):this.renderTile())}get el(){return n(this)}};p.style=h;export{p as calcite_tile};
-//# sourceMappingURL=p-c3d03763.entry.js.map

package/dist/calcite/p-c3d03763.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SLOTS","contentStart","contentEnd","tileCss","Tile","connectedCallback","connectConditionalSlotComponent","this","connectInteractive","disconnectedCallback","disconnectConditionalSlotComponent","disconnectInteractive","componentDidRender","updateHostInteraction","renderTile","icon","el","heading","description","iconFlipRtl","isLargeVisual","iconStyle","height","width","undefined","h","class","container","flipRtl","scale","style","getSlotted","name","render","Fragment","href","disabled"],"sources":["src/components/tile/resources.ts","src/components/tile/tile.scss?tag=calcite-tile&encapsulation=shadow","src/components/tile/tile.tsx"],"sourcesContent":["export const SLOTS = {\n  contentStart: \"content-start\",\n  contentEnd: \"content-end\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-3\n    box-border\n    inline-block\n    select-none\n    duration-150\n    ease-in-out;\n\n  .container {\n    @apply pointer-events-none\n  grid\n  grid-cols-1\n  gap-2;\n  }\n\n  .content {\n    @apply flex\n  flex-auto\n  flex-col\n  justify-center\n  gap-2;\n    // set width handles slotted content and heading word wrap\n    inline-size: 10%;\n  }\n\n  .content-container {\n    @apply focus-base\n  text-color-2\n  flex\n  w-full\n  flex-auto\n  items-stretch\n  p-0;\n  }\n\n  .content-slot-container {\n    @apply bg-foreground-1 flex items-center;\n\n    &:first-child {\n      padding-inline: 0 0.75rem;\n    }\n\n    &:last-child {\n      padding-inline: 0.75rem 0;\n    }\n  }\n\n  .heading {\n    @apply text-n1-wrap\n    text-color-2\n    pointer-events-none\n    break-words\n    font-medium\n    duration-150\n    ease-in-out;\n  }\n  .large-visual {\n    @apply items-center\n      text-center;\n    min-block-size: theme(\"spacing.48\");\n    .icon {\n      @apply flex\n        justify-center\n        self-end;\n    }\n    .content-container {\n      @apply self-center;\n    }\n  }\n  .description {\n    @apply text-n2-wrap\n    text-color-3\n    break-words\n    pointer-events-none\n    duration-150\n    ease-in-out;\n  }\n}\n:host([href]),\n:host([href]:hover) {\n  .heading {\n    @apply underline;\n    color: var(--calcite-color-text-link);\n  }\n}\n:host(:not([embed])) {\n  @apply p-3;\n  box-shadow: 0 0 0 1px var(--calcite-color-border-2);\n}\n:host(:not([embed])[href]:hover) {\n  @apply cursor-pointer;\n  box-shadow: 0 0 0 2px var(--calcite-color-brand);\n}\n:host(:not([embed])[href]:active) {\n  box-shadow: 0 0 0 3px var(--calcite-color-brand);\n}\n:host([icon][heading]:not([description]):not([embed])) {\n  @apply p-0;\n}\n:host([icon][heading]:not([description])) {\n  .icon {\n    @apply flex justify-center;\n  }\n  .large-visual {\n    @apply text-center;\n  }\n}\n\n@include disabled();\n\n:host(:hover),\n:host([active]) {\n  .heading {\n    @apply text-color-1;\n  }\n  .description {\n    @apply text-color-2;\n  }\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot content-start - A slot for adding non-actionable elements before the component's content.\n * @slot content-end - A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-tile\",\n  styleUrl: \"tile.scss\",\n  shadow: true,\n})\nexport class Tile implements ConditionalSlotComponent, InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's embed mode.\n   *\n   * When `true`, renders without a border and padding for use by other components.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) focused = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** When `true`, the component is not displayed and is not focusable.  */\n  @Prop({ reflect: true }) hidden = false;\n\n  /** When embed is `\"false\"`, the URL for the component. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderTile(): VNode {\n    const { icon, el, heading, description, iconFlipRtl } = this;\n    const isLargeVisual = heading && icon && !description;\n    const iconStyle = isLargeVisual\n      ? {\n          height: \"64px\",\n          width: \"64px\",\n        }\n      : undefined;\n\n    return (\n      <div class={{ container: true, \"large-visual\": isLargeVisual }}>\n        {icon && (\n          <div class=\"icon\">\n            <calcite-icon flipRtl={iconFlipRtl} icon={icon} scale=\"l\" style={iconStyle} />\n          </div>\n        )}\n        <div class=\"content-container\">\n          {getSlotted(el, SLOTS.contentStart) ? (\n            <div class=\"content-slot-container\">\n              <slot name={SLOTS.contentStart} />\n            </div>\n          ) : null}\n          <div class=\"content\">\n            {heading && <div class=\"heading\">{heading}</div>}\n            {description && <div class=\"description\">{description}</div>}\n          </div>\n          {getSlotted(el, SLOTS.contentEnd) ? (\n            <div class=\"content-slot-container\">\n              <slot name={SLOTS.contentEnd} />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.href ? (\n          <calcite-link disabled={this.disabled} href={this.href}>\n            {this.renderTile()}\n          </calcite-link>\n        ) : (\n          this.renderTile()\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":";;;;;0RAAO,MAAMA,EAAQ,CACnBC,aAAc,gBACdC,WAAY,eCFd,MAAMC,EAAU,qsF,MCwBHC,EAAI,M,qCAUmB,M,yCAUE,M,WAOH,M,aAOE,M,mCAMD,M,yDAUK,K,CAgBvC,iBAAAC,GACEC,EAAgCC,MAChCC,EAAmBD,K,CAGrB,oBAAAE,GACEC,EAAmCH,MACnCI,EAAsBJ,K,CAGxB,kBAAAK,GACEC,EAAsBN,K,CASxB,UAAAO,GACE,MAAMC,KAAEA,EAAIC,GAAEA,EAAEC,QAAEA,EAAOC,YAAEA,EAAWC,YAAEA,GAAgBZ,KACxD,MAAMa,EAAgBH,GAAWF,IAASG,EAC1C,MAAMG,EAAYD,EACd,CACEE,OAAQ,OACRC,MAAO,QAETC,UAEJ,OACEC,EAAA,OAAKC,MAAO,CAAEC,UAAW,KAAM,eAAgBP,IAC5CL,GACCU,EAAA,OAAKC,MAAM,QACTD,EAAA,gBAAcG,QAAST,EAAaJ,KAAMA,EAAMc,MAAM,IAAIC,MAAOT,KAGrEI,EAAA,OAAKC,MAAM,qBACRK,EAAWf,EAAIhB,EAAMC,cACpBwB,EAAA,OAAKC,MAAM,0BACTD,EAAA,QAAMO,KAAMhC,EAAMC,gBAElB,KACJwB,EAAA,OAAKC,MAAM,WACRT,GAAWQ,EAAA,OAAKC,MAAM,WAAWT,GACjCC,GAAeO,EAAA,OAAKC,MAAM,eAAeR,IAE3Ca,EAAWf,EAAIhB,EAAME,YACpBuB,EAAA,OAAKC,MAAM,0BACTD,EAAA,QAAMO,KAAMhC,EAAME,cAElB,M,CAMZ,MAAA+B,GACE,OACER,EAACS,EAAQ,KACN3B,KAAK4B,KACJV,EAAA,gBAAcW,SAAU7B,KAAK6B,SAAUD,KAAM5B,KAAK4B,MAC/C5B,KAAKO,cAGRP,KAAKO,a"}

package/dist/calcite/p-c4036842.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{f as n}from"./p-dc8f6790.js";const a=new WeakMap;const e=new WeakMap;function s(n){e.set(n,new Promise((e=>a.set(n,e))))}function t(n){a.get(n)()}function o(n){return e.get(n)}async function r(a){await o(a);n(a);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,o as b,r as c,s};
-//# sourceMappingURL=p-c4036842.js.map

package/dist/calcite/p-c5e6294c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-dc8f6790.js";import{s as a,l as c,d as l,g as h}from"./p-12a478b3.js";import{s as d,a as u,c as f}from"./p-c4036842.js";import{c as m,d as p}from"./p-456bf4d5.js";import{u as v,c as b,s as g,d as y}from"./p-a825c716.js";import{C as x}from"./p-5ac783f8.js";import"./p-323e64e5.js";import"./p-f9cac1ec.js";import"./p-ce27299c.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){m(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,null,i("ul",{"aria-label":this.label,role:this.getEffectiveRole()},i("slot",{onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=w;const z={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const C=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const I=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){m(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){p(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${z.icon} ${z.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:z.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${z.icon} ${z.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:z.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${z.icon} ${z.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:z.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${z.icon} ${z.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:z.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:z.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:z.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:e=>this.dropdownActionEl=e})}renderSubmenuItems(e){return i("calcite-menu",{class:{[z.dropdownMenuItems]:true,[z.open]:this.open,[z.nested]:!this.isTopLevelItem,[x.rtl]:e==="rtl",[z.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:z.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:z.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:z.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=h(this.el);return i(n,{onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{class:{[z.container]:true,[z.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{class:z.itemContent},i("a",{"aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[z.layoutVertical]:this.layout==="vertical",[z.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:e=>this.anchorEl=e},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=C;export{k as calcite_menu,I as calcite_menu_item};
-//# sourceMappingURL=p-c5e6294c.entry.js.map

package/dist/calcite/p-c8abb3e4.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{d as e}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var o={name:"pt",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sab".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sa".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function e(o){return o+"º"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"alguns segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};e.locale(o,null,true);export default o;
-//# sourceMappingURL=p-c8abb3e4.js.map

package/dist/calcite/p-c8fd546e.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";
-//# sourceMappingURL=p-c8fd546e.entry.js.map

package/dist/calcite/p-c9d56bea.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{d as o}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var e={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function o(e){return e+"º"}};o.locale(e,null,true);export default e;
-//# sourceMappingURL=p-c9d56bea.js.map

package/dist/calcite/p-cae75aea.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-dc8f6790.js";import{b as a,t as n,e as l,h as r}from"./p-12a478b3.js";import{g as c}from"./p-d7695581.js";import{s as d,a as h,c as u}from"./p-c4036842.js";import{c as m,d as p,n as g}from"./p-456bf4d5.js";import{o as f}from"./p-a698cb09.js";import{c as v,s as b,d as k,u as w}from"./p-a825c716.js";import{K as x}from"./p-5118bed5.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-f9cac1ec.js";import"./p-ce27299c.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerQueued:"container--queued",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerSlottedInShell:"container--slotted-in-shell",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container"};const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const j=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.calciteInternalAlertSync=e(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=e(this,"calciteInternalAlertRegister",6);this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.autoCloseTimeoutId=null;this.queued=false;this.open=false;this.queue=this.queue.filter((t=>t!==this.el));this.determineActiveAlert();this.calciteInternalAlertSync.emit({queue:this.queue})};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=a(t)};this.handleMouseOver=()=>{window.clearTimeout(this.autoCloseTimeoutId);this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleMouseLeave=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasEndActions=false;this.queue=[];this.queueLength=0;this.queued=false}openHandler(){f(this);if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit()}if(!this.open){this.queue=this.queue.filter((t=>t!==this.el));this.calciteInternalAlertSync.emit({queue:this.queue})}}onMessagesChange(){}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}connectedCallback(){m(this);v(this);const t=this.open;if(t&&!this.queued){this.calciteInternalAlertRegister.emit()}}async componentWillLoad(){d(this);await b(this);if(this.open){f(this)}}componentDidLoad(){h(this)}disconnectedCallback(){window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister",{detail:{alert:this.el}}));window.clearTimeout(this.autoCloseTimeoutId);window.clearTimeout(this.queueTimeout);p(this);k(this);this.slottedInShell=false}render(){g.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"};const{open:t,autoClose:e,label:o,placement:a,queued:l}=this;const c=e?"alert":"alertdialog";const d=!t;const h=r(x,this.icon,this.kind);const u=this.queueLength>1;return i(s,{"aria-hidden":n(d),"aria-label":o,"calcite-hydrated-hidden":d,role:c},i("div",{class:{[C.container]:true,[C.containerQueued]:l,[`${C.container}--${a}`]:true,[C.containerSlottedInShell]:this.slottedInShell},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseLeave:null,ref:this.setTransitionEl},h&&this.renderIcon(h),i("div",{class:C.textContainer},i("slot",{name:z.title}),i("slot",{name:z.message}),i("slot",{name:z.link})),this.renderActionsEnd(),u?this.renderQueueCount():null,this.renderCloseButton(),t&&!l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,type:"button",ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const t=this.queueLength>2?this.queueLength-1:1;const e=g.numberFormatter.format(t);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:this.queueLength>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:e},e))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}alertSync(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();t.stopPropagation()}alertRegister(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()}alertUnregister(t){const e=this.queue.filter((e=>e!==t.detail.alert));this.queue=e;window.dispatchEvent(new CustomEvent("calciteInternalAlertSync",{detail:{queue:e}}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){w(this,this.effectiveLocale)}determineActiveAlert(){if(this.queue?.[0]===this.el){this.openAlert();if(this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}else{return}}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}openAlert(){window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((()=>this.queued=false),300)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],autoCloseDuration:["updateDuration"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=q;export{j as calcite_alert};
-//# sourceMappingURL=p-cae75aea.entry.js.map

package/dist/calcite/p-cb2ea42f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{h as t}from"./p-dc8f6790.js";function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const e=(r,e)=>{const n=r.level?`h${r.level}`:"div";delete r.level;return t(n,{...r},e)};export{e as H,r as c};
-//# sourceMappingURL=p-cb2ea42f.js.map

package/dist/calcite/p-ce27299c.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-function t(t,s,i){const e=n(t);return new e(s,i)}function n(t){class n extends window.MutationObserver{constructor(t){super(t);this.observedEntry=[];this.callback=t}observe(t,n){this.observedEntry.push({target:t,options:n});return super.observe(t,n)}unobserve(t){const n=this.observedEntry.filter((n=>n.target!==t));this.observedEntry=[];this.callback(super.takeRecords(),this);this.disconnect();n.forEach((t=>this.observe(t.target,t.options)))}}return function(){return t==="intersection"?window.IntersectionObserver:t==="mutation"?n:window.ResizeObserver}()}export{t as c};
-//# sourceMappingURL=p-ce27299c.js.map

package/dist/calcite/p-cfd87c82.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.0
- */
-import{r as e,h as t,H as i,g as n}from"./p-dc8f6790.js";import{s as l,a}from"./p-c4036842.js";import{a as s,c as r,d as c}from"./p-406ee8b3.js";import{g as o,n as h,c as d,d as u}from"./p-456bf4d5.js";import{v as b}from"./p-12a478b3.js";import{c as g}from"./p-ce27299c.js";import"./p-f9cac1ec.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";const p={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};const f=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=g("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){l(this);this.calculateValues();s(this,this.value)}componentDidLoad(){a(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){u(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:l}=this;const a=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(l-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!l){this.value=e}this.lowPercent=a;this.highPercent=s;this.currentPercent=l?r:0;this.lowActive=!!i&&i>e&&(!l||i>l)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!l||n>l)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:l}=this;const a=e?e:i;const s=t?t:n;const r=l>=a;const c=l<a;const o=l>=s;const h=l<s;if(!l||!e&&h||c){return p.success}else if(r&&h){return p.warning}else if(o){return p.danger}else{return p.success}}intersects(e,t){return e&&t&&b(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const l=this.intersects(i,n);const a=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=p.labelHidden;if(t){if(c||s||a){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||l){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const l=e.getBoundingClientRect().width;const a=t.getBoundingClientRect().width;const s=100*(l-0)/(a-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[p.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:p.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:l}=this;const a=this.formatLabel(i==="percent"?e/100:l||0,i);return t("div",{class:{[p.label]:true,[p.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},a,n&&i!=="percent"&&t("span",{class:p.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:l}=this;const a={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"min-label-line",style:a,ref:e=>this.minLabelEl=e},s,l&&e!=="percent"&&t("span",{class:p.unitLabel}," ",l))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:l,labelFlipProximity:a}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(l-n)/100<a?c:r;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"low-label-line",style:o,ref:e=>this.lowLabelEl=e},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:l}=this;const a=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=l?r:s;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"high-label-line",style:c,ref:e=>this.highLabelEl=e},a)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const l={insetInlineEnd:`${100-n}%`};const a=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"max-label-line",style:l,ref:e=>this.maxLabelEl=e},a)}render(){const{appearance:e,currentPercent:n,highActive:l,highPercent:a,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:u,rangeLabels:b,rangeLabelType:g,unitLabel:f,value:m,valueLabel:v,valueLabelType:L}=this;const y=this.formatLabel(n/100,"percent");const x=`${m} ${f}`;const w=L==="percent"?y:f?x:undefined;return t(i,null,t("div",{"aria-label":s,"aria-valuemax":g==="percent"?h:o,"aria-valuemin":g==="percent"?u:d,"aria-valuenow":L==="percent"?n:m,"aria-valuetext":w,class:{[p.container]:true,[p.stepsVisible]:b,[p.valueVisible]:v,[e]:e!=="outline-fill"},role:"meter",ref:e=>this.meterContainerEl=e},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),l&&this.renderRangeLine(a),b&&this.renderMinLabel(),b&&r&&this.renderLowLabel(),b&&l&&this.renderHighLabel(),b&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};m.style=f;export{m as calcite_meter};
-//# sourceMappingURL=p-cfd87c82.entry.js.map

package/dist/calcite/p-cfd87c82.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","fill","stepLine","label","labelHidden","labelRange","labelValue","unitLabel","stepsVisible","valueVisible","success","warning","danger","meterCss","Meter","this","labelFlipMax","labelFlipProximity","maxPercent","minPercent","resizeObserver","createObserver","resizeHandler","formatLabel","value","labelType","percentFormatting","locale","getSupportedLocale","effectiveLocale","formatter","Intl","NumberFormat","useGrouping","groupSeparator","style","format","numberStringFormatter","numberFormatOptions","numberingSystem","localize","toString","handleRangeChange","calculateValues","updateLabels","handleLabelChange","componentWillLoad","setUpLoadableComponent","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectForm","observe","el","disconnectedCallback","disconnectLocalized","disconnectForm","disconnect","valueLabelEl","determineValueLabelPosition","rangeLabels","determineVisibleLabels","min","max","low","high","lowPercent","highPercent","currentPercent","lowActive","highActive","getMeterKindCssClass","lowest","highest","aboveLowest","belowLowest","aboveHighest","belowHighest","intersects","el1","el2","getBoundingClientRect","minLabelEl","lowLabelEl","highLabelEl","maxLabelEl","highMaxOverlap","lowHighOverlap","lowMaxOverlap","minHighOverlap","minLowOverlap","minMaxOverlap","hiddenClass","classList","add","remove","meterContainerEl","valuePosition","valueLabelWidth","width","containerWidth","labelWidthPercent","insetInlineEnd","removeProperty","insetInlineStart","renderMeterFill","fillType","kindClass","h","class","renderRangeLine","position","renderValueLabel","valueLabelType","key","ref","renderMinLabel","rangeLabelType","labelMin","renderLowLabel","styleDefault","styleFlipped","renderHighLabel","renderMaxLabel","labelMax","render","appearance","valueLabel","textPercentLabelWithPercent","textUnitLabel","valueText","undefined","Host","role"],"sources":["src/components/meter/resources.ts","src/components/meter/meter.scss?tag=calcite-meter&encapsulation=shadow","src/components/meter/meter.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  fill: \"fill\",\n  stepLine: \"step-line\",\n  label: \"label\",\n  labelHidden: \"label-hidden\",\n  labelRange: \"label-range\",\n  labelValue: \"label-value\",\n  unitLabel: \"unit-label\",\n  stepsVisible: \"steps-visible\",\n  valueVisible: \"value-visible\",\n  success: \"fill-success\",\n  warning: \"fill-warning\",\n  danger: \"fill-danger\",\n};\n","@include base-component();\n@include disabled();\n\n:host {\n  @apply flex;\n  --calcite-meter-space-internal: theme(\"spacing[0.5]\");\n  --calcite-meter-height-internal: theme(\"spacing.4\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--1);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.3\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--2);\n}\n\n:host([scale=\"l\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.6\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size-0);\n}\n\n.container {\n  @apply flex relative items-center w-full m-0;\n  block-size: var(--calcite-meter-height-internal);\n  background-color: var(--calcite-color-foreground-2);\n  border: 1px solid var(--calcite-color-border-3);\n  border-radius: var(--calcite-meter-height-internal);\n}\n\n.solid {\n  border: 1px solid var(--calcite-color-foreground-3);\n  background-color: var(--calcite-color-foreground-3);\n}\n\n.outline {\n  @apply bg-transparent;\n}\n\n.value-visible {\n  margin-block-start: theme(\"spacing.6\");\n}\n\n.steps-visible {\n  margin-block-end: theme(\"spacing.6\");\n}\n\n.step-line {\n  @apply block absolute inset-y-0;\n  inline-size: var(--calcite-meter-space-internal);\n  background-color: var(--calcite-color-border-3);\n}\n\n.label {\n  @apply absolute;\n  font-size: var(--calcite-meter-font-size-internal);\n}\n\n.label-hidden {\n  @apply invisible opacity-0;\n}\n\n.label-value {\n  inset-block-end: calc(100% + 0.5em);\n  font-weight: var(--calcite-font-weight-bold);\n  color: var(--calcite-color-text-1);\n}\n\n.label-range {\n  @apply text-color-3;\n  inset-block-start: calc(100% + 0.5em);\n}\n\n.unit-label {\n  @apply text-color-3 font-medium;\n}\n\n.label-value .unit-label {\n  @apply text-color-2 font-bold;\n}\n\n.fill {\n  @apply block absolute duration-150 ease-in-out bg-brand z-default;\n  inset-inline-start: var(--calcite-meter-space-internal);\n  inset-block: var(--calcite-meter-space-internal);\n  border-radius: var(--calcite-meter-height-internal);\n  max-inline-size: calc(100% - (var(--calcite-meter-space-internal) * 2));\n  min-inline-size: calc(var(--calcite-meter-height-internal) - (var(--calcite-meter-space-internal) * 2));\n  transition-property: inline-size, background-color, box-shadow;\n}\n\n.fill-danger {\n  background-color: var(--calcite-color-status-danger);\n}\n\n.fill-success {\n  background-color: var(--calcite-color-status-success);\n}\n\n.fill-warning {\n  background-color: var(--calcite-color-status-warning);\n}\n\n.solid .fill {\n  inset-block: 0;\n  inset-inline-start: 0;\n  max-inline-size: 100%;\n  min-inline-size: calc(var(--calcite-meter-height-internal));\n  box-shadow: 0 0 0 1px var(--calcite-color-brand);\n}\n\n.solid .fill-danger {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-danger);\n}\n\n.solid .fill-success {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-success);\n}\n\n.solid .fill-warning {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-warning);\n}\n","import { Component, Element, h, Host, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Appearance, Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n} from \"../../utils/form\";\n\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getSupportedLocale,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { intersects } from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { MeterLabelType } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-meter\",\n  styleUrl: \"meter.scss\",\n  shadow: true,\n})\nexport class Meter implements FormComponent, LoadableComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"outline-fill\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values. */\n  @Prop({ reflect: true }) fillType: \"single\" | \"range\" = \"range\";\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies a high value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) high: number;\n\n  /**  Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies a low value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) low: number;\n\n  /** Specifies the highest allowed value of the component. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** Specifies the lowest allowed value of the component. */\n  @Prop({ reflect: true }) min = 0;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"low\")\n  @Watch(\"high\")\n  @Watch(\"value\")\n  handleRangeChange(): void {\n    this.calculateValues();\n    this.updateLabels();\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** When `true`, displays the values of `high`, `low`, `min`, and `max`. */\n  @Prop({ reflect: true }) rangeLabels = false;\n\n  /** When either `rangeLabels` is `true`, specifies the format of displayed labels. */\n  @Prop({ reflect: true }) rangeLabelType: MeterLabelType = \"percent\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `labelType` is `\"units\"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values. */\n  @Prop() unitLabel = \"\";\n\n  /** Specifies the current value of the component. */\n  @Prop({ mutable: true }) value: number;\n\n  /** When `true`, displays the current value. */\n  @Prop({ reflect: true }) valueLabel = false;\n\n  /** When either `valueLabel` is `true`, specifies the format of displayed label. */\n  @Prop({ reflect: true }) valueLabelType: MeterLabelType = \"percent\";\n\n  @Watch(\"rangeLabels\")\n  @Watch(\"rangeLabelType\")\n  @Watch(\"unitLabel\")\n  @Watch(\"valueLabel\")\n  @Watch(\"valueLabelType\")\n  handleLabelChange(): void {\n    this.updateLabels();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.calculateValues();\n    afterConnectDefaultValueSet(this, this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.updateLabels();\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectForm(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectForm(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMeterElement;\n\n  defaultValue: Meter[\"value\"];\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private highLabelEl: HTMLDivElement;\n\n  private labelFlipMax = 0.8;\n\n  private labelFlipProximity = 0.15;\n\n  private lowLabelEl: HTMLDivElement;\n\n  private maxLabelEl: HTMLDivElement;\n\n  private maxPercent = 100;\n\n  private meterContainerEl: HTMLDivElement;\n\n  private minLabelEl: HTMLDivElement;\n\n  private minPercent = 0;\n\n  private percentFormatting: {\n    formatter: Intl.NumberFormat;\n    locale: SupportedLocale;\n  };\n\n  private resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  private valueLabelEl: HTMLDivElement;\n\n  @State() currentPercent: number;\n\n  @State() effectiveLocale: string;\n\n  @State() highActive: boolean;\n\n  @State() highPercent: number;\n\n  @State() lowActive: boolean;\n\n  @State() lowPercent: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private resizeHandler(): void {\n    this.updateLabels();\n  }\n\n  private updateLabels(): void {\n    if (this.valueLabelEl) {\n      this.determineValueLabelPosition();\n    }\n    if (this.rangeLabels) {\n      this.determineVisibleLabels();\n    }\n  }\n\n  private calculateValues(): void {\n    const { min, max, low, high, value } = this;\n    const lowPercent = (100 * (low - min)) / (max - min);\n    const highPercent = (100 * (high - min)) / (max - min);\n    const currentPercent = (100 * (value - min)) / (max - min);\n\n    if (!low || low < min || low > high || low > max) {\n      this.low = min;\n    }\n    if (!high || high > max || high < low || high < min) {\n      this.high = max;\n    }\n    if (!value) {\n      this.value = min;\n    }\n\n    this.lowPercent = lowPercent;\n    this.highPercent = highPercent;\n    this.currentPercent = value ? currentPercent : 0;\n    this.lowActive = !!low && low > min && (!value || low > value) && (!high || low < high);\n    this.highActive =\n      !!high && min <= high && high < max && (!value || high > value) && (!low || high > low);\n  }\n\n  private formatLabel = (value: number, labelType: MeterLabelType): string => {\n    if (labelType === \"percent\") {\n      if (!this.percentFormatting) {\n        const locale = getSupportedLocale(this.effectiveLocale);\n        const formatter = new Intl.NumberFormat(locale, {\n          useGrouping: this.groupSeparator,\n          style: \"percent\",\n        });\n        this.percentFormatting = { formatter, locale };\n      }\n      return this.percentFormatting.formatter.format(value);\n    } else {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n      };\n      return numberStringFormatter.localize(value.toString());\n    }\n  };\n\n  private getMeterKindCssClass(): string {\n    const { low, high, min, max, value } = this;\n    const lowest = low ? low : min;\n    const highest = high ? high : max;\n    const aboveLowest = value >= lowest;\n    const belowLowest = value < lowest;\n    const aboveHighest = value >= highest;\n    const belowHighest = value < highest;\n\n    if (!value || (!low && belowHighest) || belowLowest) {\n      return CSS.success;\n    } else if (aboveLowest && belowHighest) {\n      return CSS.warning;\n    } else if (aboveHighest) {\n      return CSS.danger;\n    } else {\n      return CSS.success;\n    }\n  }\n\n  private intersects(el1: HTMLDivElement, el2: HTMLDivElement): boolean {\n    return el1 && el2 && intersects(el1.getBoundingClientRect(), el2.getBoundingClientRect());\n  }\n\n  private determineVisibleLabels(): void {\n    const { minLabelEl, lowLabelEl, highLabelEl, maxLabelEl } = this;\n    const highMaxOverlap = this.intersects(highLabelEl, maxLabelEl);\n    const lowHighOverlap = this.intersects(lowLabelEl, highLabelEl);\n    const lowMaxOverlap = this.intersects(lowLabelEl, maxLabelEl);\n    const minHighOverlap = this.intersects(minLabelEl, highLabelEl);\n    const minLowOverlap = this.intersects(minLabelEl, lowLabelEl);\n    const minMaxOverlap = this.intersects(minLabelEl, maxLabelEl);\n    const hiddenClass = CSS.labelHidden;\n\n    if (lowLabelEl) {\n      if (minLowOverlap || lowMaxOverlap || lowHighOverlap) {\n        lowLabelEl.classList.add(hiddenClass);\n      } else {\n        lowLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (highLabelEl) {\n      if (minHighOverlap || lowMaxOverlap || highMaxOverlap) {\n        highLabelEl.classList.add(hiddenClass);\n      } else {\n        highLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (minLabelEl && maxLabelEl) {\n      if (minMaxOverlap) {\n        maxLabelEl.classList.add(hiddenClass);\n      } else {\n        maxLabelEl.classList.remove(hiddenClass);\n      }\n    }\n  }\n\n  private determineValueLabelPosition(): void {\n    const { valueLabelEl, meterContainerEl, currentPercent } = this;\n    const valuePosition = currentPercent > 100 ? 100 : currentPercent > 0 ? currentPercent : 0;\n    const valueLabelWidth = valueLabelEl.getBoundingClientRect().width;\n    const containerWidth = meterContainerEl.getBoundingClientRect().width;\n    const labelWidthPercent = (100 * (valueLabelWidth - 0)) / (containerWidth - 0);\n\n    if (valuePosition + labelWidthPercent >= 100) {\n      valueLabelEl.style.insetInlineEnd = \"0%\";\n      valueLabelEl.style.removeProperty(\"inset-inline-start\");\n    } else {\n      valueLabelEl.style.insetInlineStart = `${valuePosition}% `;\n      valueLabelEl.style.removeProperty(\"inset-inline-end\");\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderMeterFill(): VNode {\n    const { currentPercent, fillType } = this;\n    const kindClass = this.getMeterKindCssClass();\n    return (\n      <div\n        class={{ [CSS.fill]: true, [kindClass]: fillType !== \"single\" }}\n        style={{ width: `${currentPercent}%` }}\n      />\n    );\n  }\n\n  renderRangeLine(position: number): VNode {\n    const style = { insetInlineStart: `${position}%` };\n    return <div class={CSS.stepLine} style={style} />;\n  }\n\n  renderValueLabel(): VNode {\n    const { currentPercent, valueLabelType, unitLabel, value } = this;\n    const label = this.formatLabel(\n      valueLabelType === \"percent\" ? currentPercent / 100 : value || 0,\n      valueLabelType\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelValue]: true }}\n        key=\"low-label-line\"\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.valueLabelEl = el)}\n      >\n        {label}\n        {unitLabel && valueLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderMinLabel(): VNode {\n    const { rangeLabelType, min, minPercent, unitLabel } = this;\n    const style = { insetInlineStart: `${minPercent}%` };\n    const labelMin = this.formatLabel(\n      rangeLabelType === \"percent\" ? minPercent : min,\n      rangeLabelType\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"min-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.minLabelEl = el)}\n      >\n        {labelMin}\n        {unitLabel && rangeLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderLowLabel(): VNode {\n    const { rangeLabelType, low, lowPercent, highPercent, labelFlipProximity } = this;\n    const label = low\n      ? this.formatLabel(rangeLabelType === \"percent\" ? lowPercent / 100 : low, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${lowPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - lowPercent}%` };\n    const style =\n      (highPercent - lowPercent) / 100 < labelFlipProximity ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"low-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.lowLabelEl = el)}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderHighLabel(): VNode {\n    const { rangeLabelType, high, highPercent, labelFlipMax } = this;\n    const label = high\n      ? this.formatLabel(rangeLabelType === \"percent\" ? highPercent / 100 : high, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${highPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - highPercent}%` };\n    const style = highPercent / 100 >= labelFlipMax ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"high-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.highLabelEl = el as HTMLDivElement)}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderMaxLabel(): VNode {\n    const { rangeLabelType, max, maxPercent } = this;\n    const style = { insetInlineEnd: `${100 - maxPercent}%` };\n    const labelMax = this.formatLabel(\n      rangeLabelType === \"percent\" ? maxPercent / 100 : max,\n      rangeLabelType\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"max-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.maxLabelEl = el as HTMLDivElement)}\n      >\n        {labelMax}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      appearance,\n      currentPercent,\n      highActive,\n      highPercent,\n      label,\n      lowActive,\n      lowPercent,\n      max,\n      maxPercent,\n      min,\n      minPercent,\n      rangeLabels,\n      rangeLabelType,\n      unitLabel,\n      value,\n      valueLabel,\n      valueLabelType,\n    } = this;\n    const textPercentLabelWithPercent = this.formatLabel(currentPercent / 100, \"percent\");\n    const textUnitLabel = `${value} ${unitLabel}`;\n    const valueText =\n      valueLabelType === \"percent\"\n        ? textPercentLabelWithPercent\n        : unitLabel\n        ? textUnitLabel\n        : undefined;\n    return (\n      <Host>\n        <div\n          aria-label={label}\n          aria-valuemax={rangeLabelType === \"percent\" ? maxPercent : max}\n          aria-valuemin={rangeLabelType === \"percent\" ? minPercent : min}\n          aria-valuenow={valueLabelType === \"percent\" ? currentPercent : value}\n          aria-valuetext={valueText}\n          class={{\n            [CSS.container]: true,\n            [CSS.stepsVisible]: rangeLabels,\n            [CSS.valueVisible]: valueLabel,\n            [appearance]: appearance !== \"outline-fill\",\n          }}\n          role=\"meter\"\n          // eslint-disable-next-line react/jsx-sort-props\n          ref={(el) => (this.meterContainerEl = el as HTMLDivElement)}\n        >\n          {this.renderMeterFill()}\n          {valueLabel && this.renderValueLabel()}\n          {lowActive && this.renderRangeLine(lowPercent)}\n          {highActive && this.renderRangeLine(highPercent)}\n          {rangeLabels && this.renderMinLabel()}\n          {rangeLabels && lowActive && this.renderLowLabel()}\n          {rangeLabels && highActive && this.renderHighLabel()}\n          {rangeLabels && this.renderMaxLabel()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}