@esri/calcite-components 2.8.0-next.13 → 2.8.0-next.14

package/dist/calcite/p-1b27c92f.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as t,c as e,h as s,F as i,g as a}from"./p-16bf9017.js";import{s as n,a as o,c as r}from"./p-22cb45f7.js";import{n as c,c as l,d as h}from"./p-c0a22312.js";import{u as d,c as m,s as p,d as u}from"./p-d0f2f43c.js";import{c as f}from"./p-bf3309d5.js";import{g}from"./p-bfeca540.js";import"./p-812323d3.js";import"./p-2b7615b1.js";import"./p-fb3cbaac.js";import"./p-12cb4cf8.js";const b={min:"0",max:"320px"};const v={min:"321px",max:"476px"};const x={min:"477px",max:"768px"};const k={min:"769px",max:"1152px"};const y={min:"1153px",max:"1440px"};const z={width:{large:I(y.max),medium:I(k.max),small:I(x.max),xsmall:I(v.max),xxsmall:I(b.max)}};function I(t){return parseInt(t)}const C={page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"};const S={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"};const w=":host{display:flex;writing-mode:horizontal-tb}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}.chevron,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-color-border-2)}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}.chevron:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";const L=w;const j=2;const P=2;const X={large:11,medium:9,small:7,xsmall:5,xxsmall:1};const M=class{constructor(s){t(this,s);this.calcitePaginationChange=e(this,"calcitePaginationChange",6);this.resizeObserver=f("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t);this.firstClicked=()=>{this.startItem=1;this.emitUpdate()};this.lastClicked=()=>{this.startItem=this.lastStartItem;this.emitUpdate()};this.previousClicked=async()=>{await this.previousPage();this.emitUpdate()};this.nextClicked=async()=>{await this.nextPage();this.emitUpdate()};this.handlePageClick=t=>{const e=t.target;this.startItem=parseInt(e.value,10);this.emitUpdate()};this.groupSeparator=false;this.messages=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.pageSize=20;this.scale="m";this.startItem=1;this.totalItems=0;this.defaultMessages=undefined;this.effectiveLocale="";this.maxItems=X.xxsmall;this.totalPages=undefined;this.lastStartItem=undefined;this.isXXSmall=undefined}onMessagesChange(){}handleTotalPages(){if(this.pageSize<1){this.pageSize=1}this.totalPages=this.totalItems/this.pageSize}effectiveLocaleChange(){d(this,this.effectiveLocale)}effectiveLocaleWatcher(){c.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){const{totalItems:t,pageSize:e,totalPages:s}=this;this.lastStartItem=(t%e===0?t-e:Math.floor(s)*e)+1}handleIsXXSmall(){this.isXXSmall=this.maxItems===X.xxsmall}connectedCallback(){l(this);m(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await p(this);n(this);this.handleTotalPages();this.handleLastStartItemChange();this.handleIsXXSmall()}componentDidLoad(){o(this);this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){h(this);u(this);this.resizeObserver?.disconnect()}async setFocus(){await r(this);this.el.focus()}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}async goTo(t){switch(t){case"start":this.startItem=1;break;case"end":this.startItem=this.lastStartItem;break;default:{if(t>=Math.ceil(this.totalPages)){this.startItem=this.lastStartItem}else if(t<=0){this.startItem=1}else{this.startItem=(t-1)*this.pageSize+1}}}}setMaxItemsToBreakpoint(t){if(!z||!t){return}if(t>=z.width.medium){this.maxItems=X.large;return}if(t>=z.width.small){this.maxItems=X.medium;return}if(t>=z.width.xsmall){this.maxItems=X.small;return}if(t>=z.width.xxsmall){this.maxItems=X.xsmall;return}this.maxItems=X.xxsmall}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-j-P}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-j-(P-1)}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return s("span",{class:C.ellipsis,"data-test-ellipsis":t,key:t},"…")}renderItems(){const{totalItems:t,pageSize:e,startItem:s,maxItems:i,totalPages:a,lastStartItem:n,isXXSmall:o}=this;const r=[];if(o){r.push(this.renderPage(s));return r}const c=t>e;const l=this.showStartEllipsis();const h=this.showEndEllipsis();if(c){r.push(this.renderPage(1))}if(l){r.push(this.renderEllipsis("start"))}const d=i-j-(h?1:0)-(l?1:0);let m;let p;if(a-1<=d){p=1+e;m=n-e}else{if(s/e<d){p=1+e;m=1+d*e}else{if(s+d*e>=t){p=n-d*e;m=n-e}else{p=s-e*((d-1)/2);m=s+e*((d-1)/2)}}}for(let t=0;t<d&&p<=m;t++){r.push(this.renderPage(p));p=p+e}if(h){r.push(this.renderEllipsis("end"))}r.push(this.renderPage(n));return r}renderPage(t){const{pageSize:e}=this;const i=Math.floor(t/e)+(e===1?0:1);c.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=c.localize(i.toString());const n=t===this.startItem;return s("button",{"aria-current":n?"page":"false",class:{[C.page]:true,[C.selected]:n},onClick:this.handlePageClick,value:t},a)}renderPreviousChevron(){const{pageSize:t,startItem:e,messages:i}=this;const a=t===1?e<=t:e<t;return s("button",{"aria-label":i.previous,class:{[C.chevron]:true,[C.disabled]:a},"data-test-chevron":"previous",disabled:a,key:"previous",onClick:this.previousClicked},s("calcite-icon",{flipRtl:true,icon:S.previous,scale:g(this.scale)}))}renderNextChevron(){const{totalItems:t,pageSize:e,startItem:i,messages:a}=this;const n=e===1?i+e>t:i+e>t;return s("button",{"aria-label":a.next,class:{[C.chevron]:true,[C.disabled]:n},"data-test-chevron":"next",disabled:n,key:"next-button",onClick:this.nextClicked},s("calcite-icon",{flipRtl:true,icon:S.next,scale:g(this.scale)}))}renderFirstChevron(){const{messages:t,startItem:e,isXXSmall:i}=this;const a=e===1;return i?s("button",{"aria-label":t.first,class:{[C.chevron]:true,[C.disabled]:a},disabled:a,key:"first-button",onClick:this.firstClicked},s("calcite-icon",{flipRtl:true,icon:S.first,scale:g(this.scale)})):null}renderLastChevron(){const{messages:t,startItem:e,isXXSmall:i,lastStartItem:a}=this;const n=e===a;return i?s("button",{"aria-label":t.last,class:{[C.chevron]:true,[C.disabled]:n},disabled:n,key:"last-button",onClick:this.lastClicked},s("calcite-icon",{flipRtl:true,icon:S.last,scale:g(this.scale)})):null}render(){return s(i,{key:"77c5c227f261f0a315ac6b0cd4ad6111fafbda59"},this.renderFirstChevron(),this.renderPreviousChevron(),this.renderItems(),this.renderNextChevron(),this.renderLastChevron())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],totalItems:["handleTotalPages","handleLastStartItemChange"],pageSize:["handleTotalPages","handleLastStartItemChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"],totalPages:["handleLastStartItemChange"],maxItems:["handleIsXXSmall"]}}};M.style=L;export{M as calcite_pagination};
+//# sourceMappingURL=p-1b27c92f.entry.js.map

package/dist/calcite/p-1b27c92f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt","CSS","page","selected","chevron","disabled","ellipsis","ICONS","next","previous","first","last","paginationCss","CalcitePaginationStyle0","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","goTo","ceil","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":["../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts","src/components/pagination/resources.ts","src/components/pagination/pagination.scss?tag=calcite-pagination&encapsulation=shadow","src/components/pagination/pagination.tsx"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 26 Apr 2024 22:00:03 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\",\"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\",\"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\",\"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\",\"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","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",":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 { createObserver } from \"../../utils/observers\";\nimport { breakpoints } from \"../../utils/responsive\";\nimport { getIconScale } from \"../../utils/component\";\nimport { CSS, ICONS } from \"./resources\";\nimport { PaginationMessages } from \"./assets/pagination/t9n\";\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   * Set a specified page as active.\n   *\n   * @param page\n   */\n  @Method()\n  async goTo(page: number | \"start\" | \"end\"): Promise<void> {\n    switch (page) {\n      case \"start\":\n        this.startItem = 1;\n        break;\n      case \"end\":\n        this.startItem = this.lastStartItem;\n        break;\n      default: {\n        if (page >= Math.ceil(this.totalPages)) {\n          this.startItem = this.lastStartItem;\n        } else if (page <= 0) {\n          this.startItem = 1;\n        } else {\n          this.startItem = (page - 1) * this.pageSize + 1;\n        }\n      }\n    }\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-1e97f221.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-16bf9017.js";import{c as o,d as c}from"./p-67a835f4.js";import{f as s,e as r,t as l,g as d}from"./p-812323d3.js";import{c as h,d as g,u as f,I as u}from"./p-43a4d409.js";import{c as p,d as m}from"./p-c0a22312.js";import{u as b,c as v,d as x,s as k}from"./p-d0f2f43c.js";import{H as y}from"./p-61ee72e5.js";import{c as w,s as C,a as z}from"./p-22cb45f7.js";import{o as j}from"./p-936df83c.js";import{i as _}from"./p-12cb4cf8.js";import"./p-bf3309d5.js";import"./p-2b7615b1.js";import"./p-fb3cbaac.js";import"./p-fb10e00b.js";const L={content:"content",toggle:"toggle",header:"header"};const B={button:"button",container:"container",content:"content",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",heading:"heading",icon:"icon",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"};const I={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};const D={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const O=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex;margin-inline-start:0.75rem;margin-inline-end:0px}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:0.75rem;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, 0.5rem);padding-inline:var(--calcite-block-padding, 0.625rem)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}';const S=O;const H=class{constructor(i){e(this,i);this.calciteBlockBeforeClose=t(this,"calciteBlockBeforeClose",6);this.calciteBlockBeforeOpen=t(this,"calciteBlockBeforeOpen",6);this.calciteBlockClose=t(this,"calciteBlockClose",6);this.calciteBlockOpen=t(this,"calciteBlockOpen",6);this.calciteBlockToggle=t(this,"calciteBlockToggle",6);this.openTransitionProp="opacity";this.onHeaderClick=()=>{this.open=!this.open;this.calciteBlockToggle.emit()};this.setTransitionEl=e=>{this.transitionEl=e};this.collapsible=false;this.disabled=false;this.dragHandle=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.open=false;this.status=undefined;this.description=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){j(this)}onMessagesChange(){}async setFocus(){await w(this);s(this.el)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){o(this);h(this);p(this);v(this)}disconnectedCallback(){g(this);m(this);x(this);c(this)}async componentWillLoad(){await k(this);C(this);if(this.open){j(this)}}componentDidLoad(){z(this)}componentDidRender(){f(this)}renderScrim(){const{loading:e}=this;const t=i("slot",null);return[e?i("calcite-scrim",{loading:e}):null,t]}renderIcon(){const{loading:e,messages:t,status:n}=this;const a=!!r(this.el,I.icon);return e?i("div",{class:B.icon,key:"loader"},i("calcite-loader",{inline:true,label:t.loading})):!!n?i("div",{class:B.icon,key:"status-icon"},i("calcite-icon",{class:{[B.statusIcon]:true,[B.valid]:n=="valid",[B.invalid]:n=="invalid"},icon:D[n],scale:"s"})):a?i("div",{class:B.icon,key:"icon-slot"},i("slot",{key:"icon-slot",name:I.icon})):null}renderTitle(){const{heading:e,headingLevel:t,description:n}=this;return e||n?i("div",{class:B.title},i(y,{class:B.heading,level:t},e),n?i("div",{class:B.description},n):null):null}render(){const{collapsible:e,el:t,loading:a,open:o,heading:c,messages:s}=this;const d=o?s.collapse:s.expand;const h=i("header",{key:"aefae50b975f87b21c9b37f7eae2df49062ee5f8",class:B.header,id:L.header},this.renderIcon(),this.renderTitle());const g=!!r(t,I.control);const f=!!r(t,I.headerMenuActions);const p=o?D.opened:D.closed;const m=i("div",{key:"f8c5ce075f5d83e483ee3d2d62fd187fd0987b30",class:B.headerContainer},this.dragHandle?i("calcite-handle",{label:c}):null,e?i("button",{"aria-controls":L.content,"aria-describedby":L.header,"aria-expanded":e?l(o):null,class:B.toggle,id:L.toggle,onClick:this.onHeaderClick,title:d},h,i("calcite-icon",{"aria-hidden":"true",class:B.toggleIcon,icon:p,scale:"s"})):h,g?i("div",{class:B.controlContainer},i("slot",{name:I.control})):null,f?i("calcite-action-menu",{label:s.options,overlayPositioning:this.overlayPositioning},i("slot",{name:I.headerMenuActions})):null);return i(n,{key:"8e984813d8283475171ad0b58bb77c6671da394c"},i(u,{key:"9757aa3d3d51eeca2eece6b7fcf1ed2bdbc9d4eb",disabled:this.disabled},i("article",{key:"6722572eb61cf147e473bd237bff74bafde0af56","aria-busy":l(a),class:{[B.container]:true}},m,i("section",{key:"14a1118f4b8a7d3f8ddc063cbcd2ba062090973a","aria-labelledby":L.toggle,class:B.content,hidden:!o,id:L.content,ref:this.setTransitionEl},this.renderScrim()))))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};H.style=S;const M={content:"content",toggle:"toggle"};const T={content:"content",focusGuard:"focus-guard",invalid:"invalid",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",toggle:"toggle",toggleSwitch:"toggle--switch",toggleSwitchContainer:"toggle--switch-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"};const q={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"};const F=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}.toggle--switch .status-icon{margin-inline-start:0.5rem}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-color-text-1)}.section-header .status-icon{align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch-container{position:relative;display:flex;inline-size:100%;align-items:center;background-color:transparent;word-break:break-word}.toggle--switch-container .focus-guard{--calcite-label-margin-bottom:0;pointer-events:none;position:absolute;inset-inline-end:0;margin-inline-start:0.25rem}.toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([toggle-display=switch]) .toggle .toggle--switch__content{margin-inline-end:1.75rem}:host([hidden]){display:none}[hidden]{display:none}";const R=F;const W=class{constructor(i){e(this,i);this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",6);this.handleHeaderKeyDown=e=>{if(_(e.key)){this.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=()=>{this.open=!this.open;this.calciteBlockSectionToggle.emit()};this.open=false;this.status=undefined;this.text=undefined;this.toggleDisplay="button";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}async setFocus(){await w(this);s(this.el)}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){p(this);v(this)}async componentWillLoad(){await k(this);C(this)}componentDidLoad(){z(this)}disconnectedCallback(){m(this);x(this)}renderStatusIcon(){const{status:e}=this;const t=q[e]??false;const n={[T.statusIcon]:true,[T.valid]:e=="valid",[T.invalid]:e=="invalid"};return!!t?i("calcite-icon",{class:n,icon:t,scale:"s"}):null}render(){const{el:e,messages:t,open:a,text:o,toggleDisplay:c}=this;const s=d(e);const r=a?q.menuOpen:s==="rtl"?q.menuClosedLeft:q.menuClosedRight;const h=a?t.collapse:t.expand;const g=c==="switch"?i("div",{class:{[T.toggleSwitchContainer]:true}},i("div",{"aria-controls":M.content,"aria-expanded":l(a),class:{[T.toggle]:true,[T.toggleSwitch]:true},id:M.toggle,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,role:"button",tabIndex:0,title:h},i("div",{class:T.toggleSwitchContent},i("span",{class:T.toggleSwitchText},o)),this.renderStatusIcon()),i("calcite-label",{class:T.focusGuard,layout:"inline",tabIndex:-1},i("calcite-switch",{checked:a,label:h,scale:"s"}))):i("button",{"aria-controls":M.content,"aria-expanded":l(a),class:{[T.sectionHeader]:true,[T.toggle]:true},id:M.toggle,onClick:this.toggleSection},i("calcite-icon",{icon:r,scale:"s"}),i("span",{class:T.sectionHeaderText},o),this.renderStatusIcon());return i(n,{key:"76e223811594d99984f6e110e430725030574d83"},g,i("section",{key:"336e2701112e69eefb0461fbb8052d70a73b16fb","aria-labelledby":M.toggle,class:T.content,hidden:!a,id:M.content},i("slot",{key:"3bd4125a763c91c22065162c5d5a1e2ee8d2f931"})))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};W.style=R;export{H as calcite_block,W as calcite_block_section};
+//# sourceMappingURL=p-1e97f221.entry.js.map

package/dist/calcite/p-1e97f221.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IDS","content","toggle","header","CSS","button","container","controlContainer","description","headerContainer","heading","icon","invalid","statusIcon","summary","title","toggleIcon","valid","SLOTS","control","headerMenuActions","ICONS","opened","closed","blockCss","CalciteBlockStyle0","Block","this","openTransitionProp","onHeaderClick","open","calciteBlockToggle","emit","setTransitionEl","el","transitionEl","openHandler","onToggleOpenCloseComponent","onMessagesChange","setFocus","componentFocusable","focusFirstTabbable","onBeforeOpen","calciteBlockBeforeOpen","onOpen","calciteBlockOpen","onBeforeClose","calciteBlockBeforeClose","onClose","calciteBlockClose","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectInteractive","connectLocalized","connectMessages","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","renderScrim","loading","defaultSlot","h","renderIcon","messages","status","hasSlottedIcon","getSlotted","class","key","inline","label","scale","name","renderTitle","headingLevel","Heading","level","render","collapsible","toggleLabel","collapse","expand","headerContent","id","hasControl","hasMenuActions","collapseIcon","headerNode","dragHandle","toAriaBoolean","onClick","options","overlayPositioning","Host","InteractiveContainer","disabled","hidden","ref","focusGuard","sectionHeader","sectionHeaderText","toggleSwitch","toggleSwitchContainer","toggleSwitchContent","toggleSwitchText","menuOpen","menuClosedLeft","menuClosedRight","blockSectionCss","CalciteBlockSectionStyle0","BlockSection","handleHeaderKeyDown","event","isActivationKey","toggleSection","preventDefault","stopPropagation","calciteBlockSectionToggle","renderStatusIcon","statusIconClasses","text","toggleDisplay","dir","getElementDir","arrowIcon","onKeyDown","role","tabIndex","layout","checked"],"sources":["src/components/block/resources.ts","src/components/block/block.scss?tag=calcite-block&encapsulation=shadow","src/components/block/block.tsx","src/components/block-section/resources.ts","src/components/block-section/block-section.scss?tag=calcite-block-section&encapsulation=shadow","src/components/block-section/block-section.tsx"],"sourcesContent":["export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n  header: \"header\",\n};\n\nexport const CSS = {\n  button: \"button\",\n  container: \"container\",\n  content: \"content\",\n  controlContainer: \"control-container\",\n  description: \"description\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  heading: \"heading\",\n  icon: \"icon\",\n  invalid: \"invalid\",\n  statusIcon: \"status-icon\",\n  summary: \"summary\",\n  title: \"title\",\n  toggle: \"toggle\",\n  toggleIcon: \"toggle-icon\",\n  valid: \"valid\",\n};\n\nexport const SLOTS = {\n  icon: \"icon\",\n  control: \"control\",\n  headerMenuActions: \"header-menu-actions\",\n};\n\nexport const ICONS = {\n  opened: \"chevron-up\",\n  closed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-block-padding: Specifies the padding of the block `default` slot.\n */\n\n:host {\n  @extend %component-host;\n  @extend %component-spacing;\n  @apply transition-margin ease-cubic border-color-3 flex flex-shrink-0 flex-grow-0\n    flex-col border-0 border-b border-solid p-0 duration-150;\n  flex-basis: auto;\n}\n\n@include disabled();\n\n@import \"../../assets/styles/animation\";\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply justify-start p-0;\n}\n\n.header,\n.toggle {\n  grid-area: header;\n}\n\n.header-container {\n  @apply grid items-stretch;\n  grid-template: auto / auto 1fr auto auto;\n  grid-template-areas: \"handle header control menu\";\n  grid-column: header-start / menu-end;\n  grid-row: 1 / 2;\n}\n\n.toggle {\n  @apply font-sans\n    focus-base\n    m-0\n    flex\n    cursor-pointer\n    flex-nowrap\n    items-center\n    justify-between\n    border-none\n    p-0;\n  text-align: initial;\n\n  background-color: transparent;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\ncalcite-loader[inline] {\n  grid-area: control;\n  @apply self-center;\n}\n\ncalcite-handle {\n  grid-area: handle;\n}\n\n.title {\n  @apply m-0;\n  padding: theme(\"spacing.3\");\n}\n\n.header .title .heading {\n  @apply text-n1\n    text-color-2\n    word-break\n    transition-color\n    p-0\n    font-medium\n    leading-tight\n    duration-150\n    ease-in-out;\n}\n\n.description {\n  @apply text-n2-wrap\n    text-color-3\n    word-break\n    mt-0.5\n    p-0;\n}\n\n.icon {\n  display: flex;\n  margin-inline-start: theme(\"spacing.3\");\n  margin-inline-end: 0px;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.toggle-icon {\n  @apply text-color-3\n  transition-color\n  my-3\n  self-center\n  justify-self-end\n  duration-150\n  ease-in-out;\n  margin-inline-end: theme(\"spacing.3\");\n  margin-inline-start: auto;\n}\n\n.toggle:hover .toggle-icon {\n  @apply text-color-1;\n}\n\n.container {\n  @apply flex flex-col h-full relative;\n}\n\n.content {\n  @apply animate-in flex-1 relative min-h-0;\n  padding-block: var(--calcite-block-padding, theme(\"spacing.2\"));\n  padding-inline: var(--calcite-block-padding, theme(\"spacing[2.5]\"));\n}\n\n.control-container {\n  @apply m-0 flex;\n  grid-area: control;\n}\n\ncalcite-action-menu {\n  grid-area: menu;\n}\n\n:host([open]) {\n  @apply my-2;\n\n  .header .title .heading {\n    @apply text-color-1;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { focusFirstTabbable, getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\nimport { BlockMessages } from \"./assets/block/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot icon - A slot for adding a leading header icon with `calcite-icon`.\n * @slot control - A slot for adding a single HTML input element in a header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n */\n@Component({\n  tag: \"calcite-block\",\n  styleUrl: \"block.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Block\n  implements\n    ConditionalSlotComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    T9nComponent,\n    LoadableComponent,\n    OpenCloseComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, displays a drag handle in the header.\n   */\n  @Prop({ reflect: true }) dragHandle = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * Displays a status-related indicator icon.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop() description: 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: BlockMessages;\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<BlockMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  onBeforeOpen(): void {\n    this.calciteBlockBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteBlockOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteBlockBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteBlockClose.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's header is clicked.\n   *\n   * @deprecated Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.\n   */\n  @Event({ cancelable: false }) calciteBlockToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onHeaderClick = (): void => {\n    this.open = !this.open;\n    this.calciteBlockToggle.emit();\n  };\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderScrim(): VNode[] {\n    const { loading } = this;\n    const defaultSlot = <slot />;\n\n    return [loading ? <calcite-scrim loading={loading} /> : null, defaultSlot];\n  }\n\n  renderIcon(): VNode[] {\n    const { loading, messages, status } = this;\n\n    const hasSlottedIcon = !!getSlotted(this.el, SLOTS.icon);\n\n    return loading ? (\n      <div class={CSS.icon} key=\"loader\">\n        <calcite-loader inline label={messages.loading} />\n      </div>\n    ) : !!status ? (\n      <div class={CSS.icon} key=\"status-icon\">\n        <calcite-icon\n          class={{\n            [CSS.statusIcon]: true,\n            [CSS.valid]: status == \"valid\",\n            [CSS.invalid]: status == \"invalid\",\n          }}\n          icon={ICONS[status]}\n          scale=\"s\"\n        />\n      </div>\n    ) : hasSlottedIcon ? (\n      <div class={CSS.icon} key=\"icon-slot\">\n        <slot key=\"icon-slot\" name={SLOTS.icon} />\n      </div>\n    ) : null;\n  }\n\n  renderTitle(): VNode {\n    const { heading, headingLevel, description } = this;\n    return heading || description ? (\n      <div class={CSS.title}>\n        <Heading class={CSS.heading} level={headingLevel}>\n          {heading}\n        </Heading>\n        {description ? <div class={CSS.description}>{description}</div> : null}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { collapsible, el, loading, open, heading, messages } = this;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerContent = (\n      <header class={CSS.header} id={IDS.header}>\n        {this.renderIcon()}\n        {this.renderTitle()}\n      </header>\n    );\n\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n\n    const headerNode = (\n      <div class={CSS.headerContainer}>\n        {this.dragHandle ? <calcite-handle label={heading} /> : null}\n        {collapsible ? (\n          <button\n            aria-controls={IDS.content}\n            aria-describedby={IDS.header}\n            aria-expanded={collapsible ? toAriaBoolean(open) : null}\n            class={CSS.toggle}\n            id={IDS.toggle}\n            onClick={this.onHeaderClick}\n            title={toggleLabel}\n          >\n            {headerContent}\n            <calcite-icon aria-hidden=\"true\" class={CSS.toggleIcon} icon={collapseIcon} scale=\"s\" />\n          </button>\n        ) : (\n          headerContent\n        )}\n        {hasControl ? (\n          <div class={CSS.controlContainer}>\n            <slot name={SLOTS.control} />\n          </div>\n        ) : null}\n        {hasMenuActions ? (\n          <calcite-action-menu\n            label={messages.options}\n            overlayPositioning={this.overlayPositioning}\n          >\n            <slot name={SLOTS.headerMenuActions} />\n          </calcite-action-menu>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <article\n            aria-busy={toAriaBoolean(loading)}\n            class={{\n              [CSS.container]: true,\n            }}\n          >\n            {headerNode}\n            <section\n              aria-labelledby={IDS.toggle}\n              class={CSS.content}\n              hidden={!open}\n              id={IDS.content}\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={this.setTransitionEl}\n            >\n              {this.renderScrim()}\n            </section>\n          </article>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n};\n\nexport const CSS = {\n  content: \"content\",\n  focusGuard: \"focus-guard\",\n  invalid: \"invalid\",\n  sectionHeader: \"section-header\",\n  sectionHeaderText: \"section-header__text\",\n  statusIcon: \"status-icon\",\n  toggle: \"toggle\",\n  toggleSwitch: \"toggle--switch\",\n  toggleSwitchContainer: \"toggle--switch-container\",\n  toggleSwitchContent: \"toggle--switch__content\",\n  toggleSwitchText: \"toggle--switch__text\",\n  valid: \"valid\",\n};\n\nexport const ICONS = {\n  menuOpen: \"chevron-down\",\n  menuClosedLeft: \"chevron-left\",\n  menuClosedRight: \"chevron-right\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1\n    box-border\n    block;\n}\n\n:host([open]) {\n  @apply border-b-color-3\n    border-0\n    border-b\n    border-solid;\n}\n\n:host(:last-child) {\n  @apply border-b-0;\n}\n\n.toggle {\n  @apply font-sans\n    text-color-2\n    w-full\n    border-0\n    bg-transparent\n    font-medium;\n}\n\n.toggle--switch {\n  .status-icon {\n    margin-inline-start: theme(\"margin.2\");\n  }\n}\n\n.toggle--switch,\n.section-header {\n  @apply text-n1\n    focus-base\n    mx-0\n    my-1\n    flex\n    cursor-pointer\n    select-none\n    items-center\n    px-0\n    py-2;\n\n  &:focus {\n    @apply focus-outset;\n  }\n  &:hover {\n    @apply text-color-1;\n  }\n}\n\n.section-header .status-icon {\n  @apply self-end;\n}\n\n.section-header__text {\n  @apply mx-3\n    my-0\n    flex-auto;\n\n  text-align: initial;\n  word-wrap: anywhere;\n}\n\n.toggle--switch-container {\n  @apply flex items-center relative bg-transparent w-full;\n  word-break: break-word;\n\n  .focus-guard {\n    --calcite-label-margin-bottom: 0;\n    @apply absolute pointer-events-none;\n    inset-inline-end: 0;\n    margin-inline-start: theme(\"margin.1\");\n  }\n}\n\n.toggle--switch__content {\n  @apply flex flex-auto items-center;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n:host([toggle-display=\"switch\"]) .toggle {\n  .toggle--switch__content {\n    @apply me-7;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusFirstTabbable, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { BlockSectionMessages } from \"./assets/block-section/t9n\";\nimport { BlockSectionToggleDisplay } from \"./interfaces\";\nimport { CSS, ICONS, IDS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-block-section\",\n  styleUrl: \"block-section.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class BlockSection implements LocalizedComponent, T9nComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  /**\n   * Displays a status-related indicator icon.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * The component header text.\n   */\n  @Prop() text: string;\n\n  /**\n   * Specifies how the component's toggle is displayed, where:\n   *\n   * `\"button\"` sets the toggle to a selectable header, and\n   *\n   * `\"switch\"` sets the toggle to a switch.\n   */\n  @Prop({ reflect: true }) toggleDisplay: BlockSectionToggleDisplay = \"button\";\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: BlockSectionMessages;\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<BlockSectionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockSectionElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockSectionMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the header has been clicked.\n   */\n  @Event({ cancelable: false }) calciteBlockSectionToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderKeyDown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.toggleSection();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  toggleSection = (): void => {\n    this.open = !this.open;\n    this.calciteBlockSectionToggle.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStatusIcon(): VNode[] {\n    const { status } = this;\n    const statusIcon = ICONS[status] ?? false;\n    const statusIconClasses = {\n      [CSS.statusIcon]: true,\n      [CSS.valid]: status == \"valid\",\n      [CSS.invalid]: status == \"invalid\",\n    };\n\n    return !!statusIcon ? (\n      <calcite-icon class={statusIconClasses} icon={statusIcon} scale=\"s\" />\n    ) : null;\n  }\n\n  render(): VNode {\n    const { el, messages, open, text, toggleDisplay } = this;\n    const dir = getElementDir(el);\n    const arrowIcon = open\n      ? ICONS.menuOpen\n      : dir === \"rtl\"\n        ? ICONS.menuClosedLeft\n        : ICONS.menuClosedRight;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerNode =\n      toggleDisplay === \"switch\" ? (\n        <div\n          class={{\n            [CSS.toggleSwitchContainer]: true,\n          }}\n        >\n          <div\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.toggle]: true,\n              [CSS.toggleSwitch]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n            onKeyDown={this.handleHeaderKeyDown}\n            role=\"button\"\n            tabIndex={0}\n            title={toggleLabel}\n          >\n            <div class={CSS.toggleSwitchContent}>\n              <span class={CSS.toggleSwitchText}>{text}</span>\n            </div>\n            {this.renderStatusIcon()}\n          </div>\n          {/* we use calcite-label to use a simple component that will allow us to prevent keyboard focus by setting tabindex=\"-1\" on the host */}\n          <calcite-label class={CSS.focusGuard} layout=\"inline\" tabIndex={-1}>\n            <calcite-switch checked={open} label={toggleLabel} scale=\"s\" />\n          </calcite-label>\n        </div>\n      ) : (\n        <button\n          aria-controls={IDS.content}\n          aria-expanded={toAriaBoolean(open)}\n          class={{\n            [CSS.sectionHeader]: true,\n            [CSS.toggle]: true,\n          }}\n          id={IDS.toggle}\n          onClick={this.toggleSection}\n        >\n          <calcite-icon icon={arrowIcon} scale=\"s\" />\n          <span class={CSS.sectionHeaderText}>{text}</span>\n          {this.renderStatusIcon()}\n        </button>\n      );\n\n    return (\n      <Host>\n        {headerNode}\n        <section aria-labelledby={IDS.toggle} class={CSS.content} hidden={!open} id={IDS.content}>\n          <slot />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-22cb45f7.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{f as n}from"./p-16bf9017.js";const a=new WeakMap;const e=new WeakMap;function s(n){e.set(n,new Promise((e=>a.set(n,e))))}function t(n){a.get(n)()}function o(n){return e.get(n)}async function r(a){await o(a);n(a);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,o as b,r as c,s};
+//# sourceMappingURL=p-22cb45f7.js.map

package/dist/calcite/p-24f5bf03.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{d as _}from"./p-dc21285d.js";import"./p-16bf9017.js";import"./p-527172f4.js";import"./p-812323d3.js";import"./p-2b7615b1.js";import"./p-fb3cbaac.js";import"./p-43a4d409.js";import"./p-fb10e00b.js";import"./p-12cb4cf8.js";import"./p-2a83a733.js";import"./p-bfeca540.js";import"./p-22cb45f7.js";import"./p-c0a22312.js";import"./p-bf3309d5.js";import"./p-9af45d37.js";import"./p-9540333f.js";import"./p-d0f2f43c.js";import"./p-936df83c.js";import"./p-4f3aaafe.js";var m={name:"ko",weekdays:"일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),weekdaysShort:"일_월_화_수_목_금_토".split("_"),weekdaysMin:"일_월_화_수_목_금_토".split("_"),months:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),monthsShort:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),ordinal:function _(m){return m+"일"},formats:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY년 MMMM D일",LLL:"YYYY년 MMMM D일 A h:mm",LLLL:"YYYY년 MMMM D일 dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY년 MMMM D일",lll:"YYYY년 MMMM D일 A h:mm",llll:"YYYY년 MMMM D일 dddd A h:mm"},meridiem:function _(m){return m<12?"오전":"오후"},relativeTime:{future:"%s 후",past:"%s 전",s:"몇 초",m:"1분",mm:"%d분",h:"한 시간",hh:"%d시간",d:"하루",dd:"%d일",M:"한 달",MM:"%d달",y:"일 년",yy:"%d년"}};_.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-24f5bf03.js.map

package/dist/calcite/p-253fcc6e.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{d as _}from"./p-dc21285d.js";import"./p-16bf9017.js";import"./p-527172f4.js";import"./p-812323d3.js";import"./p-2b7615b1.js";import"./p-fb3cbaac.js";import"./p-43a4d409.js";import"./p-fb10e00b.js";import"./p-12cb4cf8.js";import"./p-2a83a733.js";import"./p-bfeca540.js";import"./p-22cb45f7.js";import"./p-c0a22312.js";import"./p-bf3309d5.js";import"./p-9af45d37.js";import"./p-9540333f.js";import"./p-d0f2f43c.js";import"./p-936df83c.js";import"./p-4f3aaafe.js";var p={name:"hi",weekdays:"रविवार_सोमवार_मंगलवार_बुधवार_गुरूवार_शुक्रवार_शनिवार".split("_"),months:"जनवरी_फ़रवरी_मार्च_अप्रैल_मई_जून_जुलाई_अगस्त_सितम्बर_अक्टूबर_नवम्बर_दिसम्बर".split("_"),weekdaysShort:"रवि_सोम_मंगल_बुध_गुरू_शुक्र_शनि".split("_"),monthsShort:"जन._फ़र._मार्च_अप्रै._मई_जून_जुल._अग._सित._अक्टू._नव._दिस.".split("_"),weekdaysMin:"र_सो_मं_बु_गु_शु_श".split("_"),ordinal:function _(p){return p},formats:{LT:"A h:mm बजे",LTS:"A h:mm:ss बजे",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm बजे",LLLL:"dddd, D MMMM YYYY, A h:mm बजे"},relativeTime:{future:"%s में",past:"%s पहले",s:"कुछ ही क्षण",m:"एक मिनट",mm:"%d मिनट",h:"एक घंटा",hh:"%d घंटे",d:"एक दिन",dd:"%d दिन",M:"एक महीने",MM:"%d महीने",y:"एक वर्ष",yy:"%d वर्ष"}};_.locale(p,null,true);export{p as default};
+//# sourceMappingURL=p-253fcc6e.js.map

package/dist/calcite/p-272c1205.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as t,c as e,f as i,h as n,H as s,g as o}from"./p-16bf9017.js";import{e as r,l as a,h as l,g as c}from"./p-812323d3.js";import{s as h,c as d,i as u,d as b,H as p}from"./p-527172f4.js";import{c as m,d as f,u as g,I as v}from"./p-43a4d409.js";import{n as x}from"./p-12cb4cf8.js";import{c as k,d as y,g as w}from"./p-2a83a733.js";import{s as z,a as j,c as I}from"./p-22cb45f7.js";import{n as C,i as E,p as D,s as W,a as L,c as A,d as B,B as $}from"./p-c0a22312.js";import{c as F}from"./p-bf3309d5.js";import{C as K}from"./p-fb3cbaac.js";import{u as V,c as G,d as N,s as P}from"./p-d0f2f43c.js";import{g as H}from"./p-bfeca540.js";import{V as O}from"./p-4f3aaafe.js";import{s as R}from"./p-91fa645a.js";import"./p-2b7615b1.js";import"./p-fb10e00b.js";const U={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 M={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};const T={action:"action"};const q=":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-ui-focus-color, 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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-ui-focus-color, 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform 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{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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 S=q;const _=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=F("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"){if(h(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=r(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;C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const i=C.delocalize(e);if(t.inputType==="insertFromPaste"){if(!E(i)){t.preventDefault()}this.setValue({nativeEvent:t,origin:"user",value:D(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=[...x,"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}C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===C.decimal){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(C.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(!a(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"){C.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:W(s);const o=s&&!n?E(this.previousValue)?this.previousValue:"":n;let r=C.localize(o);if(i!=="connected"&&!e){r=L(r,o,C)}this.displayedValue=e&&t?`${r}${C.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"?C.localize(this.previousValue):this.previousValue}else if(t){this.emitChangeIfUserModified()}}};this.inputKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.clearable=false;this.disabled=false;this.form=undefined;this.groupSeparator=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.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}handleGlobalAttributesChanged(){i(this)}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=l(M,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(){m(this);A(this);G(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}k(this);d(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(u,this.onHiddenFormInputInput)}disconnectedCallback(){f(this);y(this);b(this);B(this);N(this);this.mutationObserver?.disconnect();this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){z(this);this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=l(M,this.icon,this.type);await P(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:""})}}}componentDidLoad(){j(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(){g(this)}async setFocus(){await I(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 $(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 d=c()?`${i}`:h()?`${e}`:l.toString();this.setValue({committing:true,nativeEvent:n,origin:"user",value:d})}syncHiddenFormInput(t){R(this.type,this,t)}setDisabledAction(){const t=r(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=c(this.el);const e=n("div",{key:"1892eebc8d8dd902ed63f79ce8c71e6e77b376fa",class:U.loader},n("calcite-progress",{key:"e6c2660e8772c2fe601aa9bee9973859ff8fe38f",label:this.messages.loading,type:"indeterminate"}));const i=n("button",{key:"47c2ee0650897ba558fea7df1dd22be544908b7c","aria-label":this.messages.clear,class:U.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},n("calcite-icon",{key:"116101be68cbdf447da98142cd38ae66109a5a31",icon:"x",scale:H(this.scale)}));const o=n("calcite-icon",{key:"1b90c820fd08c0c21b4420f26b42462f4998bcde",class:U.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:H(this.scale)});const r=this.numberButtonType==="horizontal";const a=n("button",{key:"4bb3eee49b701e67c5ca34319d284d522e3b7d16","aria-hidden":"true",class:{[U.numberButtonItem]:true,[U.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"f32a71952490bf1342f8f91c53a97306611af35f",icon:"chevron-up",scale:H(this.scale)}));const l=n("button",{key:"7d652abea8d17a0bb1fd922620e48ded89b4ab83","aria-hidden":"true",class:{[U.numberButtonItem]:true,[U.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.numberButtonPointerDownHandler,onPointerOut:this.numberButtonPointerUpAndOutHandler,onPointerUp:this.numberButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"fa07ec8eb8840ea181e480d2036ea138b4973e3e",icon:"chevron-down",scale:H(this.scale)}));const h=n("div",{key:"a27528f940f4098939f84366828803e16585413d",class:U.numberButtonWrapper},a,l);const d=n("div",{key:"c215bd9bca4ba67b1d232e6e8b77ef33f966792b",class:U.prefix},this.prefixText);const u=n("div",{key:"f1d0d0194e78bd882b7d9bf28abfb2dd2f3b8b82",class:U.suffix},this.suffixText);const b=this.type==="number"?n("input",{accept:this.accept,"aria-label":w(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.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"?[n(this.childElType,{accept:this.accept,"aria-label":w(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?true:null,class:{[U.editingEnabled]:this.editingEnabled,[U.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.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?n("div",{class:U.resizeIconWrapper},n("calcite-icon",{icon:"chevron-down",scale:H(this.scale)})):null]:null;return n(s,{key:"94e61d516cd5dd0618e16b8af2990c91b5216d2b",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},n(v,{key:"e7d5fcd71415d537a8baafe2b76b538de2824327",disabled:this.disabled},n("div",{key:"3cfc6e84d1cd4b3a85f5e1080445f817dc6b1143",class:{[U.inputWrapper]:true,[K.rtl]:t==="rtl"}},this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?l:null,this.prefixText?d:null,n("div",{key:"044e3dfb9a266df99b9d47314ebdc87129f0f5c8",class:U.wrapper},b,m,this.isClearable?i:null,this.requestedIcon?o:null,this.loading?e:null),n("div",{key:"3a482be3885eaddb5db53051e7feb4efd63ac993",class:U.actionWrapper},n("slot",{key:"5d6b3061c43b671de1beffdaed30b6da2a495f32",name:T.action})),this.type==="number"&&this.numberButtonType==="vertical"&&!this.readOnly?h:null,this.suffixText?u:null,this.type==="number"&&this.numberButtonType==="horizontal"&&!this.readOnly?a:null,n(p,{key:"359e6e901f53e84438d62a044dfaceb030864cec",component:this})),this.validationMessage&&this.status==="invalid"?n(O,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=S;export{_ as calcite_input};
+//# sourceMappingURL=p-272c1205.entry.js.map

package/dist/calcite/p-282232f9.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as t,c as a,h as i,H as s,g as e}from"./p-16bf9017.js";import{c as n}from"./p-bf3309d5.js";import{s as l,a as o,c}from"./p-22cb45f7.js";import{V as h}from"./p-4f3aaafe.js";const r={itemWrapper:"item-wrapper"};const d=":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const p=d;const u=class{constructor(i){t(this,i);this.calciteRadioButtonGroupChange=a(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=n("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.el.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.radioButtons=[]}handleHiddenChange(){this.passPropsToRadioButtons()}onDisabledChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){l(this)}componentDidLoad(){o(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await c(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return i(s,{key:"4db1c9163a2260b023749d1cfffd715f5d498a11",role:"radiogroup"},i("div",{key:"2baa188c4f1ae07179b253f52731bdfb8719709c",class:r.itemWrapper},i("slot",{key:"7ca89bd6b5ec576e56032b3add0b29da36c79173"})),this.validationMessage&&this.status==="invalid"?i(h,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}get el(){return e(this)}static get watchers(){return{hidden:["handleHiddenChange"],disabled:["onDisabledChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};u.style=p;export{u as calcite_radio_button_group};
+//# sourceMappingURL=p-282232f9.entry.js.map

package/dist/calcite/p-28b778f2.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as e,c as t,h as i,H as n,g as o}from"./p-16bf9017.js";import{g as a,t as l}from"./p-812323d3.js";import{a as s,c,d as r,H as d}from"./p-527172f4.js";import{c as h,d as m,u as f,I as p}from"./p-43a4d409.js";import{c as u,d as b}from"./p-2a83a733.js";import{s as g,a as k,c as v}from"./p-22cb45f7.js";import{c as y}from"./p-bf3309d5.js";import{V as w}from"./p-4f3aaafe.js";import"./p-2b7615b1.js";import"./p-fb3cbaac.js";import"./p-fb10e00b.js";import"./p-bfeca540.js";const x={itemWrapper:"item-wrapper"};const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-color-border-input);outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::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 C=z;const j=class{constructor(i){e(this,i);this.calciteSegmentedControlChange=t(this,"calciteSegmentedControlChange",6);this.handleClick=e=>{if(this.disabled){return}if(e.target.localName==="calcite-segmented-control-item"){this.selectItem(e.target,true)}};this.mutationObserver=y("mutation",(()=>this.setUpItems()));this.appearance="solid";this.disabled=false;this.form=undefined;this.required=false;this.name=undefined;this.layout="horizontal";this.scale="m";this.value=null;this.selectedItem=undefined;this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.width="auto"}handlePropsChange(){this.handleItemPropChange()}valueHandler(e){const t=this.getItems();t.forEach((t=>t.checked=t.value===e))}handleSelectedItemChange(e,t){this.value=e?.value;if(e===t){return}const i=this.getItems();const n=i.filter((t=>t===e)).pop();if(n){this.selectItem(n)}else if(i[0]){i[0].tabIndex=0}}componentWillLoad(){g(this);this.setUpItems()}componentDidLoad(){s(this,this.value);k(this)}connectedCallback(){h(this);u(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.handleItemPropChange()}disconnectedCallback(){m(this);b(this);r(this);this.mutationObserver?.unobserve(this.el)}componentDidRender(){f(this)}render(){return i(n,{key:"2af1894fb5aff1822ba29b08f0d93bab8ce05f3c",onClick:this.handleClick,role:"radiogroup"},i("div",{key:"d897c92d2bad5e3429ecd7f42d486bcd128d8291",class:x.itemWrapper},i(p,{key:"7301553808ee8e263bf7326c4e3de0e0dfa22022",disabled:this.disabled},i("slot",{key:"7b0a637017aaa34cbec1253d001d5f8d6ad67a49"}),i(d,{key:"b951011b675f2716499e955ccfbc199806c7f460",component:this}))),this.validationMessage&&this.status==="invalid"?i(w,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}handleSelected(e){e.preventDefault();this.selectItem(e.target);e.stopPropagation()}handleKeyDown(e){const t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:i}=e;const{el:n,selectedItem:o}=this;if(t.indexOf(i)===-1){return}let l=i;if(a(n)==="rtl"){if(i==="ArrowRight"){l="ArrowLeft"}if(i==="ArrowLeft"){l="ArrowRight"}}const s=this.getItems();let c=-1;s.forEach(((e,t)=>{if(e===o){c=t}}));switch(l){case"ArrowLeft":case"ArrowUp":e.preventDefault();const t=c<1?s[s.length-1]:s[c-1];this.selectItem(t,true);return;case"ArrowRight":case"ArrowDown":e.preventDefault();const i=c===-1?s[1]:s[c+1]||s[0];this.selectItem(i,true);return;case" ":e.preventDefault();this.selectItem(e.target,true);return;default:return}}async setFocus(){await v(this);(this.selectedItem||this.getItems()[0])?.focus()}handleItemPropChange(){const e=this.getItems();e.forEach((e=>{e.appearance=this.appearance;e.layout=this.layout;e.scale=this.scale}))}onLabelClick(){this.setFocus()}getItems(){return Array.from(this.el.querySelectorAll("calcite-segmented-control-item"))}selectItem(e,t=false){if(e===this.selectedItem){return}const i=this.getItems();let n=null;i.forEach((i=>{const o=i===e;if(o&&!i.checked||!o&&i.checked){i.checked=o}i.tabIndex=o?0:-1;if(o){n=i;if(t){this.calciteSegmentedControlChange.emit()}}}));this.selectedItem=n;if(n){n.focus()}}setUpItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).pop();if(t){this.selectItem(t)}else if(e[0]){e[0].tabIndex=0}}get el(){return o(this)}static get watchers(){return{appearance:["handlePropsChange"],layout:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}}};j.style=C;const A={input:"input"};const I={segmentedControlItemIcon:"segmented-control-item-icon"};const L=":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, 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}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";const R=L;const D=class{constructor(i){e(this,i);this.calciteInternalSegmentedControlItemChange=t(this,"calciteInternalSegmentedControlItemChange",6);this.checked=false;this.iconFlipRtl=false;this.iconStart=undefined;this.iconEnd=undefined;this.value=undefined;this.appearance="solid";this.layout="horizontal";this.scale="m"}handleCheckedChange(){this.calciteInternalSegmentedControlItemChange.emit()}render(){const{appearance:e,checked:t,layout:o,scale:a,value:s}=this;const c=this.iconStart?i("calcite-icon",{class:I.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconStart,key:"icon-start",scale:"s"}):null;const r=this.iconEnd?i("calcite-icon",{class:I.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconEnd,key:"icon-end",scale:"s"}):null;return i(n,{key:"5330e2b72fa8b858ebcad4cefb7ad0c23f5864c5","aria-checked":l(t),"aria-label":s,role:"radio"},i("label",{key:"1028f6c7c16d2b35284e3a946976fb9323924dcc",class:{"label--scale-s":a==="s","label--scale-m":a==="m","label--scale-l":a==="l","label--horizontal":o==="horizontal","label--outline":e==="outline","label--outline-fill":e==="outline-fill"}},this.iconStart?c:null,i("slot",{key:"f675efa21d2af52e77be9c2531059ea13ac4b457"},s),i("slot",{key:"15a7abf46853b5ee63dc686009ad8be78f204e42",name:A.input}),this.iconEnd?r:null))}get el(){return o(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};D.style=R;export{j as calcite_segmented_control,D as calcite_segmented_control_item};
+//# sourceMappingURL=p-28b778f2.entry.js.map

package/dist/calcite/p-2a83a733.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{j as n,q as t,a as e}from"./p-812323d3.js";import{c}from"./p-bfeca540.js";const o="calciteInternalLabelClick";const s="calciteInternalLabelConnected";const r="calciteInternalLabelDisconnected";const i="calcite-label";const a=new WeakMap;const u=new WeakMap;const f=new WeakMap;const l=new WeakMap;const m=new Set;const d=n=>{const{id:c}=n;const o=c&&t(n,{selector:`${i}[for="${c}"]`});if(o){return o}const s=e(n,i);if(!s||b(s,n)){return null}return s};function b(n,t){let e;const c="custom-element-ancestor-check";const o=c=>{c.stopImmediatePropagation();const o=c.composedPath();e=o.slice(o.indexOf(t),o.indexOf(n))};n.addEventListener(c,o,{once:true});t.dispatchEvent(new CustomEvent(c,{composed:true,bubbles:true}));n.removeEventListener(c,o);const s=e.filter((e=>e!==t&&e!==n)).filter((n=>n.tagName?.includes("-")));return s.length>0}function p(n){if(!n){return}const t=d(n.el);if(u.has(t)&&t===n.labelEl||!t&&m.has(n)){return}const e=j.bind(n);if(t){n.labelEl=t;const c=a.get(t)||[];c.push(n);a.set(t,c.sort(k));if(!u.has(n.labelEl)){u.set(n.labelEl,M);n.labelEl.addEventListener(o,M)}m.delete(n);document.removeEventListener(s,f.get(n));l.set(n,e);document.addEventListener(r,e)}else if(!m.has(n)){e();document.removeEventListener(r,l.get(n))}}function h(n){if(!n){return}m.delete(n);document.removeEventListener(s,f.get(n));document.removeEventListener(r,l.get(n));f.delete(n);l.delete(n);if(!n.labelEl){return}const t=a.get(n.labelEl);if(t.length===1){n.labelEl.removeEventListener(o,u.get(n.labelEl));u.delete(n.labelEl)}a.set(n.labelEl,t.filter((t=>t!==n)).sort(k));n.labelEl=null}function k(t,e){return n(t.el,e.el)?-1:1}function w(n){return n.label||n.labelEl?.textContent?.trim()||""}function M(n){const t=n.detail.sourceEvent.target;const e=a.get(this);const c=e.find((n=>n.el===t));const o=e.includes(c);if(o){return}const s=e[0];if(s.disabled){return}s.onLabelClick(n)}function W(){if(m.has(this)){p(this)}}function j(){m.add(this);const n=f.get(this)||W.bind(this);f.set(this,n);document.addEventListener(s,n)}async function C(n){await c(n);const t=a.has(n);if(t){return}const e=n.ownerDocument?.getElementById(n.for);if(!e){return}requestAnimationFrame((()=>{for(const n of m){if(n.el===e){p(n);break}}}))}export{C as a,r as b,p as c,h as d,w as g,s as l};
+//# sourceMappingURL=p-2a83a733.js.map

package/dist/calcite/p-2a83a733.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelClickEvent","labelConnectedEvent","labelDisconnectedEvent","labelTagName","labelToLabelables","WeakMap","onLabelClickMap","onLabelConnectedMap","onLabelDisconnectedMap","unlabeledComponents","Set","findLabelForComponent","componentEl","id","forLabel","queryElementRoots","selector","parentLabel","closestElementCrossShadowBoundary","hasAncestorCustomElements","label","traversedElements","customElementAncestorCheckEventType","listener","event","stopImmediatePropagation","composedPath","slice","indexOf","addEventListener","once","dispatchEvent","CustomEvent","composed","bubbles","removeEventListener","ancestorCustomElements","filter","el","tagName","includes","length","connectLabel","component","labelEl","has","boundOnLabelDisconnected","onLabelDisconnected","bind","labelables","get","push","set","sort","sortByDOMOrder","onLabelClick","delete","document","disconnectLabel","labelable","a","b","isBefore","getLabelText","textContent","trim","labelClickTarget","detail","sourceEvent","target","this","clickedLabelable","find","labelableChildClicked","firstLabelable","disabled","onLabelConnected","add","boundOnLabelConnected","async","associateExplicitLabelToUnlabeledComponent","componentOnReady","alreadyLabeled","forComponentEl","ownerDocument","getElementById","for","requestAnimationFrame"],"sources":["src/utils/label.ts"],"sourcesContent":["import { closestElementCrossShadowBoundary, isBefore, queryElementRoots } from \"./dom\";\nimport { componentOnReady } from \"./component\";\n\nexport interface LabelableComponent {\n  /**\n   * When true, disabled prevents interaction.\n   */\n  disabled: boolean;\n\n  /**\n   * The host element.\n   */\n  readonly el: HTMLElement;\n\n  /**\n   * Text label.\n   */\n  label?: string;\n\n  /**\n   * The label this component is associated with.\n   */\n  labelEl: HTMLCalciteLabelElement;\n\n  /**\n   * Hook for components to provide custom label click behavior.\n   */\n  onLabelClick: (event: CustomEvent<any>) => void;\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport const labelClickEvent = \"calciteInternalLabelClick\";\nexport const labelConnectedEvent = \"calciteInternalLabelConnected\";\nexport const labelDisconnectedEvent = \"calciteInternalLabelDisconnected\";\n\nconst labelTagName = \"calcite-label\";\nconst labelToLabelables = new WeakMap<HTMLCalciteLabelElement, LabelableComponent[]>();\nconst onLabelClickMap = new WeakMap<HTMLCalciteLabelElement, typeof onLabelClick>();\nconst onLabelConnectedMap = new WeakMap<LabelableComponent, typeof onLabelConnected>();\nconst onLabelDisconnectedMap = new WeakMap<LabelableComponent, typeof onLabelDisconnected>();\nconst unlabeledComponents = new Set<LabelableComponent>();\n\nconst findLabelForComponent = (componentEl: HTMLElement): HTMLCalciteLabelElement | null => {\n  const { id } = componentEl;\n\n  const forLabel =\n    id && (queryElementRoots(componentEl, { selector: `${labelTagName}[for=\"${id}\"]` }) as HTMLCalciteLabelElement);\n\n  if (forLabel) {\n    return forLabel;\n  }\n\n  const parentLabel = closestElementCrossShadowBoundary<HTMLCalciteLabelElement>(componentEl, labelTagName);\n\n  if (\n    !parentLabel ||\n    // labelable components within other custom elements are not considered labelable\n    hasAncestorCustomElements(parentLabel, componentEl)\n  ) {\n    return null;\n  }\n\n  return parentLabel;\n};\n\nfunction hasAncestorCustomElements(label: HTMLCalciteLabelElement, componentEl: HTMLElement): boolean {\n  let traversedElements: HTMLElement[];\n  const customElementAncestorCheckEventType = \"custom-element-ancestor-check\";\n\n  const listener = (event: CustomEvent) => {\n    event.stopImmediatePropagation();\n    const composedPath = event.composedPath() as HTMLElement[];\n    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));\n  };\n\n  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });\n\n  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));\n  label.removeEventListener(customElementAncestorCheckEventType, listener);\n\n  const ancestorCustomElements = traversedElements\n    .filter((el) => el !== componentEl && el !== label)\n    .filter((el) => el.tagName?.includes(\"-\"));\n\n  return ancestorCustomElements.length > 0;\n}\n\n/**\n * Helper to set up label interactions on connectedCallback.\n *\n * @param component\n */\nexport function connectLabel(component: LabelableComponent): void {\n  if (!component) {\n    return;\n  }\n\n  const labelEl = findLabelForComponent(component.el);\n\n  if (\n    (onLabelClickMap.has(labelEl) && labelEl === component.labelEl) ||\n    (!labelEl && unlabeledComponents.has(component))\n  ) {\n    return;\n  }\n\n  const boundOnLabelDisconnected = onLabelDisconnected.bind(component);\n\n  if (labelEl) {\n    component.labelEl = labelEl;\n\n    const labelables = labelToLabelables.get(labelEl) || [];\n    labelables.push(component);\n    labelToLabelables.set(labelEl, labelables.sort(sortByDOMOrder));\n\n    if (!onLabelClickMap.has(component.labelEl)) {\n      onLabelClickMap.set(component.labelEl, onLabelClick);\n      component.labelEl.addEventListener(labelClickEvent, onLabelClick);\n    }\n\n    unlabeledComponents.delete(component);\n    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));\n    onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);\n    document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);\n  } else if (!unlabeledComponents.has(component)) {\n    boundOnLabelDisconnected();\n    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));\n  }\n}\n/**\n * Helper to tear down label interactions on disconnectedCallback on labelable components.\n *\n * @param component\n */\nexport function disconnectLabel(component: LabelableComponent): void {\n  if (!component) {\n    return;\n  }\n\n  unlabeledComponents.delete(component);\n  document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));\n  document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));\n  onLabelConnectedMap.delete(component);\n  onLabelDisconnectedMap.delete(component);\n\n  if (!component.labelEl) {\n    return;\n  }\n\n  const labelables = labelToLabelables.get(component.labelEl);\n\n  if (labelables.length === 1) {\n    component.labelEl.removeEventListener(labelClickEvent, onLabelClickMap.get(component.labelEl));\n    onLabelClickMap.delete(component.labelEl);\n  }\n\n  labelToLabelables.set(\n    component.labelEl,\n    labelables.filter((labelable) => labelable !== component).sort(sortByDOMOrder),\n  );\n\n  component.labelEl = null;\n}\n\nfunction sortByDOMOrder(a: LabelableComponent, b: LabelableComponent): number {\n  return isBefore(a.el, b.el) ? -1 : 1;\n}\n\n/**\n * Helper to get the label text from a component.\n *\n * @param component\n */\nexport function getLabelText(component: LabelableComponent): string {\n  return component.label || component.labelEl?.textContent?.trim() || \"\";\n}\n\nfunction onLabelClick(this: HTMLCalciteLabelElement, event: CustomEvent<{ sourceEvent: MouseEvent }>): void {\n  const labelClickTarget = event.detail.sourceEvent.target as HTMLElement;\n  const labelables = labelToLabelables.get(this);\n  const clickedLabelable = labelables.find((labelable) => labelable.el === labelClickTarget);\n  const labelableChildClicked = labelables.includes(clickedLabelable);\n\n  if (labelableChildClicked) {\n    // no need to forward click as labelable will receive focus\n    return;\n  }\n\n  const firstLabelable = labelables[0];\n\n  if (firstLabelable.disabled) {\n    return;\n  }\n\n  firstLabelable.onLabelClick(event);\n}\n\nfunction onLabelConnected(this: LabelableComponent): void {\n  if (unlabeledComponents.has(this)) {\n    connectLabel(this);\n  }\n}\n\nfunction onLabelDisconnected(this: LabelableComponent): void {\n  unlabeledComponents.add(this);\n  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);\n  onLabelConnectedMap.set(this, boundOnLabelConnected);\n  document.addEventListener(labelConnectedEvent, boundOnLabelConnected);\n}\n\n/**\n * Helper to associate an explicit label (i.e., using `for`) with a labelable component that does not have an associated label.\n *\n * @param label - the label element\n */\nexport async function associateExplicitLabelToUnlabeledComponent(label: HTMLCalciteLabelElement): Promise<void> {\n  await componentOnReady(label);\n\n  const alreadyLabeled = labelToLabelables.has(label);\n\n  if (alreadyLabeled) {\n    return;\n  }\n\n  const forComponentEl = label.ownerDocument?.getElementById(label.for);\n\n  if (!forComponentEl) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    for (const labelable of unlabeledComponents) {\n      if (labelable.el === forComponentEl) {\n        connectLabel(labelable);\n        break;\n      }\n    }\n  });\n}\n"],"mappings":"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"}

package/dist/calcite/p-2b58a492.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{d as e}from"./p-dc21285d.js";import"./p-16bf9017.js";import"./p-527172f4.js";import"./p-812323d3.js";import"./p-2b7615b1.js";import"./p-fb3cbaac.js";import"./p-43a4d409.js";import"./p-fb10e00b.js";import"./p-12cb4cf8.js";import"./p-2a83a733.js";import"./p-bfeca540.js";import"./p-22cb45f7.js";import"./p-c0a22312.js";import"./p-bf3309d5.js";import"./p-9af45d37.js";import"./p-9540333f.js";import"./p-d0f2f43c.js";import"./p-936df83c.js";import"./p-4f3aaafe.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,r){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?r[0]:r[1]}return r[2]},relativeTimeFormatter:function e(r,d,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&d)return"jedna godina";return n||d?m[0]:m[1]}var o=a.correctGrammarCase(r,m);if(t==="yy"&&d&&o==="%d godinu")return r+" godina";return o.replace("%d",r)}};var r={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-2b58a492.js.map

package/dist/calcite/p-2b7615b1.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+function t(t){return t.map((t=>{let r="";for(let e=0;e<t;e++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r})).join("-")}const r=()=>t([2,1,1,1,3]);export{r as g};
+//# sourceMappingURL=p-2b7615b1.js.map

package/dist/calcite/p-2d718499.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as t,c as e,h as s,H as i,g as o}from"./p-16bf9017.js";import{t as c}from"./p-812323d3.js";import{c as a,d as n,H as r}from"./p-527172f4.js";import{g as l}from"./p-2b7615b1.js";import{c as h,d,u as b,I as p}from"./p-43a4d409.js";import{i as f}from"./p-12cb4cf8.js";import{c as u,d as k,g as m}from"./p-2a83a733.js";import{c as g,s as v,a as x}from"./p-22cb45f7.js";import"./p-fb3cbaac.js";import"./p-fb10e00b.js";import"./p-bfeca540.js";const y=':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([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-color-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input);color:var(--calcite-color-background)}:host([status=invalid]:not([checked])) .check-svg{box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger)}:host([status=invalid]:not([checked])) .toggle: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([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-focus-color, 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          )}.toggle::after{content:"";inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute;transform:translateX(-50%) translateY(-50%)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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 z=y;const w=class{constructor(s){t(this,s);this.calciteInternalCheckboxBlur=e(this,"calciteInternalCheckboxBlur",6);this.calciteCheckboxChange=e(this,"calciteCheckboxChange",6);this.calciteInternalCheckboxFocus=e(this,"calciteInternalCheckboxFocus",6);this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";this.indeterminatePath="M13 8v1H3V8z";this.getPath=()=>this.indeterminate?this.indeterminatePath:this.checked?this.checkedPath:"";this.toggle=()=>{if(!this.disabled){this.checked=!this.checked;this.setFocus();this.indeterminate=false;this.calciteCheckboxChange.emit()}};this.keyDownHandler=t=>{if(f(t.key)){this.toggle();t.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.onToggleBlur=()=>{this.calciteInternalCheckboxBlur.emit(false)};this.onToggleFocus=()=>{this.calciteInternalCheckboxFocus.emit(true)};this.onLabelClick=()=>{this.toggle()};this.checked=false;this.disabled=false;this.form=undefined;this.guid=undefined;this.hovered=false;this.indeterminate=false;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined}async setFocus(){await g(this);this.toggleEl?.focus()}syncHiddenFormInput(t){t.type="checkbox"}connectedCallback(){this.guid=this.el.id||`calcite-checkbox-${l()}`;h(this);u(this);a(this)}disconnectedCallback(){d(this);k(this);n(this)}componentWillLoad(){v(this)}componentDidLoad(){x(this)}componentDidRender(){b(this)}render(){return s(i,{key:"3314d2ea756cc1eaf305c405dfa48fe03d682ab7",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},s(p,{key:"91415c4466743ca8da732c534482e3086fecc524",disabled:this.disabled},s("div",{key:"1524b42b5027b263b17f830a611336102f2d88cc","aria-checked":c(this.checked),"aria-label":m(this),class:"toggle",onBlur:this.onToggleBlur,onFocus:this.onToggleFocus,role:"checkbox",tabIndex:this.disabled?undefined:0,ref:t=>this.toggleEl=t},s("svg",{key:"7972b58cc98af6fc315829290b9a8039424881bc","aria-hidden":"true",class:"check-svg",viewBox:"0 0 16 16"},s("path",{key:"8f2ba4dbc7e5c8ae87cb9b7f0ce7f060058a7927",d:this.getPath()})),s("slot",{key:"0f650b4ec4b1516268316caab36e2256b6947c76"})),s(r,{key:"a4b8ec246daf174bec4192f4553b008ceeddd443",component:this})))}get el(){return o(this)}};w.style=z;export{w as calcite_checkbox};
+//# sourceMappingURL=p-2d718499.entry.js.map

package/dist/calcite/p-2dda2141.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * 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.8.0-next.14
+ */
+import{r as t,c as e,h as i,F as s,g as n}from"./p-16bf9017.js";import{g as o}from"./p-5c817f56.js";import{t as a,d as c}from"./p-812323d3.js";import{g as r}from"./p-2b7615b1.js";import{i as l}from"./p-12cb4cf8.js";import{s as h,a as d,c as u}from"./p-22cb45f7.js";import{a as f,C as p,I as m,S as b}from"./p-95b2f8a4.js";import"./p-fb3cbaac.js";const x=":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const g=x;const v=["ArrowUp","ArrowDown","End","Home"];const I=class{constructor(i){t(this,i);this.calciteActionMenuOpen=e(this,"calciteActionMenuOpen",6);this.actionElements=[];this.guid=`calcite-action-menu-${r()}`;this.menuId=`${this.guid}-menu`;this.menuButtonId=`${this.guid}-menu-button`;this.connectMenuButtonEl=()=>{const{menuButtonId:t,menuId:e,open:i,label:s}=this;const n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;if(this.menuButtonEl===n){return}this.disconnectMenuButtonEl();this.menuButtonEl=n;this.setTooltipReferenceElement();if(!n){return}n.active=i;n.setAttribute("aria-controls",e);n.setAttribute("aria-expanded",a(i));n.setAttribute("aria-haspopup","true");if(!n.id){n.id=t}if(!n.label){n.label=s}if(!n.text){n.text=s}n.addEventListener("click",this.menuButtonClick);n.addEventListener("keydown",this.menuButtonKeyDown)};this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;if(!t){return}t.removeEventListener("click",this.menuButtonClick);t.removeEventListener("keydown",this.menuButtonKeyDown)};this.setMenuButtonEl=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-action")));this.slottedMenuButtonEl=e[0];this.connectMenuButtonEl()};this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t;this.connectMenuButtonEl()};this.handleCalciteActionClick=()=>{this.open=false;this.setFocus()};this.menuButtonClick=()=>{this.toggleOpen()};this.updateTooltip=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));this.tooltipEl=e[0];this.setTooltipReferenceElement()};this.setTooltipReferenceElement=()=>{const{tooltipEl:t,expanded:e,menuButtonEl:i,open:s}=this;if(t){t.referenceElement=!e&&!s?i:null}};this.updateAction=(t,e)=>{const{guid:i,activeMenuItemIndex:s}=this;const n=`${i}-action-${e}`;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=n}t.toggleAttribute(f,e===s)};this.updateActions=t=>{t?.forEach(this.updateAction)};this.handleDefaultSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).reduce(((t,e)=>{if(e?.matches("calcite-action")){t.push(e);return t}if(e?.matches("calcite-action-group")){return t.concat(Array.from(e.querySelectorAll("calcite-action")))}return t}),[]);this.actionElements=e.filter((t=>!t.disabled&&!t.hidden))};this.menuButtonKeyDown=t=>{const{key:e}=t;const{actionElements:i,activeMenuItemIndex:s,open:n}=this;if(!i.length){return}if(l(e)){t.preventDefault();if(!n){this.toggleOpen();return}const e=i[s];e?e.click():this.toggleOpen(false)}if(e==="Tab"){this.open=false;return}if(e==="Escape"){this.toggleOpen(false);t.preventDefault();return}this.handleActionNavigation(t,e,i)};this.handleActionNavigation=(t,e,i)=>{if(!this.isValidKey(e,v)){return}t.preventDefault();if(!this.open){this.toggleOpen();if(e==="Home"||e==="ArrowDown"){this.activeMenuItemIndex=0}if(e==="End"||e==="ArrowUp"){this.activeMenuItemIndex=i.length-1}return}if(e==="Home"){this.activeMenuItemIndex=0}if(e==="End"){this.activeMenuItemIndex=i.length-1}const s=this.activeMenuItemIndex;if(e==="ArrowUp"){this.activeMenuItemIndex=o(Math.max(s-1,-1),i.length)}if(e==="ArrowDown"){this.activeMenuItemIndex=o(s+1,i.length)}};this.toggleOpenEnd=()=>{this.setFocus();this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)};this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd);this.open=t};this.handlePopoverOpen=()=>{this.open=true};this.handlePopoverClose=()=>{this.open=false};this.appearance="solid";this.expanded=false;this.flipPlacements=undefined;this.label=undefined;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.scale=undefined;this.menuButtonEl=undefined;this.activeMenuItemIndex=-1}connectedCallback(){this.connectMenuButtonEl()}componentWillLoad(){h(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.disconnectMenuButtonEl()}expandedHandler(){this.open=false;this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpen.emit();this.setTooltipReferenceElement()}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){await u(this);return c(this.menuButtonEl)}renderMenuButton(){const{appearance:t,label:e,scale:s,expanded:n}=this;const o=i("slot",{name:b.trigger,onSlotchange:this.setMenuButtonEl},i("calcite-action",{appearance:t,class:p.defaultTrigger,icon:m.menu,scale:s,text:e,textEnabled:n,ref:this.setDefaultMenuButtonEl}));return o}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:e,open:s,menuId:n,menuButtonEl:o,label:a,placement:c,overlayPositioning:r,flipPlacements:l}=this;const h=t[e];const d=h?.id||null;return i("calcite-popover",{autoClose:true,flipPlacements:l,focusTrapDisabled:true,label:a,offsetDistance:0,onCalcitePopoverClose:this.handlePopoverClose,onCalcitePopoverOpen:this.handlePopoverOpen,open:s,overlayPositioning:r,placement:c,pointerDisabled:true,referenceElement:o},i("div",{"aria-activedescendant":d,"aria-labelledby":o?.id,class:p.menu,id:n,onClick:this.handleCalciteActionClick,role:"menu",tabIndex:-1},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}render(){return i(s,{key:"172df111e58778a1006253a0eb444e767ad2d12b"},this.renderMenuButton(),this.renderMenuItems(),i("slot",{key:"1df982aa86cbdd0c2c7d847e9b6f0a4d35b5ba15",name:b.tooltip,onSlotchange:this.updateTooltip}))}isValidKey(t,e){return!!e.find((e=>e===t))}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};I.style=g;export{I as calcite_action_menu};
+//# sourceMappingURL=p-2dda2141.entry.js.map