@esri/calcite-components 2.2.0-next.15 → 2.2.0-next.17

package/dist/calcite/p-035ed198.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 Wed, 10 Jan 2024 16:49:13 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 = \"125%\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"137.5%\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"150%\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"162.5%\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"200%\"; // 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\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"125%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"137.5%\"};\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\":\"137.5%\",\"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-050751a4.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.15
- */
-import{r as t,c as e,h as i,H as s,g as o,F as n}from"./p-1609a2ed.js";import{z as a,l as c,g as r,A as l,t as d}from"./p-18559159.js";import{g as h}from"./p-d9fa9e51.js";import{c as b}from"./p-ed73004f.js";import{c as u,d as p,I as f,u as m}from"./p-e6f66f43.js";import{c as g,d as v}from"./p-7f921e0d.js";import{c as x,d as y,s as k,u as T}from"./p-4b4872d1.js";import{g as C}from"./p-ab234d30.js";import"./p-651aa282.js";import"./p-667b9cf1.js";import"./p-3e165cab.js";const z={container:"container",content:"content"};const w=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${h()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(s,{"aria-labelledby":this.labeledBy,id:t},i("div",{class:{[z.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{class:z.content},i("slot",null))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return o(this)}};I.style=w;const A={container:"tab-nav"};const H=":host{position:relative;display:flex}.scale-s{min-block-size:1.5rem}.scale-m{min-block-size:2rem}.scale-l{min-block-size:2.75rem}:host([layout=center]:not([bordered])){padding-inline:1.25rem}:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child){margin-inline-end:0px}:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title){margin-inline-end:1.5rem}:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title){margin-inline-end:1.25rem}:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title){margin-inline-end:1rem}.tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([layout=center]) .tab-nav{justify-content:space-evenly}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(i){t(this,i);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.animationActiveDuration=.3;this.resizeObserver=b("resize",(()=>{if(!this.activeIndicatorEl){return}this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()}));this.handleTabFocus=(t,e,i)=>{c(this.enabledTabTitles,e,i);t.stopPropagation()};this.handleContainerScroll=()=>{this.activeIndicatorEl.style.transitionDuration="0s";this.updateOffsetPosition()};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.selectedTabId=undefined}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=`${this.animationActiveDuration}s`}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el)}componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;if(this.selectedTitle){this.updateOffsetPosition()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const t=r(this.el);const e=`${this.indicatorWidth}px`;const o=`${this.indicatorOffset}px`;const n=t!=="rtl"?{width:e,left:o}:{width:e,right:o};return i(s,{role:"tablist"},i("div",{class:{[A.container]:true,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true},onScroll:this.handleContainerScroll,ref:t=>this.tabNavEl=t},i("slot",null),i("div",{class:"tab-nav-active-indicator-container",ref:t=>this.activeIndicatorContainerEl=t},i("div",{class:"tab-nav-active-indicator",style:n,ref:t=>this.activeIndicatorEl=t}))))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation()}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveWidth();this.updateOffsetPosition()}updateOffsetPosition(){const t=r(this.el);const e=this.activeIndicatorContainerEl?.offsetWidth;const i=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const o=e-(i+s);this.indicatorOffset=t!=="rtl"?i-this.tabNavEl?.scrollLeft:o+this.tabNavEl?.scrollLeft}updateActiveWidth(){this.indicatorWidth=this.selectedTitle?.offsetWidth}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return l(this.el,"calcite-tab-title")}get enabledTabTitles(){return l(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const s=i.length;if(s===1&&e[i[0]].closable){e[i[0]].closable=false;this.selectedTabId=i[0]}else if(s>1){const o=e.findIndex((e=>e===t));const n=i.find((t=>t>o));if(this.selectedTabId===o){this.selectedTabId=n?n:s-1}}requestAnimationFrame((()=>{this.updateOffsetPosition();this.updateActiveWidth();e[this.selectedTabId].focus()}))}get el(){return o(this)}static get watchers(){return{selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"]}}};L.style=H;const j={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const E={close:"x"};const S=":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:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;text-align:center;flex-basis:12rem}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{margin:auto}:host([layout=center][closable]) .content{padding-inline-start:32px}:host([layout=center][bordered][closable]) .scale-s .content{padding-inline-start:36px}:host([layout=center][bordered][closable]) .scale-m .content{padding-inline-start:40px}:host([layout=center][closable]) .scale-l .content{padding-inline-start:40px}:host([layout=center][closable][bordered]) .scale-s .content{padding-inline-start:52px}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}.container{outline-color:transparent}:host(:focus) .container{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(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.content{display:flex;align-items:center;justify-content:center}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:calc(100% - 2px);background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button: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          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([bordered]) .content{padding-inline:0.75rem}:host([bordered]) .scale-s .content{padding-inline:0.5rem}:host([bordered]) .scale-l .content{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const R=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=b("mutation",(()=>this.updateHasText()));this.resizeObserver=b("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${h()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.emitActiveTab(false)}}onMessagesChange(){}connectedCallback(){u(this);g(this);x(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();p(this);v(this);y(this)}async componentWillLoad(){await k(this);{this.updateHasText()}if(this.tab&&this.selected){this.emitActiveTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const o=t.id||this.guid;const n=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:C(this.scale)});const a=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:C(this.scale)});return i(s,{"aria-controls":this.controls,"aria-selected":d(this.selected),id:o,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(f,{disabled:this.disabled},i("div",{class:{container:true,[j.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{class:{[j.content]:true,[j.contentHasText]:this.hasText}},this.iconStart?n:null,i("slot",null),this.iconEnd?a:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:j.closeButton,disabled:false,key:j.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:E.close,scale:C(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){m(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){if(this.disabled){return}this.emitActiveTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.emitActiveTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}effectiveLocaleChange(){T(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}emitActiveTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};R.style=S;const $={titleGroup:"title-group"};const P=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const F=class{constructor(e){t(this,e);this.mutationObserver=b("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(n,null,i("slot",{name:$.titleGroup}),i("section",null,i("slot",null)))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const s=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=s.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return o(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};F.style=P;export{I as calcite_tab,L as calcite_tab_nav,R as calcite_tab_title,F as calcite_tabs};
-//# sourceMappingURL=p-050751a4.entry.js.map

package/dist/calcite/p-050751a4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","content","tabCss","Tab","this","guid","render","id","el","h","Host","labeledBy","class","scale","role","tabIndex","selected","connectedCallback","parentTabsEl","closest","componentDidLoad","calciteInternalTabRegister","emit","disconnectedCallback","document","body","dispatchEvent","CustomEvent","detail","internalTabChangeHandler","event","targetTabsEl","composedPath","find","tagName","tab","getTabIndex","then","index","stopPropagation","Array","prototype","indexOf","call","nodeListToArray","parentElement","children","filter","matches","updateAriaInfo","tabIds","titleIds","tabNavCss","TabNav","animationActiveDuration","resizeObserver","createObserver","activeIndicatorEl","style","transitionDuration","updateActiveWidth","updateOffsetPosition","handleTabFocus","destination","focusElementInGroup","enabledTabTitles","handleContainerScroll","selectedTabIdChanged","localStorage","storageId","selectedTabId","undefined","setItem","JSON","stringify","calciteInternalTabChange","selectedTitle","getTabTitleById","selectedTitleChanged","observe","componentWillLoad","storageKey","getItem","storedTab","parse","componentWillRender","layout","bordered","componentDidRender","tabTitles","length","every","title","getTabIdentifier","disconnect","dir","getElementDir","width","indicatorWidth","offset","indicatorOffset","indicatorStyle","left","right","position","onScroll","ref","tabNavEl","activeIndicatorContainerEl","focusPreviousTabHandler","target","focusNextTabHandler","focusFirstTabHandler","focusLastTabHandler","internalActivateTabHandler","getIndexOfTabTitle","activateTabHandler","calciteTabChange","internalCloseTabHandler","closedTabTitleEl","handleTabTitleClose","updateTabTitles","globalInternalTabChangeHandler","syncId","iconStartChangeHandler","navWidth","offsetWidth","tabLeft","offsetLeft","tabWidth","offsetRight","scrollLeft","Promise","all","map","ids","filterDirectChildren","tabTitle","closed","visibleTabTitlesIndices","reduce","tabTitleIndices","totalVisibleTabTitles","closable","closedTabTitleIndex","findIndex","nextTabTitleIndex","value","requestAnimationFrame","focus","closeButton","contentHasText","iconEnd","iconPresent","iconStart","titleIcon","ICONS","close","tabTitleCss","TabTitle","closeClickHandler","closeTabTitleAndNotify","mutationObserver","updateHasText","calciteInternalTabIconChanged","selectedHandler","emitActiveTab","onMessagesChange","connectInteractive","connectLocalized","connectMessages","setupTextContentObserver","parentTabNavEl","disconnectInteractive","disconnectLocalized","disconnectMessages","setUpMessages","iconStartEl","flipRtl","iconFlipRtl","icon","getIconScale","iconEndEl","controls","toAriaBoolean","disabled","InteractiveContainer","hidden","hasText","renderCloseButton","messages","key","onClick","type","closeButtonEl","calciteInternalTabTitleRegister","updateHostInteraction","keyDownHandler","includes","preventDefault","calciteInternalTabsFocusNext","calciteInternalTabsFocusPrevious","calciteInternalTabsFocusFirst","calciteInternalTabsFocusLast","effectiveLocaleChange","updateMessages","effectiveLocale","textContent","trim","childList","subtree","userTriggered","payload","calciteInternalTabsActivate","calciteTabsActivate","calciteInternalTabsClose","calciteTabsClose","SLOTS","titleGroup","tabsCss","Tabs","mutationsList","mutation","nodeName","updateItems","handleInheritableProps","Fragment","name","titles","registryHandler","calciteTabTitleUnregister","tabs","calciteTabUnregister","nav","querySelector","from","querySelectorAll","forEach","some","sort","a","b","localeCompare","tabDomIndexes","titleDomIndexes","indexInDOM","registryIndex"],"sources":["src/components/tab/resources.ts","src/components/tab/tab.scss?tag=calcite-tab&encapsulation=shadow","src/components/tab/tab.tsx","src/components/tab-nav/resources.ts","src/components/tab-nav/tab-nav.scss?tag=calcite-tab-nav&encapsulation=shadow","src/components/tab-nav/tab-nav.tsx","src/components/tab-title/resources.ts","src/components/tab-title/tab-title.scss?tag=calcite-tab-title&encapsulation=shadow","src/components/tab-title/tab-title.tsx","src/components/tabs/resources.ts","src/components/tabs/tabs.scss?tag=calcite-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  content: \"content\",\n};\n",":host([selected]) {\n  section,\n  .container {\n    @apply block;\n  }\n}\n\n:host {\n  @apply hidden h-full w-full;\n}\n\n:host([selected]) {\n  @apply block h-full w-full overflow-auto;\n}\n\n.content {\n  @apply box-border;\n}\n\n.scale-s .content {\n  @apply text-n2h py-1;\n}\n\n.scale-m .content {\n  @apply text-n1h py-2;\n}\n\n.scale-l .content {\n  @apply text-0h py-2.5;\n}\n\nsection,\n.container {\n  @apply hidden h-full w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-tab\",\n  styleUrl: \"tab.scss\",\n  shadow: true,\n})\nexport class Tab {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab-title`.\n   */\n  @Prop({ reflect: true }) tab: string;\n\n  /**\n   * When `true`, the component's contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n\n    return (\n      <Host aria-labelledby={this.labeledBy} id={id}>\n        <div\n          class={{ [CSS.container]: true, [`scale-${this.scale}`]: true }}\n          role=\"tabpanel\"\n          tabIndex={this.selected ? 0 : -1}\n        >\n          <section class={CSS.content}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  componentDidLoad(): void {\n    this.calciteInternalTabRegister.emit();\n  }\n\n  disconnectedCallback(): void {\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabUnregister\", {\n        detail: this.el,\n      }),\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabRegister: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    // to allow `<calcite-tabs>` to be nested we need to make sure this\n    // `calciteTabChange` event was actually fired from a within the same\n    // `<calcite-tabs>` that is the a parent of this tab.\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the component item within the tab array.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) => el.matches(\"calcite-tab\")),\n      this.el,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  guid = `calcite-tab-title-${guid()}`;\n\n  @State() labeledBy: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;\n  }\n}\n","export const CSS = {\n  container: \"tab-nav\",\n};\n",":host {\n  @apply relative flex;\n}\n\n.scale-s {\n  min-block-size: theme(\"spacing.6\");\n}\n\n.scale-m {\n  min-block-size: theme(\"spacing.8\");\n}\n\n.scale-l {\n  min-block-size: theme(\"spacing.11\");\n}\n\n:host([layout=\"center\"]:not([bordered])) {\n  // `tab-nav` in all scales in layout=\"center\" has a padding of 20px on both ends\n  padding-inline: theme(\"margin.5\");\n\n  //override margin-inline-end for the last child for tab-nav to implement the 20px padding on both ends instead\n  .tab-nav {\n    ::slotted(calcite-tab-title:last-child) {\n      margin-inline-end: theme(\"margin.0\");\n    }\n  }\n}\n\n:host(:not([bordered])) {\n  .scale-l {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.6\");\n    }\n  }\n  .scale-m {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.5\");\n    }\n  }\n  .scale-s {\n    ::slotted(calcite-tab-title) {\n      margin-inline-end: theme(\"margin.4\");\n    }\n  }\n}\n\n.tab-nav {\n  @apply flex\n    w-full\n    justify-start\n    overflow-auto;\n}\n\n// prevent indicator overflow in horizontal scrolling situations\n.tab-nav-active-indicator-container {\n  @apply absolute\n    inset-x-0\n    bottom-0\n    h-0.5\n    w-full\n    overflow-hidden;\n}\n\n.tab-nav-active-indicator {\n  @apply bg-brand\n    absolute\n    bottom-0\n    block\n    h-0.5\n    transition-all\n    ease-out;\n}\n\n:host([layout=\"center\"]) .tab-nav {\n  @apply justify-evenly;\n}\n\n:host .position-bottom .tab-nav-active-indicator {\n  inset-block-end: unset;\n  @apply top-0;\n}\n\n:host .position-bottom .tab-nav-active-indicator-container {\n  inset-block-end: unset;\n  @apply top-0;\n}\n\n:host([bordered]) .tab-nav-active-indicator-container {\n  inset-block-end: unset; // display active blue line above instead of below\n}\n\n:host([bordered]) .position-bottom .tab-nav-active-indicator-container {\n  inset-block-end: 0; // display active blue line below instead of above\n  inset-block-start: unset;\n}\n\n@media (forced-colors: active) {\n  .tab-nav-active-indicator {\n    background-color: highlight;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  filterDirectChildren,\n  focusElementInGroup,\n  FocusElementInGroupDestination,\n  getElementDir,\n} from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-tab-title`s.\n */\n@Component({\n  tag: \"calcite-tab-nav\",\n  styleUrl: \"tab-nav.scss\",\n  shadow: true,\n})\nexport class TabNav {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the name when saving selected `calcite-tab` data to `localStorage`.\n   */\n  @Prop({ reflect: true }) storageId: string;\n\n  /**\n   * Specifies text to update multiple components to keep in sync if one changes.\n   */\n  @Prop({ reflect: true }) syncId: string;\n\n  /**\n   * Specifies the component's selected `calcite-tab-title`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedTitle: HTMLCalciteTabTitleElement = null;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"bottom\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) indicatorOffset: number;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) indicatorWidth: number;\n\n  @Watch(\"selectedTabId\")\n  async selectedTabIdChanged(): Promise<void> {\n    if (\n      localStorage &&\n      this.storageId &&\n      this.selectedTabId !== undefined &&\n      this.selectedTabId !== null\n    ) {\n      localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTabId));\n    }\n\n    this.calciteInternalTabChange.emit({\n      tab: this.selectedTabId,\n    });\n\n    this.selectedTitle = await this.getTabTitleById(this.selectedTabId);\n  }\n\n  @Watch(\"selectedTitle\")\n  selectedTitleChanged(): void {\n    this.updateOffsetPosition();\n    this.updateActiveWidth();\n    // reset the animation time on tab selection\n    this.activeIndicatorEl.style.transitionDuration = `${this.animationActiveDuration}s`;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n    this.resizeObserver?.observe(this.el);\n  }\n\n  componentWillLoad(): void {\n    const storageKey = `calcite-tab-nav-${this.storageId}`;\n    if (localStorage && this.storageId && localStorage.getItem(storageKey)) {\n      const storedTab = JSON.parse(localStorage.getItem(storageKey));\n      this.selectedTabId = storedTab;\n    }\n  }\n\n  componentWillRender(): void {\n    const { parentTabsEl } = this;\n\n    this.layout = parentTabsEl?.layout;\n    this.bordered = parentTabsEl?.bordered;\n    // fix issue with active tab-title not lining up with blue indicator\n    if (this.selectedTitle) {\n      this.updateOffsetPosition();\n    }\n  }\n\n  componentDidRender(): void {\n    // if every tab title is active select the first tab.\n    if (\n      this.tabTitles.length &&\n      this.tabTitles.every((title) => !title.selected) &&\n      !this.selectedTabId\n    ) {\n      this.tabTitles[0].getTabIdentifier().then((tab) => {\n        this.calciteInternalTabChange.emit({\n          tab,\n        });\n      });\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const width = `${this.indicatorWidth}px`;\n    const offset = `${this.indicatorOffset}px`;\n    const indicatorStyle = dir !== \"rtl\" ? { width, left: offset } : { width, right: offset };\n    return (\n      <Host role=\"tablist\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`scale-${this.scale}`]: true,\n            [`position-${this.position}`]: true,\n          }}\n          onScroll={this.handleContainerScroll}\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={(el: HTMLDivElement) => (this.tabNavEl = el)}\n        >\n          <slot />\n          <div\n            class=\"tab-nav-active-indicator-container\"\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={(el) => (this.activeIndicatorContainerEl = el)}\n          >\n            <div\n              class=\"tab-nav-active-indicator\"\n              style={indicatorStyle}\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={(el) => (this.activeIndicatorEl = el as HTMLElement)}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabsFocusPrevious\")\n  focusPreviousTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"previous\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusNext\")\n  focusNextTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"next\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusFirst\")\n  focusFirstTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"first\");\n  }\n\n  @Listen(\"calciteInternalTabsFocusLast\")\n  focusLastTabHandler(event: CustomEvent): void {\n    this.handleTabFocus(event, event.target as HTMLCalciteTabTitleElement, \"last\");\n  }\n\n  @Listen(\"calciteInternalTabsActivate\")\n  internalActivateTabHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    this.selectedTabId = event.detail.tab\n      ? event.detail.tab\n      : this.getIndexOfTabTitle(event.target as HTMLCalciteTabTitleElement);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteTabsActivate\")\n  activateTabHandler(event: CustomEvent<void>): void {\n    this.calciteTabChange.emit();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabsClose\")\n  internalCloseTabHandler(event: CustomEvent<TabCloseEventDetail>): void {\n    const closedTabTitleEl = event.target as HTMLCalciteTabTitleElement;\n    this.handleTabTitleClose(closedTabTitleEl);\n    event.stopPropagation();\n  }\n\n  /**\n   * Check for active tabs on register and update selected\n   *\n   * @param event\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  updateTabTitles(event: CustomEvent<TabID>): void {\n    if ((event.target as HTMLCalciteTabTitleElement).selected) {\n      this.selectedTabId = event.detail;\n    }\n  }\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  globalInternalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    if (\n      this.syncId &&\n      event.target !== this.el &&\n      (event.target as HTMLCalciteTabNavElement).syncId === this.syncId &&\n      this.selectedTabId !== event.detail.tab\n    ) {\n      this.selectedTabId = event.detail.tab;\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalTabIconChanged\")\n  iconStartChangeHandler(): void {\n    this.updateActiveWidth();\n    this.updateOffsetPosition();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected `calcite-tab` changes.\n   */\n  @Event({ cancelable: false }) calciteTabChange: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabNavElement;\n\n  @State() selectedTabId: TabID;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  tabNavEl: HTMLDivElement;\n\n  activeIndicatorEl: HTMLElement;\n\n  activeIndicatorContainerEl: HTMLDivElement;\n\n  animationActiveDuration = 0.3;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    if (!this.activeIndicatorEl) {\n      return;\n    }\n\n    // remove active indicator transition duration during resize to prevent wobble\n    this.activeIndicatorEl.style.transitionDuration = \"0s\";\n    this.updateActiveWidth();\n    this.updateOffsetPosition();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleTabFocus = (\n    event: CustomEvent,\n    el: HTMLCalciteTabTitleElement,\n    destination: FocusElementInGroupDestination,\n  ): void => {\n    focusElementInGroup(this.enabledTabTitles, el, destination);\n\n    event.stopPropagation();\n  };\n\n  handleContainerScroll = (): void => {\n    // remove active indicator transition duration while container is scrolling to prevent wobble\n    this.activeIndicatorEl.style.transitionDuration = \"0s\";\n    this.updateOffsetPosition();\n  };\n\n  updateOffsetPosition(): void {\n    const dir = getElementDir(this.el);\n    const navWidth = this.activeIndicatorContainerEl?.offsetWidth;\n    const tabLeft = this.selectedTitle?.offsetLeft;\n    const tabWidth = this.selectedTitle?.offsetWidth;\n    const offsetRight = navWidth - (tabLeft + tabWidth);\n    this.indicatorOffset =\n      dir !== \"rtl\" ? tabLeft - this.tabNavEl?.scrollLeft : offsetRight + this.tabNavEl?.scrollLeft;\n  }\n\n  updateActiveWidth(): void {\n    this.indicatorWidth = this.selectedTitle?.offsetWidth;\n  }\n\n  getIndexOfTabTitle(el: HTMLCalciteTabTitleElement, tabTitles = this.tabTitles): number {\n    // In most cases, since these indexes correlate with tab contents, we want to consider all tab titles.\n    // However, when doing relative index operations, it makes sense to pass in this.enabledTabTitles as the 2nd arg.\n    return tabTitles.indexOf(el);\n  }\n\n  async getTabTitleById(id: TabID): Promise<HTMLCalciteTabTitleElement | null> {\n    return Promise.all(this.tabTitles.map((el) => el.getTabIdentifier())).then((ids) => {\n      return this.tabTitles[ids.indexOf(id)];\n    });\n  }\n\n  get tabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(this.el, \"calcite-tab-title\");\n  }\n\n  get enabledTabTitles(): HTMLCalciteTabTitleElement[] {\n    return filterDirectChildren<HTMLCalciteTabTitleElement>(\n      this.el,\n      \"calcite-tab-title:not([disabled])\",\n    ).filter((tabTitle) => !tabTitle.closed);\n  }\n\n  private handleTabTitleClose(closedTabTitleEl: HTMLCalciteTabTitleElement): void {\n    const { tabTitles } = this;\n\n    const visibleTabTitlesIndices = tabTitles.reduce(\n      (tabTitleIndices, tabTitle, index) =>\n        !tabTitle.closed ? [...tabTitleIndices, index] : tabTitleIndices,\n      [],\n    );\n    const totalVisibleTabTitles = visibleTabTitlesIndices.length;\n\n    if (totalVisibleTabTitles === 1 && tabTitles[visibleTabTitlesIndices[0]].closable) {\n      tabTitles[visibleTabTitlesIndices[0]].closable = false;\n      this.selectedTabId = visibleTabTitlesIndices[0];\n    } else if (totalVisibleTabTitles > 1) {\n      const closedTabTitleIndex = tabTitles.findIndex((el) => el === closedTabTitleEl);\n      const nextTabTitleIndex = visibleTabTitlesIndices.find(\n        (value) => value > closedTabTitleIndex,\n      );\n\n      if (this.selectedTabId === closedTabTitleIndex) {\n        this.selectedTabId = nextTabTitleIndex ? nextTabTitleIndex : totalVisibleTabTitles - 1;\n      }\n    }\n\n    requestAnimationFrame(() => {\n      this.updateOffsetPosition();\n      this.updateActiveWidth();\n      tabTitles[this.selectedTabId].focus();\n    });\n  }\n}\n","export const CSS = {\n  closeButton: \"close-button\",\n  container: \"container\",\n  content: \"content\",\n  contentHasText: \"content--has-text\",\n  iconEnd: \"icon-end\",\n  iconPresent: \"icon-present\",\n  iconStart: \"icon-start\",\n  titleIcon: \"calcite-tab-title--icon\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n",":host {\n  @apply block outline-none;\n  margin-inline-start: theme(\"margin.0\");\n}\n\n:host([layout=\"inline\"]) {\n  @apply flex-initial;\n}\n\n:host([layout=\"center\"]) {\n  @apply flex-auto;\n}\n\n:host([layout=\"center\"]) .scale-s,\n:host([layout=\"center\"]) .scale-m,\n:host([layout=\"center\"]) .scale-l {\n  @apply my-0 text-center;\n  flex-basis: theme(\"spacing.48\");\n  .content {\n    @apply m-auto;\n  }\n}\n\n// center the text visually and not affected by the x button so as to avoid moving when on or off\n:host([layout=\"center\"][closable]) {\n  .content {\n    padding-inline-start: 32px; //28px button width + 0.25rem padding\n  }\n}\n\n:host([layout=\"center\"][bordered][closable]) .scale-s {\n  .content {\n    padding-inline-start: 36px; //28px button width + 0.5rem padding\n  }\n}\n\n:host([layout=\"center\"][bordered][closable]) .scale-m {\n  .content {\n    padding-inline-start: 40px; //28px button width + 0.75rem padding\n  }\n}\n\n:host([layout=\"center\"][closable]) .scale-l {\n  .content {\n    padding-inline-start: 40px; //36px button width + .25 padding\n  }\n}\n\n:host([layout=\"center\"][closable][bordered]) .scale-s {\n  .content {\n    padding-inline-start: 52px; //36px button width + 1rem padding\n  }\n}\n\n:host([position=\"bottom\"]) .container {\n  @apply border-t-color-transparent\n    border-b-0\n    border-t-2;\n  border-block-start-style: solid;\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n.container {\n  @apply focus-base;\n}\n\n:host(:focus) .container {\n  @apply focus-inset;\n\n  &:focus-within {\n    @apply focus-base;\n  }\n}\n\n:host(:active),\n:host(:focus),\n:host(:hover) {\n  a {\n    @apply text-color-1 border-color-2 no-underline;\n  }\n}\n\n:host([selected]) .container {\n  @apply text-color-1 border-color-transparent;\n}\n\n@include disabled() {\n  .container {\n    @apply pointer-events-none opacity-50;\n  }\n}\n\n.scale-s {\n  .content {\n    @apply text-n2h py-1;\n  }\n}\n\n.scale-m {\n  .content {\n    @apply text-n1h py-2;\n  }\n}\n\n.scale-l {\n  .content {\n    @apply text-0h py-2.5;\n  }\n}\n\n.container {\n  @apply border-b-2\n    border-b-color-transparent\n    box-border\n    content-center\n    cursor-pointer\n    flex\n    h-full\n    justify-between\n    px-0\n    text-color-3\n    text-n1h\n    transition-default\n    w-full;\n\n  border-block-end-style: solid;\n}\n\n.content {\n  @apply flex items-center justify-center;\n}\n\n.calcite-tab-title--icon {\n  @apply relative\n    m-0\n    inline-flex\n    self-center;\n  & svg {\n    @apply transition-default;\n  }\n}\n\n.content--has-text {\n  @apply p-1;\n}\n\n.content--has-text .calcite-tab-title--icon.icon-start {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n.content--has-text .calcite-tab-title--icon.icon-end {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n.close-button {\n  @apply appearance-none\n  bg-foreground-1\n  border-none\n  content-center\n  cursor-pointer\n  flex\n  focus-base\n  items-center\n  justify-center\n  self-center\n  text-color-3\n  transition-default;\n\n  block-size: calc(100% - 2px); // fit within top/bottom borders\n  background-color: var(--calcite-button-transparent-1);\n  margin-inline-start: auto;\n\n  &:focus {\n    @apply focus-inset;\n\n    // ⚠️overriding outline-offset should be avoided as it won't honor --calcite-color-focus-offset-invert\n    outline-offset: -1px;\n  }\n\n  &:focus,\n  &:hover {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-2);\n  }\n\n  &:active {\n    @apply text-color-1;\n    background-color: var(--calcite-color-foreground-3);\n  }\n\n  & calcite-icon {\n    color: inherit;\n  }\n}\n\n// compensate for spacing when no hastext and two icons\n:host([icon-start][icon-end]) {\n  .calcite-tab-title--icon:first-child {\n    margin-inline-end: theme(\"margin.2\");\n  }\n}\n\n// bordered styles\n:host([bordered]) {\n  margin-inline-end: 0;\n}\n\n:host([bordered][selected]) {\n  box-shadow: inset 0px -2px var(--calcite-color-foreground-1);\n}\n\n:host([bordered][selected][position=\"bottom\"]) {\n  box-shadow: inset 0 2px 0 var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:hover),\n:host([bordered]:focus),\n:host([bordered]:active) {\n  .container {\n    @apply relative;\n  }\n}\n\n:host([bordered]:hover) {\n  .container {\n    background-color: var(--calcite-color-transparent-hover);\n  }\n}\n\n:host([closable]) .container,\n:host([bordered]) .container {\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  .close-button {\n    margin-inline: 0;\n  }\n}\n\n:host([closable]) .content {\n  @apply h-full box-border border-b-color-transparent;\n}\n\n:host([closable][position=\"bottom\"]) .container,\n:host([bordered][position=\"bottom\"]) .container {\n  border-block-start-style: unset;\n}\n\n:host([selected][bordered]) .container {\n  border-inline-start-color: var(--calcite-color-border-1);\n  border-inline-end-color: var(--calcite-color-border-1);\n}\n\n:host([bordered]) {\n  .content {\n    @apply px-3;\n  }\n}\n\n:host([bordered]) .scale-s {\n  .content {\n    @apply px-2;\n  }\n}\n\n:host([bordered]) .scale-l {\n  .content {\n    @apply px-4;\n  }\n}\n\n@media (forced-colors: active) {\n  :host {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n\n  :host(:focus) .container {\n    outline-color: highlight;\n  }\n\n  :host([bordered]) .container {\n    border-block-end-style: solid;\n  }\n\n  :host([bordered][position=\"bottom\"]) .container {\n    border-block-start-style: solid;\n  }\n\n  :host([bordered][selected]) .container {\n    border-block-end-style: none;\n  }\n\n  :host([bordered][position=\"bottom\"][selected]) .container {\n    border-block-start-style: none;\n  }\n\n  .close-button {\n    /* in high contrast the tab title outline covers the close button outline without a z-index */\n    @apply z-default;\n  }\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean, nodeListToArray } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FlipContext, Scale } from \"../interfaces\";\nimport { TabChangeEventDetail, TabCloseEventDetail } from \"../tab/interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport { TabID, TabLayout, TabPosition } from \"../tabs/interfaces\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TabTitleMessages } from \"./assets/tab-title/t9n\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * Tab-titles are optionally individually closable.\n */\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-tab-title\",\n  styleUrl: \"tab-title.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component and its respective `calcite-tab` contents are selected.\n   *\n   * Only one tab can be selected within the `calcite-tabs` parent.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedHandler(): void {\n    if (this.selected) {\n      this.emitActiveTab(false);\n    }\n  }\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, does not display or position the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) layout: TabLayout;\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n   *\n   *  @internal\n   */\n  @Prop() position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) bordered = false;\n\n  /**\n   * Specifies a unique name for the component.\n   *\n   * When specified, use the same value on the `calcite-tab`.\n   */\n  @Prop({ reflect: true }) tab: string;\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: TabTitleMessages;\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<TabTitleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.setupTextContentObserver();\n    this.parentTabNavEl = this.el.closest(\"calcite-tab-nav\");\n    this.parentTabsEl = this.el.closest(\"calcite-tabs\");\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    // Dispatching to body in order to be listened by other elements that are still connected to the DOM.\n    document.body?.dispatchEvent(\n      new CustomEvent(\"calciteTabTitleUnregister\", {\n        detail: this.el,\n      }),\n    );\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    if (Build.isBrowser) {\n      this.updateHasText();\n    }\n    if (this.tab && this.selected) {\n      this.emitActiveTab(false);\n    }\n  }\n\n  componentWillRender(): void {\n    if (this.parentTabsEl) {\n      this.layout = this.parentTabsEl.layout;\n      this.bordered = this.parentTabsEl.bordered;\n    }\n  }\n\n  render(): VNode {\n    const { el, closed } = this;\n    const id = el.id || this.guid;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.titleIcon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-controls={this.controls}\n        aria-selected={toAriaBoolean(this.selected)}\n        id={id}\n        role=\"tab\"\n        tabIndex={this.selected && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class={{\n              container: true,\n              [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,\n              [`scale-${this.scale}`]: true,\n            }}\n            hidden={closed}\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={(el) => this.resizeObserver?.observe(el)}\n          >\n            <div class={{ [CSS.content]: true, [CSS.contentHasText]: this.hasText }}>\n              {this.iconStart ? iconStartEl : null}\n              <slot />\n              {this.iconEnd ? iconEndEl : null}\n            </div>\n            {this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    const { closable, messages } = this;\n\n    return closable ? (\n      <button\n        aria-label={messages.close}\n        class={CSS.closeButton}\n        disabled={false}\n        key={CSS.closeButton}\n        onClick={this.closeClickHandler}\n        title={messages.close}\n        type=\"button\"\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={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  async componentDidLoad(): Promise<void> {\n    this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalTabChange\", { target: \"body\" })\n  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void {\n    const targetTabsEl = event\n      .composedPath()\n      .find((el: HTMLElement) => el.tagName === \"CALCITE-TABS\");\n\n    if (targetTabsEl !== this.parentTabsEl) {\n      return;\n    }\n\n    if (this.tab) {\n      this.selected = this.tab === event.detail.tab;\n    } else {\n      this.getTabIndex().then((index) => {\n        this.selected = index === event.detail.tab;\n      });\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.emitActiveTab();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        if (!event.composedPath().includes(this.closeButtonEl)) {\n          this.emitActiveTab();\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusNext.emit();\n        } else {\n          this.calciteInternalTabsFocusPrevious.emit();\n        }\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        if (getElementDir(this.el) === \"ltr\") {\n          this.calciteInternalTabsFocusPrevious.emit();\n        } else {\n          this.calciteInternalTabsFocusNext.emit();\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusFirst.emit();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalTabsFocusLast.emit();\n        break;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when a `calcite-tab` is selected.\n   */\n  @Event({ cancelable: false }) calciteTabsActivate: EventEmitter<void>;\n\n  /**\n   * Fires when a `calcite-tab` is selected (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;\n\n  /**\n   * Fires when a `calcite-tab` is closed.\n   */\n  @Event({ cancelable: false }) calciteTabsClose: EventEmitter<void>;\n\n  /**\n   * Fires when `calcite-tab` is closed (`event.details`).\n   *\n   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsClose: EventEmitter<TabCloseEventDetail>;\n  /**\n   * @internal\n   */\n\n  @Event({ cancelable: false }) calciteInternalTabsFocusNext: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusPrevious: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusFirst: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabsFocusLast: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabTitleRegister: EventEmitter<TabID>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTabIconChanged: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Returns the index of the title within the `calcite-tab-nav`.\n   */\n  @Method()\n  async getTabIndex(): Promise<number> {\n    return Array.prototype.indexOf.call(\n      nodeListToArray(this.el.parentElement.children).filter((el) =>\n        el.matches(\"calcite-tab-title\"),\n      ),\n      this.el,\n    );\n  }\n\n  /**\n   * @internal\n   */\n  @Method()\n  async getTabIdentifier(): Promise<TabID> {\n    return this.tab ? this.tab : this.getTabIndex();\n  }\n\n  /**\n   * @param tabIds\n   * @param titleIds\n   * @internal\n   */\n  @Method()\n  async updateAriaInfo(tabIds: string[] = [], titleIds: string[] = []): Promise<void> {\n    this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private closeClickHandler = (): void => {\n    this.closeTabTitleAndNotify();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabTitleElement;\n\n  /** watches for changing text content */\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () => this.updateHasText());\n\n  @State() controls: string;\n\n  @State() defaultMessages: TabTitleMessages;\n\n  @State() effectiveLocale: \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  /** determine if there is slotted text for styling purposes */\n  @State() hasText = false;\n\n  closeButtonEl: HTMLButtonElement;\n\n  containerEl: HTMLDivElement;\n\n  parentTabNavEl: HTMLCalciteTabNavElement;\n\n  parentTabsEl: HTMLCalciteTabsElement;\n\n  resizeObserver = createObserver(\"resize\", () => {\n    this.calciteInternalTabIconChanged.emit();\n  });\n\n  updateHasText(): void {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  setupTextContentObserver(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  emitActiveTab(userTriggered = true): void {\n    if (this.disabled || this.closed) {\n      return;\n    }\n    const payload = { tab: this.tab };\n    this.calciteInternalTabsActivate.emit(payload);\n\n    if (userTriggered) {\n      // emit in the next frame to let internal events sync up\n      requestAnimationFrame(() => this.calciteTabsActivate.emit());\n    }\n  }\n\n  closeTabTitleAndNotify(): void {\n    this.closed = true;\n    this.calciteInternalTabsClose.emit({ tab: this.tab });\n    this.calciteTabsClose.emit();\n  }\n\n  guid = `calcite-tab-title-${guid()}`;\n}\n","export const SLOTS = {\n  titleGroup: \"title-group\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n:host([bordered]) {\n  box-shadow: inset 0 1px 0 var(--calcite-color-border-1);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n:host([bordered]:not([position=\"bottom\"])) ::slotted(calcite-tab-nav) {\n  margin-block-end: -1px;\n}\n\n:host([bordered][position=\"bottom\"]) {\n  box-shadow:\n    inset 0 1px 0 var(--calcite-color-border-1),\n    inset 0 -1px 0 var(--calcite-color-border-1);\n}\n\n:host([bordered]) section {\n  @apply border-color-1 border border-solid;\n}\n\n:host([bordered][scale=\"s\"]) section {\n  @apply p-3;\n}\n\n:host([bordered][scale=\"m\"]) section {\n  @apply p-2;\n}\n\n:host([bordered][scale=\"l\"]) section {\n  @apply p-4;\n}\n\n:host([position=\"bottom\"]) {\n  @apply flex-col-reverse;\n}\n\nsection {\n  @apply border-t-color-1\n    flex\n    flex-grow\n    overflow-hidden\n    border-t;\n  border-block-start-style: solid;\n}\n\n:host([position=\"bottom\"]) section {\n  @apply border-b-color-1\n    flex-col-reverse\n    border-t-0\n    border-b;\n}\n\n:host([position=\"bottom\"]:not([bordered])) section {\n  border-block-end-style: solid;\n}\n\n@media (forced-colors: active) {\n  :host([bordered]) section {\n    @apply border-t-0\n      border-b;\n  }\n  :host([position=\"bottom\"][bordered]) section {\n    @apply border-t\n      border-b-0;\n  }\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Scale } from \"../interfaces\";\nimport { TabLayout, TabPosition } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n\n/**\n * @slot - A slot for adding `calcite-tab`s.\n * @slot title-group - A slot for adding a `calcite-tab-nav`.\n */\n@Component({\n  tag: \"calcite-tabs\",\n  styleUrl: \"tabs.scss\",\n  shadow: true,\n})\nexport class Tabs {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`\"inline\"`), or across and centered (`\"center\"`).\n   */\n  @Prop({ reflect: true }) layout: TabLayout = \"inline\";\n\n  /**\n   * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`.\n   */\n  @Prop({ reflect: true }) position: TabPosition = \"top\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"position\")\n  @Watch(\"scale\")\n  handleInheritableProps(): void {\n    this.updateItems();\n  }\n\n  /**\n   * When `true`, the component will display with a folder style menu.\n   */\n  @Prop() bordered = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver.observe(this.el, { childList: true });\n    this.updateItems();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    this.updateItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <slot name={SLOTS.titleGroup} />\n        <section>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteInternalTabTitleRegister\")\n  calciteInternalTabTitleRegister(event: CustomEvent): void {\n    this.titles = [...this.titles, event.target as HTMLCalciteTabTitleElement];\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteTabTitleUnregister\", { target: \"body\" })\n  calciteTabTitleUnregister(event: CustomEvent): void {\n    this.titles = this.titles.filter((el) => el !== event.detail);\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteInternalTabRegister\")\n  calciteInternalTabRegister(event: CustomEvent): void {\n    this.tabs = [...this.tabs, event.target as HTMLCalciteTabElement];\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  /**\n   * @param event\n   * @internal\n   */\n  @Listen(\"calciteTabUnregister\", { target: \"body\" })\n  calciteTabUnregister(event: CustomEvent): void {\n    this.tabs = this.tabs.filter((el) => el !== event.detail);\n    this.registryHandler();\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTabsElement;\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA\n   * attributes.\n   */\n  @State() titles: HTMLCalciteTabTitleElement[] = [];\n\n  /**\n   *\n   * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.\n   */\n  @State() tabs: HTMLCalciteTabElement[] = [];\n\n  mutationObserver = createObserver(\"mutation\", (mutationsList: MutationRecord[]) => {\n    for (const mutation of mutationsList) {\n      const target = mutation.target as HTMLElement;\n      if (\n        target.nodeName === \"CALCITE-TAB-NAV\" ||\n        target.nodeName === \"CALCITE-TAB-TITLE\" ||\n        target.nodeName === \"CALCITE-TAB\"\n      ) {\n        this.updateItems();\n      }\n    }\n  });\n\n  private updateItems(): void {\n    const { position, scale } = this;\n\n    const nav = this.el.querySelector(\"calcite-tab-nav\");\n    if (nav) {\n      nav.position = position;\n      nav.scale = scale;\n    }\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab\")).forEach((tab: HTMLCalciteTabElement) => {\n      if (tab.parentElement === this.el) {\n        tab.scale = scale;\n      }\n    });\n\n    Array.from(this.el.querySelectorAll(\"calcite-tab-nav > calcite-tab-title\")).forEach(\n      (title: HTMLCalciteTabTitleElement) => {\n        title.position = position;\n        title.scale = scale;\n      },\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *\n   * Matches up elements from the internal `tabs` and `titles` to automatically\n   * update the ARIA attributes and link `<calcite-tab>` and\n   * `<calcite-tab-title>` components.\n   */\n  async registryHandler(): Promise<void> {\n    let tabIds;\n    let titleIds;\n\n    // determine if we are using `tab` based or `index` based tab identifiers.\n    if (this.tabs.some((el) => el.tab) || this.titles.some((el) => el.tab)) {\n      // if we are using `tab` based identifiers sort by `tab` to account for\n      // possible out of order tabs and get the id of each tab\n      tabIds = this.tabs.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n      titleIds = this.titles.sort((a, b) => a.tab.localeCompare(b.tab)).map((el) => el.id);\n    } else {\n      // if we are using index based tabs then the `<calcite-tab>` and\n      // `<calcite-tab-title>` might have been rendered out of order so the\n      // order of `this.tabs` and `this.titles` might not reflect the DOM state,\n      // and might not match each other so we need to get the index of all the\n      // tabs and titles in the DOM order to match them up as a source of truth\n      const tabDomIndexes = await Promise.all(this.tabs.map((el) => el.getTabIndex()));\n\n      const titleDomIndexes = await Promise.all(this.titles.map((el) => el.getTabIndex()));\n\n      // once we have the DOM order as a source of truth we can build the\n      // matching tabIds and titleIds arrays\n      tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.tabs[registryIndex].id;\n        return ids;\n      }, []);\n\n      titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {\n        ids[indexInDOM] = this.titles[registryIndex].id;\n        return ids;\n      }, []);\n    }\n\n    // pass all our new aria information to each `<calcite-tab>` and\n    // `<calcite-tab-title>` which will check if they can update their internal\n    // `controlled` or `labeledBy` states and re-render if necessary\n    this.tabs.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n    this.titles.forEach((el) => el.updateAriaInfo(tabIds, titleIds));\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-0595b52f.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.15
- */
-import{r as e,h as t,H as i,g as l}from"./p-1609a2ed.js";import{s,a as c,c as n}from"./p-1f65b4c9.js";import{u as a,s as o,c as r,d}from"./p-4b4872d1.js";import{c as h,u,d as b,I as f}from"./p-e6f66f43.js";import{c as p,d as g}from"./p-7f921e0d.js";import{g as m}from"./p-18559159.js";import{C as v}from"./p-651aa282.js";import{g as x}from"./p-ab234d30.js";import"./p-667b9cf1.js";import"./p-3e165cab.js";import"./p-ed73004f.js";import"./p-d9fa9e51.js";const w={numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell"};const C=":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{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td{text-align:center}:host([alignment=end]) td{text-align:end}.assistive-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}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);outline-color:transparent;background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td: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          )}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{cursor:pointer;color:var(--calcite-color-text-3);inset-inline-start:2rem}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const k=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.lastCell=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){s(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){c(this)}connectedCallback(){p(this);r(this);h(this)}componentDidRender(){u(this)}disconnectedCallback(){g(this);d(this);b(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=m(this.el);return t(i,null,t(f,{disabled:this.disabled},t("td",{"aria-disabled":this.disabled,class:{[w.footerCell]:this.parentRowType==="foot",[w.numberCell]:this.numberCell,[w.selectionCell]:this.selectionCell,[w.selectedCell]:this.parentRowIsSelected,[w.lastCell]:this.lastCell,[v.rtl]:e==="rtl"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"gridcell",rowSpan:this.rowSpan,tabIndex:this.disabled?-1:0,ref:e=>this.containerEl=e},(this.selectionCell||this.readCellContentsToAT)&&this.focused&&t("span",{"aria-hidden":true,"aria-live":"polite",class:w.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{onSlotchange:this.updateScreenReaderContentsText}))))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=C;const y={numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active",selectedCell:"selected-cell",lastCell:"last-cell"};const $=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-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}th{white-space:normal;text-align:start;vertical-align:top;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);outline-color:transparent;font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:focus-within{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          )}th.last-cell{border-inline-end:0}th.body-row,th.footer-row{vertical-align:middle;border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const z=class{constructor(t){e(this,t);this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.lastCell=undefined;this.numberCell=false;this.parentRowIsSelected=undefined;this.parentRowPosition=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){s(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){c(this)}connectedCallback(){p(this);r(this)}disconnectedCallback(){g(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const s=l?"check-square-f":"check-square";return t(i,null,t("th",{"aria-colindex":this.parentRowType!=="body"?this.positionInRow:"",class:{[y.bodyRow]:this.parentRowType==="body",[y.footerRow]:this.parentRowType==="foot",[y.numberCell]:this.numberCell,[y.selectionCell]:this.selectionCell,[y.selectedCell]:this.parentRowIsSelected,[y.multipleSelectionCell]:this.selectionMode==="multiple",[y.lastCell]:this.lastCell},colSpan:this.colSpan,role:"columnheader",rowSpan:this.rowSpan,scope:e,tabIndex:0,ref:e=>this.containerEl=e},this.heading&&t("div",{class:y.heading},this.heading),this.description&&t("div",{class:y.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{class:{[y.active]:l},icon:s,scale:x(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{"aria-hidden":true,"aria-live":"polite",class:y.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=$;export{k as calcite_table_cell,z as calcite_table_header};
-//# sourceMappingURL=p-0595b52f.entry.js.map

package/dist/calcite/p-07655597.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.15
- */
-import{d as a}from"./p-c6a377a1.js";import"./p-1609a2ed.js";import"./p-0f904abe.js";import"./p-18559159.js";import"./p-d9fa9e51.js";import"./p-651aa282.js";import"./p-e6f66f43.js";import"./p-667b9cf1.js";import"./p-3e165cab.js";import"./p-aa2b189b.js";import"./p-ab234d30.js";import"./p-1f65b4c9.js";import"./p-7f921e0d.js";import"./p-ed73004f.js";import"./p-976a5ede.js";import"./p-c3afcfd1.js";import"./p-4b4872d1.js";import"./p-eb9973dc.js";import"./p-b674e9b5.js";function e(a,e,t,s){var p={s:["mõne sekundi","mõni sekund","paar sekundit"],m:["ühe minuti","üks minut"],mm:["%d minuti","%d minutit"],h:["ühe tunni","tund aega","üks tund"],hh:["%d tunni","%d tundi"],d:["ühe päeva","üks päev"],M:["kuu aja","kuu aega","üks kuu"],MM:["%d kuu","%d kuud"],y:["ühe aasta","aasta","üks aasta"],yy:["%d aasta","%d aastat"]};if(e){return(p[t][2]?p[t][2]:p[t][1]).replace("%d",a)}return(s?p[t][0]:p[t][1]).replace("%d",a)}var t={name:"et",weekdays:"pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),months:"jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),ordinal:function a(e){return e+"."},weekStart:1,relativeTime:{future:"%s pärast",past:"%s tagasi",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:"%d päeva",M:e,MM:e,y:e,yy:e},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};a.locale(t,null,true);export default t;
-//# sourceMappingURL=p-07655597.js.map

package/dist/calcite/p-0b5c04d9.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.15
- */
-import{r as t,c as e,h as i,H as n,g as s}from"./p-1609a2ed.js";import{e as o,i as r,h as a,g as l}from"./p-18559159.js";import{s as c,c as h,i as u,d,H as p}from"./p-0f904abe.js";import{c as b,d as m,u as f,I as g}from"./p-e6f66f43.js";import{n as v}from"./p-3e165cab.js";import{c as x,d as y,g as w}from"./p-aa2b189b.js";import{s as k,a as z,c as j}from"./p-1f65b4c9.js";import{n as I,i as E,p as C,s as D,a as W,c as L,d as B,B as F}from"./p-7f921e0d.js";import{c as $}from"./p-ed73004f.js";import{C as K}from"./p-651aa282.js";import{u as V,c as N,d as P,s as R}from"./p-4b4872d1.js";import{g as A}from"./p-ab234d30.js";import{V as H}from"./p-b674e9b5.js";import"./p-d9fa9e51.js";import"./p-667b9cf1.js";const O={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const U={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};const M={action:"action"};const T=":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:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{block-size:1.5rem;min-block-size:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) input[type=file]{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=s]) textarea{block-size:auto;padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-block-size:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) input[type=file]{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=m]) textarea{block-size:auto;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-block-size:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) input[type=file]{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([scale=l]) textarea{block-size:auto;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}textarea,input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input,textarea{text-overflow:ellipsis;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input:placeholder-shown,textarea:placeholder-shown{text-overflow:ellipsis}input:focus,textarea:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly],textarea[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus,textarea[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}textarea,input{outline-color:transparent}textarea:focus,input: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          )}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);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]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.icon,.resize-icon-wrapper{z-index:var(--calcite-z-index)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button: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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:input::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden !important}textarea::-webkit-resizer{position:absolute;inset-block-end:0px;box-sizing:border-box;padding-block:0px;padding-inline:0.25rem;inset-inline-end:0}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:0.5rem}:host([type=file][scale=m]) input{padding-block:0.25rem;padding-inline:0.75rem}:host([type=file][scale=l]) input{padding-block:0.5rem;padding-inline:1rem}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{padding-block-start:0.5rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const q=class{constructor(i){t(this,i);this.calciteInternalInputFocus=e(this,"calciteInternalInputFocus",6);this.calciteInternalInputBlur=e(this,"calciteInternalInputBlur",6);this.calciteInputInput=e(this,"calciteInputInput",7);this.calciteInputChange=e(this,"calciteInputChange",6);this.childElType="input";this.previousValueOrigin="initial";this.mutationObserver=$("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(c(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue){this.calciteInputChange.emit();this.setPreviousEmittedValue(this.value)}};this.inputBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const e=o(this.el,"action");if(t.target!==e){this.setFocus()}};this.inputFocusHandler=()=>{this.calciteInternalInputFocus.emit()};this.inputChangeHandler=()=>{if(this.type==="file"){this.files=this.childEl.files}};this.inputInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue({nativeEvent:t,origin:"user",value:t.target.value})};this.inputKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.emitChangeIfUserModified()}};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const e=t.target.value;I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const i=I.delocalize(e);if(t.inputType==="insertFromPaste"){if(!E(i)){t.preventDefault()}this.setValue({nativeEvent:t,origin:"user",value:C(i)});this.childNumberEl.value=this.displayedValue}else{this.setValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=t=>{if(this.type!=="number"||this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const e=[...v,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)||i){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===I.decimal){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(I.decimal)===-1){return}}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,e)=>{if(e instanceof KeyboardEvent&&e.repeat||this.type!=="number"){return}const i=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const s=150;this.incrementOrDecrementNumberValue(t,i,n,e);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let o=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(o){o=false;return}this.incrementOrDecrementNumberValue(t,i,n,e)}),s)};this.numberButtonPointerUpAndOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.numberButtonPointerDownHandler=t=>{if(!r(t)){return}t.preventDefault();const e=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(e,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildElRef=t=>{this.childEl=t};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputValue=t=>{if(this.type==="text"&&!this.childEl){return}if(this.type==="number"&&!this.childNumberEl){return}this[`child${this.type==="number"?"Number":""}El`].value=t};this.setPreviousEmittedValue=t=>{this.previousEmittedValue=this.normalizeValue(t)};this.setPreviousValue=t=>{this.previousValue=this.normalizeValue(t)};this.setValue=({committing:t=false,nativeEvent:e,origin:i,previousValue:n,value:s})=>{this.setPreviousValue(n??this.value);this.previousValueOrigin=i;if(this.type==="number"){I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator,signDisplay:"never"};const t=this.previousValue?.length>s.length||this.value?.length>s.length;const e=s.charAt(s.length-1)===".";const n=e&&t?s:D(s);const o=s&&!n?E(this.previousValue)?this.previousValue:"":n;let r=I.localize(o);if(i!=="connected"&&!e){r=W(r,o,I)}this.displayedValue=e&&t?`${r}${I.decimal}`:r;this.userChangedValue=i==="user"&&this.value!==o;this.value=["-","."].includes(o)?"":o}else{this.userChangedValue=i==="user"&&this.value!==s;this.value=s}if(i==="direct"){this.setInputValue(s);this.previousEmittedValue=s}if(e){const e=this.calciteInputInput.emit();if(e.defaultPrevented){this.value=this.previousValue;this.displayedValue=this.type==="number"?I.localize(this.previousValue):this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.inputKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.hidden=false;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.pattern=undefined;this.accept=undefined;this.multiple=false;this.inputMode="text";this.enterKeyHint=undefined;this.suffixText=undefined;this.editingEnabled=false;this.type="text";this.value="";this.files=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,e){if(!this.userChangedValue){if(this.type==="number"&&(t==="Infinity"||t==="-Infinity")){this.displayedValue=t;this.previousEmittedValue=t;return}this.setValue({origin:"direct",previousValue:e,value:t==null||t==""?"":this.type==="number"?E(t)?t:this.previousValue||"":t});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a(U,this.icon,this.type)}get isClearable(){return!this.isTextarea&&(this.clearable||this.type==="search")&&this.value?.length>0}get isTextarea(){return this.childElType==="textarea"}effectiveLocaleChange(){V(this,this.effectiveLocale)}connectedCallback(){b(this);L(this);N(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}x(this);h(this);this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value);if(this.type==="number"){if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedValue=this.value}else{this.warnAboutInvalidNumberValue(this.value);this.setValue({origin:"connected",value:E(this.value)?this.value:""})}}this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(u,this.onHiddenFormInputInput)}disconnectedCallback(){m(this);y(this);d(this);B(this);P(this);this.mutationObserver?.disconnect();this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){k(this);this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=a(U,this.icon,this.type);await R(this)}componentDidLoad(){z(this)}componentShouldUpdate(t,e,i){if(this.type==="number"&&i==="value"&&t&&!E(t)){this.setValue({origin:"reset",value:e});return false}return true}componentDidRender(){f(this)}async setFocus(){await j(this);if(this.type==="number"){this.childNumberEl?.focus()}else{this.childEl?.focus()}}async selectText(){if(this.type==="number"){this.childNumberEl?.select()}else{this.childEl?.select()}}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,e,i,n){const{value:s}=this;if(s==="Infinity"||s==="-Infinity"){return}const o=t==="up"?1:-1;const r=this.step==="any"?1:Math.abs(this.step||1);const a=new F(s!==""?s:"0");const l=a.add(`${r*o}`);const c=()=>typeof i==="number"&&!isNaN(i)&&l.subtract(`${i}`).isNegative;const h=()=>typeof e==="number"&&!isNaN(e)&&!l.subtract(`${e}`).isNegative;const u=c()?`${i}`:h()?`${e}`:l.toString();this.setValue({committing:true,nativeEvent:n,origin:"user",value:u})}onFormReset(){this.setValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){const{type:e}=this;t.type=e;if(e==="number"){t.min=this.min?.toString(10)??"";t.max=this.max?.toString(10)??""}else if(e==="text"){if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}}setDisabledAction(){const t=o(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return this.type==="number"?E(t)?t:"":t}warnAboutInvalidNumberValue(t){if(this.type==="number"&&t&&!E(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=l(this.el);const e=i("div",{class:O.loader},i("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const s=i("button",{"aria-label":this.messages.clear,class:O.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},i("calcite-icon",{icon:"x",scale:A(this.scale)}));const o=i("calcite-icon",{class:O.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:A(this.scale)});const r=this.numberButtonType==="horizontal";const a=i("button",{"aria-hidden":"true",class:{[O.numberButtonItem]:true,[O.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},i("calcite-icon",{icon:"chevron-up",scale:A(this.scale)}));const c=i("button",{"aria-hidden":"true",class:{[O.numberButtonItem]:true,[O.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},i("calcite-icon",{icon:"chevron-down",scale:A(this.scale)}));const h=i("div",{class:O.numberButtonWrapper},a,c);const u=i("div",{class:O.prefix},this.prefixText);const d=i("div",{class:O.suffix},this.suffixText);const b=this.type==="number"?i("input",{accept:this.accept,"aria-label":w(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,multiple:this.multiple,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,type:"text",value:this.displayedValue,ref:this.setChildNumberElRef}):null;const m=this.type!=="number"?[i(this.childElType,{accept:this.accept,"aria-label":w(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,class:{[O.editingEnabled]:this.editingEnabled,[O.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,multiple:this.multiple,name:this.name,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value,ref:this.setChildElRef}),this.isTextarea?i("div",{class:O.resizeIconWrapper},i("calcite-icon",{icon:"chevron-down",scale:A(this.scale)})):null]:null;return i(n,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},i(g,{disabled:this.disabled},i("div",{class:{[O.inputWrapper]:true,[K.rtl]:t==="rtl"}},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?u:null,i("div",{class:O.wrapper},b,m,this.isClearable?s:null,this.requestedIcon?o:null,this.loading?e:null),i("div",{class:O.actionWrapper},i("slot",{name:M.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?h:null,this.suffixText?d:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?a:null,i(p,{component:this})),this.validationMessage?i(H,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};q.style=T;export{q as calcite_input};
-//# sourceMappingURL=p-0b5c04d9.entry.js.map