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

package/dist/calcite/p-20db39dc.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as o}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var e={name:"pt-br",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sáb".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sá".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function o(e){return e+"º"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"poucos segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};o.locale(e,null,true);export default e;
-//# sourceMappingURL=p-20db39dc.js.map

package/dist/calcite/p-21d84e50.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as i}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";function r(i){return i%10<5&&i%10>1&&~~(i/10)%10!==1}function e(i,e,t){var a=i+" ";switch(t){case"m":return e?"minuta":"minutę";case"mm":return a+(r(i)?"minuty":"minut");case"h":return e?"godzina":"godzinę";case"hh":return a+(r(i)?"godziny":"godzin");case"MM":return a+(r(i)?"miesiące":"miesięcy");case"yy":return a+(r(i)?"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 i(r,e){if(_.test(e)){return t[r.month()]}return a[r.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 i(r){return r+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:e,mm:e,h:e,hh:e,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:e,y:"rok",yy: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 MMMM YYYY HH:mm"}};i.locale(s,null,true);export default s;
-//# sourceMappingURL=p-21d84e50.js.map

package/dist/calcite/p-264f4332.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,c as o,h as t,H as i,g as r}from"./p-cf6c103a.js";import{d as s,t as a}from"./p-d6e4ab3a.js";import{c as n,d as c,H as l}from"./p-aa0e172f.js";import{c as d,d as h,u as p,I as b}from"./p-0d04e387.js";import{i as m}from"./p-a0ca104b.js";import{c as u,d as k,g as f}from"./p-ba4c20f7.js";import{c as v,s as g,a as x}from"./p-39613b4f.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-c233af9a.js";import"./p-6b48fd8f.js";const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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 y=class{constructor(t){e(this,t);this.calciteSwitchChange=o(this,"calciteSwitchChange",6);this.keyDownHandler=e=>{if(!this.disabled&&m(e.key)){this.toggle();e.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.setSwitchEl=e=>{this.switchEl=e};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.scale="m";this.checked=false;this.value=undefined}async setFocus(){await v(this);s(this.switchEl)}syncHiddenFormInput(e){e.type="checkbox"}onLabelClick(){if(!this.disabled){this.toggle();this.setFocus()}}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){d(this);u(this);n(this)}componentWillLoad(){g(this)}componentDidLoad(){x(this)}disconnectedCallback(){h(this);k(this);c(this)}componentDidRender(){p(this)}render(){return t(i,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},t(b,{disabled:this.disabled},t("div",{"aria-checked":a(this.checked),"aria-label":f(this),class:"container",role:"switch",tabIndex:0,ref:this.setSwitchEl},t("div",{class:"track"},t("div",{class:"handle"})),t(l,{component:this}))))}get el(){return r(this)}};y.style=z;export{y as calcite_switch};
-//# sourceMappingURL=p-264f4332.entry.js.map

package/dist/calcite/p-264f4332.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["switchCss","Switch","this","keyDownHandler","event","disabled","isActivationKey","key","toggle","preventDefault","clickHandler","setSwitchEl","el","switchEl","setFocus","componentFocusable","focusElement","syncHiddenFormInput","input","type","onLabelClick","checked","calciteSwitchChange","emit","connectedCallback","connectInteractive","connectLabel","connectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","role","tabIndex","ref","HiddenFormInputSlot","component"],"sources":["src/components/switch/switch.scss?tag=calcite-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["// sizes\n:host([scale=\"s\"]) {\n  .container {\n    @apply h-3;\n  }\n  .track {\n    @apply h-3 w-6;\n  }\n  .handle {\n    @apply h-2 w-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply h-4;\n  }\n  .track {\n    @apply h-4 w-8;\n  }\n  .handle {\n    @apply h-3 w-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply h-6;\n  }\n  .track {\n    @apply h-6 w-12;\n  }\n  .handle {\n    @apply h-5 w-5;\n  }\n}\n\n:host {\n  @apply relative\n    inline-block\n    w-auto\n    cursor-pointer\n    select-none\n    align-middle;\n  tap-highlight-color: transparent;\n}\n\n@include disabled();\n\n.container {\n  @apply outline-0;\n}\n\n.track {\n  @apply bg-foreground-2\n    border-color-2\n    pointer-events-none\n    relative\n    box-border\n    inline-block\n    rounded-full\n    border\n    border-solid\n    align-top\n    focus-base;\n}\n\n:host(:focus) .track {\n  @apply focus-outset;\n}\n\n.handle {\n  @apply bg-foreground-1\n    border-color-input\n    pointer-events-none\n    absolute\n    block\n    rounded-full\n    border-2\n    border-solid\n    transition-all\n    duration-150\n    ease-in-out;\n  inset-block-start: -1px;\n  inset-inline: -1px theme(\"inset.auto\");\n}\n\n:host(:hover),\n:host(:focus) {\n  .handle {\n    @apply border-color-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n\n:host([checked]) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand;\n    inset-inline: theme(\"inset.auto\") -1px;\n  }\n}\n\n:host([checked]:hover) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand-hover;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]) {\n    .track {\n      background-color: canvasText;\n    }\n  }\n}\n\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 { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\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 } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-switch\",\n  styleUrl: \"switch.scss\",\n  shadow: true,\n})\nexport class Switch\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\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   * 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  /** 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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSwitchElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  switchEl: HTMLDivElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Switch[\"checked\"];\n\n  defaultChecked: boolean;\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.switchEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  onLabelClick(): void {\n    if (!this.disabled) {\n      this.toggle();\n      this.setFocus();\n    }\n  }\n\n  private toggle(): void {\n    this.checked = !this.checked;\n    this.calciteSwitchChange.emit();\n  }\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  private setSwitchEl = (el: HTMLDivElement): void => {\n    this.switchEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `checked` value has changed.\n   */\n  @Event({ cancelable: false }) calciteSwitchChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(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=\"container\"\n            role=\"switch\"\n            tabIndex={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={this.setSwitchEl}\n          >\n            <div class=\"track\">\n              <div class=\"handle\" />\n            </div>\n            <HiddenFormInputSlot component={this} />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;8bAAA,MAAMA,EAAY,u7F,MCwCLC,EAAM,M,kFAiFjBC,KAAAC,eAAkBC,IAChB,IAAKF,KAAKG,UAAYC,EAAgBF,EAAMG,KAAM,CAChDL,KAAKM,SACLJ,EAAMK,gB,GAgBFP,KAAAQ,aAAe,KACrB,GAAIR,KAAKG,SAAU,CACjB,M,CAGFH,KAAKM,QAAQ,EAGPN,KAAAS,YAAeC,IACrBV,KAAKW,SAAWD,CAAE,E,cAnGgB,M,wEAqBI,I,aAGU,M,qBA+BlD,cAAME,SACEC,EAAmBb,MAEzBc,EAAad,KAAKW,S,CASpB,mBAAAI,CAAoBC,GAClBA,EAAMC,KAAO,U,CAUf,YAAAC,GACE,IAAKlB,KAAKG,SAAU,CAClBH,KAAKM,SACLN,KAAKY,U,EAID,MAAAN,GACNN,KAAKmB,SAAWnB,KAAKmB,QACrBnB,KAAKoB,oBAAoBC,M,CAgC3B,iBAAAC,GACEC,EAAmBvB,MACnBwB,EAAaxB,MACbyB,EAAYzB,K,CAGd,iBAAA0B,GACEC,EAAuB3B,K,CAGzB,gBAAA4B,GACEC,EAAmB7B,K,CAGrB,oBAAA8B,GACEC,EAAsB/B,MACtBgC,EAAgBhC,MAChBiC,EAAejC,K,CAGjB,kBAAAkC,GACEC,EAAsBnC,K,CASxB,MAAAoC,GACE,OACEC,EAACC,EAAI,CAACC,QAASvC,KAAKQ,aAAcgC,UAAWxC,KAAKC,gBAChDoC,EAACI,EAAoB,CAACtC,SAAUH,KAAKG,UACnCkC,EAAA,sBACgBK,EAAc1C,KAAKmB,SAAQ,aAC7BwB,EAAa3C,MACzB4C,MAAM,YACNC,KAAK,SACLC,SAAU,EAEVC,IAAK/C,KAAKS,aAEV4B,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKO,MAAM,YAEbP,EAACW,EAAmB,CAACC,UAAWjD,S"}

package/dist/calcite/p-26cd3c63.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as _}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var m={name:"ko",weekdays:"일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),weekdaysShort:"일_월_화_수_목_금_토".split("_"),weekdaysMin:"일_월_화_수_목_금_토".split("_"),months:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),monthsShort:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),ordinal:function _(m){return m+"일"},formats:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY년 MMMM D일",LLL:"YYYY년 MMMM D일 A h:mm",LLLL:"YYYY년 MMMM D일 dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY년 MMMM D일",lll:"YYYY년 MMMM D일 A h:mm",llll:"YYYY년 MMMM D일 dddd A h:mm"},meridiem:function _(m){return m<12?"오전":"오후"},relativeTime:{future:"%s 후",past:"%s 전",s:"몇 초",m:"1분",mm:"%d분",h:"한 시간",hh:"%d시간",d:"하루",dd:"%d일",M:"한 달",MM:"%d달",y:"일 년",yy:"%d년"}};_.locale(m,null,true);export default m;
-//# sourceMappingURL=p-26cd3c63.js.map

package/dist/calcite/p-26f7f362.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as s}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var a="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var i="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var m=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var M=function s(M,d){if(m.test(d)){return a[M.month()]}return i[M.month()]};M.s=i;M.f=a;var d={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:M,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(a){return a+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(d,null,true);export default d;
-//# sourceMappingURL=p-26f7f362.js.map

package/dist/calcite/p-299b2dc4.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,c as i,h as s,g as e}from"./p-cf6c103a.js";import{e as a}from"./p-d6e4ab3a.js";import{c as n,d as r,u as c,I as h}from"./p-0d04e387.js";import{c as o,d as l,g as d}from"./p-ba4c20f7.js";import{s as p,a as b,c as f}from"./p-39613b4f.js";import{c as u,d as g}from"./p-4e27599d.js";import{c as m}from"./p-8dcbfce8.js";import{c as y,s as w,d as k,u as C}from"./p-c1905124.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-c233af9a.js";import"./p-6b48fd8f.js";import"./p-a0ca104b.js";const v={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"};const j=":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]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-color-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-color-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-color-border-2)}: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 E=class{constructor(s){t(this,s);this.calciteInlineEditableEditCancel=i(this,"calciteInlineEditableEditCancel",6);this.calciteInlineEditableEditConfirm=i(this,"calciteInlineEditableEditConfirm",6);this.calciteInternalInlineEditableEnableEditingChange=i(this,"calciteInternalInlineEditableEnableEditingChange",6);this.mutationObserver=m("mutation",(()=>this.mutationObserverCallback()));this.enableEditing=()=>{this.valuePriorToEditing=this.inputElement?.value;this.editingEnabled=true;this.inputElement?.setFocus();this.calciteInternalInlineEditableEnableEditingChange.emit()};this.disableEditing=()=>{this.editingEnabled=false};this.cancelEditing=()=>{if(this.inputElement){this.inputElement.value=this.valuePriorToEditing}this.disableEditing();this.enableEditingButton.setFocus();if(!this.editingEnabled&&!!this.shouldEmitCancel){this.calciteInlineEditableEditCancel.emit()}};this.escapeKeyHandler=async t=>{if(t.defaultPrevented){return}if(t.key==="Escape"){t.preventDefault();this.cancelEditing()}if(t.key==="Tab"&&this.shouldShowControls){if(!t.shiftKey&&t.target===this.inputElement){t.preventDefault();this.cancelEditingButton.setFocus()}if(!!t.shiftKey&&t.target===this.cancelEditingButton){t.preventDefault();this.inputElement?.setFocus()}}};this.cancelEditingHandler=async t=>{t.preventDefault();this.cancelEditing()};this.enableEditingHandler=async t=>{if(this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton){return}t.preventDefault();if(!this.editingEnabled){this.enableEditing()}};this.confirmChangesHandler=async t=>{t.preventDefault();this.calciteInlineEditableEditConfirm.emit();try{if(this.afterConfirm){this.loading=true;await this.afterConfirm();this.disableEditing();this.enableEditingButton.setFocus()}}catch(t){}finally{this.loading=false}};this.disabled=false;this.editingEnabled=false;this.loading=false;this.controls=false;this.scale=undefined;this.afterConfirm=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined}disabledWatcher(t){if(this.inputElement){this.inputElement.disabled=t}}editingEnabledWatcher(t,i){if(this.inputElement){this.inputElement.editingEnabled=t}if(!t&&!!i){this.shouldEmitCancel=true}}onMessagesChange(){}connectedCallback(){n(this);o(this);u(this);y(this);this.mutationObserver?.observe(this.el,{childList:true});this.mutationObserverCallback()}async componentWillLoad(){p(this);await w(this)}componentDidLoad(){b(this)}disconnectedCallback(){r(this);l(this);g(this);k(this);this.mutationObserver?.disconnect()}componentDidRender(){c(this)}render(){return s(h,{disabled:this.disabled},s("div",{class:v.wrapper,onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},s("div",{class:v.inputWrapper},s("slot",null)),s("div",{class:v.controlsWrapper},s("calcite-button",{appearance:"transparent",class:v.enableEditingButton,disabled:this.disabled,iconStart:"pencil",kind:"neutral",label:this.messages.enableEditing,onClick:this.enableEditingHandler,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button",ref:t=>this.enableEditingButton=t}),this.shouldShowControls&&[s("div",{class:v.cancelEditingButtonWrapper},s("calcite-button",{appearance:"transparent",class:v.cancelEditingButton,disabled:this.disabled,iconStart:"x",kind:"neutral",label:this.messages.cancelEditing,onClick:this.cancelEditingHandler,scale:this.scale,type:"button",ref:t=>this.cancelEditingButton=t})),s("calcite-button",{appearance:"solid",class:v.confirmChangesButton,disabled:this.disabled,iconStart:"check",kind:"brand",label:this.messages.confirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,scale:this.scale,type:"button",ref:t=>this.confirmEditingButton=t})])))}blurHandler(){if(!this.controls){this.disableEditing()}}effectiveLocaleChange(){C(this,this.effectiveLocale)}async setFocus(){await f(this);this.el?.focus()}mutationObserverCallback(){this.updateSlottedInput();this.scale=this.scale||this.inputElement?.scale}onLabelClick(){this.setFocus()}updateSlottedInput(){const t=a(this.el,{matches:"calcite-input"});this.inputElement=t;if(!t){return}this.inputElement.disabled=this.disabled;this.inputElement.label=this.inputElement.label||d(this)}get shouldShowControls(){return this.editingEnabled&&this.controls}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=j;export{E as calcite_inline_editable};
-//# sourceMappingURL=p-299b2dc4.entry.js.map

package/dist/calcite/p-299b2dc4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","wrapper","confirmChangesButton","cancelEditingButton","inputWrapper","cancelEditingButtonWrapper","enableEditingButton","controlsWrapper","inlineEditableCss","InlineEditable","this","mutationObserver","createObserver","mutationObserverCallback","enableEditing","valuePriorToEditing","inputElement","value","editingEnabled","setFocus","calciteInternalInlineEditableEnableEditingChange","emit","disableEditing","cancelEditing","shouldEmitCancel","calciteInlineEditableEditCancel","escapeKeyHandler","async","event","defaultPrevented","key","preventDefault","shouldShowControls","shiftKey","target","cancelEditingHandler","enableEditingHandler","disabled","confirmEditingButton","confirmChangesHandler","calciteInlineEditableEditConfirm","afterConfirm","loading","error","disabledWatcher","editingEnabledWatcher","newValue","oldValue","onMessagesChange","connectedCallback","connectInteractive","connectLabel","connectLocalized","connectMessages","observe","el","childList","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectLocalized","disconnectMessages","disconnect","componentDidRender","updateHostInteraction","render","h","InteractiveContainer","class","onClick","onKeyDown","appearance","iconStart","kind","label","messages","scale","style","opacity","width","type","ref","confirmChanges","blurHandler","controls","effectiveLocaleChange","updateMessages","effectiveLocale","componentFocusable","focus","updateSlottedInput","onLabelClick","getSlotted","matches","getLabelText"],"sources":["src/components/inline-editable/resources.ts","src/components/inline-editable/inline-editable.scss?tag=calcite-inline-editable&encapsulation=shadow","src/components/inline-editable/inline-editable.tsx"],"sourcesContent":["export const CSS = {\n  wrapper: \"wrapper\",\n  confirmChangesButton: \"confirm-changes-button\",\n  cancelEditingButton: \"cancel-editing-button\",\n  inputWrapper: \"input-wrapper\",\n  cancelEditingButtonWrapper: \"cancel-editing-button-wrapper\",\n  enableEditingButton: \"enable-editing-button\",\n  controlsWrapper: \"controls-wrapper\",\n};\n",":host {\n  @apply block;\n}\n\n:host([scale=\"s\"]) {\n  .controls-wrapper {\n    @apply h-6;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .controls-wrapper {\n    @apply h-8;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .controls-wrapper {\n    @apply h-11;\n  }\n}\n\n:host(:not([editing-enabled]):not([disabled])) {\n  .wrapper {\n    &:hover {\n      @apply bg-foreground-2;\n    }\n  }\n}\n\n.wrapper {\n  @apply bg-foreground-1\n    transition-default\n    box-border\n    flex\n    justify-between;\n\n  .input-wrapper {\n    @apply flex-1;\n  }\n}\n\n.controls-wrapper {\n  @apply flex;\n}\n\n@include disabled() {\n  .cancel-editing-button-wrapper {\n    @apply border-color-2;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getSlotted } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { InlineEditableMessages } from \"./assets/inline-editable/t9n\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a `calcite-input`.\n */\n@Component({\n  tag: \"calcite-inline-editable\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  styleUrl: \"inline-editable.scss\",\n  assetsDirs: [\"assets\"],\n})\nexport class InlineEditable\n  implements\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Props\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(disabled: boolean): void {\n    if (this.inputElement) {\n      this.inputElement.disabled = disabled;\n    }\n  }\n\n  /**\n   * When `true`, inline editing is enabled on the component.\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  @Watch(\"editingEnabled\")\n  editingEnabledWatcher(newValue: boolean, oldValue: boolean): void {\n    if (this.inputElement) {\n      this.inputElement.editingEnabled = newValue;\n    }\n    if (!newValue && !!oldValue) {\n      this.shouldEmitCancel = true;\n    }\n  }\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ mutable: true, reflect: true }) loading = false;\n\n  /** When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component. */\n  @Prop({ reflect: true }) controls = false;\n\n  /** Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale. */\n  @Prop({ reflect: true, mutable: true }) scale: Scale;\n\n  /** Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically. */\n  @Prop() afterConfirm: () => Promise<void>;\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: InlineEditableMessages;\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<InlineEditableMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback() {\n    connectInteractive(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.mutationObserverCallback();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback() {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div\n          class={CSS.wrapper}\n          onClick={this.enableEditingHandler}\n          onKeyDown={this.escapeKeyHandler}\n        >\n          <div class={CSS.inputWrapper}>\n            <slot />\n          </div>\n          <div class={CSS.controlsWrapper}>\n            <calcite-button\n              appearance=\"transparent\"\n              class={CSS.enableEditingButton}\n              disabled={this.disabled}\n              iconStart=\"pencil\"\n              kind=\"neutral\"\n              label={this.messages.enableEditing}\n              onClick={this.enableEditingHandler}\n              scale={this.scale}\n              style={{\n                opacity: this.editingEnabled ? \"0\" : \"1\",\n                width: this.editingEnabled ? \"0\" : \"inherit\",\n              }}\n              type=\"button\"\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.enableEditingButton = el)}\n            />\n            {this.shouldShowControls && [\n              <div class={CSS.cancelEditingButtonWrapper}>\n                <calcite-button\n                  appearance=\"transparent\"\n                  class={CSS.cancelEditingButton}\n                  disabled={this.disabled}\n                  iconStart=\"x\"\n                  kind=\"neutral\"\n                  label={this.messages.cancelEditing}\n                  onClick={this.cancelEditingHandler}\n                  scale={this.scale}\n                  type=\"button\"\n                  // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                  ref={(el) => (this.cancelEditingButton = el)}\n                />\n              </div>,\n              <calcite-button\n                appearance=\"solid\"\n                class={CSS.confirmChangesButton}\n                disabled={this.disabled}\n                iconStart=\"check\"\n                kind=\"brand\"\n                label={this.messages.confirmChanges}\n                loading={this.loading}\n                onClick={this.confirmChangesHandler}\n                scale={this.scale}\n                type=\"button\"\n                // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                ref={(el) => (this.confirmEditingButton = el)}\n              />,\n            ]}\n          </div>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the component's \"cancel editing\" button is pressed.\n   */\n  @Event({ cancelable: false }) calciteInlineEditableEditCancel: EventEmitter<void>;\n\n  /**\n   * Emits when the component's \"confirm edits\" button is pressed.\n   */\n  @Event({ cancelable: false }) calciteInlineEditableEditConfirm: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalInlineEditableEnableEditingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalInputBlur\")\n  blurHandler(): void {\n    if (!this.controls) {\n      this.disableEditing();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInlineEditableElement;\n\n  private inputElement: HTMLCalciteInputElement;\n\n  private valuePriorToEditing: string;\n\n  private shouldEmitCancel: boolean;\n\n  private enableEditingButton: HTMLCalciteButtonElement;\n\n  private cancelEditingButton: HTMLCalciteButtonElement;\n\n  private confirmEditingButton: HTMLCalciteButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.mutationObserverCallback());\n\n  @State() defaultMessages: InlineEditableMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\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    this.el?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  mutationObserverCallback(): void {\n    this.updateSlottedInput();\n    this.scale = this.scale || this.inputElement?.scale;\n  }\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  updateSlottedInput(): void {\n    const inputElement: HTMLCalciteInputElement = getSlotted(this.el, {\n      matches: \"calcite-input\",\n    });\n\n    this.inputElement = inputElement;\n\n    if (!inputElement) {\n      return;\n    }\n\n    this.inputElement.disabled = this.disabled;\n    this.inputElement.label = this.inputElement.label || getLabelText(this);\n  }\n\n  private get shouldShowControls(): boolean {\n    return this.editingEnabled && this.controls;\n  }\n\n  private enableEditing = () => {\n    this.valuePriorToEditing = this.inputElement?.value;\n    this.editingEnabled = true;\n    this.inputElement?.setFocus();\n    this.calciteInternalInlineEditableEnableEditingChange.emit();\n  };\n\n  private disableEditing = () => {\n    this.editingEnabled = false;\n  };\n\n  private cancelEditing = () => {\n    if (this.inputElement) {\n      this.inputElement.value = this.valuePriorToEditing;\n    }\n    this.disableEditing();\n    this.enableEditingButton.setFocus();\n    if (!this.editingEnabled && !!this.shouldEmitCancel) {\n      this.calciteInlineEditableEditCancel.emit();\n    }\n  };\n\n  private escapeKeyHandler = async (event: KeyboardEvent) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      this.cancelEditing();\n    }\n\n    if (event.key === \"Tab\" && this.shouldShowControls) {\n      if (!event.shiftKey && event.target === this.inputElement) {\n        event.preventDefault();\n        this.cancelEditingButton.setFocus();\n      }\n      if (!!event.shiftKey && event.target === this.cancelEditingButton) {\n        event.preventDefault();\n        this.inputElement?.setFocus();\n      }\n    }\n  };\n\n  private cancelEditingHandler = async (event: MouseEvent) => {\n    event.preventDefault();\n    this.cancelEditing();\n  };\n\n  private enableEditingHandler = async (event: MouseEvent) => {\n    if (\n      this.disabled ||\n      event.target === this.cancelEditingButton ||\n      event.target === this.confirmEditingButton\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    if (!this.editingEnabled) {\n      this.enableEditing();\n    }\n  };\n\n  private confirmChangesHandler = async (event: MouseEvent) => {\n    event.preventDefault();\n    this.calciteInlineEditableEditConfirm.emit();\n    try {\n      if (this.afterConfirm) {\n        this.loading = true;\n        await this.afterConfirm();\n        this.disableEditing();\n        this.enableEditingButton.setFocus();\n      }\n    } catch (error) {\n    } finally {\n      this.loading = false;\n    }\n  };\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,h as n,H as e}from"./p-cf6c103a.js";import{b as s}from"./p-d6e4ab3a.js";import{S as i,C as a}from"./p-7bcfca23.js";import"./p-aff88591.js";import"./p-10acb648.js";const o=":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(n){t(this,n);this.handleActionsStartSlotChange=t=>{this.hasActionsStart=s(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=s(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=s(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=s(t)};this.disabled=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasContentStart=false;this.hasContentEnd=false}renderActionsStart(){const{hasActionsStart:t}=this;return n("div",{class:a.actionsStart,hidden:!t,key:"actions-start-container"},n("slot",{name:i.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{hasActionsEnd:t}=this;return n("div",{class:a.actionsEnd,hidden:!t,key:"actions-end-container"},n("slot",{name:i.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}))}renderContentStart(){const{hasContentStart:t}=this;return n("div",{class:a.contentStart,hidden:!t},n("slot",{name:i.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderDefaultContent(){return n("div",{class:a.content},n("slot",null))}renderContentEnd(){const{hasContentEnd:t}=this;return n("div",{class:a.contentEnd,hidden:!t},n("slot",{name:i.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}render(){return n(e,null,n("div",{class:a.container},this.renderActionsStart(),this.renderContentStart(),this.renderDefaultContent(),this.renderContentEnd(),this.renderActionsEnd()))}};c.style=o;export{c as calcite_stack};
-//# sourceMappingURL=p-2b1358dd.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as e}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var s={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aquí %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function e(s){var r;if(s===1||s===3)r="r";else if(s===2)r="n";else if(s===4)r="t";else r="è";return""+s+r}};e.locale(s,null,true);export default s;
-//# sourceMappingURL=p-2e3e6934.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,c as t,h as i,F as n,g as a}from"./p-cf6c103a.js";import{c as s,d as o}from"./p-541ed8e8.js";import{e as c,g as r,t as l}from"./p-d6e4ab3a.js";import{c as d,d as h}from"./p-4e27599d.js";import{u as p,c as g,s as f,d as m}from"./p-c1905124.js";import{H as u,c as x}from"./p-58d1332e.js";import{c as v}from"./p-8dcbfce8.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-a0ca104b.js";const b={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:b.header},i(u,{class:b.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:b.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:b.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:b.info},i("slot",null))}renderContent(){return i("div",{class:b.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,null,i("article",{class:b.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};w.style=z;const C=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",null)}};L.style=C;const j={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const T={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const H=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=v("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:j.pagination},i("calcite-action",{class:j.pagePrevious,icon:e==="ltr"?T.chevronLeft:T.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:j.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:j.pageNext,icon:e==="ltr"?T.chevronRight:T.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:j.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},i("header",{class:j.header},i(u,{class:j.heading,level:n},a),i("calcite-action",{class:j.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:T.close,scale:"m"}))),i("div",{class:{[j.tipContainer]:true,[j.tipContainerAdvancing]:!e&&t==="advancing",[j.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=H;export{w as calcite_tip,L as calcite_tip_group,I as calcite_tip_manager};
-//# sourceMappingURL=p-2e8e9118.entry.js.map

package/dist/calcite/p-2e8e9118.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","header","heading","close","imageFrame","content","info","ICONS","SLOTS","thumbnail","tipCss","Tip","this","hideTip","closed","calciteTipDismiss","emit","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","renderHeader","headingLevel","el","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","h","class","Heading","renderDismissButton","closeDisabled","icon","onClick","scale","text","messages","renderImageFrame","getSlotted","key","name","renderInfoNode","renderContent","render","Fragment","tipGroupCss","TipGroup","tipContainer","tipContainerAdvancing","tipContainerRetreating","pagination","pagePosition","pageNext","pagePrevious","chevronLeft","chevronRight","tipManagerCss","TipManager","mutationObserver","createObserver","setUpTips","hideTipManager","calciteTipManagerClose","previousClicked","previousTip","nextClicked","nextTip","tipManagerKeyDownHandler","event","target","preventDefault","selectedIndex","total","storeContainerRef","closedChangeHandler","direction","selectedChangeHandler","showSelectedTip","updateGroupTitle","observe","childList","subtree","disconnect","nextIndex","previousIndex","tips","Array","from","querySelectorAll","length","selectedTip","querySelector","indexOf","forEach","tip","index","isSelected","selected","hidden","tipParent","groupTitle","defaultGroupTitle","renderPagination","dir","getElementDir","nextLabel","next","previousLabel","previous","paginationLabel","defaultPaginationLabel","closeLabel","toAriaBoolean","onKeyDown","tabIndex","ref"],"sources":["src/components/tip/resources.ts","src/components/tip/tip.scss?tag=calcite-tip&encapsulation=shadow","src/components/tip/tip.tsx","src/components/tip-group/tip-group.scss?tag=calcite-tip-group&encapsulation=shadow","src/components/tip-group/tip-group.tsx","src/components/tip-manager/resources.ts","src/components/tip-manager/tip-manager.scss?tag=calcite-tip-manager&encapsulation=shadow","src/components/tip-manager/tip-manager.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  imageFrame: \"image-frame\",\n  content: \"content\",\n  info: \"info\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n};\n",":host {\n  @apply border-color-2\n    bg-foreground-1\n    text-color-2\n    text-n1h\n    relative\n    m-4\n    box-border\n    flex\n    flex-row\n    border\n    border-solid;\n\n  * {\n    @apply box-border;\n  }\n}\n\n.container {\n  @apply w-full p-4;\n}\n\n:host([closed]),\n:host([closed]) .container {\n  @apply hidden;\n}\n\n:host([selected]) .container {\n  @apply m-0 border-none p-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply mb-2;\n}\n.header .heading {\n  @apply text-0h text-color-1 p-0;\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.content {\n  @apply flex;\n}\n\n.info {\n  @apply py-0 px-4;\n  inline-size: 70%;\n  &:only-child {\n    @apply w-full px-0;\n  }\n}\n\n::slotted(p) {\n  @apply mt-0;\n}\n\n::slotted(a) {\n  @apply focus-base;\n  color: theme(\"backgroundColor.brand\");\n}\n\n::slotted(a:focus) {\n  @apply focus-outset;\n}\n\n.image-frame {\n  inline-size: theme(\"width[1/4]\");\n  img {\n    @apply max-w-full;\n  }\n}\n\n::slotted(img) {\n  @apply max-w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\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 } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { TipMessages } from \"./assets/tip/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text and a hyperlink.\n * @slot thumbnail - A slot for adding an HTML image element.\n */\n@Component({\n  tag: \"calcite-tip\",\n  styleUrl: \"tip.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Tip implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * When `true`, the component does not display.\n   */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /**\n   * When `true`, the close button is not present on the component.\n   */\n  @Prop({ reflect: true }) closeDisabled = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, the component is selected if it has a parent `calcite-tip-manager`.\n   *\n   * Only one tip can be selected within the `calcite-tip-manager` parent.\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TipMessages;\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<TipMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTipElement;\n\n  @State() defaultMessages: TipMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the component has been closed.\n   */\n  @Event({ cancelable: false }) calciteTipDismiss: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  hideTip = (): void => {\n    this.closed = true;\n\n    this.calciteTipDismiss.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    const { heading, headingLevel, el } = this;\n    const parentLevel = el.closest(\"calcite-tip-manager\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return heading ? (\n      <header class={CSS.header}>\n        <Heading class={CSS.heading} level={level}>\n          {heading}\n        </Heading>\n      </header>\n    ) : null;\n  }\n\n  renderDismissButton(): VNode {\n    const { closeDisabled, hideTip } = this;\n    return !closeDisabled ? (\n      <calcite-action\n        class={CSS.close}\n        icon={ICONS.close}\n        onClick={hideTip}\n        scale=\"l\"\n        text={this.messages.close}\n      />\n    ) : null;\n  }\n\n  renderImageFrame(): VNode {\n    const { el } = this;\n\n    return getSlotted(el, SLOTS.thumbnail) ? (\n      <div class={CSS.imageFrame} key=\"thumbnail\">\n        <slot name={SLOTS.thumbnail} />\n      </div>\n    ) : null;\n  }\n\n  renderInfoNode(): VNode {\n    return (\n      <div class={CSS.info}>\n        <slot />\n      </div>\n    );\n  }\n\n  renderContent(): VNode {\n    return (\n      <div class={CSS.content}>\n        {this.renderImageFrame()}\n        {this.renderInfoNode()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <article class={CSS.container}>\n          {this.renderHeader()}\n          {this.renderContent()}\n        </article>\n        {this.renderDismissButton()}\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1h\n    box-border\n    block;\n}\n\n::slotted(calcite-tip) {\n  @apply m-0 border-none;\n  max-inline-size: var(--calcite-tip-max-width);\n}\n\n@include base-component();\n","import { Component, h, Prop, VNode } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-tip`s.\n */\n@Component({\n  tag: \"calcite-tip-group\",\n  styleUrl: \"tip-group.scss\",\n  shadow: true,\n})\nexport class TipGroup {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * The component header text for all nested `calcite-tip`s.\n   *\n   */\n  @Prop() groupTitle: string;\n\n  render(): VNode {\n    return <slot />;\n  }\n}\n","export const CSS = {\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  container: \"container\",\n  tipContainer: \"tip-container\",\n  tipContainerAdvancing: \"tip-container--advancing\",\n  tipContainerRetreating: \"tip-container--retreating\",\n  pagination: \"pagination\",\n  pagePosition: \"page-position\",\n  pageNext: \"page-next\",\n  pagePrevious: \"page-previous\",\n};\n\nexport const ICONS = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n  close: \"x\",\n};\n\nexport const TEXT = {\n  defaultGroupTitle: \"Tips\",\n  defaultPaginationLabel: \"Tip\",\n  close: \"Close\",\n  previous: \"Previous\",\n  next: \"Next\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tip-manager-height: The maximum height of the component.\n * @prop --calcite-tip-max-width: The maximum width of a slotted `calcite-tip` within the component.\n */\n\n:host {\n  @apply bg-foreground-1\n  text-color-2\n  text-n1h\n  box-border\n  block;\n\n  * {\n    @apply box-border;\n  }\n\n  --calcite-tip-manager-height: 19vh;\n}\n\n:host([closed]) {\n  @apply hidden;\n}\n\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply border-color-3\n    border-0\n    border-b\n    border-solid\n    py-0;\n\n  padding-inline-end: theme(\"padding.0\");\n  padding-inline-start: theme(\"padding.4\");\n\n  .heading {\n    @apply text-color-1\n      text-1h\n      p-0\n      font-bold;\n  }\n}\n\n.container {\n  @apply focus-base\n    relative\n    overflow-hidden;\n  min-block-size: 150px;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.tip-container {\n  @apply focus-base\n    mt-px\n    flex\n    items-start\n    justify-center\n    overflow-auto\n    p-4;\n  animation-name: none;\n  animation-duration: var(--calcite-animation-timing);\n  block-size: var(--calcite-tip-manager-height);\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n::slotted(calcite-tip) {\n  @apply m-0 border-none;\n  max-inline-size: var(--calcite-tip-max-width);\n}\n\n.tip-container--advancing {\n  animation-name: tip-advance;\n}\n\n.tip-container--retreating {\n  animation-name: tip-retreat;\n}\n\n/* Pagination Styles*/\n.pagination {\n  @apply flex\n  items-center\n  justify-center\n  px-0\n  pt-3\n  pb-2;\n}\n\n.page-position {\n  @apply text-n2h my-0 mx-2;\n}\n\n/* @keyframes*/\n@keyframes tip-advance {\n  0% {\n    @apply opacity-0;\n    transform: translate3d(50px, 0, 0) scale(0.99);\n  }\n  100% {\n    @apply opacity-100;\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n}\n@keyframes tip-retreat {\n  0% {\n    @apply opacity-0;\n    transform: translate3d(-50px, 0, 0) scale(0.99);\n  }\n  100% {\n    @apply opacity-100;\n    transform: translate3d(0, 0, 0) scale(1);\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 { getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { TipManagerMessages } from \"./assets/tip-manager/t9n\";\nimport { CSS, ICONS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-tip`s.\n */\n@Component({\n  tag: \"calcite-tip-manager\",\n  styleUrl: \"tip-manager.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TipManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * When `true`, does not display or position the component.\n   */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  @Watch(\"closed\")\n  closedChangeHandler(): void {\n    this.direction = null;\n  }\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\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: TipManagerMessages;\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<TipManagerMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTipManagerElement;\n\n  @State() selectedIndex: number;\n\n  @Watch(\"selectedIndex\")\n  selectedChangeHandler(): void {\n    this.showSelectedTip();\n    this.updateGroupTitle();\n  }\n\n  @State() tips: HTMLCalciteTipElement[];\n\n  @State() total: number;\n\n  @State() direction: \"advancing\" | \"retreating\";\n\n  @State() groupTitle: string;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setUpTips());\n\n  container: HTMLDivElement;\n\n  @State() defaultMessages: TipManagerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  async effectiveLocaleChange(): Promise<void> {\n    await updateMessages(this, this.effectiveLocale);\n    this.updateGroupTitle();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.setUpTips();\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    this.updateGroupTitle();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Selects the next `calcite-tip` to display. */\n  @Method()\n  async nextTip(): Promise<void> {\n    this.direction = \"advancing\";\n    const nextIndex = this.selectedIndex + 1;\n    this.selectedIndex = (nextIndex + this.total) % this.total;\n  }\n\n  /** Selects the previous `calcite-tip` to display. */\n  @Method()\n  async previousTip(): Promise<void> {\n    this.direction = \"retreating\";\n    const previousIndex = this.selectedIndex - 1;\n    this.selectedIndex = (previousIndex + this.total) % this.total;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when the component has been closed.\n   */\n  @Event({ cancelable: false }) calciteTipManagerClose: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpTips(): void {\n    const tips = Array.from(this.el.querySelectorAll(\"calcite-tip\"));\n    this.total = tips.length;\n    if (this.total === 0) {\n      return;\n    }\n    const selectedTip = this.el.querySelector<HTMLCalciteTipElement>(\"calcite-tip[selected]\");\n\n    this.tips = tips;\n    this.selectedIndex = selectedTip ? tips.indexOf(selectedTip) : 0;\n\n    tips.forEach((tip: HTMLCalciteTipElement) => {\n      tip.closeDisabled = true;\n    });\n    this.showSelectedTip();\n  }\n\n  hideTipManager = (): void => {\n    this.closed = true;\n    this.calciteTipManagerClose.emit();\n  };\n\n  showSelectedTip(): void {\n    this.tips.forEach((tip, index) => {\n      const isSelected = this.selectedIndex === index;\n      tip.selected = isSelected;\n      tip.hidden = !isSelected;\n    });\n  }\n\n  updateGroupTitle(): void {\n    if (this.tips) {\n      const selectedTip = this.tips[this.selectedIndex];\n      const tipParent = selectedTip.closest(\"calcite-tip-group\");\n      this.groupTitle = tipParent?.groupTitle || this.messages?.defaultGroupTitle;\n    }\n  }\n\n  previousClicked = (): void => {\n    this.previousTip();\n  };\n\n  nextClicked = (): void => {\n    this.nextTip();\n  };\n\n  tipManagerKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.target !== this.container) {\n      return;\n    }\n\n    switch (event.key) {\n      case \"ArrowRight\":\n        event.preventDefault();\n        this.nextTip();\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        this.previousTip();\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.selectedIndex = 0;\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.selectedIndex = this.total - 1;\n        break;\n    }\n  };\n\n  storeContainerRef = (el: HTMLDivElement): void => {\n    this.container = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderPagination(): VNode {\n    const dir = getElementDir(this.el);\n    const { selectedIndex, tips, total, messages } = this;\n\n    const nextLabel = messages.next;\n    const previousLabel = messages.previous;\n    const paginationLabel = messages.defaultPaginationLabel;\n\n    return tips.length > 1 ? (\n      <footer class={CSS.pagination}>\n        <calcite-action\n          class={CSS.pagePrevious}\n          icon={dir === \"ltr\" ? ICONS.chevronLeft : ICONS.chevronRight}\n          onClick={this.previousClicked}\n          scale=\"m\"\n          text={previousLabel}\n        />\n        <span class={CSS.pagePosition}>{`${paginationLabel} ${selectedIndex + 1}/${total}`}</span>\n        <calcite-action\n          class={CSS.pageNext}\n          icon={dir === \"ltr\" ? ICONS.chevronRight : ICONS.chevronLeft}\n          onClick={this.nextClicked}\n          scale=\"m\"\n          text={nextLabel}\n        />\n      </footer>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { closed, direction, headingLevel, groupTitle, selectedIndex, messages, total } = this;\n\n    const closeLabel = messages.close;\n\n    if (total === 0) {\n      return null;\n    }\n\n    return (\n      <section\n        aria-hidden={toAriaBoolean(closed)}\n        class={CSS.container}\n        hidden={closed}\n        onKeyDown={this.tipManagerKeyDownHandler}\n        tabIndex={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={this.storeContainerRef}\n      >\n        <header class={CSS.header}>\n          <Heading class={CSS.heading} level={headingLevel}>\n            {groupTitle}\n          </Heading>\n          <calcite-action\n            class={CSS.close}\n            onClick={this.hideTipManager}\n            scale=\"m\"\n            text={closeLabel}\n          >\n            <calcite-icon icon={ICONS.close} scale=\"m\" />\n          </calcite-action>\n        </header>\n        <div\n          class={{\n            [CSS.tipContainer]: true,\n            [CSS.tipContainerAdvancing]: !closed && direction === \"advancing\",\n            [CSS.tipContainerRetreating]: !closed && direction === \"retreating\",\n          }}\n          key={selectedIndex}\n          tabIndex={0}\n        >\n          <slot />\n        </div>\n        {this.renderPagination()}\n      </section>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-30bc9f81.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,c as t,h as i,g as s}from"./p-cf6c103a.js";import{b as n,s as a,f as o,t as l}from"./p-d6e4ab3a.js";import{c as r,u as c,d,I as h}from"./p-0d04e387.js";import{s as p,a as f,c as m}from"./p-39613b4f.js";import{c as b}from"./p-8dcbfce8.js";import{S as u}from"./p-88b0202c.js";import{H as g}from"./p-58d1332e.js";import{S as x,C as v,I as y}from"./p-b3e72f62.js";import{c as k,d as z}from"./p-4e27599d.js";import{c as w,s as C,d as S,u as j}from"./p-c1905124.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";const A=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";const H=class{constructor(i){e(this,i);this.calcitePanelClose=t(this,"calcitePanelClose",6);this.calcitePanelToggle=t(this,"calcitePanelToggle",6);this.calcitePanelScroll=t(this,"calcitePanelScroll",6);this.resizeObserver=b("resize",(()=>this.resizeHandler()));this.resizeHandler=()=>{const{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=e=>{this.containerEl=e};this.panelKeyDownHandler=e=>{if(this.closable&&e.key==="Escape"&&!e.defaultPrevented){this.close();e.preventDefault()}};this.close=()=>{this.closed=true;this.calcitePanelClose.emit()};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=e=>{this.hasStartActions=n(e)};this.handleHeaderActionsEndSlotChange=e=>{this.hasEndActions=n(e)};this.handleHeaderMenuActionsSlotChange=e=>{this.hasMenuItems=n(e)};this.handleActionBarSlotChange=e=>{const t=a(e).filter((e=>e?.matches("calcite-action-bar")));t.forEach((e=>e.layout="horizontal"));this.hasActionBar=!!t.length};this.handleHeaderContentSlotChange=e=>{this.hasHeaderContent=n(e)};this.handleFooterSlotChange=e=>{this.hasFooterContent=n(e)};this.handleFooterActionsSlotChange=e=>{this.hasFooterActions=n(e)};this.handleFabSlotChange=e=>{this.hasFab=n(e)};this.setPanelScrollEl=e=>{this.panelScrollEl=e;this.resizeObserver?.disconnect();if(e){this.resizeObserver?.observe(e);this.resizeHandler()}};this.closed=false;this.disabled=false;this.closable=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.headingLevel=undefined;this.loading=false;this.heading=undefined;this.description=undefined;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.hasStartActions=false;this.hasEndActions=false;this.hasMenuItems=false;this.hasHeaderContent=false;this.hasActionBar=false;this.hasFooterContent=false;this.hasFooterActions=false;this.hasFab=false;this.defaultMessages=undefined;this.effectiveLocale="";this.showHeaderContent=false}onMessagesChange(){}connectedCallback(){r(this);k(this);w(this)}async componentWillLoad(){p(this);await C(this)}componentDidLoad(){f(this)}componentDidRender(){c(this)}disconnectedCallback(){d(this);z(this);S(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){j(this,this.effectiveLocale)}async setFocus(){await m(this);o(this.containerEl)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}renderHeaderContent(){const{heading:e,headingLevel:t,description:s,hasHeaderContent:n}=this;const a=e?i(g,{class:v.heading,level:t},e):null;const o=s?i("span",{class:v.description},s):null;return!n&&(a||o)?i("div",{class:v.headerContent,key:"header-content"},a,o):null}renderActionBar(){return i("div",{class:v.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:x.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:v.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:x.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:e}=this;return i("div",{class:{[v.headerActionsStart]:true,[v.headerActions]:true},hidden:!e,key:"header-actions-start"},i("slot",{name:x.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{hasEndActions:e,messages:t,closable:s,collapsed:n,collapseDirection:a,collapsible:o,hasMenuItems:r}=this;const{collapse:c,expand:d,close:h}=t;const p=[y.expand,y.collapse];if(a==="up"){p.reverse()}const f=o?i("calcite-action",{"aria-expanded":l(!n),"aria-label":c,"data-test":"collapse",icon:n?p[0]:p[1],onClick:this.collapse,text:c,title:n?d:c}):null;const m=s?i("calcite-action",{"aria-label":h,"data-test":"close",icon:y.close,onClick:this.close,text:h,title:h}):null;const b=i("slot",{name:x.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});const u=e||f||m||r;return i("div",{class:{[v.headerActionsEnd]:true,[v.headerActions]:true},hidden:!u,key:"header-actions-end"},b,this.renderMenu(),f,m)}renderMenu(){const{hasMenuItems:e,messages:t,menuOpen:s}=this;return i("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!e,key:"menu",label:t.options,open:s,overlayPositioning:this.overlayPositioning,placement:"bottom-end"},i("calcite-action",{icon:y.menu,slot:u.trigger,text:t.options}),i("slot",{name:x.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:e,hasStartActions:t,hasEndActions:s,closable:n,collapsible:a,hasMenuItems:o,hasActionBar:l}=this;const r=this.renderHeaderContent();const c=e||!!r||t||s||a||n||o;this.showHeaderContent=c;return i("header",{class:v.header,hidden:!(c||l)},i("div",{class:{[v.headerContainer]:true,[v.headerContainerBorderEnd]:l},hidden:!c},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),r,this.renderHeaderActionsEnd()),this.renderActionBar())}renderFooterNode(){const{hasFooterContent:e,hasFooterActions:t}=this;const s=e||t;return i("footer",{class:v.footer,hidden:!s},i("slot",{key:"footer-slot",name:x.footer,onSlotchange:this.handleFooterSlotChange}),i("slot",{key:"footer-actions-slot",name:x.footerActions,onSlotchange:this.handleFooterActionsSlotChange}))}renderContent(){return i("div",{class:v.contentWrapper,hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("slot",null),this.renderFab())}renderFab(){return i("div",{class:v.fabContainer,hidden:!this.hasFab},i("slot",{name:x.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{disabled:e,loading:t,panelKeyDownHandler:s,closed:n,closable:a}=this;const o=i("article",{"aria-busy":l(t),class:v.container,hidden:n,onKeyDown:s,tabIndex:a?0:-1,ref:this.setContainerRef},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return i(h,{disabled:e},t?i("calcite-scrim",{loading:t}):null,o)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};H.style=A;export{H as calcite_panel};
-//# sourceMappingURL=p-30bc9f81.entry.js.map

package/dist/calcite/p-319afb8e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as r}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var e={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function r(e){return e+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};r.locale(e,null,true);export default e;
-//# sourceMappingURL=p-319afb8e.js.map

package/dist/calcite/p-31fd105d.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,h as t,H as i,g as l}from"./p-cf6c103a.js";import{s,a as c,c as n}from"./p-39613b4f.js";import{u as a,s as o,c as r,d}from"./p-c1905124.js";import{c as h,u,d as b,I as f}from"./p-0d04e387.js";import{c as p,d as g}from"./p-4e27599d.js";import{g as m}from"./p-d6e4ab3a.js";import{C as v}from"./p-10acb648.js";import{g as x}from"./p-6b48fd8f.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-8dcbfce8.js";import"./p-aff88591.js";const w={numberCell:"number-cell",footerCell:"footer-cell",selectionCell:"selection-cell",selectedCell:"selected-cell",assistiveText:"assistive-text",lastCell:"last-cell"};const C=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-cell-background:var(--calcite-table-cell-background, transparent);display:contents}:host([alignment=center]) td{text-align:center}:host([alignment=end]) td{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}td{white-space:normal;text-align:start;vertical-align:middle;color:var(--calcite-color-text-1);outline-color:transparent;background:var(--calcite-internal-table-cell-background);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-color-border-3);padding:var(--calcite-internal-table-cell-padding)}td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}td.last-cell{border-inline-end:0}.number-cell{background-color:var(--calcite-color-foreground-2)}.footer-cell{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-start:1px solid var(--calcite-color-border-3)}.number-cell,.selection-cell{border-inline-end:1px solid var(--calcite-color-border-3);inline-size:2rem;min-inline-size:2rem}.selection-cell{cursor:pointer;color:var(--calcite-color-text-3);inset-inline-start:2rem}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-cell-background:var(--calcite-color-foreground-current)}.selection-cell.selected-cell{box-shadow:inset 0.25rem 0 0 0 var(--calcite-color-brand);color:var(--calcite-color-brand)}.selection-cell.selected-cell calcite-icon{color:var(--calcite-color-brand)}.calcite--rtl.selection-cell.selected-cell{box-shadow:inset -0.25rem 0 0 0 var(--calcite-color-brand)}.selection-cell{vertical-align:middle}.selection-cell ::slotted(calcite-icon){pointer-events:none;margin-block-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const k=class{constructor(t){e(this,t);this.updateScreenReaderContentsText=()=>{this.contentsText=this.el.textContent};this.onContainerBlur=()=>{this.focused=false};this.onContainerFocus=()=>{this.focused=true};this.alignment="start";this.colSpan=undefined;this.rowSpan=undefined;this.disabled=undefined;this.lastCell=undefined;this.numberCell=undefined;this.parentRowIsSelected=undefined;this.parentRowPositionLocalized=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.readCellContentsToAT=undefined;this.scale="m";this.selectionCell=undefined;this.messages=undefined;this.messageOverrides=undefined;this.contentsText="";this.defaultMessages=undefined;this.focused=false;this.selectionText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderSelectionText()}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}async componentWillLoad(){s(this);await o(this);this.updateScreenReaderContentsText();this.updateScreenReaderSelectionText()}componentDidLoad(){c(this)}connectedCallback(){p(this);r(this);h(this)}componentDidRender(){u(this)}disconnectedCallback(){g(this);d(this);b(this)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderSelectionText(){const e=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;const t=`${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;this.selectionText=this.parentRowIsSelected?e:t}render(){const e=m(this.el);return t(i,null,t(f,{disabled:this.disabled},t("td",{"aria-disabled":this.disabled,class:{[w.footerCell]:this.parentRowType==="foot",[w.numberCell]:this.numberCell,[w.selectionCell]:this.selectionCell,[w.selectedCell]:this.parentRowIsSelected,[w.lastCell]:this.lastCell,[v.rtl]:e==="rtl"},colSpan:this.colSpan,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"gridcell",rowSpan:this.rowSpan,tabIndex:this.disabled?-1:0,ref:e=>this.containerEl=e},(this.selectionCell||this.readCellContentsToAT)&&this.focused&&t("span",{"aria-hidden":true,"aria-live":"polite",class:w.assistiveText},this.selectionCell&&this.selectionText,this.readCellContentsToAT&&!this.selectionCell&&this.contentsText),t("slot",{onSlotchange:this.updateScreenReaderContentsText}))))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{parentRowIsSelected:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=C;const y={numberCell:"number-cell",selectionCell:"selection-cell",bodyRow:"body-row",footerRow:"footer-row",heading:"heading",description:"description",multipleSelectionCell:"cell--multiple-selection",assistiveText:"assistive-text",active:"active",selectedCell:"selected-cell",lastCell:"last-cell"};const $=":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;vertical-align:top;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);outline-color:transparent;font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:focus-within{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}th.last-cell{border-inline-end:0}th.body-row,th.footer-row{vertical-align:middle;border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";const z=class{constructor(t){e(this,t);this.alignment="start";this.colSpan=undefined;this.description=undefined;this.heading=undefined;this.rowSpan=undefined;this.lastCell=undefined;this.numberCell=false;this.parentRowIsSelected=undefined;this.parentRowPosition=undefined;this.parentRowType=undefined;this.positionInRow=undefined;this.scale=undefined;this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.selectionCell=false;this.selectionMode=undefined;this.bodyRowCount=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.screenReaderText="";this.effectiveLocale=""}onSelectedChange(){this.updateScreenReaderText()}onMessagesChange(){}async componentWillLoad(){s(this);await o(this);this.updateScreenReaderText()}componentDidLoad(){c(this)}connectedCallback(){p(this);r(this)}disconnectedCallback(){g(this);d(this)}effectiveLocaleChange(){a(this,this.effectiveLocale)}async setFocus(){await n(this);this.containerEl.focus()}updateScreenReaderText(){let e="";const t=`${this.selectedRowCountLocalized} ${this.messages?.selected}`;if(this.numberCell){e=this.messages?.rowNumber}else if(this.selectionMode==="single"){e=`${this.messages?.selectionColumn}. ${t}`}else if(this.bodyRowCount===this.selectedRowCount){e=`${this.messages?.selectionColumn}. ${this.messages?.all} ${t} ${this.messages?.keyboardDeselectAll}`}else{e=`${this.messages?.selectionColumn}. ${t} ${this.messages?.keyboardSelectAll}`}this.screenReaderText=e}render(){const e=this.rowSpan?"rowgroup":this.colSpan?"colgroup":this.parentRowType==="body"?"row":"col";const l=this.selectedRowCount===this.bodyRowCount;const s=l?"check-square-f":"check-square";return t(i,null,t("th",{"aria-colindex":this.parentRowType!=="body"?this.positionInRow:"",class:{[y.bodyRow]:this.parentRowType==="body",[y.footerRow]:this.parentRowType==="foot",[y.numberCell]:this.numberCell,[y.selectionCell]:this.selectionCell,[y.selectedCell]:this.parentRowIsSelected,[y.multipleSelectionCell]:this.selectionMode==="multiple",[y.lastCell]:this.lastCell},colSpan:this.colSpan,role:"columnheader",rowSpan:this.rowSpan,scope:e,tabIndex:0,ref:e=>this.containerEl=e},this.heading&&t("div",{class:y.heading},this.heading),this.description&&t("div",{class:y.description},this.description),this.selectionCell&&this.selectionMode==="multiple"&&t("calcite-icon",{class:{[y.active]:l},icon:s,scale:x(this.scale)}),(this.selectionCell||this.numberCell)&&t("span",{"aria-hidden":true,"aria-live":"polite",class:y.assistiveText},this.screenReaderText)))}static get assetsDirs(){return["assets"]}get el(){return l(this)}static get watchers(){return{selectedRowCount:["onSelectedChange"],selectedRowCountLocalized:["onSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=$;export{k as calcite_table_cell,z as calcite_table_header};
-//# sourceMappingURL=p-31fd105d.entry.js.map

package/dist/calcite/p-31fd105d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","numberCell","footerCell","selectionCell","selectedCell","assistiveText","lastCell","tableCellCss","TableCell","this","updateScreenReaderContentsText","contentsText","el","textContent","onContainerBlur","focused","onContainerFocus","onSelectedChange","updateScreenReaderSelectionText","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","connectInteractive","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectInteractive","setFocus","componentFocusable","containerEl","focus","selectedText","messages","row","parentRowPositionLocalized","selected","keyboardDeselect","unselectedText","unselected","keyboardSelect","selectionText","parentRowIsSelected","render","dir","getElementDir","h","Host","InteractiveContainer","disabled","class","parentRowType","CSS_UTILITY","rtl","colSpan","onBlur","onFocus","role","rowSpan","tabIndex","ref","readCellContentsToAT","onSlotchange","bodyRow","footerRow","heading","description","multipleSelectionCell","active","tableHeaderCss","TableHeader","updateScreenReaderText","text","sharedText","selectedRowCountLocalized","rowNumber","selectionMode","selectionColumn","bodyRowCount","selectedRowCount","all","keyboardDeselectAll","keyboardSelectAll","screenReaderText","scope","allSelected","selectionIcon","positionInRow","icon","scale","getIconScale"],"sources":["src/components/table-cell/resources.ts","src/components/table-cell/table-cell.scss?tag=calcite-table-cell&encapsulation=shadow","src/components/table-cell/table-cell.tsx","src/components/table-header/resources.ts","src/components/table-header/table-header.scss?tag=calcite-table-header&encapsulation=shadow","src/components/table-header/table-header.tsx"],"sourcesContent":["export const CSS = {\n  numberCell: \"number-cell\",\n  footerCell: \"footer-cell\",\n  selectionCell: \"selection-cell\",\n  selectedCell: \"selected-cell\",\n  assistiveText: \"assistive-text\",\n  lastCell: \"last-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-cell-background: Specifies the background color of the component.\n */\n\n:host {\n  --calcite-internal-table-cell-background: var(--calcite-table-cell-background, transparent);\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) td {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) td {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntd {\n  @apply text-start focus-base align-middle text-color-1 whitespace-normal;\n  background: var(--calcite-internal-table-cell-background);\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n\n  &:focus {\n    @apply focus-inset;\n  }\n  padding: var(--calcite-internal-table-cell-padding);\n}\n\ntd.last-cell {\n  border-inline-end: 0;\n}\n\n.number-cell {\n  @apply bg-foreground-2;\n}\n\n.footer-cell {\n  @apply bg-background font-medium text-color-1;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n}\n\n.number-cell,\n.selection-cell {\n  border-inline-end: 1px solid var(--calcite-color-border-3);\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell {\n  @apply cursor-pointer text-color-3;\n  inset-inline-start: 2rem;\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-cell-background: var(--calcite-color-foreground-current);\n}\n\n.selection-cell.selected-cell {\n  box-shadow: inset 0.25rem 0 0 0 var(--calcite-color-brand);\n  color: var(--calcite-color-brand);\n  & calcite-icon {\n    color: var(--calcite-color-brand);\n  }\n}\n\n.calcite--rtl.selection-cell.selected-cell {\n  box-shadow: inset -0.25rem 0 0 0 var(--calcite-color-brand);\n}\n\n.selection-cell {\n  @apply align-middle;\n  & ::slotted(calcite-icon) {\n    @apply pointer-events-none mt-1;\n  }\n}\n\n@include disabled();\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Alignment, Scale } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { TableCellMessages } from \"./assets/table-cell/t9n\";\nimport { CSS } from \"./resources\";\nimport { RowType } from \"../table/interfaces\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n\n/**\n * @slot - A slot for adding content, usually text content.\n */\n@Component({\n  tag: \"calcite-table-cell\",\n  styleUrl: \"table-cell.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableCell\n  implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() disabled: boolean;\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell: boolean;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  @Watch(\"parentRowIsSelected\")\n  onSelectedChange(): void {\n    this.updateScreenReaderSelectionText();\n  }\n\n  /** @internal */\n  @Prop() parentRowPositionLocalized: string;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() readCellContentsToAT: boolean;\n\n  /** @internal */\n  @Prop() scale: Scale = \"m\";\n\n  /** @internal */\n  @Prop() selectionCell: boolean;\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: TableCellMessages;\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<TableCellMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableCellElement;\n\n  @State() contentsText = \"\";\n\n  @State() defaultMessages: TableCellMessages;\n\n  @State() focused = false;\n\n  @State() selectionText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderContentsText();\n    this.updateScreenReaderSelectionText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectInteractive(this);\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    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderSelectionText(): void {\n    const selectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.selected} ${this.messages?.keyboardDeselect}`;\n    const unselectedText = `${this.messages?.row} ${this.parentRowPositionLocalized} ${this.messages?.unselected} ${this.messages?.keyboardSelect}`;\n    this.selectionText = this.parentRowIsSelected ? selectedText : unselectedText;\n  }\n\n  private updateScreenReaderContentsText = (): void => {\n    this.contentsText = this.el.textContent;\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n  };\n\n  private onContainerFocus = (): void => {\n    this.focused = true;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <td\n            aria-disabled={this.disabled}\n            class={{\n              [CSS.footerCell]: this.parentRowType === \"foot\",\n              [CSS.numberCell]: this.numberCell,\n              [CSS.selectionCell]: this.selectionCell,\n              [CSS.selectedCell]: this.parentRowIsSelected,\n              [CSS.lastCell]: this.lastCell,\n              [CSS_UTILITY.rtl]: dir === \"rtl\",\n            }}\n            colSpan={this.colSpan}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"gridcell\"\n            rowSpan={this.rowSpan}\n            tabIndex={this.disabled ? -1 : 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={(el) => (this.containerEl = el)}\n          >\n            {(this.selectionCell || this.readCellContentsToAT) && this.focused && (\n              <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText}>\n                {this.selectionCell && this.selectionText}\n                {this.readCellContentsToAT && !this.selectionCell && this.contentsText}\n              </span>\n            )}\n            <slot onSlotchange={this.updateScreenReaderContentsText} />\n          </td>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  numberCell: \"number-cell\",\n  selectionCell: \"selection-cell\",\n  bodyRow: \"body-row\",\n  footerRow: \"footer-row\",\n  heading: \"heading\",\n  description: \"description\",\n  multipleSelectionCell: \"cell--multiple-selection\",\n  assistiveText: \"assistive-text\",\n  active: \"active\",\n  selectedCell: \"selected-cell\",\n  lastCell: \"last-cell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-table-header-background: Specifies the background color of the component.\n * @prop --calcite-table-header-border-color: Specifies the border color of the component.\n */\n\n:host {\n  --calcite-internal-table-header-background: var(--calcite-table-header-background, var(--calcite-color-foreground-2));\n  --calcite-internal-table-header-border-color: var(--calcite-table-border-color, var(--calcite-color-border-3));\n  @apply contents;\n}\n\n:host([alignment=\"center\"]) th {\n  @apply text-center;\n}\n\n:host([alignment=\"end\"]) th {\n  @apply text-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\nth {\n  @apply text-color-1 focus-base text-start font-medium align-top whitespace-normal;\n  font-size: var(--calcite-internal-table-cell-font-size);\n  border-inline-end: 1px solid var(--calcite-internal-table-header-border-color);\n  border-block-end: 1px solid var(--calcite-internal-table-header-border-color);\n  padding-block: calc(var(--calcite-internal-table-cell-padding) * 1.5);\n  padding-inline: var(--calcite-internal-table-cell-padding);\n  background-color: var(--calcite-internal-table-header-background);\n  &:focus-within {\n    @apply focus-inset;\n  }\n}\n\nth.last-cell {\n  border-inline-end: 0;\n}\n\nth.body-row,\nth.footer-row {\n  @apply align-middle;\n  border-block-end: 0;\n}\n\nth.footer-row {\n  border-block-start: 1px solid var(--calcite-internal-table-header-border-color);\n}\n\n.cell--multiple-selection {\n  @apply cursor-pointer align-middle text-color-3;\n}\n\n.selected-cell:not(.number-cell):not(.footer-cell) {\n  --calcite-internal-table-header-background: var(--calcite-color-foreground-current);\n}\n\n.number-cell,\n.selection-cell {\n  @apply text-color-2;\n  inline-size: 2rem;\n  min-inline-size: 2rem;\n}\n\n.selection-cell calcite-icon.active {\n  color: var(--calcite-color-brand);\n}\n.number-cell calcite-icon,\n.selection-cell calcite-icon {\n  @apply ms-auto me-auto align-middle;\n}\n\n.heading {\n  @apply text-color-1;\n}\n\n.description {\n  @apply text-color-3;\n  font-size: var(--calcite-internal-table-cell-font-size-secondary);\n}\n","import { Component, Element, h, Host, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { Alignment, Scale, SelectionMode } from \"../interfaces\";\nimport { TableHeaderMessages } from \"./assets/table-header/t9n\";\nimport { CSS } from \"./resources\";\nimport { RowType } from \"../table/interfaces\";\nimport { getIconScale } from \"../../utils/component\";\n\n@Component({\n  tag: \"calcite-table-header\",\n  styleUrl: \"table-header.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TableHeader implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component. */\n  @Prop({ reflect: true }) alignment: Alignment = \"start\";\n\n  /** Specifies the number of columns the component should span. */\n  @Prop({ reflect: true }) colSpan: number;\n\n  /** A description to display beneath heading content. */\n  @Prop({ reflect: true }) description: string;\n\n  /** A heading to display above description content. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** Specifies the number of rows the component should span. */\n  @Prop({ reflect: true }) rowSpan: number;\n\n  /** @internal */\n  @Prop() lastCell: boolean;\n\n  /** @internal */\n  @Prop() numberCell = false;\n\n  /** @internal */\n  @Prop() parentRowIsSelected: boolean;\n\n  /** @internal */\n  @Prop() parentRowPosition: number;\n\n  /** @internal */\n  @Prop() parentRowType: RowType;\n\n  /** @internal */\n  @Prop() positionInRow: number;\n\n  /** @internal */\n  @Prop() scale: Scale;\n\n  /** @internal */\n  @Prop() selectedRowCount: number;\n\n  /** @internal */\n  @Prop() selectedRowCountLocalized: string;\n\n  @Watch(\"selectedRowCount\")\n  @Watch(\"selectedRowCountLocalized\")\n  onSelectedChange(): void {\n    this.updateScreenReaderText();\n  }\n\n  /** @internal */\n  @Prop() selectionCell = false;\n\n  /** @internal */\n  @Prop() selectionMode: SelectionMode;\n\n  /** @internal */\n  @Prop() bodyRowCount: number;\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: TableHeaderMessages;\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<TableHeaderMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.updateScreenReaderText();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteTableHeaderElement;\n\n  @State() defaultMessages: TableHeaderMessages;\n\n  @State() screenReaderText = \"\";\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private containerEl: HTMLTableCellElement;\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    this.containerEl.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private updateScreenReaderText(): void {\n    let text = \"\";\n    const sharedText = `${this.selectedRowCountLocalized} ${this.messages?.selected}`;\n    if (this.numberCell) {\n      text = this.messages?.rowNumber;\n    } else if (this.selectionMode === \"single\") {\n      text = `${this.messages?.selectionColumn}. ${sharedText}`;\n    } else if (this.bodyRowCount === this.selectedRowCount) {\n      text = `${this.messages?.selectionColumn}. ${this.messages?.all} ${sharedText} ${this.messages?.keyboardDeselectAll}`;\n    } else {\n      text = `${this.messages?.selectionColumn}. ${sharedText} ${this.messages?.keyboardSelectAll}`;\n    }\n    this.screenReaderText = text;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const scope = this.rowSpan\n      ? \"rowgroup\"\n      : this.colSpan\n        ? \"colgroup\"\n        : this.parentRowType === \"body\"\n          ? \"row\"\n          : \"col\";\n\n    const allSelected = this.selectedRowCount === this.bodyRowCount;\n    const selectionIcon = allSelected ? \"check-square-f\" : \"check-square\";\n\n    return (\n      <Host>\n        <th\n          aria-colindex={this.parentRowType !== \"body\" ? this.positionInRow : \"\"}\n          class={{\n            [CSS.bodyRow]: this.parentRowType === \"body\",\n            [CSS.footerRow]: this.parentRowType === \"foot\",\n            [CSS.numberCell]: this.numberCell,\n            [CSS.selectionCell]: this.selectionCell,\n            [CSS.selectedCell]: this.parentRowIsSelected,\n            [CSS.multipleSelectionCell]: this.selectionMode === \"multiple\",\n            [CSS.lastCell]: this.lastCell,\n          }}\n          colSpan={this.colSpan}\n          role=\"columnheader\"\n          rowSpan={this.rowSpan}\n          scope={scope}\n          tabIndex={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={(el) => (this.containerEl = el)}\n        >\n          {this.heading && <div class={CSS.heading}>{this.heading}</div>}\n          {this.description && <div class={CSS.description}>{this.description}</div>}\n          {this.selectionCell && this.selectionMode === \"multiple\" && (\n            <calcite-icon\n              class={{ [CSS.active]: allSelected }}\n              icon={selectionIcon}\n              scale={getIconScale(this.scale)}\n            />\n          )}\n          {(this.selectionCell || this.numberCell) && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText}>\n              {this.screenReaderText}\n            </span>\n          )}\n        </th>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-32f0d2e4.entry.js

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