@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/calcite/p-ff633d19.js

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

package/dist/calcite/p-ffeaebe7.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-17581615.js";import{t as o,g as l,z as s}from"./p-cbc54e80.js";import{a as r,c,d,H as h}from"./p-48c46ebf.js";import{u as m,I as f}from"./p-176e985b.js";import{c as u,d as p}from"./p-f099b69b.js";import{s as g,a as b,c as v}from"./p-ff633d19.js";import{c as k}from"./p-fbf41cbc.js";import{V as w}from"./p-658e49d1.js";import{i as y}from"./p-6861beb6.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-02522147.js";const x={itemWrapper:"item-wrapper"};const z={validationMessage:"segmentedControlValidationMessage"};const C=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{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 j=C;const A=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=k("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.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};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(){r(this,this.value);b(this)}connectedCallback(){u(this);c(this);this.mutationObserver?.observe(this.el,{childList:true});this.handleItemPropChange()}disconnectedCallback(){p(this);d(this);this.mutationObserver?.unobserve(this.el)}componentDidRender(){m(this)}render(){return i(n,{key:"59fae868b23c2cd140be6371e4d656fab36914a5",onClick:this.handleClick,role:"radiogroup"},i("div",{key:"49d51988eb849c6dcc3010c78b50d6f9e5a8d213","aria-errormessage":z.validationMessage,"aria-invalid":o(this.status==="invalid"),class:x.itemWrapper},i(f,{key:"3456abd6c392419b250bb34a0cceb21b194708cd",disabled:this.disabled},i("slot",{key:"5cd1588182a4d656d91a5aa7494120f8e71cb425"}),i(h,{key:"7a4327fafb9a6d9320ae93e07aa384d34347e52b",component:this}))),this.validationMessage&&this.status==="invalid"?i(w,{icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null)}handleSelected(e){e.preventDefault();const t=e.target;if(t.checked){this.selectItem(t)}e.stopPropagation()}handleKeyDown(e){const t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:i}=e;const{el:n,selectedItem:a}=this;if(t.indexOf(i)===-1){return}let o=i;if(l(n)==="rtl"){if(i==="ArrowRight"){o="ArrowLeft"}if(i==="ArrowLeft"){o="ArrowRight"}}const s=this.getItems();let r=-1;s.forEach(((e,t)=>{if(e===a){r=t}}));switch(o){case"ArrowLeft":case"ArrowUp":{e.preventDefault();const t=r<1?s[s.length-1]:s[r-1];this.selectItem(t,true);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();const t=r===-1?s[1]:s[r+1]||s[0];this.selectItem(t,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 a=i===e;if(a&&!i.checked||!a&&i.checked){i.checked=a}i.tabIndex=a?0:-1;if(a){n=i;if(t){this.calciteSegmentedControlChange.emit()}}}));this.selectedItem=n;if(y()&&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 a(this)}static get watchers(){return{appearance:["handlePropsChange"],layout:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}}};A.style=j;const I={input:"input"};const S={label:"label",labelScale:e=>`label--scale-${e}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"};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]) .icon{color:highlightText}}.icon{position:relative;margin:0px;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end:0.5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start:0.5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end:0.75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start:0.75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end:1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start:1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start:0;--calcite-internal-segmented-control-icon-margin-end:0}:host([hidden]){display:none}[hidden]{display:none}";const M=L;const R=class{constructor(i){e(this,i);this.calciteInternalSegmentedControlItemChange=t(this,"calciteInternalSegmentedControlItemChange",6);this.handleSlotChange=e=>{this.hasSlottedContent=s(e)};this.checked=false;this.iconFlipRtl=false;this.iconStart=undefined;this.iconEnd=undefined;this.value=undefined;this.appearance="solid";this.layout="horizontal";this.scale="m";this.hasSlottedContent=false}handleCheckedChange(){this.calciteInternalSegmentedControlItemChange.emit()}renderIcon(e,t=false){return e?i("calcite-icon",{class:{[S.icon]:true,[S.iconSolo]:t},flipRtl:this.iconFlipRtl,icon:e,scale:"s"}):null}render(){const{appearance:e,checked:t,layout:a,scale:l,value:s}=this;return i(n,{key:"71f135787c759f1e4ae51c0e0d97164ccfc0b1e1","aria-checked":o(t),"aria-label":s,role:"radio"},i("label",{key:"e648e7765db0a7e3a4bc5d699475f0883c031c6d",class:{[S.label]:true,[S.labelScale(l)]:true,[S.labelHorizontal]:a==="horizontal",[S.labelOutline]:e==="outline",[S.labelOutlineFill]:e==="outline-fill"}},this.renderContent()))}renderContent(){const{hasSlottedContent:e,iconEnd:t,iconStart:n}=this;const a=n||t;const o=!e&&a;if(o){return[this.renderIcon(a,true),i("slot",{onSlotchange:this.handleSlotChange})]}return[this.renderIcon(n),i("slot",{onSlotchange:this.handleSlotChange}),i("slot",{name:I.input}),this.renderIcon(t)]}get el(){return a(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};R.style=M;export{A as calcite_segmented_control,R as calcite_segmented_control_item};
+//# sourceMappingURL=p-ffeaebe7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","itemWrapper","IDS","validationMessage","segmentedControlCss","CalciteSegmentedControlStyle0","SegmentedControl","this","handleClick","event","disabled","target","localName","selectItem","mutationObserver","createObserver","setUpItems","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","handlePropsChange","handleItemPropChange","valueHandler","value","items","getItems","forEach","item","checked","handleSelectedItemChange","newItem","oldItem","match","filter","pop","tabIndex","componentWillLoad","setUpLoadableComponent","componentDidLoad","afterConnectDefaultValueSet","setComponentLoaded","connectedCallback","connectLabel","connectForm","observe","el","childList","disconnectedCallback","disconnectLabel","disconnectForm","unobserve","componentDidRender","updateHostInteraction","render","h","Host","key","onClick","role","toAriaBoolean","status","class","InteractiveContainer","HiddenFormInputSlot","component","Validation","icon","validationIcon","id","message","scale","handleSelected","preventDefault","stopPropagation","handleKeyDown","keys","selectedItem","indexOf","adjustedKey","getElementDir","selectedIndex","index","previous","length","next","setFocus","componentFocusable","focus","appearance","layout","onLabelClick","Array","from","querySelectorAll","selected","emit","matches","calciteSegmentedControlChange","isBrowser","lastChecked","SLOTS","input","label","labelScale","labelHorizontal","labelOutline","labelOutlineFill","iconSolo","segmentedControlItemCss","CalciteSegmentedControlItemStyle0","SegmentedControlItem","handleSlotChange","hasSlottedContent","slotChangeHasContent","handleCheckedChange","calciteInternalSegmentedControlItemChange","renderIcon","solo","flipRtl","iconFlipRtl","renderContent","iconEnd","iconStart","effectiveIcon","canRenderIconOnly","onSlotchange","name"],"sources":["src/components/segmented-control/resources.ts","src/components/segmented-control/segmented-control.scss?tag=calcite-segmented-control&encapsulation=shadow","src/components/segmented-control/segmented-control.tsx","src/components/segmented-control-item/resources.ts","src/components/segmented-control-item/segmented-control-item.scss?tag=calcite-segmented-control-item&encapsulation=shadow","src/components/segmented-control-item/segmented-control-item.tsx"],"sourcesContent":["export const CSS = {\n  itemWrapper: \"item-wrapper\",\n};\n\nexport const IDS = {\n  validationMessage: \"segmentedControlValidationMessage\",\n};\n",":host {\n  @apply flex flex-col;\n}\n\n.item-wrapper {\n  @apply bg-foreground-1 flex;\n  inline-size: fit-content;\n  outline: 1px solid var(--calcite-color-border-input);\n  outline-offset: -1px;\n}\n\n:host([appearance=\"outline\"]) > .item-wrapper {\n  @apply bg-transparent;\n}\n\n@include disabled();\n\n:host([layout=\"vertical\"]) > .item-wrapper {\n  @apply flex-col items-start self-start;\n}\n\n// segmented control width for full\n:host([width=\"full\"]) > .item-wrapper {\n  @apply w-full;\n  min-inline-size: fit-content;\n\n  ::slotted(calcite-segmented-control-item) {\n    @apply flex-auto;\n  }\n}\n\n:host([width=\"full\"][layout=\"vertical\"]) > .item-wrapper {\n  ::slotted(calcite-segmented-control-item) {\n    @apply justify-start;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Appearance, Layout, Scale, Status, Width } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { CSS, IDS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-segmented-control-item`s.\n */\n@Component({\n  tag: \"calcite-segmented-control\",\n  styleUrl: \"segmented-control.scss\",\n  shadow: true,\n})\nexport class SegmentedControl\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"solid\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"horizontal\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"appearance\")\n  @Watch(\"layout\")\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.handleItemPropChange();\n  }\n\n  /** The component's `selectedItem` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.getItems();\n    items.forEach((item) => (item.checked = item.value === value));\n  }\n\n  /**\n   * The component's selected item `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItem: HTMLCalciteSegmentedControlItemElement;\n\n  @Watch(\"selectedItem\")\n  protected handleSelectedItemChange<T extends HTMLCalciteSegmentedControlItemElement>(\n    newItem: T,\n    oldItem: T,\n  ): void {\n    this.value = newItem?.value;\n    if (newItem === oldItem) {\n      return;\n    }\n    const items = this.getItems();\n    const match = items.filter((item) => item === newItem).pop();\n\n    if (match) {\n      this.selectItem(match);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n\n  /** Specifies the status of the validation message. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Extract<\"auto\" | \"full\", Width> = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.setUpItems();\n  }\n\n  componentDidLoad(): void {\n    afterConnectDefaultValueSet(this, this.value);\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLabel(this);\n    connectForm(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.handleItemPropChange();\n  }\n\n  disconnectedCallback(): void {\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.mutationObserver?.unobserve(this.el);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host onClick={this.handleClick} role=\"radiogroup\">\n        <div\n          aria-errormessage={IDS.validationMessage}\n          aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n          class={CSS.itemWrapper}\n        >\n          <InteractiveContainer disabled={this.disabled}>\n            <slot />\n            <HiddenFormInputSlot component={this} />\n          </InteractiveContainer>\n        </div>\n        {this.validationMessage && this.status === \"invalid\" ? (\n          <Validation\n            icon={this.validationIcon}\n            id={IDS.validationMessage}\n            message={this.validationMessage}\n            scale={this.scale}\n            status={this.status}\n          />\n        ) : null}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  protected handleClick = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if ((event.target as HTMLElement).localName === \"calcite-segmented-control-item\") {\n      this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n    }\n  };\n\n  @Listen(\"calciteInternalSegmentedControlItemChange\")\n  protected handleSelected(event: Event): void {\n    event.preventDefault();\n    const el = event.target as HTMLCalciteSegmentedControlItemElement;\n    if (el.checked) {\n      this.selectItem(el);\n    }\n    event.stopPropagation();\n  }\n\n  @Listen(\"keydown\")\n  protected handleKeyDown(event: KeyboardEvent): void {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el, selectedItem } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const items = this.getItems();\n    let selectedIndex = -1;\n\n    items.forEach((item, index) => {\n      if (item === selectedItem) {\n        selectedIndex = index;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\": {\n        event.preventDefault();\n        const previous = selectedIndex < 1 ? items[items.length - 1] : items[selectedIndex - 1];\n        this.selectItem(previous, true);\n        return;\n      }\n      case \"ArrowRight\":\n      case \"ArrowDown\": {\n        event.preventDefault();\n        const next = selectedIndex === -1 ? items[1] : items[selectedIndex + 1] || items[0];\n        this.selectItem(next, true);\n        return;\n      }\n      case \" \":\n        event.preventDefault();\n        this.selectItem(event.target as HTMLCalciteSegmentedControlItemElement, true);\n        return;\n      default:\n        return;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the `calcite-segmented-control-item` selection changes. */\n  @Event({ cancelable: false }) calciteSegmentedControlChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    (this.selectedItem || this.getItems()[0])?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: SegmentedControl[\"value\"];\n\n  private mutationObserver = createObserver(\"mutation\", () => this.setUpItems());\n\n  private handleItemPropChange(): void {\n    const items = this.getItems();\n\n    items.forEach((item) => {\n      item.appearance = this.appearance;\n      item.layout = this.layout;\n      item.scale = this.scale;\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private getItems(): HTMLCalciteSegmentedControlItemElement[] {\n    return Array.from(this.el.querySelectorAll(\"calcite-segmented-control-item\"));\n  }\n\n  private selectItem(selected: HTMLCalciteSegmentedControlItemElement, emit = false): void {\n    if (selected === this.selectedItem) {\n      return;\n    }\n\n    const items = this.getItems();\n    let match: HTMLCalciteSegmentedControlItemElement = null;\n\n    items.forEach((item) => {\n      const matches = item === selected;\n\n      if ((matches && !item.checked) || (!matches && item.checked)) {\n        item.checked = matches;\n      }\n\n      item.tabIndex = matches ? 0 : -1;\n\n      if (matches) {\n        match = item;\n\n        if (emit) {\n          this.calciteSegmentedControlChange.emit();\n        }\n      }\n    });\n\n    this.selectedItem = match;\n    if (isBrowser() && match) {\n      match.focus();\n    }\n  }\n\n  private setUpItems(): void {\n    const items = this.getItems();\n    const lastChecked = items.filter((item) => item.checked).pop();\n\n    if (lastChecked) {\n      this.selectItem(lastChecked);\n    } else if (items[0]) {\n      items[0].tabIndex = 0;\n    }\n  }\n}\n","import { Scale } from \"../interfaces\";\n\nexport const SLOTS = {\n  input: \"input\",\n};\n\nexport const CSS = {\n  label: \"label\",\n  labelScale: (scale: Scale) => `label--scale-${scale}` as const,\n  labelHorizontal: \"label--horizontal\",\n  labelOutline: \"label--outline\",\n  labelOutlineFill: \"label--outline-fill\",\n  icon: \"icon\",\n  iconSolo: \"icon--solo\",\n};\n",":host {\n  @apply flex\n    cursor-pointer\n    self-stretch\n    font-normal;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-animation-timing) ease-in-out;\n}\n\n:host label {\n  @apply text-color-3\n    pointer-events-none\n    m-0.5\n    box-border\n    flex\n    flex-1\n    items-center;\n  transition:\n    background-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    border-color var(--calcite-internal-animation-timing-fast) ease-in-out,\n    color var(--calcite-internal-animation-timing-fast) ease-in-out;\n}\n\n.label--horizontal {\n  @apply justify-center;\n}\n\n// focus styles\n:host {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset;\n  outline-offset: -1px;\n}\n\n.label--scale-s {\n  @apply text-n2h px-2;\n  padding-block: 0.125rem;\n}\n\n.label--scale-m {\n  @apply text-n1h px-3;\n  padding-block: 0.375rem;\n}\n\n.label--scale-l {\n  @apply text-0h px-4 py-2.5;\n}\n\n:host(:hover) label {\n  @apply bg-foreground-2 text-color-1;\n}\n\n:host(:active) label {\n  @apply bg-foreground-3;\n}\n\n:host([checked]) label {\n  @apply bg-brand border-color-brand cursor-default text-color-inverse;\n}\n\n:host([checked]) .label--outline,\n:host([checked]) .label--outline-fill {\n  @apply bg-foreground-1 border-color-brand;\n  box-shadow: inset 0 0 0 1px theme(\"backgroundColor.brand\");\n  color: theme(\"backgroundColor.brand\");\n}\n\n:host([checked]) .label--outline {\n  @apply bg-transparent;\n}\n\n::slotted(input) {\n  @apply hidden;\n}\n\n@media (forced-colors: active) {\n  :host([checked]) label {\n    background-color: highlight;\n  }\n  :host([checked]) .label--outline,\n  :host([checked]) .label--outline-fill {\n    @apply outline-none;\n  }\n  :host([checked]) label:not([class~=\"label--outline\"]) .icon {\n    color: highlightText;\n  }\n}\n\n.icon {\n  @apply relative\n    m-0\n    inline-flex;\n  line-height: inherit;\n\n  margin-inline-start: var(--calcite-internal-segmented-control-icon-margin-start);\n  margin-inline-end: var(--calcite-internal-segmented-control-icon-margin-end);\n}\n\n:host([icon-start]) .label--scale-s {\n  --calcite-internal-segmented-control-icon-margin-end: theme(\"margin.2\");\n}\n\n:host([icon-end]) .label--scale-s {\n  --calcite-internal-segmented-control-icon-margin-start: theme(\"margin.2\");\n}\n\n:host([icon-start]) .label--scale-m {\n  --calcite-internal-segmented-control-icon-margin-end: theme(\"margin.3\");\n}\n\n:host([icon-end]) .label--scale-m {\n  --calcite-internal-segmented-control-icon-margin-start: theme(\"margin.3\");\n}\n\n:host([icon-start]) .label--scale-l {\n  --calcite-internal-segmented-control-icon-margin-end: theme(\"margin.4\");\n}\n\n:host([icon-end]) .label--scale-l {\n  --calcite-internal-segmented-control-icon-margin-start: theme(\"margin.4\");\n}\n\n.label .icon--solo {\n  --calcite-internal-segmented-control-icon-margin-start: 0;\n  --calcite-internal-segmented-control-icon-margin-end: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { slotChangeHasContent, toAriaBoolean } from \"../../utils/dom\";\nimport { Appearance, Layout, Scale } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-segmented-control-item\",\n  styleUrl: \"segmented-control-item.scss\",\n  shadow: true,\n})\nexport class SegmentedControlItem {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  protected handleCheckedChange(): void {\n    this.calciteInternalSegmentedControlItemChange.emit();\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /**\n   * The component's value.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value: any | null;\n\n  /**\n   * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.\n   *\n   * @internal\n   */\n  @Prop() appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> = \"solid\";\n\n  /**\n   * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop() layout: Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout> = \"horizontal\";\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  private renderIcon(icon: IconNameOrString, solo: boolean = false): VNode {\n    return icon ? (\n      <calcite-icon\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconSolo]: solo,\n        }}\n        flipRtl={this.iconFlipRtl}\n        icon={icon}\n        scale=\"s\"\n      />\n    ) : null;\n  }\n\n  render(): VNode {\n    const { appearance, checked, layout, scale, value } = this;\n\n    return (\n      <Host aria-checked={toAriaBoolean(checked)} aria-label={value} role=\"radio\">\n        <label\n          class={{\n            [CSS.label]: true,\n            [CSS.labelScale(scale)]: true,\n            [CSS.labelHorizontal]: layout === \"horizontal\",\n            [CSS.labelOutline]: appearance === \"outline\",\n            [CSS.labelOutlineFill]: appearance === \"outline-fill\",\n          }}\n        >\n          {this.renderContent()}\n        </label>\n      </Host>\n    );\n  }\n\n  private renderContent(): VNode | VNode[] {\n    const { hasSlottedContent, iconEnd, iconStart } = this;\n    const effectiveIcon = iconStart || iconEnd;\n    const canRenderIconOnly = !hasSlottedContent && effectiveIcon;\n\n    if (canRenderIconOnly) {\n      return [this.renderIcon(effectiveIcon, true), <slot onSlotchange={this.handleSlotChange} />];\n    }\n\n    return [\n      this.renderIcon(iconStart),\n      <slot onSlotchange={this.handleSlotChange} />,\n      <slot name={SLOTS.input} />,\n      this.renderIcon(iconEnd),\n    ];\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private handleSlotChange = (event: Event): void => {\n    this.hasSlottedContent = slotChangeHasContent(event);\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlItemElement;\n\n  @State() hasSlottedContent = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the item has been selected.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalSegmentedControlItemChange: EventEmitter<void>;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ExpandToggle-5d1a0e87.js

@@ -0,0 +1,107 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+const index = require('./index-4fe70fa3.js');
+const dom = require('./dom-1ff7fb61.js');
+const resources$1 = require('./resources-209a1932.js');
+const resources = require('./resources-b0583636.js');
+
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+    const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
+    const actionLen = actionsNotSlotted?.length;
+    return {
+        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
+    };
+};
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
+    const maxContainerPx = layout === "horizontal" ? width : height;
+    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
+    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+};
+const queryActions = (el) => {
+    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
+};
+const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
+    let needToSlotCount = overflowCount;
+    actionGroups.reverse().forEach((group) => {
+        let slottedWithinGroupCount = 0;
+        const groupActions = queryActions(group).reverse();
+        groupActions.forEach((groupAction) => {
+            if (groupAction.slot === resources$1.SLOTS.menuActions) {
+                groupAction.removeAttribute("slot");
+                groupAction.textEnabled = expanded;
+            }
+        });
+        if (needToSlotCount > 0) {
+            groupActions.some((groupAction) => {
+                const unslottedActions = groupActions.filter((action) => !action.slot);
+                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+                    groupAction.textEnabled = true;
+                    groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
+                    slottedWithinGroupCount++;
+                    if (slottedWithinGroupCount > 1) {
+                        needToSlotCount--;
+                    }
+                }
+                return needToSlotCount < 1;
+            });
+        }
+        index.forceUpdate(group);
+    });
+};
+
+const ICONS = {
+    chevronsLeft: "chevrons-left",
+    chevronsRight: "chevrons-right",
+};
+function getCalcitePosition(position, el) {
+    return position || el.closest("calcite-shell-panel")?.position || "start";
+}
+function toggleChildActionText({ el, expanded, }) {
+    queryActions(el)
+        .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
+        .forEach((action) => (action.textEnabled = expanded));
+    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
+    if (tooltip) {
+        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+    }
+    if (ref) {
+        ref(referenceElement);
+    }
+    return referenceElement;
+};
+const ExpandToggle = ({ expanded, expandText, collapseText, expandLabel, collapseLabel, toggle, el, position, tooltip, ref, scale, }) => {
+    const rtl = dom.getElementDir(el) === "rtl";
+    const text = expanded ? collapseText : expandText;
+    const label = expanded ? collapseLabel : expandLabel;
+    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+    if (rtl) {
+        icons.reverse();
+    }
+    const end = getCalcitePosition(position, el) === "end";
+    const expandIcon = end ? icons[1] : icons[0];
+    const collapseIcon = end ? icons[0] : icons[1];
+    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, id: "expand-toggle", label: label, onClick: toggle, ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }), scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null }));
+    return actionNode;
+};
+
+exports.ExpandToggle = ExpandToggle;
+exports.geActionDimensions = geActionDimensions;
+exports.getOverflowCount = getOverflowCount;
+exports.overflowActions = overflowActions;
+exports.queryActions = queryActions;
+exports.toggleChildActionText = toggleChildActionText;
+
+//# sourceMappingURL=ExpandToggle-5d1a0e87.js.map

package/dist/cjs/ExpandToggle-5d1a0e87.js.map

@@ -0,0 +1 @@
+{"file":"ExpandToggle-5d1a0e87.js","mappings":"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","names":["ACTION_GROUP_SLOTS","ACTION_MENU_SLOTS","forceUpdate","getElementDir","h"],"sources":["src/components/action-bar/utils.ts","src/components/functional/ExpandToggle.tsx"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Layout } from \"../interfaces\";\n\nconst groupBufferPx = 2;\n\nconst getAverage = (arr: number[]) => arr.reduce((p, c) => p + c, 0) / arr.length;\n\nexport const geActionDimensions = (\n  actions: HTMLCalciteActionElement[],\n): { actionWidth: number; actionHeight: number } => {\n  const actionsNotSlotted = actions.filter((action) => action.slot !== ACTION_GROUP_SLOTS.menuActions);\n  const actionLen = actionsNotSlotted?.length;\n  return {\n    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,\n  };\n};\n\nconst getMaxActionCount = ({\n  width,\n  actionWidth,\n  layout,\n  height,\n  actionHeight,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  height: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  groupCount: number;\n}): number => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\n\nexport const getOverflowCount = ({\n  layout,\n  actionCount,\n  actionWidth,\n  width,\n  actionHeight,\n  height,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  actionCount: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  height: number;\n  groupCount: number;\n}): number => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\n\nexport const queryActions = (el: HTMLElement): HTMLCalciteActionElement[] => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) =>\n    action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true,\n  );\n};\n\nexport const overflowActions = ({\n  actionGroups,\n  expanded,\n  overflowCount,\n}: {\n  actionGroups: HTMLCalciteActionGroupElement[];\n  expanded: boolean;\n  overflowCount: number;\n}): void => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n\n    const groupActions = queryActions(group).reverse();\n\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n\n        return needToSlotCount < 1;\n      });\n    }\n\n    forceUpdate(group);\n  });\n};\n","import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { Position, Scale } from \"../interfaces\";\n\ninterface ExpandToggleProps {\n  expanded: boolean;\n  expandText: string;\n  collapseText: string;\n  expandLabel: string;\n  collapseLabel: string;\n  el: HTMLElement;\n  position: Position;\n  tooltip?: HTMLCalciteTooltipElement;\n  toggle: () => void;\n  ref?: (el: HTMLElement) => void;\n  scale?: Scale;\n}\n\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\",\n} as const;\n\nfunction getCalcitePosition(position: Position, el: HTMLElement): Position {\n  return position || el.closest(\"calcite-shell-panel\")?.position || \"start\";\n}\n\nexport function toggleChildActionText({\n  el,\n  expanded,\n}: {\n  el: HTMLElement;\n  expanded: boolean;\n}): void {\n  queryActions(el)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  el.querySelectorAll(\"calcite-action-group, calcite-action-menu\").forEach(\n    (el: HTMLCalciteActionMenuElement | HTMLCalciteActionGroupElement) => (el.expanded = expanded),\n  );\n}\n\nconst setTooltipReference = ({\n  tooltip,\n  referenceElement,\n  expanded,\n  ref,\n}: {\n  tooltip: HTMLCalciteTooltipElement;\n  referenceElement: HTMLCalciteActionElement;\n  expanded: boolean;\n  ref?: (el: HTMLElement) => void;\n}): HTMLCalciteActionElement => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n\n  if (ref) {\n    ref(referenceElement);\n  }\n\n  return referenceElement;\n};\n\nexport const ExpandToggle: FunctionalComponent<ExpandToggleProps> = ({\n  expanded,\n  expandText,\n  collapseText,\n  expandLabel,\n  collapseLabel,\n  toggle,\n  el,\n  position,\n  tooltip,\n  ref,\n  scale,\n}): VNode => {\n  const rtl = getElementDir(el) === \"rtl\";\n\n  const text = expanded ? collapseText : expandText;\n  const label = expanded ? collapseLabel : expandLabel;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n\n  if (rtl) {\n    icons.reverse();\n  }\n\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n\n  const actionNode = (\n    <calcite-action\n      icon={expanded ? expandIcon : collapseIcon}\n      id=\"expand-toggle\"\n      label={label}\n      onClick={toggle}\n      ref={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : null}\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}

package/dist/cjs/FloatingArrow-06622bb5.js

@@ -0,0 +1,47 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+const index = require('./index-4fe70fa3.js');
+
+const CSS = {
+    arrow: "calcite-floating-ui-arrow",
+    arrowStroke: "calcite-floating-ui-arrow__stroke",
+};
+const DEFAULTS = {
+    width: 12,
+    height: 6,
+    strokeWidth: 1,
+};
+/**
+ * Renders a SVG element to be used as a floating-ui arrow.
+ *
+ * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
+ *
+ * @param floatingLayout.floatingLayout
+ * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
+ *
+ * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/dev/src/utils/floating-ui.ts)
+ * @param floatingLayout.key
+ * @param floatingLayout.ref
+ */
+const FloatingArrow = ({ floatingLayout, key, ref, }) => {
+    const { width, height, strokeWidth } = DEFAULTS;
+    const svgX = width / 2;
+    const isVertical = floatingLayout === "vertical";
+    const dValue = "M0,0" +
+        ` H${width}` +
+        ` L${width - svgX},${height}` +
+        ` Q${svgX},${height} ${svgX},${height}` +
+        " Z";
+    return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, ref: ref, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0) },
+        strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
+        index.h("path", { d: dValue, stroke: "none" })));
+};
+
+exports.FloatingArrow = FloatingArrow;
+
+//# sourceMappingURL=FloatingArrow-06622bb5.js.map

package/dist/cjs/FloatingArrow-06622bb5.js.map

@@ -0,0 +1 @@
+{"file":"FloatingArrow-06622bb5.js","mappings":";;;;;;;;;AAQA,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,2BAA2B;IAClC,WAAW,EAAE,mCAAmC;CACjD,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;MAYa,aAAa,GAA4C,CAAC,EACrE,cAAc,EACd,GAAG,EACH,GAAG,GACJ;IACC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IAChD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;IACvB,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC;IAEjD,MAAM,MAAM,GACV,MAAM;QACN,KAAK,KAAK,EAAE;QACZ,KAAK,KAAK,GAAG,IAAI,IAAI,MAAM,EAAE;QAC7B,KAAK,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE;QACvC,IAAI,CAAC;IAEP,QACEA,gCACc,MAAM,EAClB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,EAAE,EAClE,KAAK,EAAE,KAAK,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;QAE5C,WAAW,GAAG,CAAC,KACdA,kBACE,KAAK,EAAE,GAAG,CAAC,WAAW,EACtB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBAEG,WAAW,GAAG,CAAC,GAC7B,CACH;QAGDA,kBAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,GAAG,CAC7B,EACN;AACJ;;;;","names":["h"],"sources":["src/components/functional/FloatingArrow.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { JSXAttributes } from \"@stencil/core/internal\";\nimport { FloatingLayout } from \"../../utils/floating-ui\";\n\ninterface FloatingArrowProps extends JSXAttributes {\n  floatingLayout: FloatingLayout;\n}\n\nconst CSS = {\n  arrow: \"calcite-floating-ui-arrow\",\n  arrowStroke: \"calcite-floating-ui-arrow__stroke\",\n};\n\nconst DEFAULTS = {\n  width: 12,\n  height: 6,\n  strokeWidth: 1,\n};\n\n/**\n * Renders a SVG element to be used as a floating-ui arrow.\n *\n * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.\n *\n * @param floatingLayout.floatingLayout\n * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.\n *\n * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/dev/src/utils/floating-ui.ts)\n * @param floatingLayout.key\n * @param floatingLayout.ref\n */\nexport const FloatingArrow: FunctionalComponent<FloatingArrowProps> = ({\n  floatingLayout,\n  key,\n  ref,\n}): VNode => {\n  const { width, height, strokeWidth } = DEFAULTS;\n  const svgX = width / 2;\n  const isVertical = floatingLayout === \"vertical\";\n\n  const dValue =\n    \"M0,0\" +\n    ` H${width}` +\n    ` L${width - svgX},${height}` +\n    ` Q${svgX},${height} ${svgX},${height}` +\n    \" Z\";\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      class={CSS.arrow}\n      height={width}\n      key={key}\n      ref={ref}\n      viewBox={`0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`}\n      width={width + (isVertical ? strokeWidth : 0)}\n    >\n      {strokeWidth > 0 && (\n        <path\n          class={CSS.arrowStroke}\n          d={dValue}\n          fill=\"none\"\n          // Account for the stroke on the fill path rendered below.\n          stroke-width={strokeWidth + 1}\n        />\n      )}\n      {/* In Firefox, for left/right placements there's a ~0.5px gap where the\n  border can show through. Adding a stroke on the fill removes it. */}\n      <path d={dValue} stroke=\"none\" />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/Heading-c3582328.js

@@ -0,0 +1,22 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+const index = require('./index-4fe70fa3.js');
+
+function constrainHeadingLevel(level) {
+    return Math.min(Math.max(Math.ceil(level), 1), 6);
+}
+const Heading = (props, children) => {
+    const HeadingTag = props.level ? `h${props.level}` : "div";
+    delete props.level;
+    return index.h(HeadingTag, { ...props }, children);
+};
+
+exports.Heading = Heading;
+exports.constrainHeadingLevel = constrainHeadingLevel;
+
+//# sourceMappingURL=Heading-c3582328.js.map

package/dist/cjs/Heading-c3582328.js.map

@@ -0,0 +1 @@
+{"file":"Heading-c3582328.js","mappings":";;;;;;;;;SASgB,qBAAqB,CAAC,KAAa;IACjD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAiB,CAAC;AACpE,CAAC;MAEY,OAAO,GAAsC,CAAC,KAAK,EAAE,QAAQ;IACxE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,KAAK,CAAC,KAAK,CAAC;IAEnB,OAAOA,QAAC,UAAU,OAAK,KAAK,IAAG,QAAQ,CAAc,CAAC;AACxD;;;;;","names":["h"],"sources":["src/components/functional/Heading.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeadingProps extends JSXBase.HTMLAttributes {\n  level?: HeadingLevel;\n}\n\nexport function constrainHeadingLevel(level: number): HeadingLevel {\n  return Math.min(Math.max(Math.ceil(level), 1), 6) as HeadingLevel;\n}\n\nexport const Heading: FunctionalComponent<HeadingProps> = (props, children): VNode => {\n  const HeadingTag = props.level ? `h${props.level}` : \"div\";\n\n  delete props.level;\n\n  return <HeadingTag {...props}>{children}</HeadingTag>;\n};\n"],"version":3}

package/dist/cjs/Validation-93d2dabf.js

@@ -0,0 +1,18 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+const index = require('./index-4fe70fa3.js');
+
+const CSS = {
+    validationContainer: "validation-container",
+};
+const Validation = ({ scale, status, id, icon, message, }) => (index.h("div", { class: CSS.validationContainer },
+    index.h("calcite-input-message", { "aria-live": "polite", icon: icon, id: id, scale: scale, status: status }, message)));
+
+exports.Validation = Validation;
+
+//# sourceMappingURL=Validation-93d2dabf.js.map

package/dist/cjs/Validation-93d2dabf.js.map

@@ -0,0 +1 @@
+{"file":"Validation-93d2dabf.js","mappings":";;;;;;;;;AAaO,MAAM,GAAG,GAAG;IACjB,mBAAmB,EAAE,sBAAsB;CAC5C,CAAC;MAEW,UAAU,GAAyC,CAAC,EAC/D,KAAK,EACL,MAAM,EACN,EAAE,EACF,IAAI,EACJ,OAAO,GACR,MACCA,iBAAK,KAAK,EAAE,GAAG,CAAC,mBAAmB;IACjCA,gDAAiC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IACvF,OAAO,CACc,CACpB;;;;","names":["h"],"sources":["src/components/functional/Validation.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { Scale, Status } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\n\ninterface ValidationProps extends JSXBase.HTMLAttributes {\n  scale: Scale;\n  status: Status;\n  icon?: IconNameOrString | boolean;\n  id?: string;\n  message: string;\n}\n\nexport const CSS = {\n  validationContainer: \"validation-container\",\n};\n\nexport const Validation: FunctionalComponent<ValidationProps> = ({\n  scale,\n  status,\n  id,\n  icon,\n  message,\n}): VNode => (\n  <div class={CSS.validationContainer}>\n    <calcite-input-message aria-live=\"polite\" icon={icon} id={id} scale={scale} status={status}>\n      {message}\n    </calcite-input-message>\n  </div>\n);\n"],"version":3}

package/dist/cjs/app-globals-53df6ff0.js

@@ -0,0 +1,59 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+const resources = require('./resources-d2d6a16a.js');
+const config = require('./config-1debb24e.js');
+const browser = require('./browser-192fd050.js');
+
+/**
+ * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+function initModeChangeEvent() {
+    const { classList } = document.body;
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const getMode = () => classList.contains(resources.darkMode) || (classList.contains(resources.autoMode) && prefersDark) ? "dark" : "light";
+    const emitModeChange = (mode) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: true, detail: { mode } }));
+    const modeChangeHandler = (newMode) => {
+        currentMode !== newMode && emitModeChange(newMode);
+        currentMode = newMode;
+    };
+    let currentMode = getMode();
+    // emits event on page load
+    emitModeChange(currentMode);
+    // emits event when changing OS mode preferences
+    window
+        .matchMedia("(prefers-color-scheme: dark)")
+        .addEventListener("change", (event) => modeChangeHandler(event.matches ? "dark" : "light"));
+    // emits event when toggling between mode classes on <body>
+    new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
+        attributes: true,
+        attributeFilter: ["class"],
+    });
+}
+
+/**
+ * This file is imported in Stencil's `globalScript` config option.
+ *
+ * @see {@link https://stenciljs.com/docs/config#globalscript}
+ */
+function appGlobalScript () {
+    if (browser.isBrowser()) {
+        if (document.readyState === "interactive") {
+            initModeChangeEvent();
+        }
+        else {
+            document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true });
+        }
+    }
+    config.stampVersion();
+}
+
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;
+
+//# sourceMappingURL=app-globals-53df6ff0.js.map

package/dist/cjs/app-globals-53df6ff0.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-53df6ff0.js","mappings":";;;;;;;;;;;AAEA;;;SAGgB,mBAAmB;IACjC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC;IACpC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IAE9E,MAAM,OAAO,GAAG,MACd,SAAS,CAAC,QAAQ,CAACA,kBAAQ,CAAC,KAAK,SAAS,CAAC,QAAQ,CAACC,kBAAQ,CAAC,IAAI,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;IAEnG,MAAM,cAAc,GAAG,CAAC,IAAY,KAClC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEzG,MAAM,iBAAiB,GAAG,CAAC,OAAe;QACxC,WAAW,KAAK,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QACnD,WAAW,GAAG,OAAO,CAAC;KACvB,CAAC;IAEF,IAAI,WAAW,GAAG,OAAO,EAAE,CAAC;;IAG5B,cAAc,CAAC,WAAW,CAAC,CAAC;;IAG5B,MAAM;SACH,UAAU,CAAC,8BAA8B,CAAC;SAC1C,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,iBAAiB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;;IAG9F,IAAI,gBAAgB,CAAC,MAAM,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC9E,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,OAAO,CAAC;KAC3B,CAAC,CAAC;AACL;;AC/BA;;;;;;IAME,IAAIC,iBAAS,EAAE,EAAE;QACf,IAAI,QAAQ,CAAC,UAAU,KAAK,aAAa,EAAE;YACzC,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,mBAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;SAC5F;KACF;IAEDC,mBAAY,EAAE,CAAC;AACjB;;AClBY,MAAC,aAAa,GAAG;;;;","names":["darkMode","autoMode","isBrowser","stampVersion"],"sources":["src/utils/mode.ts","src/utils/globalScript.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { autoMode, darkMode } from \"./resources\";\n\n/**\n * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.\n */\nexport function initModeChangeEvent(): void {\n  const { classList } = document.body;\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n  const getMode = (): string =>\n    classList.contains(darkMode) || (classList.contains(autoMode) && prefersDark) ? \"dark\" : \"light\";\n\n  const emitModeChange = (mode: string) =>\n    document.body.dispatchEvent(new CustomEvent(\"calciteModeChange\", { bubbles: true, detail: { mode } }));\n\n  const modeChangeHandler = (newMode: string): void => {\n    currentMode !== newMode && emitModeChange(newMode);\n    currentMode = newMode;\n  };\n\n  let currentMode = getMode();\n\n  // emits event on page load\n  emitModeChange(currentMode);\n\n  // emits event when changing OS mode preferences\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .addEventListener(\"change\", (event) => modeChangeHandler(event.matches ? \"dark\" : \"light\"));\n\n  // emits event when toggling between mode classes on <body>\n  new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {\n    attributes: true,\n    attributeFilter: [\"class\"],\n  });\n}\n","import { initModeChangeEvent } from \"./mode\";\nimport { stampVersion } from \"./config\";\nimport { isBrowser } from \"./browser\";\n\n/**\n * This file is imported in Stencil's `globalScript` config option.\n *\n * @see {@link https://stenciljs.com/docs/config#globalscript}\n */\nexport default function (): void {\n  if (isBrowser()) {\n    if (document.readyState === \"interactive\") {\n      initModeChangeEvent();\n    } else {\n      document.addEventListener(\"DOMContentLoaded\", () => initModeChangeEvent(), { once: true });\n    }\n  }\n\n  stampVersion();\n}\n","import appGlobalScript from '/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-components/src/utils/globalScript.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/ar-5351f38f.js

@@ -0,0 +1,107 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-af9a540e.js');
+require('./index-4fe70fa3.js');
+require('./form-f86aab9b.js');
+require('./dom-1ff7fb61.js');
+require('./guid-47ff9796.js');
+require('./resources-d2d6a16a.js');
+require('./interactive-6e051cdc.js');
+require('./key-c3b3fd7e.js');
+require('./label-66e041c4.js');
+require('./component-96607c76.js');
+require('./loadable-6f2dfe5f.js');
+require('./browser-192fd050.js');
+require('./locale-38c1927e.js');
+require('./observers-498f2676.js');
+require('./focusTrapComponent-bc8728a2.js');
+require('./config-1debb24e.js');
+require('./math-02ee6fc0.js');
+require('./t9n-ab4fd9b6.js');
+require('./Validation-93d2dabf.js');
+require('./input-993cf588.js');
+
+// Arabic [ar]
+var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');
+var symbolMap = {
+  1: '١',
+  2: '٢',
+  3: '٣',
+  4: '٤',
+  5: '٥',
+  6: '٦',
+  7: '٧',
+  8: '٨',
+  9: '٩',
+  0: '٠'
+};
+var numberMap = {
+  '١': '1',
+  '٢': '2',
+  '٣': '3',
+  '٤': '4',
+  '٥': '5',
+  '٦': '6',
+  '٧': '7',
+  '٨': '8',
+  '٩': '9',
+  '٠': '0'
+};
+var locale = {
+  name: 'ar',
+  weekdays: 'الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت'.split('_'),
+  weekdaysShort: 'أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت'.split('_'),
+  weekdaysMin: 'ح_ن_ث_ر_خ_ج_س'.split('_'),
+  months: months,
+  monthsShort: months,
+  weekStart: 6,
+  meridiem: function meridiem(hour) {
+    return hour > 12 ? 'م' : 'ص';
+  },
+  relativeTime: {
+    future: 'بعد %s',
+    past: 'منذ %s',
+    s: 'ثانية واحدة',
+    m: 'دقيقة واحدة',
+    mm: '%d دقائق',
+    h: 'ساعة واحدة',
+    hh: '%d ساعات',
+    d: 'يوم واحد',
+    dd: '%d أيام',
+    M: 'شهر واحد',
+    MM: '%d أشهر',
+    y: 'عام واحد',
+    yy: '%d أعوام'
+  },
+  preparse: function preparse(string) {
+    return string.replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) {
+      return numberMap[match];
+    }).replace(/،/g, ',');
+  },
+  postformat: function postformat(string) {
+    return string.replace(/\d/g, function (match) {
+      return symbolMap[match];
+    }).replace(/,/g, '،');
+  },
+  ordinal: function ordinal(n) {
+    return n;
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'D/‏M/‏YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY HH:mm',
+    LLLL: 'dddd D MMMM YYYY HH:mm'
+  }
+};
+calciteInputTimePicker_calciteTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports['default'] = locale;
+
+//# sourceMappingURL=ar-5351f38f.js.map

package/dist/cjs/ar-5351f38f.js.map

@@ -0,0 +1 @@
+{"file":"ar-5351f38f.js","mappings":"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","names":["dayjs"],"sources":["node_modules/dayjs/esm/locale/ar.js"],"sourcesContent":["// Arabic [ar]\nimport dayjs from '../index';\nvar months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');\nvar symbolMap = {\n  1: '١',\n  2: '٢',\n  3: '٣',\n  4: '٤',\n  5: '٥',\n  6: '٦',\n  7: '٧',\n  8: '٨',\n  9: '٩',\n  0: '٠'\n};\nvar numberMap = {\n  '١': '1',\n  '٢': '2',\n  '٣': '3',\n  '٤': '4',\n  '٥': '5',\n  '٦': '6',\n  '٧': '7',\n  '٨': '8',\n  '٩': '9',\n  '٠': '0'\n};\nvar locale = {\n  name: 'ar',\n  weekdays: 'الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت'.split('_'),\n  weekdaysShort: 'أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت'.split('_'),\n  weekdaysMin: 'ح_ن_ث_ر_خ_ج_س'.split('_'),\n  months: months,\n  monthsShort: months,\n  weekStart: 6,\n  meridiem: function meridiem(hour) {\n    return hour > 12 ? 'م' : 'ص';\n  },\n  relativeTime: {\n    future: 'بعد %s',\n    past: 'منذ %s',\n    s: 'ثانية واحدة',\n    m: 'دقيقة واحدة',\n    mm: '%d دقائق',\n    h: 'ساعة واحدة',\n    hh: '%d ساعات',\n    d: 'يوم واحد',\n    dd: '%d أيام',\n    M: 'شهر واحد',\n    MM: '%d أشهر',\n    y: 'عام واحد',\n    yy: '%d أعوام'\n  },\n  preparse: function preparse(string) {\n    return string.replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) {\n      return numberMap[match];\n    }).replace(/،/g, ',');\n  },\n  postformat: function postformat(string) {\n    return string.replace(/\\d/g, function (match) {\n      return symbolMap[match];\n    }).replace(/,/g, '،');\n  },\n  ordinal: function ordinal(n) {\n    return n;\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'D/‏M/‏YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY HH:mm',\n    LLLL: 'dddd D MMMM YYYY HH:mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"version":3}

package/dist/cjs/array-a9ec0037.js

@@ -0,0 +1,14 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+'use strict';
+
+function getRoundRobinIndex(index, total) {
+    return (index + total) % total;
+}
+
+exports.getRoundRobinIndex = getRoundRobinIndex;
+
+//# sourceMappingURL=array-a9ec0037.js.map

package/dist/cjs/array-a9ec0037.js.map

@@ -0,0 +1 @@
+{"file":"array-a9ec0037.js","mappings":";;;;;;;SAAgB,kBAAkB,CAAC,KAAa,EAAE,KAAa;IAC7D,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC;AACjC;;;;","names":[],"sources":["src/utils/array.ts"],"sourcesContent":["export function getRoundRobinIndex(index: number, total: number): number {\n  return (index + total) % total;\n}\n"],"version":3}