@esri/calcite-components 2.6.0-next.0 → 2.6.0-next.2

package/dist/calcite/p-7e4d12e2.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.6.0-next.2
+ */
+import{r as i,h as t,H as n,g as e}from"./p-f8f9cef3.js";import{g as s,d as o}from"./p-a6243d9a.js";import{c as a,u as l,d as c,I as r}from"./p-77b97148.js";import{s as d,a as h,c as p}from"./p-75a52371.js";import{C as u}from"./p-867e447e.js";import"./p-2448987f.js";import"./p-4880529d.js";const f=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const m=class{constructor(t){i(this,t);this.childElClickHandler=i=>{if(!i.isTrusted){i.stopPropagation()}};this.storeTagRef=i=>{this.childEl=i};this.disabled=false;this.download=false;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.rel=undefined;this.target=undefined}connectedCallback(){a(this)}componentWillLoad(){d(this)}componentDidLoad(){h(this)}componentDidRender(){l(this)}disconnectedCallback(){c(this)}render(){const{download:i,el:e}=this;const o=s(e);const a=this.href?"a":"span";const l=t("calcite-icon",{class:"calcite-link--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});const c=t("calcite-icon",{class:"calcite-link--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});const d=a;const h=a==="span"?"link":null;const p=a==="span"?0:null;return t(n,{role:"presentation"},t(r,{disabled:this.disabled},t(d,{class:{[u.rtl]:o==="rtl"},download:d==="a"&&(i===""||i)?i:null,href:d==="a"&&this.href,onClick:this.childElClickHandler,rel:d==="a"&&this.rel,role:h,tabIndex:p,target:d==="a"&&this.target,ref:this.storeTagRef},this.iconStart?l:null,t("slot",null),this.iconEnd?c:null)))}clickHandler(i){if(this.disabled){return}if(!i.isTrusted){this.childEl.click()}}async setFocus(){await p(this);o(this.childEl)}get el(){return e(this)}};m.style=f;export{m as calcite_link};
+//# sourceMappingURL=p-7e4d12e2.entry.js.map

package/dist/calcite/p-7e4d12e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["linkCss","Link","this","childElClickHandler","event","isTrusted","stopPropagation","storeTagRef","el","childEl","connectedCallback","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","render","download","dir","getElementDir","childElType","href","iconStartEl","h","class","flipRtl","iconFlipRtl","icon","iconStart","scale","iconEndEl","iconEnd","Tag","role","tabIndex","Host","InteractiveContainer","disabled","CSS_UTILITY","rtl","onClick","rel","target","ref","clickHandler","click","setFocus","componentFocusable","focusElement"],"sources":["src/components/link/link.scss?tag=calcite-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n// link base\n:host a,\n:host span {\n  @apply font-inherit\n    transition-default\n    relative\n    flex\n    cursor-pointer\n    items-center\n    justify-center\n    rounded-none\n    border-none;\n  text-decoration: none;\n  line-height: inherit;\n  font-size: inherit;\n  -webkit-appearance: none;\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n// focus styles\n:host a,\n:host span {\n  @apply focus-base;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\ncalcite-icon {\n  inline-size: 1em;\n  block-size: 1em;\n  min-inline-size: unset;\n  min-block-size: unset;\n}\n\n.calcite-link--icon {\n  @apply transition-default align-middle;\n  margin-block-start: -0.25em;\n}\n\n// icon positioning and styles\n:host .calcite-link--icon.icon-start {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host .calcite-link--icon.icon-end {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n:host {\n  span,\n  a {\n    @apply text-color-link\n      transition-default\n      relative\n      inline\n      border-none\n      bg-transparent\n      p-0;\n    line-height: inherit;\n    white-space: initial;\n    background-image: linear-gradient(currentColor, currentColor),\n      linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));\n    background-position-x: 0%, 100%;\n    background-position-y: min(1.5em, 100%);\n    background-repeat: no-repeat, no-repeat;\n    background-size:\n      0% 1px,\n      100% 1px;\n\n    &:hover,\n    &:focus {\n      background-size:\n        100% 1px,\n        100% 1px;\n    }\n    &:active {\n      background-size:\n        100% 2px,\n        100% 2px;\n    }\n    &.calcite--rtl {\n      background-position:\n        100% 100%,\n        100% 100%;\n    }\n  }\n}\n\n@include disabled();\n@include base-component();\n","import { Component, Element, h, Host, Listen, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement, getElementDir } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { FlipContext } from \"../interfaces\";\n\n/** Any attributes placed on <calcite-link> component will propagate to the rendered child */\n/** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */\n\n/** @slot - A slot for adding text. */\n@Component({\n  tag: \"calcite-link\",\n  styleUrl: \"link.scss\",\n  shadow: true,\n})\nexport class Link implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:\n   * Without a value, the browser will suggest a filename/extension\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.\n   */\n  @Prop({ reflect: true }) download: string | boolean = false;\n\n  /** Specifies the URL of the linked resource, which can be set as an absolute or relative path. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop() rel: string;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop() target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    const { download, el } = this;\n    const dir = getElementDir(el);\n    const childElType = this.href ? \"a\" : \"span\";\n    const iconStartEl = (\n      <calcite-icon\n        class=\"calcite-link--icon icon-start\"\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale=\"s\"\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class=\"calcite-link--icon icon-end\"\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale=\"s\"\n      />\n    );\n\n    const Tag = childElType;\n    const role = childElType === \"span\" ? \"link\" : null;\n    const tabIndex = childElType === \"span\" ? 0 : null;\n\n    return (\n      <Host role=\"presentation\">\n        <InteractiveContainer disabled={this.disabled}>\n          <Tag\n            class={{ [CSS_UTILITY.rtl]: dir === \"rtl\" }}\n            /*\n          When the 'download' property of type 'boolean | string' is set to true, the value is \"\".\n          This works around that issue for now.\n          */\n            download={Tag === \"a\" && (download === \"\" || download) ? download : null}\n            href={Tag === \"a\" && this.href}\n            onClick={this.childElClickHandler}\n            rel={Tag === \"a\" && this.rel}\n            role={role}\n            tabIndex={tabIndex}\n            target={Tag === \"a\" && this.target}\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.storeTagRef}\n          >\n            {this.iconStart ? iconStartEl : null}\n            <slot />\n            {this.iconEnd ? iconEndEl : null}\n          </Tag>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\")\n  clickHandler(event: PointerEvent): void {\n    if (this.disabled) {\n      return;\n    }\n\n    // forwards the click() to the internal link for non user-initiated events\n    if (!event.isTrusted) {\n      this.childEl.click();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.childEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteLinkElement;\n\n  /** the rendered child element */\n  private childEl: HTMLAnchorElement | HTMLSpanElement;\n\n  private childElClickHandler = (event: PointerEvent): void => {\n    if (!event.isTrusted) {\n      // click was invoked internally, we stop it here\n      event.stopPropagation();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private storeTagRef = (el: Link[\"childEl\"]): void => {\n    this.childEl = el;\n  };\n}\n"],"mappings":";;;;;mSAAA,MAAMA,EAAU,m4E,MC4BHC,EAAI,M,yBA8JPC,KAAAC,oBAAuBC,IAC7B,IAAKA,EAAMC,UAAW,CAEpBD,EAAME,iB,GAUFJ,KAAAK,YAAeC,IACrBN,KAAKO,QAAUD,CAAE,E,cApKiB,M,cAOkB,M,wIA0BtD,iBAAAE,GACEC,EAAmBT,K,CAGrB,iBAAAU,GACEC,EAAuBX,K,CAGzB,gBAAAY,GACEC,EAAmBb,K,CAGrB,kBAAAc,GACEC,EAAsBf,K,CAGxB,oBAAAgB,GACEC,EAAsBjB,K,CAGxB,MAAAkB,GACE,MAAMC,SAAEA,EAAQb,GAAEA,GAAON,KACzB,MAAMoB,EAAMC,EAAcf,GAC1B,MAAMgB,EAActB,KAAKuB,KAAO,IAAM,OACtC,MAAMC,EACJC,EAAA,gBACEC,MAAM,gCACNC,QAAS3B,KAAK4B,cAAgB,SAAW5B,KAAK4B,cAAgB,OAC9DC,KAAM7B,KAAK8B,UACXC,MAAM,MAIV,MAAMC,EACJP,EAAA,gBACEC,MAAM,8BACNC,QAAS3B,KAAK4B,cAAgB,OAAS5B,KAAK4B,cAAgB,OAC5DC,KAAM7B,KAAKiC,QACXF,MAAM,MAIV,MAAMG,EAAMZ,EACZ,MAAMa,EAAOb,IAAgB,OAAS,OAAS,KAC/C,MAAMc,EAAWd,IAAgB,OAAS,EAAI,KAE9C,OACEG,EAACY,EAAI,CAACF,KAAK,gBACTV,EAACa,EAAoB,CAACC,SAAUvC,KAAKuC,UACnCd,EAACS,EAAG,CACFR,MAAO,CAAE,CAACc,EAAYC,KAAMrB,IAAQ,OAKpCD,SAAUe,IAAQ,MAAQf,IAAa,IAAMA,GAAYA,EAAW,KACpEI,KAAMW,IAAQ,KAAOlC,KAAKuB,KAC1BmB,QAAS1C,KAAKC,oBACd0C,IAAKT,IAAQ,KAAOlC,KAAK2C,IACzBR,KAAMA,EACNC,SAAUA,EACVQ,OAAQV,IAAQ,KAAOlC,KAAK4C,OAE5BC,IAAK7C,KAAKK,aAETL,KAAK8B,UAAYN,EAAc,KAChCC,EAAA,aACCzB,KAAKiC,QAAUD,EAAY,O,CActC,YAAAc,CAAa5C,GACX,GAAIF,KAAKuC,SAAU,CACjB,M,CAIF,IAAKrC,EAAMC,UAAW,CACpBH,KAAKO,QAAQwC,O,EAYjB,cAAMC,SACEC,EAAmBjD,MAEzBkD,EAAalD,KAAKO,Q"}

package/dist/calcite/p-7fcaf8da.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.6.0-next.2
+ */
+import{d as _}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";var r={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(r){var p=r%100;if(p>10&&p<20){return r+"-ти"}var t=r%10;if(t===1){return r+"-ви"}else if(t===2){return r+"-ри"}else if(t===7||t===8){return r+"-ми"}return r+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(r,null,true);export default r;
+//# sourceMappingURL=p-7fcaf8da.js.map

package/dist/calcite/p-8039d206.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.6.0-next.2
+ */
+import{r as t,c as e,h as s,H as i,g as o}from"./p-f8f9cef3.js";import{t as a}from"./p-a6243d9a.js";import{c,d as n,H as r}from"./p-dca6be82.js";import{g as l}from"./p-2448987f.js";import{c as h,d,u as p,I as f}from"./p-77b97148.js";import{i as u}from"./p-ff8fc6a4.js";import{c as b,d as m,g}from"./p-8234e328.js";import{c as v,s as k,a as x}from"./p-75a52371.js";import"./p-867e447e.js";import"./p-4880529d.js";import"./p-bbcbc447.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:all 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-hover, 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=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(u(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 v(this);this.toggleEl?.focus()}syncHiddenFormInput(t){t.type="checkbox"}connectedCallback(){this.guid=this.el.id||`calcite-checkbox-${l()}`;h(this);b(this);c(this)}disconnectedCallback(){d(this);m(this);n(this)}componentWillLoad(){k(this)}componentDidLoad(){x(this)}componentDidRender(){p(this)}render(){return s(i,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},s(f,{disabled:this.disabled},s("div",{"aria-checked":a(this.checked),"aria-label":g(this),class:"toggle",onBlur:this.onToggleBlur,onFocus:this.onToggleFocus,role:"checkbox",tabIndex:this.disabled?undefined:0,ref:t=>this.toggleEl=t},s("svg",{"aria-hidden":"true",class:"check-svg",viewBox:"0 0 16 16"},s("path",{d:this.getPath()})),s("slot",null)),s(r,{component:this})))}get el(){return o(this)}};z.style=y;export{z as calcite_checkbox};
+//# sourceMappingURL=p-8039d206.entry.js.map

package/dist/calcite/p-8039d206.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","Checkbox","this","checkedPath","indeterminatePath","getPath","indeterminate","checked","toggle","disabled","setFocus","calciteCheckboxChange","emit","keyDownHandler","event","isActivationKey","key","preventDefault","clickHandler","onToggleBlur","calciteInternalCheckboxBlur","onToggleFocus","calciteInternalCheckboxFocus","onLabelClick","componentFocusable","toggleEl","focus","syncHiddenFormInput","input","type","connectedCallback","guid","el","id","connectInteractive","connectLabel","connectForm","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","onBlur","onFocus","role","tabIndex","undefined","ref","viewBox","d","HiddenFormInputSlot","component"],"sources":["src/components/checkbox/checkbox.scss?tag=calcite-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-checkbox-size: Specifies the component's height and width.\n */\n\n:host([scale=\"s\"]) {\n  --calcite-checkbox-size: theme(\"spacing.3\");\n}\n:host([scale=\"m\"]) {\n  --calcite-checkbox-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-checkbox-size: theme(\"spacing.4\");\n}\n\n:host {\n  @apply relative\n    inline-flex\n    cursor-pointer\n    select-none;\n  -webkit-tap-highlight-color: transparent;\n\n  .check-svg,\n  .toggle {\n    inline-size: var(--calcite-checkbox-size);\n    block-size: var(--calcite-checkbox-size);\n  }\n\n  .check-svg {\n    @apply bg-foreground-1\n      pointer-events-none\n      box-border\n      block\n      overflow-hidden\n      fill-current\n      stroke-current\n      stroke-1\n      transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n    color: theme(\"backgroundColor.background\");\n  }\n}\n\n:host([status=\"invalid\"]:not([checked])) {\n  .check-svg {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger);\n  }\n  .toggle:focus {\n    @apply focus-outset-danger;\n  }\n}\n\n:host([checked]),\n:host([indeterminate]) {\n  .check-svg {\n    @apply bg-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n:host([hovered]) .toggle,\n:host .toggle:hover {\n  .check-svg {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n.toggle {\n  @apply focus-base relative;\n\n  &:active,\n  &:focus,\n  &:focus-visible {\n    @apply focus-outset;\n  }\n\n  &::after {\n    content: \"\";\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    min-block-size: theme(\"width.6\");\n    min-inline-size: theme(\"width.6\");\n    position: absolute;\n    transform: translateX(-50%) translateY(-50%);\n  }\n}\n\n@include disabled();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale, Status } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-checkbox\",\n  styleUrl: \"checkbox.scss\",\n  shadow: true,\n})\nexport class Checkbox\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\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 })\n  form: string;\n\n  /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /**\n   * The hovered state of the checkbox.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) hovered = false;\n\n  /**\n   * When `true`, the component is initially indeterminate, which is independent from its `checked` value.\n   *\n   * The state is visual only, and can look different across browsers.\n   *\n   * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)\n   */\n  @Prop({ reflect: true, mutable: true }) indeterminate = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\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  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCheckboxElement;\n\n  readonly checkedPath = \"M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z\";\n\n  readonly indeterminatePath = \"M13 8v1H3V8z\";\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: Checkbox[\"checked\"];\n\n  toggleEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.toggleEl?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  getPath = (): string =>\n    this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : \"\";\n\n  toggle = (): void => {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.setFocus();\n      this.indeterminate = false;\n      this.calciteCheckboxChange.emit();\n    }\n  };\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalCheckboxBlur: EventEmitter<boolean>;\n\n  /** Fires when the component's `checked` status changes. */\n  @Event({ cancelable: false }) calciteCheckboxChange: EventEmitter<void>;\n\n  /**\n   * Fires when the component is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalCheckboxFocus: EventEmitter<boolean>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  onToggleBlur = (): void => {\n    this.calciteInternalCheckboxBlur.emit(false);\n  };\n\n  onToggleFocus = (): void => {\n    this.calciteInternalCheckboxFocus.emit(true);\n  };\n\n  onLabelClick = (): void => {\n    this.toggle();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.guid = this.el.id || `calcite-checkbox-${guid()}`;\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class=\"toggle\"\n            onBlur={this.onToggleBlur}\n            onFocus={this.onToggleFocus}\n            role=\"checkbox\"\n            tabIndex={this.disabled ? undefined : 0}\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={(toggleEl) => (this.toggleEl = toggleEl)}\n          >\n            <svg aria-hidden=\"true\" class=\"check-svg\" viewBox=\"0 0 16 16\">\n              <path d={this.getPath()} />\n            </svg>\n            <slot />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;obAAA,MAAMA,EAAc,2wF,MCyCPC,EAAQ,M,0OAwEVC,KAAAC,YAAc,2DAEdD,KAAAE,kBAAoB,eAoC7BF,KAAAG,QAAU,IACRH,KAAKI,cAAgBJ,KAAKE,kBAAoBF,KAAKK,QAAUL,KAAKC,YAAc,GAElFD,KAAAM,OAAS,KACP,IAAKN,KAAKO,SAAU,CAClBP,KAAKK,SAAWL,KAAKK,QACrBL,KAAKQ,WACLR,KAAKI,cAAgB,MACrBJ,KAAKS,sBAAsBC,M,GAI/BV,KAAAW,eAAkBC,IAChB,GAAIC,EAAgBD,EAAME,KAAM,CAC9Bd,KAAKM,SACLM,EAAMG,gB,GAIVf,KAAAgB,aAAe,KACb,GAAIhB,KAAKO,SAAU,CACjB,M,CAGFP,KAAKM,QAAQ,EAgCfN,KAAAiB,aAAe,KACbjB,KAAKkB,4BAA4BR,KAAK,MAAM,EAG9CV,KAAAmB,cAAgB,KACdnB,KAAKoB,6BAA6BV,KAAK,KAAK,EAG9CV,KAAAqB,aAAe,KACbrB,KAAKM,QAAQ,E,aArKmC,M,cAGd,M,qDAkBD,M,mBASqB,M,uDAapB,M,WAGI,I,YAGE,O,qBAmC1C,cAAME,SACEc,EAAmBtB,MAEzBA,KAAKuB,UAAUC,O,CASjB,mBAAAC,CAAoBC,GAClBA,EAAMC,KAAO,U,CA6Ef,iBAAAC,GACE5B,KAAK6B,KAAO7B,KAAK8B,GAAGC,IAAM,oBAAoBF,MAC9CG,EAAmBhC,MACnBiC,EAAajC,MACbkC,EAAYlC,K,CAGd,oBAAAmC,GACEC,EAAsBpC,MACtBqC,EAAgBrC,MAChBsC,EAAetC,K,CAGjB,iBAAAuC,GACEC,EAAuBxC,K,CAGzB,gBAAAyC,GACEC,EAAmB1C,K,CAGrB,kBAAA2C,GACEC,EAAsB5C,K,CASxB,MAAA6C,GACE,OACEC,EAACC,EAAI,CAACC,QAAShD,KAAKgB,aAAciC,UAAWjD,KAAKW,gBAChDmC,EAACI,EAAoB,CAAC3C,SAAUP,KAAKO,UACnCuC,EAAA,sBACgBK,EAAcnD,KAAKK,SAAQ,aAC7B+C,EAAapD,MACzBqD,MAAM,SACNC,OAAQtD,KAAKiB,aACbsC,QAASvD,KAAKmB,cACdqC,KAAK,WACLC,SAAUzD,KAAKO,SAAWmD,UAAY,EAEtCC,IAAMpC,GAAcvB,KAAKuB,SAAWA,GAEpCuB,EAAA,qBAAiB,OAAOO,MAAM,YAAYO,QAAQ,aAChDd,EAAA,QAAMe,EAAG7D,KAAKG,aAEhB2C,EAAA,cAEFA,EAACgB,EAAmB,CAACC,UAAW/D,Q"}

package/dist/calcite/p-816a2393.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.6.0-next.2
+ */
+import{d as e}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";function i(e){return e%10<5&&e%10>1&&~~(e/10)%10!==1}function r(e,r,t){var a=e+" ";switch(t){case"m":return r?"minuta":"minutę";case"mm":return a+(i(e)?"minuty":"minut");case"h":return r?"godzina":"godzinę";case"hh":return a+(i(e)?"godziny":"godzin");case"MM":return a+(i(e)?"miesiące":"miesięcy");case"yy":return a+(i(e)?"lata":"lat")}}var t="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_");var a="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_");var _=/D MMMM/;var p=function e(i,r){if(_.test(r)){return t[i.month()]}return a[i.month()]};p.s=a;p.f=t;var s={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:p,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function e(i){return i+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:r,mm:r,h:r,hh:r,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:r,y:"rok",yy:r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"}};e.locale(s,null,true);export default s;
+//# sourceMappingURL=p-816a2393.js.map

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

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

package/dist/calcite/p-8272e3a7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","INPUT_TYPE_ICONS","tel","password","email","date","time","search","SLOTS","action","inputCss","Input","this","childElType","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputChange","emit","setPreviousEmittedValue","inputBlurHandler","window","clearInterval","nudgeNumberValueIntervalId","calciteInternalInputBlur","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputFocusHandler","calciteInternalInputFocus","inputChangeHandler","type","files","childEl","inputInputHandler","inputKeyDownHandler","inputNumberInputHandler","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","delocalizedValue","delocalize","inputType","isValidNumber","parseNumberString","childNumberEl","displayedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","includes","decimal","indexOf","test","split","length","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","firstValueNudge","setInterval","numberButtonPointerUpAndOutHandler","numberButtonPointerDownHandler","isPrimaryPointerButton","dataset","adjustment","onHiddenFormInputInput","name","stopPropagation","setChildElRef","setChildNumberElRef","setInputValue","newInputValue","normalizeValue","setPreviousValue","previousValue","signDisplay","isValueDeleted","hasTrailingDecimalSeparator","charAt","sanitizedValue","sanitizeNumberString","newValue","newLocalizedValue","localize","addLocalizedTrailingDecimalZeros","calciteInputInputEvent","calciteInputInput","inputKeyUpHandler","disabledWatcher","maxWatcher","max","toString","minWatcher","min","onMessagesChange","valueWatcher","warnAboutInvalidNumberValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","isTextarea","clearable","effectiveLocaleChange","updateMessages","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentShouldUpdate","oldValue","property","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","inputStep","step","Math","abs","inputVal","BigDecimal","nudgedValue","add","nudgedValueBelowInputMin","isNaN","subtract","isNegative","nudgedValueAboveInputMax","finalValue","syncHiddenFormInput","input","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","console","warn","render","dir","getElementDir","h","class","label","messages","loading","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","isHorizontalNumberButton","numberButtonType","numberButtonsHorizontalUp","onPointerDown","onPointerOut","onPointerUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","localeNumberInput","accept","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","maxLength","minLength","multiple","undefined","onBlur","onFocus","onInput","onKeyDown","onKeyUp","pattern","placeholder","ref","onChange","required","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","status","Validation","validationIcon","message"],"sources":["src/components/input/resources.ts","src/components/input/input.scss?tag=calcite-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\",\n};\n\nexport const INPUT_TYPE_ICONS = {\n  tel: \"phone\",\n  password: \"lock\",\n  email: \"email-address\",\n  date: \"calendar\",\n  time: \"clock\",\n  search: \"search\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6 px-2;\n  }\n  & textarea {\n    @apply h-6;\n    min-block-size: theme(\"spacing.6\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n  & input[type=\"file\"] {\n    @apply h-6;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n  & textarea {\n    @apply text-n2h\n    h-auto\n    py-1\n    px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8 px-3;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.8\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n  & input[type=\"file\"] {\n    @apply h-8;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n  & textarea {\n    @apply text-n1h\n      h-auto\n      py-2\n      px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11 px-4;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.11\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n  & input[type=\"file\"] {\n    @apply h-11;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n  & textarea {\n    @apply text-0h\n      h-auto\n      py-3\n      px-4;\n  }\n}\n\n@include disabled() {\n  & textarea {\n    resize: none;\n  }\n}\n\ntextarea,\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply font-inherit\n    text-color-1\n    bg-foreground-1\n    relative\n    m-0\n    box-border\n    flex\n    max-h-full\n    w-full\n    max-w-full\n    flex-1\n    rounded-none\n    font-normal;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// states\ninput,\ntextarea {\n  @apply border\n    border-color-input\n    border-solid\n    text-color-1\n    text-ellipsis;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\ninput:focus,\ntextarea:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly],\ntextarea[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus,\ntextarea[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\ntextarea,\ninput {\n  @apply focus-base;\n}\ntextarea:focus,\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input,\n  & textarea {\n    @apply border-color-danger;\n  }\n  & input:focus,\n  & textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block;\n}\n\n.icon,\n.resize-icon-wrapper {\n  @apply z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration,\ninput[type=\"date\"]::-webkit-clear-button,\ninput[type=\"time\"]::-webkit-clear-button {\n  @apply hidden;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & textarea,\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & textarea,\n  & input {\n    text-align: end;\n  }\n}\n\n// number buttons\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: textfield;\n    @apply m-0;\n  }\n}\n\n.number-button-wrapper {\n  @apply transition-default\n    pointer-events-none\n    order-6\n    box-border\n    flex\n    flex-col;\n}\n\n:host([number-button-type=\"vertical\"]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=\"vertical\"]) {\n  & input,\n  textarea {\n    @apply order-2;\n  }\n}\n\n:host([number-button-type=\"horizontal\"]) .calcite--rtl {\n  & .number-button-item[data-adjustment=\"down\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n  & .number-button-item[data-adjustment=\"up\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n}\n\n.number-button-item.number-button-item--horizontal {\n  &[data-adjustment=\"down\"],\n  &[data-adjustment=\"up\"] {\n    @apply order-1\n      max-h-full\n      min-h-full\n      self-stretch;\n    & calcite-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"down\"] {\n  @apply border-color-input\n    border\n    border-solid;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"up\"] {\n  @apply order-5;\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"up\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"] {\n  @apply border-t-0;\n}\n\n.number-button-item {\n  max-block-size: 50%;\n  min-block-size: 50%;\n  pointer-events: initial;\n  @apply border-color-input\n    bg-foreground-1\n    transition-default\n    m-0\n    box-border\n    flex\n    cursor-pointer\n    items-center\n    self-center\n    border\n    border-solid\n    py-0\n    px-2;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  & calcite-icon {\n    @apply transition-default pointer-events-none;\n  }\n  &:focus {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &:disabled {\n    @apply pointer-events-none;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n// hide the default date picker\n:input::-webkit-calendar-picker-indicator {\n  @apply hidden;\n}\n\ninput[type=\"date\"]::-webkit-input-placeholder {\n  visibility: hidden !important;\n}\n\n// textarea resize icon\ntextarea::-webkit-resizer {\n  @apply absolute\n    bottom-0\n    box-border\n    py-0\n    px-1;\n  inset-inline-end: 0;\n}\n\n.resize-icon-wrapper {\n  inset-block-end: 2px;\n  inset-inline-end: 2px;\n\n  @apply bg-foreground-1\n    text-color-3\n    pointer-events-none\n    absolute\n    h-3\n    w-3;\n\n  & calcite-icon {\n    inset-block-end: theme(\"spacing.1\");\n    inset-inline-end: theme(\"spacing.1\");\n    transform: rotate(-45deg);\n  }\n}\n\n.calcite--rtl {\n  .resize-icon-wrapper {\n    & calcite-icon {\n      transform: rotate(45deg);\n    }\n  }\n}\n\n:host([type=\"color\"]) input {\n  @apply p-1;\n}\n\n// file input\n:host([type=\"file\"]) input {\n  @apply bg-foreground-1\n    border-color-input\n    cursor-pointer\n    border\n    border-dashed\n    text-center;\n}\n\n:host([type=\"file\"][scale=\"s\"]) input {\n  @apply py-px px-2;\n}\n\n:host([type=\"file\"][scale=\"m\"]) input {\n  @apply py-1 px-3;\n}\n\n:host([type=\"file\"][scale=\"l\"]) input {\n  @apply py-2 px-4;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n      flex\n      cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\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  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getSlotted,\n  isPrimaryPointerButton,\n  setRequestedIcon,\n} from \"../../utils/dom\";\nimport { Scale, Status, Alignment } from \"../interfaces\";\n\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\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\";\n\nimport {\n  addLocalizedTrailingDecimalZeros,\n  BigDecimal,\n  isValidNumber,\n  parseNumberString,\n  sanitizeNumberString,\n} from \"../../utils/number\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { InputMessages } from \"./assets/input/t9n\";\nimport { InputPlacement, NumberNudgeDirection, SetValueOrigin } from \"./interfaces\";\nimport { CSS, INPUT_TYPE_ICONS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { NumericInputComponent, syncHiddenFormInput, TextualInputComponent } from \"./common/input\";\n\n/**\n * @slot action - A slot for positioning a `calcite-button` next to the component.\n */\n@Component({\n  tag: \"calcite-input\",\n  styleUrl: \"input.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Input\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    T9nComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    NumericInputComponent,\n    TextualInputComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types, and will not display for the `\"textarea\"` type.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\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  /**\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   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\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  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * When `true`, uses locale formatting for numbers.\n   *\n   * @internal\n   */\n  @Prop() localeFormat = false;\n\n  /**\n   * Specifies the maximum value for type \"number\".\n   *\n   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)\n   */\n  @Prop({ reflect: true }) max: number;\n\n  /** watcher to update number-to-string for max */\n  @Watch(\"max\")\n  maxWatcher(): void {\n    this.maxString = this.max?.toString() || null;\n  }\n\n  /**\n   * Specifies the minimum value for `type=\"number\"`.\n   *\n   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)\n   */\n  @Prop({ reflect: true }) min: number;\n\n  /** watcher to update number-to-string for min */\n  @Watch(\"min\")\n  minWatcher(): void {\n    this.minString = this.min?.toString() || null;\n  }\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\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: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the placement of the buttons for `type=\"number\"`. */\n  @Prop({ reflect: true }) numberButtonType: InputPlacement = \"vertical\";\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the granularity the component's `value` must adhere to.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)\n   */\n  @Prop({ reflect: true }) step: number | \"any\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /**\n   * Specifies a comma separated list of unique file type specifiers for limiting accepted file types.\n   * This property only has an effect when `type` is \"file\".\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() accept: string;\n\n  /**\n   * When `true`, the component can accept more than one value.\n   * This property only has an effect when `type` is \"email\" or \"file\".\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"text\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: string;\n\n  /** Adds text to the end of the component. */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /**\n   * Specifies the component type.\n   *\n   * Note that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.\n   */\n  @Prop({ reflect: true }) type:\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"email\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"number\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"text\"\n    | \"textarea\"\n    | \"time\"\n    | \"url\"\n    | \"week\" = \"text\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * When `type` is `\"file\"`, specifies the component's selected files.\n   *\n   * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files\n   */\n  @Prop() files: FileList | undefined;\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: InputMessages;\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<InputMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      if (this.type === \"number\" && (newValue === \"Infinity\" || newValue === \"-Infinity\")) {\n        this.displayedValue = newValue;\n        this.previousEmittedValue = newValue;\n        return;\n      }\n\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value:\n          newValue == null || newValue == \"\"\n            ? \"\"\n            : this.type === \"number\"\n              ? isValidNumber(newValue)\n                ? newValue\n                : this.previousValue || \"\"\n              : newValue,\n      });\n      this.warnAboutInvalidNumberValue(newValue);\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"type\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Input[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** keep track of the rendered child type */\n  private childEl?: HTMLInputElement | HTMLTextAreaElement;\n\n  /** keep track of the rendered child type */\n  private childElType?: \"input\" | \"textarea\" = \"input\";\n\n  /** number text input element for locale */\n  private childNumberEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return !this.isTextarea && (this.clearable || this.type === \"search\") && this.value?.length > 0;\n  }\n\n  get isTextarea(): boolean {\n    return this.childElType === \"textarea\";\n  }\n\n  private minString?: string;\n\n  private maxString?: string;\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  private nudgeNumberValueIntervalId: number;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: InputMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() displayedValue: string;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    connectLabel(this);\n    connectForm(this);\n\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n\n    if (this.type === \"number\") {\n      if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n        this.displayedValue = this.value;\n        this.previousEmittedValue = this.value;\n      } else {\n        this.warnAboutInvalidNumberValue(this.value);\n        this.setValue({\n          origin: \"connected\",\n          value: isValidNumber(this.value) ? this.value : \"\",\n        });\n      }\n    }\n\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.childElType = this.type === \"textarea\" ? \"textarea\" : \"input\";\n    this.maxString = this.max?.toString();\n    this.minString = this.min?.toString();\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean {\n    if (this.type === \"number\" && property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.setValue({\n        origin: \"reset\",\n        value: oldValue,\n      });\n      return false;\n    }\n    return true;\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputFocus: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputBlur: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event({ cancelable: true }) calciteInputInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event({ cancelable: false }) calciteInputChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.type === \"number\") {\n      this.childNumberEl?.focus();\n    } else {\n      this.childEl?.focus();\n    }\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    if (this.type === \"number\") {\n      this.childNumberEl?.select();\n    } else {\n      this.childEl?.select();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  incrementOrDecrementNumberValue(\n    direction: NumberNudgeDirection,\n    inputMax: number | null,\n    inputMin: number | null,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void {\n    const { value } = this;\n\n    if (value === \"Infinity\" || value === \"-Infinity\") {\n      return;\n    }\n\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const inputStep = this.step === \"any\" ? 1 : Math.abs(this.step || 1);\n    const inputVal = new BigDecimal(value !== \"\" ? value : \"0\");\n    const nudgedValue = inputVal.add(`${inputStep * adjustment}`);\n\n    const nudgedValueBelowInputMin = () =>\n      typeof inputMin === \"number\" &&\n      !isNaN(inputMin) &&\n      nudgedValue.subtract(`${inputMin}`).isNegative;\n\n    const nudgedValueAboveInputMax = () =>\n      typeof inputMax === \"number\" &&\n      !isNaN(inputMax) &&\n      !nudgedValue.subtract(`${inputMax}`).isNegative;\n\n    const finalValue = nudgedValueBelowInputMin()\n      ? `${inputMin}`\n      : nudgedValueAboveInputMax()\n        ? `${inputMax}`\n        : nudgedValue.toString();\n\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: finalValue,\n    });\n  }\n\n  private clearInputValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputBlurHandler = () => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n    this.calciteInternalInputBlur.emit();\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputFocusHandler = (): void => {\n    this.calciteInternalInputFocus.emit();\n  };\n\n  private inputChangeHandler = (): void => {\n    if (this.type === \"file\") {\n      this.files = (this.childEl as HTMLInputElement).files;\n    }\n  };\n\n  private inputInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  private inputNumberInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      return;\n    }\n\n    const value = (nativeEvent.target as HTMLInputElement).value;\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    const delocalizedValue = numberStringFormatter.delocalize(value);\n    if (nativeEvent.inputType === \"insertFromPaste\") {\n      if (!isValidNumber(delocalizedValue)) {\n        nativeEvent.preventDefault();\n      }\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: parseNumberString(delocalizedValue),\n      });\n      this.childNumberEl.value = this.displayedValue;\n    } else {\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: delocalizedValue,\n      });\n    }\n  };\n\n  private inputNumberKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.type !== \"number\" || this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      event.preventDefault();\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        this.clearInputValue(event);\n      }\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */\n      event.preventDefault();\n      this.nudgeNumberValue(\"up\", event);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      this.nudgeNumberValue(\"down\", event);\n      return;\n    }\n    const supportedKeys = [\n      ...numberKeys,\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Backspace\",\n      \"Delete\",\n      \"Enter\",\n      \"Escape\",\n      \"Tab\",\n    ];\n    if (event.altKey || event.ctrlKey || event.metaKey) {\n      return;\n    }\n    const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n    if (supportedKeys.includes(event.key) || isShiftTabEvent) {\n      if (event.key === \"Enter\") {\n        this.emitChangeIfUserModified();\n      }\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    if (event.key === numberStringFormatter.decimal) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.indexOf(numberStringFormatter.decimal) === -1) {\n        return;\n      }\n    }\n    if (/[eE]/.test(event.key)) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && !/[eE]/.test(this.childNumberEl.value)) {\n        return;\n      }\n    }\n\n    if (event.key === \"-\") {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.split(\"-\").length <= 2) {\n        return;\n      }\n    }\n    event.preventDefault();\n  };\n\n  private nudgeNumberValue = (\n    direction: NumberNudgeDirection,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void => {\n    if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== \"number\") {\n      return;\n    }\n\n    const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n    const inputMin = this.minString ? parseFloat(this.minString) : null;\n    const valueNudgeDelayInMs = 150;\n\n    this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n\n    if (this.nudgeNumberValueIntervalId) {\n      window.clearInterval(this.nudgeNumberValueIntervalId);\n    }\n    let firstValueNudge = true;\n    this.nudgeNumberValueIntervalId = window.setInterval(() => {\n      if (firstValueNudge) {\n        firstValueNudge = false;\n        return;\n      }\n\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n    }, valueNudgeDelayInMs);\n  };\n\n  private numberButtonPointerUpAndOutHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private numberButtonPointerDownHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const direction = (event.target as HTMLDivElement).dataset.adjustment as NumberNudgeDirection;\n    if (!this.disabled) {\n      this.nudgeNumberValue(direction, event);\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(this.type, this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el: HTMLInputElement | HTMLTextAreaElement) => {\n    this.childEl = el;\n  };\n\n  private setChildNumberElRef = (el: HTMLInputElement) => {\n    this.childNumberEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputValue = (newInputValue: string): void => {\n    if (this.type === \"text\" && !this.childEl) {\n      return;\n    }\n    if (this.type === \"number\" && !this.childNumberEl) {\n      return;\n    }\n    this[`child${this.type === \"number\" ? \"Number\" : \"\"}El`].value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = this.normalizeValue(value);\n  };\n\n  private normalizeValue(value: string): string {\n    return this.type === \"number\" ? (isValidNumber(value) ? value : \"\") : value;\n  }\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = this.normalizeValue(value);\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n\n    if (this.type === \"number\") {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n        signDisplay: \"never\",\n      };\n\n      const isValueDeleted =\n        this.previousValue?.length > value.length || this.value?.length > value.length;\n      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === \".\";\n      const sanitizedValue =\n        hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);\n\n      const newValue =\n        value && !sanitizedValue\n          ? isValidNumber(this.previousValue)\n            ? this.previousValue\n            : \"\"\n          : sanitizedValue;\n\n      let newLocalizedValue = numberStringFormatter.localize(newValue);\n\n      if (origin !== \"connected\" && !hasTrailingDecimalSeparator) {\n        newLocalizedValue = addLocalizedTrailingDecimalZeros(\n          newLocalizedValue,\n          newValue,\n          numberStringFormatter,\n        );\n      }\n\n      // adds localized trailing decimal separator\n      this.displayedValue =\n        hasTrailingDecimalSeparator && isValueDeleted\n          ? `${newLocalizedValue}${numberStringFormatter.decimal}`\n          : newLocalizedValue;\n\n      this.userChangedValue = origin === \"user\" && this.value !== newValue;\n      // don't sanitize the start of negative/decimal numbers, but\n      // don't set value to an invalid number\n      this.value = [\"-\", \".\"].includes(newValue) ? \"\" : newValue;\n    } else {\n      this.userChangedValue = origin === \"user\" && this.value !== value;\n      this.value = value;\n    }\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.previousEmittedValue = value;\n    }\n\n    if (nativeEvent) {\n      const calciteInputInputEvent = this.calciteInputInput.emit();\n      if (calciteInputInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n        this.displayedValue =\n          this.type === \"number\"\n            ? numberStringFormatter.localize(this.previousValue)\n            : this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  private inputKeyUpHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private warnAboutInvalidNumberValue(value: string): void {\n    if (this.type === \"number\" && value && !isValidNumber(value)) {\n      console.warn(`The specified value \"${value}\" cannot be parsed, or is out of range.`);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n\n    const numberButtonsHorizontalUp = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"up\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-up\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsHorizontalDown = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"down\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsVertical = (\n      <div class={CSS.numberButtonWrapper}>\n        {numberButtonsHorizontalUp}\n        {numberButtonsHorizontalDown}\n      </div>\n    );\n\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const localeNumberInput =\n      this.type === \"number\" ? (\n        <input\n          accept={this.accept}\n          aria-label={getLabelText(this)}\n          autocomplete={this.autocomplete}\n          autofocus={this.autofocus ? true : null}\n          defaultValue={this.defaultValue}\n          disabled={this.disabled ? true : null}\n          enterKeyHint={this.enterKeyHint}\n          inputMode={this.inputMode}\n          key=\"localized-input\"\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          multiple={this.multiple}\n          name={undefined}\n          onBlur={this.inputBlurHandler}\n          onFocus={this.inputFocusHandler}\n          onInput={this.inputNumberInputHandler}\n          onKeyDown={this.inputNumberKeyDownHandler}\n          onKeyUp={this.inputKeyUpHandler}\n          pattern={this.pattern}\n          placeholder={this.placeholder || \"\"}\n          readOnly={this.readOnly}\n          type=\"text\"\n          value={this.displayedValue}\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.setChildNumberElRef}\n        />\n      ) : null;\n\n    const childEl =\n      this.type !== \"number\"\n        ? [\n            <this.childElType\n              accept={this.accept}\n              aria-label={getLabelText(this)}\n              autocomplete={this.autocomplete}\n              autofocus={this.autofocus ? true : null}\n              class={{\n                [CSS.editingEnabled]: this.editingEnabled,\n                [CSS.inlineChild]: !!this.inlineEditableEl,\n              }}\n              defaultValue={this.defaultValue}\n              disabled={this.disabled ? true : null}\n              enterKeyHint={this.enterKeyHint}\n              inputMode={this.inputMode}\n              max={this.maxString}\n              maxLength={this.maxLength}\n              min={this.minString}\n              minLength={this.minLength}\n              multiple={this.multiple}\n              name={this.name}\n              onBlur={this.inputBlurHandler}\n              onChange={this.inputChangeHandler}\n              onFocus={this.inputFocusHandler}\n              onInput={this.inputInputHandler}\n              onKeyDown={this.inputKeyDownHandler}\n              onKeyUp={this.inputKeyUpHandler}\n              pattern={this.pattern}\n              placeholder={this.placeholder || \"\"}\n              readOnly={this.readOnly}\n              required={this.required ? true : null}\n              step={this.step}\n              tabIndex={\n                this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null\n              }\n              type={this.type}\n              value={this.value}\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.setChildElRef}\n            />,\n            this.isTextarea ? (\n              <div class={CSS.resizeIconWrapper}>\n                <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n              </div>\n            ) : null,\n          ]\n        : null;\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalDown\n              : null}\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {localeNumberInput}\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.type === \"number\" && this.numberButtonType === \"vertical\" && !this.readOnly\n              ? numberButtonsVertical\n              : null}\n            {this.suffixText ? suffixText : null}\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalUp\n              : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;uuBAAO,MAAMA,EAAM,CACjBC,OAAQ,SACRC,YAAa,eACbC,eAAgB,kBAChBC,YAAa,eACbC,UAAW,OACXC,OAAQ,SACRC,OAAQ,SACRC,oBAAqB,wBACrBC,qBAAsB,iCACtBC,QAAS,kBACTC,aAAc,UACdC,cAAe,iBACfC,kBAAmB,sBACnBC,iBAAkB,sBAGb,MAAMC,EAAmB,CAC9BC,IAAK,QACLC,SAAU,OACVC,MAAO,gBACPC,KAAM,WACNC,KAAM,QACNC,OAAQ,UAGH,MAAMC,EAAQ,CACnBC,OAAQ,UC3BV,MAAMC,EAAW,88Z,MCoFJC,EAAK,M,6QAgVRC,KAAAC,YAAqC,QAqBrCD,KAAAE,oBAAsC,UAO9CF,KAAAG,iBAAmBC,EAAe,YAAY,IAAMJ,KAAKK,sBAEjDL,KAAAM,iBAAmB,MAgK3BN,KAAAO,eAAkBC,IAChB,GAAIR,KAAKS,UAAYT,KAAKU,SAAU,CAClC,M,CAEF,GAAIV,KAAKW,aAAeH,EAAMI,MAAQ,SAAU,CAC9CZ,KAAKa,gBAAgBL,GACrBA,EAAMM,gB,CAER,GAAIN,EAAMI,MAAQ,UAAYJ,EAAMO,iBAAkB,CACpD,GAAIC,EAAWhB,MAAO,CACpBQ,EAAMM,gB,IAkDJd,KAAAa,gBAAmBI,IACzBjB,KAAKkB,SAAS,CACZC,WAAY,KACZF,cACAG,OAAQ,OACRC,MAAO,IACP,EAGIrB,KAAAsB,yBAA2B,KACjC,GAAItB,KAAKE,sBAAwB,QAAUF,KAAKqB,QAAUrB,KAAKuB,qBAAsB,CACnFvB,KAAKwB,mBAAmBC,OACxBzB,KAAK0B,wBAAwB1B,KAAKqB,M,GAI9BrB,KAAA2B,iBAAmB,KACzBC,OAAOC,cAAc7B,KAAK8B,4BAC1B9B,KAAK+B,yBAAyBN,OAC9BzB,KAAKsB,0BAA0B,EAGzBtB,KAAAgC,aAAgBxB,IACtB,GAAIR,KAAKU,SAAU,CACjB,M,CAGF,MAAMuB,EAAkBC,EAAWlC,KAAKmC,GAAI,UAC5C,GAAI3B,EAAM4B,SAAWH,EAAiB,CACpCjC,KAAKqC,U,GAIDrC,KAAAsC,kBAAoB,KAC1BtC,KAAKuC,0BAA0Bd,MAAM,EAG/BzB,KAAAwC,mBAAqB,KAC3B,GAAIxC,KAAKyC,OAAS,OAAQ,CACxBzC,KAAK0C,MAAS1C,KAAK2C,QAA6BD,K,GAI5C1C,KAAA4C,kBAAqB3B,IAC3B,GAAIjB,KAAKU,UAAYV,KAAKS,SAAU,CAClC,M,CAEFT,KAAKkB,SAAS,CACZD,cACAG,OAAQ,OACRC,MAAQJ,EAAYmB,OAA4Bf,OAChD,EAGIrB,KAAA6C,oBAAuBrC,IAC7B,GAAIR,KAAKU,UAAYV,KAAKS,SAAU,CAClC,M,CAEF,GAAID,EAAMI,MAAQ,QAAS,CACzBZ,KAAKsB,0B,GAIDtB,KAAA8C,wBAA2B7B,IACjC,GAAIjB,KAAKU,UAAYV,KAAKS,SAAU,CAClC,M,CAGF,GAAIT,KAAKqB,QAAU,YAAcrB,KAAKqB,QAAU,YAAa,CAC3D,M,CAGF,MAAMA,EAASJ,EAAYmB,OAA4Bf,MACvD0B,EAAsBC,oBAAsB,CAC1CC,OAAQjD,KAAKkD,gBACbC,gBAAiBnD,KAAKmD,gBACtBC,YAAapD,KAAKqD,gBAEpB,MAAMC,EAAmBP,EAAsBQ,WAAWlC,GAC1D,GAAIJ,EAAYuC,YAAc,kBAAmB,CAC/C,IAAKC,EAAcH,GAAmB,CACpCrC,EAAYH,gB,CAEdd,KAAKkB,SAAS,CACZD,cACAG,OAAQ,OACRC,MAAOqC,EAAkBJ,KAE3BtD,KAAK2D,cAActC,MAAQrB,KAAK4D,c,KAC3B,CACL5D,KAAKkB,SAAS,CACZD,cACAG,OAAQ,OACRC,MAAOiC,G,GAKLtD,KAAA6D,0BAA6BrD,IACnC,GAAIR,KAAKyC,OAAS,UAAYzC,KAAKU,UAAYV,KAAKS,SAAU,CAC5D,M,CAGF,GAAIT,KAAKqB,QAAU,YAAcrB,KAAKqB,QAAU,YAAa,CAC3Db,EAAMM,iBACN,GAAIN,EAAMI,MAAQ,aAAeJ,EAAMI,MAAQ,SAAU,CACvDZ,KAAKa,gBAAgBL,E,CAEvB,M,CAGF,GAAIA,EAAMI,MAAQ,UAAW,CAE3BJ,EAAMM,iBACNd,KAAK8D,iBAAiB,KAAMtD,GAC5B,M,CAEF,GAAIA,EAAMI,MAAQ,YAAa,CAC7BZ,KAAK8D,iBAAiB,OAAQtD,GAC9B,M,CAEF,MAAMuD,EAAgB,IACjBC,EACH,YACA,aACA,YACA,SACA,QACA,SACA,OAEF,GAAIxD,EAAMyD,QAAUzD,EAAM0D,SAAW1D,EAAM2D,QAAS,CAClD,M,CAEF,MAAMC,EAAkB5D,EAAM6D,UAAY7D,EAAMI,MAAQ,MACxD,GAAImD,EAAcO,SAAS9D,EAAMI,MAAQwD,EAAiB,CACxD,GAAI5D,EAAMI,MAAQ,QAAS,CACzBZ,KAAKsB,0B,CAEP,M,CAEFyB,EAAsBC,oBAAsB,CAC1CC,OAAQjD,KAAKkD,gBACbC,gBAAiBnD,KAAKmD,gBACtBC,YAAapD,KAAKqD,gBAEpB,GAAI7C,EAAMI,MAAQmC,EAAsBwB,QAAS,CAC/C,IAAKvE,KAAKqB,QAAUrB,KAAK2D,cAActC,MAAO,CAC5C,M,CAEF,GAAIrB,KAAKqB,OAASrB,KAAK2D,cAActC,MAAMmD,QAAQzB,EAAsBwB,YAAc,EAAG,CACxF,M,EAGJ,GAAI,OAAOE,KAAKjE,EAAMI,KAAM,CAC1B,IAAKZ,KAAKqB,QAAUrB,KAAK2D,cAActC,MAAO,CAC5C,M,CAEF,GAAIrB,KAAKqB,QAAU,OAAOoD,KAAKzE,KAAK2D,cAActC,OAAQ,CACxD,M,EAIJ,GAAIb,EAAMI,MAAQ,IAAK,CACrB,IAAKZ,KAAKqB,QAAUrB,KAAK2D,cAActC,MAAO,CAC5C,M,CAEF,GAAIrB,KAAKqB,OAASrB,KAAK2D,cAActC,MAAMqD,MAAM,KAAKC,QAAU,EAAG,CACjE,M,EAGJnE,EAAMM,gBAAgB,EAGhBd,KAAA8D,iBAAmB,CACzBc,EACA3D,KAEA,GAAKA,aAAuB4D,eAAiB5D,EAAY6D,QAAW9E,KAAKyC,OAAS,SAAU,CAC1F,M,CAGF,MAAMsC,EAAW/E,KAAKgF,UAAYC,WAAWjF,KAAKgF,WAAa,KAC/D,MAAME,EAAWlF,KAAKmF,UAAYF,WAAWjF,KAAKmF,WAAa,KAC/D,MAAMC,EAAsB,IAE5BpF,KAAKqF,gCAAgCT,EAAWG,EAAUG,EAAUjE,GAEpE,GAAIjB,KAAK8B,2BAA4B,CACnCF,OAAOC,cAAc7B,KAAK8B,2B,CAE5B,IAAIwD,EAAkB,KACtBtF,KAAK8B,2BAA6BF,OAAO2D,aAAY,KACnD,GAAID,EAAiB,CACnBA,EAAkB,MAClB,M,CAGFtF,KAAKqF,gCAAgCT,EAAWG,EAAUG,EAAUjE,EAAY,GAC/EmE,EAAoB,EAGjBpF,KAAAwF,mCAAqC,KAC3C5D,OAAOC,cAAc7B,KAAK8B,2BAA2B,EAG/C9B,KAAAyF,+BAAkCjF,IACxC,IAAKkF,EAAuBlF,GAAQ,CAClC,M,CAGFA,EAAMM,iBACN,MAAM8D,EAAapE,EAAM4B,OAA0BuD,QAAQC,WAC3D,IAAK5F,KAAKU,SAAU,CAClBV,KAAK8D,iBAAiBc,EAAWpE,E,GAQ7BR,KAAA6F,uBAA0BrF,IAChC,GAAKA,EAAM4B,OAA4B0D,OAAS9F,KAAK8F,KAAM,CACzD9F,KAAKkB,SAAS,CACZG,MAAQb,EAAM4B,OAA4Bf,MAC1CD,OAAQ,U,CAGZpB,KAAKqC,WACL7B,EAAMuF,iBAAiB,EAGjB/F,KAAAgG,cAAiB7D,IACvBnC,KAAK2C,QAAUR,CAAE,EAGXnC,KAAAiG,oBAAuB9D,IAC7BnC,KAAK2D,cAAgBxB,CAAE,EAqBjBnC,KAAAkG,cAAiBC,IACvB,GAAInG,KAAKyC,OAAS,SAAWzC,KAAK2C,QAAS,CACzC,M,CAEF,GAAI3C,KAAKyC,OAAS,WAAazC,KAAK2D,cAAe,CACjD,M,CAEF3D,KAAK,QAAQA,KAAKyC,OAAS,SAAW,SAAW,QAAQpB,MAAQ8E,CAAa,EAGxEnG,KAAA0B,wBAA2BL,IACjCrB,KAAKuB,qBAAuBvB,KAAKoG,eAAe/E,EAAM,EAOhDrB,KAAAqG,iBAAoBhF,IAC1BrB,KAAKsG,cAAgBtG,KAAKoG,eAAe/E,EAAM,EAGzCrB,KAAAkB,SAAW,EACjBC,aAAa,MACbF,cACAG,SACAkF,gBACAjF,YAQArB,KAAKqG,iBAAiBC,GAAiBtG,KAAKqB,OAC5CrB,KAAKE,oBAAsBkB,EAE3B,GAAIpB,KAAKyC,OAAS,SAAU,CAC1BM,EAAsBC,oBAAsB,CAC1CC,OAAQjD,KAAKkD,gBACbC,gBAAiBnD,KAAKmD,gBACtBC,YAAapD,KAAKqD,eAClBkD,YAAa,SAGf,MAAMC,EACJxG,KAAKsG,eAAe3B,OAAStD,EAAMsD,QAAU3E,KAAKqB,OAAOsD,OAAStD,EAAMsD,OAC1E,MAAM8B,EAA8BpF,EAAMqF,OAAOrF,EAAMsD,OAAS,KAAO,IACvE,MAAMgC,EACJF,GAA+BD,EAAiBnF,EAAQuF,EAAqBvF,GAE/E,MAAMwF,EACJxF,IAAUsF,EACNlD,EAAczD,KAAKsG,eACjBtG,KAAKsG,cACL,GACFK,EAEN,IAAIG,EAAoB/D,EAAsBgE,SAASF,GAEvD,GAAIzF,IAAW,cAAgBqF,EAA6B,CAC1DK,EAAoBE,EAClBF,EACAD,EACA9D,E,CAKJ/C,KAAK4D,eACH6C,GAA+BD,EAC3B,GAAGM,IAAoB/D,EAAsBwB,UAC7CuC,EAEN9G,KAAKM,iBAAmBc,IAAW,QAAUpB,KAAKqB,QAAUwF,EAG5D7G,KAAKqB,MAAQ,CAAC,IAAK,KAAKiD,SAASuC,GAAY,GAAKA,C,KAC7C,CACL7G,KAAKM,iBAAmBc,IAAW,QAAUpB,KAAKqB,QAAUA,EAC5DrB,KAAKqB,MAAQA,C,CAGf,GAAID,IAAW,SAAU,CACvBpB,KAAKkG,cAAc7E,GACnBrB,KAAKuB,qBAAuBF,C,CAG9B,GAAIJ,EAAa,CACf,MAAMgG,EAAyBjH,KAAKkH,kBAAkBzF,OACtD,GAAIwF,EAAuBlG,iBAAkB,CAC3Cf,KAAKqB,MAAQrB,KAAKsG,cAClBtG,KAAK4D,eACH5D,KAAKyC,OAAS,SACVM,EAAsBgE,SAAS/G,KAAKsG,eACpCtG,KAAKsG,a,MACN,GAAInF,EAAY,CACrBnB,KAAKsB,0B,IAKHtB,KAAAmH,kBAAoB,KAC1BvF,OAAOC,cAAc7B,KAAK8B,2BAA2B,E,eAn6BmB,Q,eAOrC,M,eAKA,M,cAOD,M,wCAiBM,M,qCAQH,M,kCAMJ,M,iDAaZ,M,iMA0DqC,W,mEAiBxB,M,cAGA,M,WAGI,I,YAGE,O,2GAyCvB,M,eAQC,O,0EAgBqC,M,UAuB5C,O,WAGoB,G,iIAwHN,G,qEASkB,K,CAzV7C,eAAAsF,GACEpH,KAAKK,mB,CAmDP,UAAAgH,GACErH,KAAKgF,UAAYhF,KAAKsH,KAAKC,YAAc,I,CAY3C,UAAAC,GACExH,KAAKmF,UAAYnF,KAAKyH,KAAKF,YAAc,I,CA8K3C,gBAAAG,G,CAKA,YAAAC,CAAad,EAAkBP,GAC7B,IAAKtG,KAAKM,iBAAkB,CAC1B,GAAIN,KAAKyC,OAAS,WAAaoE,IAAa,YAAcA,IAAa,aAAc,CACnF7G,KAAK4D,eAAiBiD,EACtB7G,KAAKuB,qBAAuBsF,EAC5B,M,CAGF7G,KAAKkB,SAAS,CACZE,OAAQ,SACRkF,gBACAjF,MACEwF,GAAY,MAAQA,GAAY,GAC5B,GACA7G,KAAKyC,OAAS,SACZgB,EAAcoD,GACZA,EACA7G,KAAKsG,eAAiB,GACxBO,IAEV7G,KAAK4H,4BAA4Bf,E,CAEnC7G,KAAKM,iBAAmB,K,CAK1B,mBAAAuH,GACE7H,KAAK8H,cAAgBC,EAAiB1I,EAAkBW,KAAKgI,KAAMhI,KAAKyC,K,CA4B1E,eAAI9B,GACF,OAAQX,KAAKiI,aAAejI,KAAKkI,WAAalI,KAAKyC,OAAS,WAAazC,KAAKqB,OAAOsD,OAAS,C,CAGhG,cAAIsD,GACF,OAAOjI,KAAKC,cAAgB,U,CAiC9B,qBAAAkI,GACEC,EAAepI,KAAMA,KAAKkD,gB,CAa5B,iBAAAmF,GACEC,EAAmBtI,MACnBuI,EAAiBvI,MACjBwI,EAAgBxI,MAEhBA,KAAKyI,iBAAmBzI,KAAKmC,GAAGuG,QAAQ,2BACxC,GAAI1I,KAAKyI,iBAAkB,CACzBzI,KAAKvB,eAAiBuB,KAAKyI,iBAAiBhK,gBAAkB,K,CAEhEkK,EAAa3I,MACb4I,EAAY5I,MAEZA,KAAK0B,wBAAwB1B,KAAKqB,OAClCrB,KAAKqG,iBAAiBrG,KAAKqB,OAE3B,GAAIrB,KAAKyC,OAAS,SAAU,CAC1B,GAAIzC,KAAKqB,QAAU,YAAcrB,KAAKqB,QAAU,YAAa,CAC3DrB,KAAK4D,eAAiB5D,KAAKqB,MAC3BrB,KAAKuB,qBAAuBvB,KAAKqB,K,KAC5B,CACLrB,KAAK4H,4BAA4B5H,KAAKqB,OACtCrB,KAAKkB,SAAS,CACZE,OAAQ,YACRC,MAAOoC,EAAczD,KAAKqB,OAASrB,KAAKqB,MAAQ,I,EAKtDrB,KAAKG,kBAAkB0I,QAAQ7I,KAAKmC,GAAI,CAAE2G,UAAW,OAErD9I,KAAKK,oBACLL,KAAKmC,GAAG4G,iBAAiBC,EAA+BhJ,KAAK6F,uB,CAG/D,oBAAAoD,GACEC,EAAsBlJ,MACtBmJ,EAAgBnJ,MAChBoJ,EAAepJ,MACfqJ,EAAoBrJ,MACpBsJ,EAAmBtJ,MAEnBA,KAAKG,kBAAkBoJ,aACvBvJ,KAAKmC,GAAGqH,oBAAoBR,EAA+BhJ,KAAK6F,uB,CAGlE,uBAAM4D,GACJC,EAAuB1J,MACvBA,KAAKC,YAAcD,KAAKyC,OAAS,WAAa,WAAa,QAC3DzC,KAAKgF,UAAYhF,KAAKsH,KAAKC,WAC3BvH,KAAKmF,UAAYnF,KAAKyH,KAAKF,WAC3BvH,KAAK8H,cAAgBC,EAAiB1I,EAAkBW,KAAKgI,KAAMhI,KAAKyC,YAClEkH,EAAc3J,K,CAGtB,gBAAA4J,GACEC,EAAmB7J,K,CAGrB,qBAAA8J,CAAsBjD,EAAkBkD,EAAkBC,GACxD,GAAIhK,KAAKyC,OAAS,UAAYuH,IAAa,SAAWnD,IAAapD,EAAcoD,GAAW,CAC1F7G,KAAKkB,SAAS,CACZE,OAAQ,QACRC,MAAO0I,IAET,OAAO,K,CAET,OAAO,I,CAGT,kBAAAE,GACEC,EAAsBlK,K,CAqCxB,cAAMqC,SACE8H,EAAmBnK,MAEzB,GAAIA,KAAKyC,OAAS,SAAU,CAC1BzC,KAAK2D,eAAeyG,O,KACf,CACLpK,KAAK2C,SAASyH,O,EAMlB,gBAAMC,GACJ,GAAIrK,KAAKyC,OAAS,SAAU,CAC1BzC,KAAK2D,eAAe2G,Q,KACf,CACLtK,KAAK2C,SAAS2H,Q,EAyBlB,YAAAC,GACEvK,KAAKqC,U,CAGP,+BAAAgD,CACET,EACAG,EACAG,EACAjE,GAEA,MAAMI,MAAEA,GAAUrB,KAElB,GAAIqB,IAAU,YAAcA,IAAU,YAAa,CACjD,M,CAGF,MAAMuE,EAAahB,IAAc,KAAO,GAAK,EAC7C,MAAM4F,EAAYxK,KAAKyK,OAAS,MAAQ,EAAIC,KAAKC,IAAI3K,KAAKyK,MAAQ,GAClE,MAAMG,EAAW,IAAIC,EAAWxJ,IAAU,GAAKA,EAAQ,KACvD,MAAMyJ,EAAcF,EAASG,IAAI,GAAGP,EAAY5E,KAEhD,MAAMoF,EAA2B,WACxB9F,IAAa,WACnB+F,MAAM/F,IACP4F,EAAYI,SAAS,GAAGhG,KAAYiG,WAEtC,MAAMC,EAA2B,WACxBrG,IAAa,WACnBkG,MAAMlG,KACN+F,EAAYI,SAAS,GAAGnG,KAAYoG,WAEvC,MAAME,EAAaL,IACf,GAAG9F,IACHkG,IACE,GAAGrG,IACH+F,EAAYvD,WAElBvH,KAAKkB,SAAS,CACZC,WAAY,KACZF,cACAG,OAAQ,OACRC,MAAOgK,G,CA8NX,mBAAAC,CAAoBC,GAClBD,EAAoBtL,KAAKyC,KAAMzC,KAAMuL,E,CAsB/B,iBAAAlL,GACN,MAAM4B,EAAkBC,EAAWlC,KAAKmC,GAAI,UAE5C,IAAKF,EAAiB,CACpB,M,CAGF,GAAIjC,KAAKU,SAAU,CACjB,GAAIuB,EAAgBuJ,aAAa,aAAe,KAAM,CACpDxL,KAAKyL,kCAAoC,I,CAE3CxJ,EAAgByJ,aAAa,WAAY,G,MACpC,GAAI1L,KAAKyL,kCAAmC,CACjDxJ,EAAgB0J,gBAAgB,YAChC3L,KAAKyL,kCAAoC,K,EAkBrC,cAAArF,CAAe/E,GACrB,OAAOrB,KAAKyC,OAAS,SAAYgB,EAAcpC,GAASA,EAAQ,GAAMA,C,CA4FhE,2BAAAuG,CAA4BvG,GAClC,GAAIrB,KAAKyC,OAAS,UAAYpB,IAAUoC,EAAcpC,GAAQ,CAC5DuK,QAAQC,KAAK,wBAAwBxK,2C,EAUzC,MAAAyK,GACE,MAAMC,EAAMC,EAAchM,KAAKmC,IAC/B,MAAM5D,EACJ0N,EAAA,OAAKC,MAAO5N,EAAIC,QACd0N,EAAA,oBAAkBE,MAAOnM,KAAKoM,SAASC,QAAS5J,KAAK,mBAIzD,MAAM6J,EACJL,EAAA,uBACcjM,KAAKoM,SAASG,MAC1BL,MAAO5N,EAAIE,YACXkC,SAAUV,KAAKU,UAAYV,KAAKS,SAChC+L,QAASxM,KAAKa,gBACd4L,UAAW,EACXhK,KAAK,UAELwJ,EAAA,gBAAcjE,KAAK,IAAI0E,MAAOC,EAAa3M,KAAK0M,UAGpD,MAAME,EACJX,EAAA,gBACEC,MAAO5N,EAAIK,UACXkO,QAAS7M,KAAK8M,YACd9E,KAAMhI,KAAK8H,cACX4E,MAAOC,EAAa3M,KAAK0M,SAI7B,MAAMK,EAA2B/M,KAAKgN,mBAAqB,aAE3D,MAAMC,EACJhB,EAAA,wBACc,OACZC,MAAO,CACL,CAAC5N,EAAIc,kBAAmB,KACxB,CAACd,EAAIS,sBAAuBgO,GAC7B,kBACe,KAChBrM,SAAUV,KAAKU,UAAYV,KAAKS,SAChCyM,cAAelN,KAAKyF,+BACpB0H,aAAcnN,KAAKwF,mCACnB4H,YAAapN,KAAKwF,mCAClBiH,UAAW,EACXhK,KAAK,UAELwJ,EAAA,gBAAcjE,KAAK,aAAa0E,MAAOC,EAAa3M,KAAK0M,UAI7D,MAAMW,EACJpB,EAAA,wBACc,OACZC,MAAO,CACL,CAAC5N,EAAIc,kBAAmB,KACxB,CAACd,EAAIS,sBAAuBgO,GAC7B,kBACe,OAChBrM,SAAUV,KAAKU,UAAYV,KAAKS,SAChCyM,cAAelN,KAAKyF,+BACpB0H,aAAcnN,KAAKwF,mCACnB4H,YAAapN,KAAKwF,mCAClBiH,UAAW,EACXhK,KAAK,UAELwJ,EAAA,gBAAcjE,KAAK,eAAe0E,MAAOC,EAAa3M,KAAK0M,UAI/D,MAAMY,EACJrB,EAAA,OAAKC,MAAO5N,EAAIQ,qBACbmO,EACAI,GAIL,MAAME,EAAatB,EAAA,OAAKC,MAAO5N,EAAIM,QAASoB,KAAKuN,YAEjD,MAAMC,EAAavB,EAAA,OAAKC,MAAO5N,EAAIO,QAASmB,KAAKwN,YAEjD,MAAMC,EACJzN,KAAKyC,OAAS,SACZwJ,EAAA,SACEyB,OAAQ1N,KAAK0N,OAAM,aACPC,EAAa3N,MACzB4N,aAAc5N,KAAK4N,aACnBC,UAAW7N,KAAK6N,UAAY,KAAO,KACnCC,aAAc9N,KAAK8N,aACnBpN,SAAUV,KAAKU,SAAW,KAAO,KACjCqN,aAAc/N,KAAK+N,aACnBC,UAAWhO,KAAKgO,UAChBpN,IAAI,kBACJqN,UAAWjO,KAAKiO,UAChBC,UAAWlO,KAAKkO,UAChBC,SAAUnO,KAAKmO,SACfrI,KAAMsI,UACNC,OAAQrO,KAAK2B,iBACb2M,QAAStO,KAAKsC,kBACdiM,QAASvO,KAAK8C,wBACd0L,UAAWxO,KAAK6D,0BAChB4K,QAASzO,KAAKmH,kBACduH,QAAS1O,KAAK0O,QACdC,YAAa3O,KAAK2O,aAAe,GACjClO,SAAUT,KAAKS,SACfgC,KAAK,OACLpB,MAAOrB,KAAK4D,eAEZgL,IAAK5O,KAAKiG,sBAEV,KAEN,MAAMtD,EACJ3C,KAAKyC,OAAS,SACV,CACEwJ,EAACjM,KAAKC,YAAW,CACfyN,OAAQ1N,KAAK0N,OAAM,aACPC,EAAa3N,MACzB4N,aAAc5N,KAAK4N,aACnBC,UAAW7N,KAAK6N,UAAY,KAAO,KACnC3B,MAAO,CACL,CAAC5N,EAAIG,gBAAiBuB,KAAKvB,eAC3B,CAACH,EAAII,eAAgBsB,KAAKyI,kBAE5BqF,aAAc9N,KAAK8N,aACnBpN,SAAUV,KAAKU,SAAW,KAAO,KACjCqN,aAAc/N,KAAK+N,aACnBC,UAAWhO,KAAKgO,UAChB1G,IAAKtH,KAAKgF,UACViJ,UAAWjO,KAAKiO,UAChBxG,IAAKzH,KAAKmF,UACV+I,UAAWlO,KAAKkO,UAChBC,SAAUnO,KAAKmO,SACfrI,KAAM9F,KAAK8F,KACXuI,OAAQrO,KAAK2B,iBACbkN,SAAU7O,KAAKwC,mBACf8L,QAAStO,KAAKsC,kBACdiM,QAASvO,KAAK4C,kBACd4L,UAAWxO,KAAK6C,oBAChB4L,QAASzO,KAAKmH,kBACduH,QAAS1O,KAAK0O,QACdC,YAAa3O,KAAK2O,aAAe,GACjClO,SAAUT,KAAKS,SACfqO,SAAU9O,KAAK8O,SAAW,KAAO,KACjCrE,KAAMzK,KAAKyK,KACXgC,SACEzM,KAAKU,UAAaV,KAAKyI,mBAAqBzI,KAAKvB,gBAAmB,EAAI,KAE1EgE,KAAMzC,KAAKyC,KACXpB,MAAOrB,KAAKqB,MAEZuN,IAAK5O,KAAKgG,gBAEZhG,KAAKiI,WACHgE,EAAA,OAAKC,MAAO5N,EAAIa,mBACd8M,EAAA,gBAAcjE,KAAK,eAAe0E,MAAOC,EAAa3M,KAAK0M,UAE3D,MAEN,KAEN,OACET,EAAC8C,EAAI,CAACvC,QAASxM,KAAKgC,aAAcwM,UAAWxO,KAAKO,gBAChD0L,EAAC+C,EAAoB,CAACtO,SAAUV,KAAKU,UACnCuL,EAAA,OAAKC,MAAO,CAAE,CAAC5N,EAAIW,cAAe,KAAM,CAACgQ,EAAYC,KAAMnD,IAAQ,QAChE/L,KAAKyC,OAAS,UAAYzC,KAAKgN,mBAAqB,eAAiBhN,KAAKS,SACvE4M,EACA,KACHrN,KAAKuN,WAAaA,EAAa,KAChCtB,EAAA,OAAKC,MAAO5N,EAAIU,SACbyO,EACA9K,EACA3C,KAAKW,YAAc2L,EAAmB,KACtCtM,KAAK8H,cAAgB8E,EAAS,KAC9B5M,KAAKqM,QAAU9N,EAAS,MAE3B0N,EAAA,OAAKC,MAAO5N,EAAIY,eACd+M,EAAA,QAAMnG,KAAMlG,EAAMC,UAEnBG,KAAKyC,OAAS,UAAYzC,KAAKgN,mBAAqB,aAAehN,KAAKS,SACrE6M,EACA,KACHtN,KAAKwN,WAAaA,EAAa,KAC/BxN,KAAKyC,OAAS,UAAYzC,KAAKgN,mBAAqB,eAAiBhN,KAAKS,SACvEwM,EACA,KACJhB,EAACkD,EAAmB,CAACC,UAAWpP,QAEjCA,KAAKqP,mBAAqBrP,KAAKsP,SAAW,UACzCrD,EAACsD,EAAU,CACTvH,KAAMhI,KAAKwP,eACXC,QAASzP,KAAKqP,kBACd3C,MAAO1M,KAAK0M,MACZ4C,OAAQtP,KAAKsP,SAEb,M"}

package/dist/calcite/p-85be4f39.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.6.0-next.2
+ */
+import{r as t,c as e,h as i,g as o}from"./p-f8f9cef3.js";import{c as n,d as s}from"./p-3b7f927d.js";import{h as a,e as c}from"./p-a6243d9a.js";import{s as l,a as r,c as d}from"./p-75a52371.js";import{c as h,d as g}from"./p-b0528b4b.js";import{c as p,d as m,s as f,u}from"./p-a534e089.js";import{K as v}from"./p-da276851.js";import{o as b}from"./p-65ec787c.js";import{g as k}from"./p-bbcbc447.js";import"./p-3e92a6e4.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-ff8fc6a4.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=class{constructor(i){t(this,i);this.calciteNoticeBeforeClose=e(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=e(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=e(this,"calciteNoticeClose",6);this.calciteNoticeOpen=e(this,"calciteNoticeOpen",6);this.setTransitionEl=t=>{this.transitionEl=t};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){b(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=a(v,this.icon,this.kind)}connectedCallback(){n(this);h(this);p(this)}disconnectedCallback(){s(this);g(this);m(this)}async componentWillLoad(){l(this);this.requestedIcon=a(v,this.icon,this.kind);await f(this);if(this.open){b(this)}}componentDidLoad(){r(this)}render(){const{el:t}=this;const e=i("button",{"aria-label":this.messages.close,class:w.close,onClick:this.close,ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:k(this.scale)}));const o=c(t,x.actionsEnd);return i("div",{class:w.container,ref:this.setTransitionEl},this.requestedIcon?i("div",{class:w.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:k(this.scale)})):null,i("div",{class:w.content},i("slot",{name:x.title}),i("slot",{name:x.message}),i("slot",{name:x.link})),o?i("div",{class:w.actionsEnd},i("slot",{name:x.actionsEnd})):null,this.closable?e:null)}async setFocus(){await d(this);const t=this.el.querySelector("calcite-link");if(!this.closeButton&&!t){return}if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){u(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=z;export{y as calcite_notice};
+//# sourceMappingURL=p-85be4f39.entry.js.map

package/dist/calcite/p-85be4f39.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","title","message","link","actionsEnd","CSS","close","container","content","icon","noticeCss","Notice","this","setTransitionEl","el","transitionEl","open","openTransitionProp","openHandler","onToggleOpenCloseComponent","onMessagesChange","updateRequestedIcon","requestedIcon","setRequestedIcon","KindIcons","kind","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","render","closeButton","h","messages","class","onClick","ref","scale","getIconScale","hasActionEnd","getSlotted","flipRtl","iconFlipRtl","name","closable","setFocus","componentFocusable","noticeLinkEl","querySelector","focus","onBeforeClose","calciteNoticeBeforeClose","emit","onBeforeOpen","calciteNoticeBeforeOpen","onClose","calciteNoticeClose","onOpen","calciteNoticeOpen","effectiveLocaleChange","updateMessages","effectiveLocale"],"sources":["src/components/notice/resources.ts","src/components/notice/notice.scss?tag=calcite-notice&encapsulation=shadow","src/components/notice/notice.tsx"],"sourcesContent":["export const SLOTS = {\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"notice-close\",\n  container: \"container\",\n  content: \"notice-content\",\n  icon: \"notice-icon\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-notice-width: The width of the component.\n */\n\n// scale variables\n:host([scale=\"s\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.2\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.3\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-n1-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-n2-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-n2-wrap my-0.5;\n  }\n  .notice-close {\n    // specific padding for close button to align with calcite-action small-scale spacing\n    @apply p-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.3\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.4\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-0-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-n1-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-n1-wrap my-0.5;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.4\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.5\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-1-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-0-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-0-wrap my-0.5;\n  }\n}\n\n:host([width=\"auto\"]) {\n  --calcite-notice-width: theme(\"width.auto\");\n}\n\n:host([width=\"half\"]) {\n  --calcite-notice-width: theme(\"width[1/2]\");\n}\n\n:host([width=\"full\"]) {\n  --calcite-notice-width: theme(\"width.full\");\n}\n\n:host {\n  @apply mx-auto hidden max-w-full items-center;\n  inline-size: var(--calcite-notice-width);\n}\n\n.container {\n  @apply bg-foreground-1\n    pointer-events-none\n    my-0\n    box-border\n    hidden\n    w-full\n    opacity-0\n    transition-default;\n  max-block-size: 0;\n  text-align: start;\n  border-inline-start: 0px solid;\n  box-shadow: 0 0 0 0 transparent;\n}\n\n// focus styles\n.notice-close {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n:host {\n  @apply flex;\n}\n\n:host([open]) .container {\n  @apply shadow-1\n    pointer-events-auto\n    flex\n    max-h-full\n    items-center\n    border-2\n    opacity-100;\n}\n\n@include slotted(\"title\", \"*\", \".container\") {\n  @apply text-color-1 m-0 font-medium;\n}\n\n@include slotted(\"message\", \"*\", \".container\") {\n  @apply text-color-2 m-0 inline font-normal;\n  margin-inline-end: var(--calcite-notice-spacing-token-small);\n}\n\n@mixin notice-element-base() {\n  @apply transition-default box-border;\n  padding-block: var(--calcite-notice-spacing-token-small);\n  padding-inline: var(--calcite-notice-spacing-token-large);\n  flex: 0 0 auto;\n}\n\n.notice-content {\n  @include notice-element-base;\n  @apply flex min-w-0 flex-col break-words;\n  flex: 1 1 0;\n  padding-block: var(--calcite-notice-spacing-token-small);\n  padding-inline: 0 var(--calcite-notice-spacing-token-small);\n\n  &:first-of-type:not(:only-child) {\n    padding-inline-start: var(--calcite-notice-spacing-token-large);\n  }\n  &:only-of-type {\n    padding-block: var(--calcite-notice-spacing-token-small);\n    padding-inline: var(--calcite-notice-spacing-token-large);\n  }\n}\n\n.notice-icon {\n  @apply flex items-center;\n  @include notice-element-base;\n}\n\n.notice-close {\n  @apply text-color-3 flex cursor-pointer items-center self-stretch border-none bg-transparent outline-none;\n  @include notice-element-base;\n  -webkit-appearance: none;\n\n  &:hover,\n  &:focus {\n    @apply bg-foreground-2 text-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n$noticeKinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $noticeKind in $noticeKinds {\n  $name: nth($noticeKind, 1);\n  $kind: nth($noticeKind, 2);\n\n  :host([kind=\"#{$name}\"]) .container {\n    border-color: $kind;\n    & .notice-icon {\n      color: $kind;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\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 { getSlotted, setRequestedIcon } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale, Width } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { NoticeMessages } from \"./assets/notice/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\n * notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\n * They are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\n * to display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n */\n\n/**\n * @slot title - A slot for adding the title.\n * @slot message - A slot for adding the message.\n * @slot link - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.\n */\n\n@Component({\n  tag: \"calcite-notice\",\n  styleUrl: \"notice.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Notice\n  implements\n    ConditionalSlotComponent,\n    LoadableComponent,\n    T9nComponent,\n    LocalizedComponent,\n    OpenCloseComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /** When `true`, the component is visible. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\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 the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\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: NoticeMessages;\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<NoticeMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"kind\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  render(): VNode {\n    const { el } = this;\n    const closeButton = (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        onClick={this.close}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButton = el)}\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return (\n      <div\n        class={CSS.container}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setTransitionEl}\n      >\n        {this.requestedIcon ? (\n          <div class={CSS.icon}>\n            <calcite-icon\n              flipRtl={this.iconFlipRtl}\n              icon={this.requestedIcon}\n              scale={getIconScale(this.scale)}\n            />\n          </div>\n        ) : null}\n        <div class={CSS.content}>\n          <slot name={SLOTS.title} />\n          <slot name={SLOTS.message} />\n          <slot name={SLOTS.link} />\n        </div>\n        {hasActionEnd ? (\n          <div class={CSS.actionsEnd}>\n            <slot name={SLOTS.actionsEnd} />\n          </div>\n        ) : null}\n        {this.closable ? closeButton : null}\n      </div>\n    );\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 }) calciteNoticeBeforeClose: 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 }) calciteNoticeBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteNoticeClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteNoticeOpen: EventEmitter<void>;\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\n    const noticeLinkEl = this.el.querySelector(\"calcite-link\");\n\n    if (!this.closeButton && !noticeLinkEl) {\n      return;\n    }\n    if (noticeLinkEl) {\n      return noticeLinkEl.setFocus();\n    } else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n\n  onBeforeClose(): void {\n    this.calciteNoticeBeforeClose.emit();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteNoticeBeforeOpen.emit();\n  }\n\n  onClose(): void {\n    this.calciteNoticeClose.emit();\n  }\n\n  onOpen(): void {\n    this.calciteNoticeOpen.emit();\n  }\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  private close = (): void => {\n    this.open = false;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteNoticeElement;\n\n  /** The close button element. */\n  private closeButton?: HTMLButtonElement;\n\n  /** The computed icon to render. */\n  private requestedIcon?: string;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: NoticeMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n}\n"],"mappings":";;;;;4eAAO,MAAMA,EAAQ,CACnBC,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,WAAY,eAGP,MAAMC,EAAM,CACjBD,WAAY,cACZE,MAAO,eACPC,UAAW,YACXC,QAAS,iBACTC,KAAM,eCZR,MAAMC,EAAY,qmM,MC2DLC,EAAM,M,yQA4MTC,KAAAC,gBAAmBC,IACzBF,KAAKG,aAAeD,CAAE,EAQhBF,KAAAN,MAAQ,KACdM,KAAKI,KAAO,KAAK,EA0BnBJ,KAAAK,mBAAqB,U,UAjO0B,M,UAW3C,Q,cAGgC,M,qCAQG,M,WAGC,I,WAGA,O,sHAzBxC,WAAAC,GACEC,EAA2BP,K,CAyC7B,gBAAAQ,G,CAMA,mBAAAC,GACET,KAAKU,cAAgBC,EAAiBC,EAAWZ,KAAKH,KAAMG,KAAKa,K,CASnE,iBAAAC,GACEC,EAAgCf,MAChCgB,EAAiBhB,MACjBiB,EAAgBjB,K,CAGlB,oBAAAkB,GACEC,EAAmCnB,MACnCoB,EAAoBpB,MACpBqB,EAAmBrB,K,CAGrB,uBAAMsB,GACJC,EAAuBvB,MACvBA,KAAKU,cAAgBC,EAAiBC,EAAWZ,KAAKH,KAAMG,KAAKa,YAC3DW,EAAcxB,MACpB,GAAIA,KAAKI,KAAM,CACbG,EAA2BP,K,EAI/B,gBAAAyB,GACEC,EAAmB1B,K,CAGrB,MAAA2B,GACE,MAAMzB,GAAEA,GAAOF,KACf,MAAM4B,EACJC,EAAA,uBACc7B,KAAK8B,SAASpC,MAC1BqC,MAAOtC,EAAIC,MACXsC,QAAShC,KAAKN,MAEduC,IAAM/B,GAAQF,KAAK4B,YAAc1B,GAEjC2B,EAAA,gBAAchC,KAAK,IAAIqC,MAAOC,EAAanC,KAAKkC,UAIpD,MAAME,EAAeC,EAAWnC,EAAId,EAAMI,YAE1C,OACEqC,EAAA,OACEE,MAAOtC,EAAIE,UAEXsC,IAAKjC,KAAKC,iBAETD,KAAKU,cACJmB,EAAA,OAAKE,MAAOtC,EAAII,MACdgC,EAAA,gBACES,QAAStC,KAAKuC,YACd1C,KAAMG,KAAKU,cACXwB,MAAOC,EAAanC,KAAKkC,UAG3B,KACJL,EAAA,OAAKE,MAAOtC,EAAIG,SACdiC,EAAA,QAAMW,KAAMpD,EAAMC,QAClBwC,EAAA,QAAMW,KAAMpD,EAAME,UAClBuC,EAAA,QAAMW,KAAMpD,EAAMG,QAEnB6C,EACCP,EAAA,OAAKE,MAAOtC,EAAID,YACdqC,EAAA,QAAMW,KAAMpD,EAAMI,cAElB,KACHQ,KAAKyC,SAAWb,EAAc,K,CA+BrC,cAAMc,SACEC,EAAmB3C,MAEzB,MAAM4C,EAAe5C,KAAKE,GAAG2C,cAAc,gBAE3C,IAAK7C,KAAK4B,cAAgBgB,EAAc,CACtC,M,CAEF,GAAIA,EAAc,CAChB,OAAOA,EAAaF,U,MACf,GAAI1C,KAAK4B,YAAa,CAC3B5B,KAAK4B,YAAYkB,O,EAIrB,aAAAC,GACE/C,KAAKgD,yBAAyBC,M,CAGhC,YAAAC,GACElD,KAAKmD,wBAAwBF,M,CAG/B,OAAAG,GACEpD,KAAKqD,mBAAmBJ,M,CAG1B,MAAAK,GACEtD,KAAKuD,kBAAkBN,M,CAiCzB,qBAAAO,GACEC,EAAezD,KAAMA,KAAK0D,gB"}

package/dist/calcite/p-867e447e.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.6.0-next.2
+ */
+const a="calcite-mode-auto";const t="calcite-mode-dark";const e="calcite-mode-light";const c={autoMode:a,darkMode:t,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{c as C,a,t as d};
+//# sourceMappingURL=p-867e447e.js.map

package/dist/calcite/p-8779fb98.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.6.0-next.2
+ */
+import{d as e}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";var r={name:"en-au",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekStart:1,weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function e(r){return r},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-8779fb98.js.map

package/dist/calcite/p-88e85d64.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.6.0-next.2
+ */
+import{r as t,c as o,h as e,H as a,g as i}from"./p-f8f9cef3.js";import{c as s,d as n}from"./p-3b7f927d.js";import{s as r}from"./p-a6243d9a.js";import{s as c,a as d,c as l}from"./p-75a52371.js";import{c as p,d as h}from"./p-b0528b4b.js";import{u,c as x,d as g,s as f}from"./p-a534e089.js";import{t as b,E as m}from"./p-378507d3.js";import{c as w}from"./p-3e92a6e4.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-ff8fc6a4.js";import"./p-24f06808.js";import"./p-d3eec7ba.js";const y={actionGroupEnd:"action-group--end",container:"container"};const v={expandTooltip:"expand-tooltip"};const j=":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{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-color-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(e){t(this,e);this.calciteActionPadToggle=o(this,"calciteActionPadToggle",6);this.mutationObserver=w("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const o=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!o.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionPadToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(o)};this.handleTooltipSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=o[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.expandTooltip=undefined;this.effectiveLocale="";this.defaultMessages=undefined}expandedHandler(t){b({el:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){s(this);p(this);x(this)}disconnectedCallback(){h(this);g(this);n(this)}async componentWillLoad(){c(this);const{el:t,expanded:o}=this;b({el:t,expanded:o});await f(this)}componentDidLoad(){d(this)}async setFocus(){await l(this);this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:o,messages:a,el:i,position:s,toggleExpand:n,scale:r,layout:c,actionsEndGroupLabel:d,overlayPositioning:l}=this;const p=!o?e(m,{collapseText:a.collapse,el:i,expandText:a.expand,expanded:t,position:s,scale:r,toggle:n,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return p?e("calcite-action-group",{class:y.actionGroupEnd,label:d,layout:c,overlayPositioning:l,scale:r},e("slot",{name:v.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),p):null}render(){return e(a,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},e("div",{class:y.container},e("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=j;export{k as calcite_action_pad};
+//# sourceMappingURL=p-88e85d64.entry.js.map

package/dist/calcite/p-8a3a7496.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.6.0-next.2
+ */
+import{d as r}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";var e={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,ordinal:function r(e){return e+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};r.locale(e,null,true);export default e;
+//# sourceMappingURL=p-8a3a7496.js.map

package/dist/calcite/p-8a7e13cc.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.6.0-next.2
+ */
+const e={actionBarContainer:"action-bar-container",backButton:"back-button",container:"container",header:"header",headerContainer:"header-container",headerContainerBorderEnd:"header-container--border-end",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",fabContainer:"fab-container",footer:"footer"};const n={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right",expand:"chevron-down",collapse:"chevron-up"};const a={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};export{e as C,n as I,a as S};
+//# sourceMappingURL=p-8a7e13cc.js.map