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

package/dist/calcite/p-a321a123.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.1.0-next.0
- */
-import{r as e,c as t,h as s,g as i}from"./p-9521e149.js";import{t as a}from"./p-0c30fb9d.js";import{s as n,a as o,c as r}from"./p-44126e23.js";import{c as l,d as c}from"./p-9c11ada6.js";import{c as d,s as h,d as u,u as f}from"./p-422d5bb1.js";import{c as p,u as b,d as g}from"./p-eb72f890.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-09f91d96.js";import"./p-817e4c1f.js";import"./p-0a65810b.js";const m={handle:"handle",handleActivated:"handle--activated"};const v={drag:"drag"};const x=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-color-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([disabled])) .handle:focus{color:var(--calcite-color-text-1);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:not([disabled])) .handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const y=class{constructor(s){e(this,s);this.calciteHandleNudge=t(this,"calciteHandleNudge",6);this.calciteInternalHandleChange=t(this,"calciteInternalHandleChange",6);this.handleKeyDown=e=>{if(this.disabled){return}switch(e.key){case" ":this.activated=!this.activated;e.preventDefault();break;case"ArrowUp":if(!this.activated){return}e.preventDefault();this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.activated){return}e.preventDefault();this.calciteHandleNudge.emit({direction:"down"});break}};this.handleBlur=()=>{if(this.disabled){return}this.activated=false};this.activated=false;this.disabled=false;this.dragHandle=undefined;this.messages=undefined;this.setPosition=undefined;this.setSize=undefined;this.label=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleAriaTextChange(){const e=this.getAriaText("live");if(e){this.calciteInternalHandleChange.emit({message:e})}}onMessagesChange(){}connectedCallback(){p(this);d(this);l(this)}async componentWillLoad(){n(this);await h(this)}componentDidLoad(){o(this)}componentDidRender(){b(this)}disconnectedCallback(){g(this);u(this);c(this)}effectiveLocaleChange(){f(this,this.effectiveLocale)}async setFocus(){await r(this);this.handleButton?.focus()}getAriaText(e){const{setPosition:t,setSize:s,label:i,messages:a,activated:n}=this;if(!a||!i||typeof s!=="number"||typeof t!=="number"){return null}const o=e==="label"?n?a.dragHandleChange:a.dragHandleIdle:n?a.dragHandleActive:a.dragHandleCommit;const r=o.replace("{position}",t.toString());const l=r.replace("{itemLabel}",i);return l.replace("{total}",s.toString())}render(){return s("span",{"aria-disabled":this.disabled?a(this.disabled):null,"aria-label":this.disabled?null:this.getAriaText("label"),"aria-pressed":this.disabled?null:a(this.activated),class:{[m.handle]:true,[m.handleActivated]:!this.disabled&&this.activated},onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,role:"button",tabIndex:this.disabled?null:0,title:this.messages?.dragHandle,ref:e=>{this.handleButton=e}},s("calcite-icon",{icon:v.drag,scale:"s"}))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messages:["handleAriaTextChange"],label:["handleAriaTextChange"],activated:["handleAriaTextChange"],setPosition:["handleAriaTextChange"],setSize:["handleAriaTextChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=x;export{y as calcite_handle};
-//# sourceMappingURL=p-a321a123.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","handle","handleActivated","ICONS","drag","handleCss","Handle","this","handleKeyDown","event","disabled","key","activated","preventDefault","calciteHandleNudge","emit","direction","handleBlur","handleAriaTextChange","message","getAriaText","calciteInternalHandleChange","onMessagesChange","connectedCallback","connectInteractive","connectMessages","connectLocalized","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectMessages","disconnectLocalized","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","handleButton","focus","type","setPosition","setSize","label","messages","text","dragHandleChange","dragHandleIdle","dragHandleActive","dragHandleCommit","replacePosition","replace","toString","replaceLabel","render","h","toAriaBoolean","class","onBlur","onKeyDown","role","tabIndex","title","dragHandle","ref","el","icon","scale"],"sources":["src/components/handle/resources.ts","src/components/handle/handle.scss?tag=calcite-handle&encapsulation=shadow","src/components/handle/handle.tsx"],"sourcesContent":["export const CSS = {\n  handle: \"handle\",\n  handleActivated: \"handle--activated\",\n};\n\nexport const ICONS = {\n  drag: \"drag\",\n};\n",":host {\n  @apply flex;\n}\n\n.handle {\n  @apply focus-base\n    flex\n    items-center\n    justify-center\n    self-stretch\n    border-none\n    bg-transparent;\n  color: theme(\"borderColor.color.input\");\n  padding-block: theme(\"spacing.3\");\n  padding-inline: theme(\"spacing.1\");\n  line-height: 0;\n\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n:host(:not([disabled])) .handle {\n  @apply cursor-move;\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  &:focus {\n    @apply text-color-1 focus-inset;\n  }\n  &--activated {\n    @apply bg-foreground-3 text-color-1;\n  }\n}\n\n@include disabled();\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 { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HandleMessages } from \"./assets/handle/t9n\";\nimport { HandleChange, HandleNudge } from \"./interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\n@Component({\n  tag: \"calcite-handle\",\n  styleUrl: \"handle.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Handle implements LoadableComponent, T9nComponent, InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) activated = false;\n\n  @Watch(\"messages\")\n  @Watch(\"label\")\n  @Watch(\"activated\")\n  @Watch(\"setPosition\")\n  @Watch(\"setSize\")\n  handleAriaTextChange(): void {\n    const message = this.getAriaText(\"live\");\n\n    if (message) {\n      this.calciteInternalHandleChange.emit({\n        message,\n      });\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  /**\n   * Value for the button title attribute\n   */\n  @Prop({ reflect: true }) dragHandle: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  @Prop() messages: HandleMessages;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setPosition: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setSize: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() label: string;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  @Prop() messageOverrides: Partial<HandleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectMessages(this);\n    connectLocalized(this);\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  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectMessages(this);\n    disconnectLocalized(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteHandleElement;\n\n  handleButton: HTMLElement;\n\n  @State() effectiveLocale: string;\n\n  @State() defaultMessages: HandleMessages;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the handle is activated and the up or down arrow key is pressed.\n   */\n  @Event({ cancelable: false }) calciteHandleNudge: EventEmitter<HandleNudge>;\n\n  /**\n   * Emitted when the handle is activated or deactivated.\n   */\n  @Event({ cancelable: false }) calciteInternalHandleChange: EventEmitter<HandleChange>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.handleButton?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getAriaText(type: \"label\" | \"live\"): string {\n    const { setPosition, setSize, label, messages, activated } = this;\n\n    if (!messages || !label || typeof setSize !== \"number\" || typeof setPosition !== \"number\") {\n      return null;\n    }\n\n    const text =\n      type === \"label\"\n        ? activated\n          ? messages.dragHandleChange\n          : messages.dragHandleIdle\n        : activated\n        ? messages.dragHandleActive\n        : messages.dragHandleCommit;\n\n    const replacePosition = text.replace(\"{position}\", setPosition.toString());\n    const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n    return replaceLabel.replace(\"{total}\", setSize.toString());\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n        this.activated = !this.activated;\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!this.activated) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"up\" });\n        break;\n      case \"ArrowDown\":\n        if (!this.activated) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"down\" });\n        break;\n    }\n  };\n\n  handleBlur = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.activated = false;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486\n      <span\n        aria-disabled={this.disabled ? toAriaBoolean(this.disabled) : null}\n        aria-label={this.disabled ? null : this.getAriaText(\"label\")}\n        aria-pressed={this.disabled ? null : toAriaBoolean(this.activated)}\n        class={{ [CSS.handle]: true, [CSS.handleActivated]: !this.disabled && this.activated }}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        role=\"button\"\n        tabIndex={this.disabled ? null : 0}\n        title={this.messages?.dragHandle}\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): void => {\n          this.handleButton = el;\n        }}\n      >\n        <calcite-icon icon={ICONS.drag} scale=\"s\" />\n      </span>\n    );\n  }\n}\n"],"mappings":";;;;;6ZAAO,MAAMA,EAAM,CACjBC,OAAQ,SACRC,gBAAiB,qBAGZ,MAAMC,EAAQ,CACnBC,KAAM,QCNR,MAAMC,EAAY,qyC,MC2CLC,EAAM,M,yJAsLjBC,KAAAC,cAAiBC,IACf,GAAIF,KAAKG,SAAU,CACjB,M,CAGF,OAAQD,EAAME,KACZ,IAAK,IACHJ,KAAKK,WAAaL,KAAKK,UACvBH,EAAMI,iBACN,MACF,IAAK,UACH,IAAKN,KAAKK,UAAW,CACnB,M,CAEFH,EAAMI,iBACNN,KAAKO,mBAAmBC,KAAK,CAAEC,UAAW,OAC1C,MACF,IAAK,YACH,IAAKT,KAAKK,UAAW,CACnB,M,CAEFH,EAAMI,iBACNN,KAAKO,mBAAmBC,KAAK,CAAEC,UAAW,SAC1C,M,EAINT,KAAAU,WAAa,KACX,GAAIV,KAAKG,SAAU,CACjB,M,CAGFH,KAAKK,UAAY,KAAK,E,eA5M4B,M,cAoBhB,M,uNAbpC,oBAAAM,GACE,MAAMC,EAAUZ,KAAKa,YAAY,QAEjC,GAAID,EAAS,CACXZ,KAAKc,4BAA4BN,KAAK,CACpCI,W,EAiDN,gBAAAG,G,CAUA,iBAAAC,GACEC,EAAmBjB,MACnBkB,EAAgBlB,MAChBmB,EAAiBnB,K,CAGnB,uBAAMoB,GACJC,EAAuBrB,YACjBsB,EAActB,K,CAGtB,gBAAAuB,GACEC,EAAmBxB,K,CAGrB,kBAAAyB,GACEC,EAAsB1B,K,CAGxB,oBAAA2B,GACEC,EAAsB5B,MACtB6B,EAAmB7B,MACnB8B,EAAoB9B,K,CAkBtB,qBAAA+B,GACEC,EAAehC,KAAMA,KAAKiC,gB,CA2B5B,cAAMC,SACEC,EAAmBnC,MAEzBA,KAAKoC,cAAcC,O,CASrB,WAAAxB,CAAYyB,GACV,MAAMC,YAAEA,EAAWC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQrC,UAAEA,GAAcL,KAE7D,IAAK0C,IAAaD,UAAgBD,IAAY,iBAAmBD,IAAgB,SAAU,CACzF,OAAO,I,CAGT,MAAMI,EACJL,IAAS,QACLjC,EACEqC,EAASE,iBACTF,EAASG,eACXxC,EACAqC,EAASI,iBACTJ,EAASK,iBAEf,MAAMC,EAAkBL,EAAKM,QAAQ,aAAcV,EAAYW,YAC/D,MAAMC,EAAeH,EAAgBC,QAAQ,cAAeR,GAC5D,OAAOU,EAAaF,QAAQ,UAAWT,EAAQU,W,CA4CjD,MAAAE,GACE,OAEEC,EAAA,wBACiBrD,KAAKG,SAAWmD,EAActD,KAAKG,UAAY,KAAI,aACtDH,KAAKG,SAAW,KAAOH,KAAKa,YAAY,SAAQ,eAC9Cb,KAAKG,SAAW,KAAOmD,EAActD,KAAKK,WACxDkD,MAAO,CAAE,CAAC9D,EAAIC,QAAS,KAAM,CAACD,EAAIE,kBAAmBK,KAAKG,UAAYH,KAAKK,WAC3EmD,OAAQxD,KAAKU,WACb+C,UAAWzD,KAAKC,cAChByD,KAAK,SACLC,SAAU3D,KAAKG,SAAW,KAAO,EACjCyD,MAAO5D,KAAK0C,UAAUmB,WAEtBC,IAAMC,IACJ/D,KAAKoC,aAAe2B,CAAE,GAGxBV,EAAA,gBAAcW,KAAMpE,EAAMC,KAAMoE,MAAM,M"}

package/dist/calcite/p-a4e1dab5.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.1.0-next.0
- */
-import{d as t}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
-//# sourceMappingURL=p-a4e1dab5.js.map

package/dist/calcite/p-a74e4129.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.1.0-next.0
- */
-import{c as t}from"./p-817e4c1f.js";const n=["lang","role","aria-expanded"];const o=new Map;let c;function e(t,o,c=false){const{el:e}=t;const s=c?t.globalAttributes:{};o.filter((t=>!!n.includes(t)&&!!e.hasAttribute(t))).forEach((t=>{const n=e.getAttribute(t);if(n!==null){s[t]=n}}));t.globalAttributes=s}function s(t){t.forEach((({target:t})=>{const[n,c]=o.get(t);e(n,c.attributeFilter)}))}function a(n,a){const{el:f}=n;const i={attributeFilter:a};o.set(f,[n,i]);e(n,a,true);if(!c){c=t("mutation",s)}c.observe(f,i)}function f(t){o.delete(t.el);s(c.takeRecords());c.disconnect();for(const[t,[,n]]of o.entries()){c.observe(t,n)}}export{f as u,a as w};
-//# sourceMappingURL=p-a74e4129.js.map

package/dist/calcite/p-a8955af8.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.1.0-next.0
- */
-import{d as e}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export default m;
-//# sourceMappingURL=p-a8955af8.js.map

package/dist/calcite/p-a8d3f4ad.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.1.0-next.0
- */
-import{d as e}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export default i;
-//# sourceMappingURL=p-a8d3f4ad.js.map

package/dist/calcite/p-a9c3a7dc.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.1.0-next.0
- */
-import{d as o}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var e={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),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"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function o(e){return e+"º"}};o.locale(e,null,true);export default e;
-//# sourceMappingURL=p-a9c3a7dc.js.map

package/dist/calcite/p-ab1c78da.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.1.0-next.0
- */
-import{r as e,h as t,g as s}from"./p-9521e149.js";import{j as i}from"./p-0c30fb9d.js";import{h as n,i as r}from"./p-eb7053aa.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";function o(e){let t=0;for(let s=0;s<e.length;s++){t=e.charCodeAt(s)+((t<<5)-t)}let s="#";for(let e=0;e<3;e++){const i=t>>e*8&255;s+=("00"+i.toString(16)).substr(-2)}return s}function a(e){let{r:t,g:s,b:i}=e;t/=255;s/=255;i/=255;const n=Math.max(t,s,i);const r=Math.min(t,s,i);const o=n-r;if(n===r){return 0}let a=(n+r)/2;switch(n){case t:a=(s-i)/o+(s<i?6:0);break;case s:a=(i-t)/o+2;break;case i:a=(t-s)/o+4;break}return Math.round(a*60)}function c(e){return a(n(e))}const l=":host{display:inline-block;overflow:hidden;border-radius:50%}:host([scale=s]){block-size:1.5rem;inline-size:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){block-size:2rem;inline-size:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){block-size:2.75rem;inline-size:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-color-text-2)}.thumbnail{block-size:100%;inline-size:100%;border-radius:50%}:host([hidden]){display:none}[hidden]{display:none}";const d=class{constructor(t){e(this,t);this.scale="m";this.thumbnail=undefined;this.fullName=undefined;this.username=undefined;this.userId=undefined;this.label=undefined;this.thumbnailFailedToLoad=false}render(){return this.determineContent()}determineContent(){if(this.thumbnail&&!this.thumbnailFailedToLoad){return t("img",{alt:this.label||"",class:"thumbnail",onError:()=>this.thumbnailFailedToLoad=true,src:this.thumbnail})}const e=this.generateInitials();const s=this.generateFillColor();return t("span",{"aria-label":this.label||this.fullName,class:"background",role:"figure",style:{backgroundColor:s}},e?t("span",{"aria-hidden":"true",class:"initials"},e):t("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))}generateFillColor(){const{userId:e,username:t,fullName:s,el:n}=this;const a=i(n);const l=e&&`#${e.substr(e.length-6)}`;const d=t||s||"";const u=l&&r(l)?l:o(d);if(!e&&!d||!r(u)){return`var(--calcite-color-foreground-2)`}const h=c(u);const f=a==="dark"?20:90;return`hsl(${h}, 60%, ${f}%)`}generateInitials(){const{fullName:e,username:t}=this;if(e){return e.trim().split(" ").map((e=>e.substring(0,1))).join("")}else if(t){return t.substring(0,2)}return false}get el(){return s(this)}};d.style=l;export{d as calcite_avatar};
-//# sourceMappingURL=p-ab1c78da.entry.js.map

package/dist/calcite/p-ab37f4ae.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.1.0-next.0
- */
-import{r as t,h as s,g as a}from"./p-9521e149.js";import{d as o}from"./p-0c30fb9d.js";import{c as e,u as d,d as i}from"./p-eb72f890.js";import{s as l,a as r,c as n}from"./p-44126e23.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-0a65810b.js";const c={button:"button"};const h={plus:"plus"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-button{--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)}calcite-button:hover{--tw-shadow:var(--calcite-shadow-md);--tw-shadow-colored:var(--calcite-shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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)}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(s){t(this,s);this.appearance="solid";this.kind="brand";this.disabled=false;this.icon=h.plus;this.iconFlipRtl=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false}connectedCallback(){e(this)}componentWillLoad(){l(this)}componentDidLoad(){r(this)}componentDidRender(){d(this)}disconnectedCallback(){i(this)}async setFocus(){await n(this);o(this.buttonEl)}render(){const{appearance:t,kind:a,disabled:o,loading:e,scale:d,textEnabled:i,icon:l,label:r,text:n,iconFlipRtl:h}=this;const p=!i?r||n||null:null;return s("calcite-button",{appearance:t==="solid"?"solid":"outline-fill",class:c.button,disabled:o,iconFlipRtl:h?"start":null,iconStart:l,kind:a,label:r,loading:e,round:true,scale:d,title:p,type:"button",width:"auto",ref:t=>{this.buttonEl=t}},this.textEnabled?this.text:null)}get el(){return a(this)}};w.style=p;export{w as calcite_fab};
-//# sourceMappingURL=p-ab37f4ae.entry.js.map

package/dist/calcite/p-ab7e4a40.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.1.0-next.0
- */
-import{d as r}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var a={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},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"},ordinal:function r(a){var e=["th","st","nd","rd"];var t=a%100;return"["+a+(e[(t-20)%10]||e[t]||e[0])+"]"}};r.locale(a,null,true);export default a;
-//# sourceMappingURL=p-ab7e4a40.js.map

package/dist/calcite/p-ac4fde28.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.1.0-next.0
- */
-import{d as e}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var a={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function e(a){return"["+a+(a===1||a===8||a>=20?"ste":"de")+"]"},weekStart:1,yearStart:4,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"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};e.locale(a,null,true);export default a;
-//# sourceMappingURL=p-ac4fde28.js.map

package/dist/calcite/p-ae126695.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.1.0-next.0
- */
-import{d as e}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,d){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?d[0]:d[1]}return d[2]},relativeTimeFormatter:function e(d,r,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&r)return"jedna godina";return n||r?m[0]:m[1]}var o=a.correctGrammarCase(d,m);if(t==="yy"&&r&&o==="%d godinu")return d+" godina";return o.replace("%d",d)}};var d={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(d,null,true);export default d;
-//# sourceMappingURL=p-ae126695.js.map

package/dist/calcite/p-ae6f078e.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.1.0-next.0
- */
-import{r as t,c as e,h as i,g as s,F as a}from"./p-9521e149.js";import{c as n,d as o,u as c}from"./p-eb72f890.js";import{s as l,a as r,c as d}from"./p-44126e23.js";import{c as h}from"./p-817e4c1f.js";import{m as p,d as f,a as m,s as u,h as b,b as g,c as v,k as x,i as w,f as k,l as y,j as z,r as C,o as L,p as j,n as I,q as H,t as W,I as F,L as _,u as D,v as R,w as M,C as S,S as V}from"./p-6fb5b0db.js";import{c as A,d as P}from"./p-6b6c8926.js";import{e as T,t as U}from"./p-0c30fb9d.js";import{H as K,c as O}from"./p-9c9bd400.js";import{c as q,d as E}from"./p-9c11ada6.js";import{u as B,c as G,s as J,d as N}from"./p-422d5bb1.js";import"./p-0a65810b.js";import"./p-9bc0c77d.js";import"./p-25d34e98.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-09f91d96.js";const Q=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const X=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=h("mutation",p.bind(this));this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=f.bind(this);this.deselectSiblingItems=m.bind(this);this.selectSiblings=u.bind(this);this.handleFilter=b.bind(this);this.handleFilterEvent=g.bind(this);this.getItemData=v.bind(this);this.keyDownHandler=x.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){w.call(this);k.call(this);n(this)}disconnectedCallback(){y.call(this);o(this)}componentWillLoad(){l(this)}componentDidLoad(){r(this);z.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(t){C.call(this,t)}calciteListItemChangeHandler(t){L.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){j.call(this,t);t.stopPropagation()}calciteListFocusOutHandler(t){I.call(this,t)}setUpItems(){H.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await d(this);return W.call(this,t)}getIconType(){return this.multiple?F.square:F.circle}render(){return i(_,{onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};X.style=Q;const Y=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end: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}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const Z=class{constructor(e){t(this,e);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){A(this)}disconnectedCallback(){P(this)}render(){const{el:t,groupTitle:e,headingLevel:s}=this;const n=T(t,D.parentItem)!==null;const o={[R.container]:true,[R.indented]:n};const c=e;const l=t.closest("calcite-pick-list")?.headingLevel;const r=l?O(l+1):null;const d=s||r;return i(a,null,c?i(K,{class:R.heading,level:d},c):null,i("slot",{name:D.parentItem}),i("section",{class:o},i("slot",null)))}get el(){return s(this)}};Z.style=Y;const $='@charset "UTF-8";: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{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label: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          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const tt=class{constructor(i){t(this,i);this.calciteListItemChange=e(this,"calciteListItemChange",6);this.calciteListItemRemove=e(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=e(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=e(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=t=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=t.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=t=>{if(t.key===" "){t.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(t,e){this.calciteInternalListItemValueChange.emit({oldValue:e,newValue:t})}effectiveLocaleChange(){B(this,this.effectiveLocale)}connectedCallback(){n(this);q(this);G(this);A(this)}async componentWillLoad(){await J(this);l(this)}componentDidLoad(){r(this)}disconnectedCallback(){o(this);E(this);N(this);P(this)}componentDidRender(){c(this,this.el.closest("calcite-pick-list")?"managed":false)}async toggleSelected(t){this.selected=typeof t==="boolean"?t:!this.selected}async setFocus(){await d(this);this.focusEl?.focus()}renderIcon(){const{icon:t,iconFlipRtl:e}=this;if(!t){return null}return i("span",{class:{[S.icon]:true,[S.iconDot]:t===F.circle},onClick:this.pickListClickHandler},t===F.square?i("calcite-icon",{flipRtl:e,icon:M.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:S.remove,icon:M.remove,onClick:this.removeClickHandler,slot:V.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:t}=this;const e=T(t,V.actionsStart);return e?i("div",{class:{[S.actions]:true,[S.actionsStart]:true}},i("slot",{name:V.actionsStart})):null}renderActionsEnd(){const{el:t,removable:e}=this;const s=T(t,V.actionsEnd);return s||e?i("div",{class:{[S.actions]:true,[S.actionsEnd]:true}},i("slot",{name:V.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:e}=this;return i(a,null,this.renderIcon(),this.renderActionsStart(),i("label",{"aria-label":e,class:S.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:t=>this.focusEl=t},i("div",{"aria-checked":U(this.selected),class:S.textContainer,role:"menuitemcheckbox"},i("span",{class:S.title},e),t?i("span",{class:S.description},t):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};tt.style=$;export{X as calcite_pick_list,Z as calcite_pick_list_group,tt as calcite_pick_list_item};
-//# sourceMappingURL=p-ae6f078e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pickListCss","PickList","this","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","setFilterEl","el","filterEl","setFilteredItems","filteredItems","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","Map","connectedCallback","initialize","call","initializeObserver","connectInteractive","disconnectedCallback","cleanUpObserver","disconnectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","handleInitialFilter","componentDidRender","updateHostInteraction","calciteListItemRemoveHandler","event","removeItem","calciteListItemChangeHandler","calciteInternalListItemPropsChangeHandler","stopPropagation","setUpFilter","calciteInternalListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","filterEnabled","dataForFilter","getSelectedItems","selectedValues","setFocus","focusId","componentFocusable","getIconType","multiple","ICON_TYPES","square","circle","render","h","List","onKeyDown","props","pickListGroupCss","PickListGroup","connectConditionalSlotComponent","disconnectConditionalSlotComponent","groupTitle","headingLevel","hasParentItem","getSlotted","SLOTS","parentItem","sectionClasses","CSS","container","indented","title","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","Fragment","Heading","class","heading","name","pickListItemCss","PickListItem","pickListClickHandler","disabled","deselectDisabled","selected","nonInteractive","shiftPressed","shiftKey","pickListKeyDownHandler","key","preventDefault","removeClickHandler","calciteListItemRemove","emit","descriptionWatchHandler","calciteInternalListItemPropsChange","labelWatchHandler","onMessagesChange","metadataWatchHandler","selectedWatchHandler","calciteListItemChange","item","value","valueWatchHandler","newValue","oldValue","calciteInternalListItemValueChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","toggleSelected","coerce","focusEl","focus","renderIcon","icon","iconFlipRtl","iconDot","onClick","flipRtl","ICONS","checked","scale","renderRemoveAction","removable","remove","slot","actionsEnd","text","messages","renderActionsStart","hasActionsStart","actionsStart","actions","renderActionsEnd","hasActionsEnd","description","label","tabIndex","ref","toAriaBoolean","textContainer","role"],"sources":["src/components/pick-list/pick-list.scss?tag=calcite-pick-list&encapsulation=shadow","src/components/pick-list/pick-list.tsx","src/components/pick-list-group/pick-list-group.scss?tag=calcite-pick-list-group&encapsulation=shadow","src/components/pick-list-group/pick-list-group.tsx","src/components/pick-list-item/pick-list-item.scss?tag=calcite-pick-list-item&encapsulation=shadow","src/components/pick-list-item/pick-list-item.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n    text-n1h\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow\n    flex-col\n    items-stretch\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-stretch\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-default;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-0;\n}\n\n:host([loading][disabled]) {\n  min-block-size: 2rem;\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} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { ICON_TYPES } from \"./resources\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-pick-list\",\n  styleUrl: \"pick-list.scss\",\n  shadow: true,\n})\nexport class PickList<\n  ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement\n> implements InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\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  /**\n   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalcitePickListItemElement[] = [];\n\n  /**\n   * The currently filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ reflect: true, mutable: true }) filterText: 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`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-pick-list-item`s at a time.\n   * When `false`, only a single `calcite-pick-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListElement;\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  @State() dataForFilter: ItemData = [];\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    initialize.call(this);\n    initializeObserver.call(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    cleanUpObserver.call(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the `calcite-pick-list-item` selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalcitePickListItemElement>\n  >;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-pick-list-item\");\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: any[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = keyDownHandler.bind(this);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected `calcite-pick-list-item`s. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ICON_TYPES {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n\n  render(): VNode {\n    return <List onKeyDown={this.keyDownHandler} props={this} />;\n  }\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    mb-1\n    box-border\n    block\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host(:last-child) {\n  @apply mb-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.heading {\n  @apply text-0h text-n1-wrap\n    text-color-3\n    my-2\n    mx-4;\n}\n\n.container--indented {\n  margin-inline-start: theme(\"margin.6\");\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` elements.\n */\n@Component({\n  tag: \"calcite-pick-list-group\",\n  styleUrl: \"pick-list-group.scss\",\n  shadow: true,\n})\nexport class PickListGroup implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the title for all nested `calcite-pick-list-item`s.\n   *\n   */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListGroupElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, groupTitle, headingLevel } = this;\n    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;\n    const sectionClasses = {\n      [CSS.container]: true,\n      [CSS.indented]: hasParentItem,\n    };\n\n    const title = groupTitle;\n    const parentLevel = el.closest(\"calcite-pick-list\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return (\n      <Fragment>\n        {title ? (\n          <Heading class={CSS.heading} level={level}>\n            {title}\n          </Heading>\n        ) : null}\n        <slot name={SLOTS.parentItem} />\n        <section class={sectionClasses}>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-n1\n    text-color-1\n    shadow-border-bottom\n    bg-foreground-1\n    text-n1h\n    m-0\n    mb-px\n    box-border\n    flex\n    items-stretch;\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n\n  * {\n    @apply box-border;\n  }\n}\n\n.label {\n  @apply focus-base\n    flex\n    flex-auto\n    cursor-pointer\n    items-center\n    bg-transparent;\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n:host([non-interactive]:hover) {\n  @apply bg-foreground-1;\n}\n\n:host([non-interactive]) .label,\n:host([non-interactive]) .icon {\n  @apply pointer-events-none;\n}\n\n.icon {\n  @apply my-0 flex cursor-pointer items-center p-1;\n  color: theme(\"colors.brand\");\n  flex: 0 0 auto;\n  line-height: 0;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n.icon-dot {\n  @apply flex w-6 items-center p-2;\n  &:before {\n    @apply opacity-0;\n    content: \"\\2022\";\n  }\n}\n\n.icon calcite-icon {\n  @apply opacity-0;\n}\n\n:host([selected]) .icon-dot:before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  @apply opacity-100;\n}\n\n.text-container {\n  @apply text-n2-wrap\n    word-break\n    pointer-events-none\n    flex\n    flex-col\n    flex-nowrap\n    overflow-hidden\n    py-2\n    px-3;\n}\n\n.title {\n  @apply text-color-1 font-normal;\n}\n\n.description {\n  @apply text-color-3 mt-0.5 font-normal;\n}\n\n.actions {\n  @apply m-0 flex flex-initial items-stretch justify-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: theme(\"padding.1\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { PickListItemMessages } from \"./assets/pick-list-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-pick-list-item\",\n  styleUrl: \"pick-list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class PickListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  @Watch(\"description\")\n  descriptionWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\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  /**\n   * When `false`, the component cannot be deselected by user interaction.\n   */\n  @Prop({ reflect: true }) deselectDisabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are `\"circle\"`, `\"square\"`, `\"grip\"` or `null`.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  @Watch(\"label\")\n  labelWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\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<PickListItemMessages>;\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: PickListItemMessages;\n\n  @Watch(\"defaultMessages\")\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  @Watch(\"metadata\")\n  metadataWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, displays a remove action that removes the item from the list.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, selects an item. Toggles when an item is checked/unchecked.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed,\n    });\n\n    this.shiftPressed = false;\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  @Watch(\"value\")\n  valueWatchHandler(newValue: any, oldValue: any): void {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListItemElement;\n\n  private focusEl: HTMLLabelElement;\n\n  shiftPressed: boolean;\n\n  @State() defaultMessages: PickListItemMessages;\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    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this, this.el.closest(\"calcite-pick-list\") ? \"managed\" : false);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalcitePickListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>;\n\n  /**\n   * Emits when the component's label, description, value, or metadata properties are modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemPropsChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's value property is modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemValueChange: EventEmitter<{\n    oldValue: any;\n    newValue: any;\n  }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggles the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.focusEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  pickListClickHandler = (event: MouseEvent): void => {\n    if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {\n      return;\n    }\n\n    this.shiftPressed = event.shiftKey;\n    this.selected = !this.selected;\n  };\n\n  pickListKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      event.preventDefault();\n      if ((this.deselectDisabled && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.selected = !this.selected;\n    }\n  };\n\n  removeClickHandler = (): void => {\n    this.calciteListItemRemove.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(): VNode {\n    const { icon, iconFlipRtl } = this;\n\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconDot]: icon === ICON_TYPES.circle,\n        }}\n        onClick={this.pickListClickHandler}\n      >\n        {icon === ICON_TYPES.square ? (\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.checked} scale=\"s\" />\n        ) : null}\n      </span>\n    );\n  }\n\n  renderRemoveAction(): VNode {\n    return this.removable ? (\n      <calcite-action\n        class={CSS.remove}\n        icon={ICONS.remove}\n        onClick={this.removeClickHandler}\n        slot={SLOTS.actionsEnd}\n        text={this.messages.remove}\n      />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsStart]: true }}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd || removable ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsEnd]: true }}>\n        <slot name={SLOTS.actionsEnd} />\n        {this.renderRemoveAction()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { description, label } = this;\n\n    return (\n      <Fragment>\n        {this.renderIcon()}\n        {this.renderActionsStart()}\n        <label\n          aria-label={label}\n          class={CSS.label}\n          onClick={this.pickListClickHandler}\n          onKeyDown={this.pickListKeyDownHandler}\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={(focusEl): HTMLLabelElement => (this.focusEl = focusEl)}\n        >\n          <div\n            aria-checked={toAriaBoolean(this.selected)}\n            class={CSS.textContainer}\n            role=\"menuitemcheckbox\"\n          >\n            <span class={CSS.title}>{label}</span>\n            {description ? <span class={CSS.description}>{description}</span> : null}\n          </div>\n        </label>\n        {this.renderActionsEnd()}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":";;;;;ywBAAA,MAAMA,EAAc,yqC,MC6DPC,EAAQ,M,mIAmFnBC,KAAAC,iBAAgC,KAEhCD,KAAAE,iBAAmBC,EAAe,WAAYC,EAAyBC,KAAKL,OAmG5EA,KAAAM,YAAeC,IACbP,KAAKQ,SAAWD,CAAE,EAGpBP,KAAAS,iBAAoBC,IAClBV,KAAKU,cAAgBA,CAAa,EAGpCV,KAAAW,qBAAuBA,EAAqBN,KAAKL,MAEjDA,KAAAY,qBAAuBA,EAAqBP,KAAKL,MAEjDA,KAAAa,eAAiBA,EAAeR,KAAKL,MAErCA,KAAAc,aAAeA,EAAaT,KAAKL,MAEjCA,KAAAe,kBAAoBA,EAAkBV,KAAKL,MAE3CA,KAAAgB,YAAcA,EAAYX,KAAKL,MAE/BA,KAAAiB,eAAiBA,EAAeZ,KAAKL,M,cA/LD,M,mBAOuC,G,kBAQzB,G,mBAKT,M,oGAqBN,M,cAQC,M,2BAKa,M,oBAUG,IAAIkB,I,mBAErB,E,CAoBnC,iBAAAC,GACEC,EAAWC,KAAKrB,MAChBsB,EAAmBD,KAAKrB,MACxBuB,EAAmBvB,K,CAGrB,oBAAAwB,GACEC,EAAgBJ,KAAKrB,MACrB0B,EAAsB1B,K,CAGxB,iBAAA2B,GACEC,EAAuB5B,K,CAGzB,gBAAA6B,GACEC,EAAmB9B,MACnB+B,EAAoBV,KAAKrB,K,CAG3B,kBAAAgC,GACEC,EAAsBjC,K,CAsBxB,4BAAAkC,CAA6BC,GAC3BC,EAAWf,KAAKrB,KAAMmC,E,CAIxB,4BAAAE,CAA6BF,GAC3BE,EAA6BhB,KAAKrB,KAAMmC,E,CAI1C,yCAAAG,CAA0CH,GACxCA,EAAMI,kBACNvC,KAAKwC,a,CAIP,yCAAAC,CAA0CN,GACxCM,EAA0CpB,KAAKrB,KAAMmC,GACrDA,EAAMI,iB,CAIR,0BAAAG,CAA2BP,GACzBO,EAA2BrB,KAAKrB,KAAMmC,E,CASxC,UAAAQ,GACEA,EAAWtB,KAAKrB,KAAM,yB,CAGxB,WAAAwC,GACE,GAAIxC,KAAK4C,cAAe,CACtB5C,KAAK6C,cAAgB7C,KAAKgB,a,EAkC9B,sBAAM8B,GACJ,OAAO9C,KAAK+C,c,CASd,cAAMC,CAASC,SACPC,EAAmBlD,MAEzB,OAAOgD,EAAS3B,KAAKrB,KAAMiD,E,CAS7B,WAAAE,GACE,OAAOnD,KAAKoD,SAAWC,EAAWC,OAASD,EAAWE,M,CAGxD,MAAAC,GACE,OAAOC,EAACC,EAAI,CAACC,UAAW3D,KAAKiB,eAAgB2C,MAAO5D,M,qCC9SxD,MAAM6D,EAAmB,qyB,MCmBZC,EAAa,M,+EAgCxB,iBAAA3C,GACE4C,EAAgC/D,K,CAGlC,oBAAAwB,GACEwC,EAAmChE,K,CASrC,MAAAwD,GACE,MAAMjD,GAAEA,EAAE0D,WAAEA,EAAUC,aAAEA,GAAiBlE,KACzC,MAAMmE,EAAgBC,EAAW7D,EAAI8D,EAAMC,cAAgB,KAC3D,MAAMC,EAAiB,CACrB,CAACC,EAAIC,WAAY,KACjB,CAACD,EAAIE,UAAWP,GAGlB,MAAMQ,EAAQV,EACd,MAAMW,EAAcrE,EAAGsE,QAAQ,sBAAsBX,aACrD,MAAMY,EAAgBF,EAAcG,EAAsBH,EAAc,GAAK,KAC7E,MAAMI,EAAQd,GAAgBY,EAE9B,OACErB,EAACwB,EAAQ,KACNN,EACClB,EAACyB,EAAO,CAACC,MAAOX,EAAIY,QAASJ,MAAOA,GACjCL,GAED,KACJlB,EAAA,QAAM4B,KAAMhB,EAAMC,aAClBb,EAAA,WAAS0B,MAAOZ,GACdd,EAAA,c,qCCvFV,MAAM6B,EAAkB,uoF,MCsDXC,GAAY,M,iUA+OvBvF,KAAAwF,qBAAwBrD,IACtB,GAAInC,KAAKyF,UAAazF,KAAK0F,kBAAoB1F,KAAK2F,UAAa3F,KAAK4F,eAAgB,CACpF,M,CAGF5F,KAAK6F,aAAe1D,EAAM2D,SAC1B9F,KAAK2F,UAAY3F,KAAK2F,QAAQ,EAGhC3F,KAAA+F,uBAA0B5D,IACxB,GAAIA,EAAM6D,MAAQ,IAAK,CACrB7D,EAAM8D,iBACN,GAAKjG,KAAK0F,kBAAoB1F,KAAK2F,UAAa3F,KAAK4F,eAAgB,CACnE,M,CAEF5F,KAAK2F,UAAY3F,KAAK2F,Q,GAI1B3F,KAAAkG,mBAAqB,KACnBlG,KAAKmG,sBAAsBC,MAAM,E,yCA7OC,M,sBAKQ,M,oBAKF,M,UAOS,K,iBAGZ,M,oHA6CF,M,cAKc,M,yEAsCxB,E,CAnH3B,uBAAAC,GACErG,KAAKsG,mCAAmCF,M,CAkC1C,iBAAAG,GACEvG,KAAKsG,mCAAmCF,M,CAmB1C,gBAAAI,G,CAUA,oBAAAC,GACEzG,KAAKsG,mCAAmCF,M,CAc1C,oBAAAM,GACE1G,KAAK2G,sBAAsBP,KAAK,CAC9BQ,KAAM5G,KAAKO,GACXsG,MAAO7G,KAAK6G,MACZlB,SAAU3F,KAAK2F,SACfE,aAAc7F,KAAK6F,eAGrB7F,KAAK6F,aAAe,K,CAStB,iBAAAiB,CAAkBC,EAAeC,GAC/BhH,KAAKiH,mCAAmCb,KAAK,CAAEY,WAAUD,Y,CAoB3D,qBAAAG,GACEC,EAAenH,KAAMA,KAAKoH,gB,CAS5B,iBAAAjG,GACEI,EAAmBvB,MACnBqH,EAAiBrH,MACjBsH,EAAgBtH,MAChB+D,EAAgC/D,K,CAGlC,uBAAM2B,SACE4F,EAAcvH,MACpB4B,EAAuB5B,K,CAGzB,gBAAA6B,GACEC,EAAmB9B,K,CAGrB,oBAAAwB,GACEE,EAAsB1B,MACtBwH,EAAoBxH,MACpByH,EAAmBzH,MACnBgE,EAAmChE,K,CAGrC,kBAAAgC,GACEC,EAAsBjC,KAAMA,KAAKO,GAAGsE,QAAQ,qBAAuB,UAAY,M,CAsDjF,oBAAM6C,CAAeC,GACnB3H,KAAK2F,gBAAkBgC,IAAW,UAAYA,GAAU3H,KAAK2F,Q,CAK/D,cAAM3C,SACEE,EAAmBlD,MAEzBA,KAAK4H,SAASC,O,CAsChB,UAAAC,GACE,MAAMC,KAAEA,EAAIC,YAAEA,GAAgBhI,KAE9B,IAAK+H,EAAM,CACT,OAAO,I,CAGT,OACEtE,EAAA,QACE0B,MAAO,CACL,CAACX,EAAIuD,MAAO,KACZ,CAACvD,EAAIyD,SAAUF,IAAS1E,EAAWE,QAErC2E,QAASlI,KAAKwF,sBAEbuC,IAAS1E,EAAWC,OACnBG,EAAA,gBAAc0E,QAASH,EAAaD,KAAMK,EAAMC,QAASC,MAAM,MAC7D,K,CAKV,kBAAAC,GACE,OAAOvI,KAAKwI,UACV/E,EAAA,kBACE0B,MAAOX,EAAIiE,OACXV,KAAMK,EAAMK,OACZP,QAASlI,KAAKkG,mBACdwC,KAAMrE,EAAMsE,WACZC,KAAM5I,KAAK6I,SAASJ,SAEpB,I,CAGN,kBAAAK,GACE,MAAMvI,GAAEA,GAAOP,KACf,MAAM+I,EAAkB3E,EAAW7D,EAAI8D,EAAM2E,cAE7C,OAAOD,EACLtF,EAAA,OAAK0B,MAAO,CAAE,CAACX,EAAIyE,SAAU,KAAM,CAACzE,EAAIwE,cAAe,OACrDvF,EAAA,QAAM4B,KAAMhB,EAAM2E,gBAElB,I,CAGN,gBAAAE,GACE,MAAM3I,GAAEA,EAAEiI,UAAEA,GAAcxI,KAC1B,MAAMmJ,EAAgB/E,EAAW7D,EAAI8D,EAAMsE,YAE3C,OAAOQ,GAAiBX,EACtB/E,EAAA,OAAK0B,MAAO,CAAE,CAACX,EAAIyE,SAAU,KAAM,CAACzE,EAAImE,YAAa,OACnDlF,EAAA,QAAM4B,KAAMhB,EAAMsE,aACjB3I,KAAKuI,sBAEN,I,CAGN,MAAA/E,GACE,MAAM4F,YAAEA,EAAWC,MAAEA,GAAUrJ,KAE/B,OACEyD,EAACwB,EAAQ,KACNjF,KAAK8H,aACL9H,KAAK8I,qBACNrF,EAAA,sBACc4F,EACZlE,MAAOX,EAAI6E,MACXnB,QAASlI,KAAKwF,qBACd7B,UAAW3D,KAAK+F,uBAChBuD,SAAU,EAEVC,IAAM3B,GAA+B5H,KAAK4H,QAAUA,GAEpDnE,EAAA,sBACgB+F,EAAcxJ,KAAK2F,UACjCR,MAAOX,EAAIiF,cACXC,KAAK,oBAELjG,EAAA,QAAM0B,MAAOX,EAAIG,OAAQ0E,GACxBD,EAAc3F,EAAA,QAAM0B,MAAOX,EAAI4E,aAAcA,GAAsB,OAGvEpJ,KAAKkJ,mB"}

package/dist/calcite/p-b1de8bdc.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.1.0-next.0
- */
-import{r as t,h as e,H as i,g as n,c as o,F as s}from"./p-9521e149.js";import{s as r,l as a,d as c,g as l}from"./p-0c30fb9d.js";import{s as h,a as d,c as u}from"./p-44126e23.js";import{c as f,d as p}from"./p-9c11ada6.js";import{u as m,c as v,s as b,d as g}from"./p-422d5bb1.js";import{w as y,u as x}from"./p-a74e4129.js";import{C as w}from"./p-d9fb0024.js";import"./p-65bc88dd.js";import"./p-09f91d96.js";import"./p-817e4c1f.js";const k=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const z=class{constructor(e){t(this,e);this.menuItems=[];this.handleMenuSlotChange=t=>{this.menuItems=r(t);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.globalAttributes={role:"menubar"}}handleLayoutChange(t){this.setMenuItemLayout(this.menuItems,t)}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){f(this);v(this);y(this,["role"])}async componentWillLoad(){h(this);await b(this)}componentDidLoad(){d(this)}disconnectedCallback(){p(this);g(this);x(this)}async setFocus(){await u(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(t){const e=t.target;const i=t.detail.children;const n=t.detail.event.key;t.stopPropagation();if(n==="ArrowDown"){if(e.layout==="vertical"){a(this.menuItems,e,"next",false)}else{if(t.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){a(this.menuItems,e,"previous",false)}else{if(t.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){a(this.menuItems,e,"next",false)}else{if(t.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){a(this.menuItems,e,"previous",false)}else{if(t.detail.isSubmenuOpen){this.focusParentElement(t.target)}}}else if(n==="Escape"){this.focusParentElement(t.target)}t.preventDefault()}focusParentElement(t){const e=t.parentElement;if(e){c(e);e.open=false}}setMenuItemLayout(t,e){t.forEach((t=>{t.layout=e;if(this.globalAttributes.role==="menubar"){t.isTopLevelItem=true;t.topLevelMenuLayout=this.layout}}))}render(){return e(i,null,e("ul",{"aria-label":this.label,...this.globalAttributes},e("slot",{onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;const C={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const I=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);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          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const L=class{constructor(e){t(this,e);this.calciteInternalMenuItemKeyEvent=o(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=o(this,"calciteMenuItemSelect",7);this.clickHandler=t=>{if(this.href&&t.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(t)};this.handleMenuItemSlotChange=t=>{this.submenuItems=r(t);this.submenuItems.forEach((t=>{if(!t.topLevelMenuLayout){t.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async t=>{if(t.key===" "||t.key==="Enter"){this.selectMenuItem(t);if(this.hasSubmenu&&(!this.href||this.href&&t.target===this.dropdownActionEl)){this.open=!this.open}t.preventDefault()}else if(t.key==="Escape"){if(this.open){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:t});t.preventDefault()}else if(t.key==="ArrowDown"||t.key==="ArrowUp"){t.preventDefault();if((t.target===this.dropdownActionEl||!this.href)&&this.hasSubmenu&&!this.open&&this.layout==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:this.open&&this.hasSubmenu})}else if(t.key==="ArrowLeft"){t.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:true})}else if(t.key==="ArrowRight"){t.preventDefault();if((t.target===this.dropdownActionEl||!this.href)&&this.hasSubmenu&&!this.open&&this.layout==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:this.open&&this.hasSubmenu})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}async setFocus(){await u(this);this.anchorEl.focus()}handleClickOut(t){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!t.composedPath().includes(this.el)){this.open=false}}handleFocusOut(t){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(t.relatedTarget)){this.open=false}}connectedCallback(){f(this);v(this)}async componentWillLoad(){h(this);await b(this)}componentDidLoad(){d(this)}disconnectedCallback(){p(this);g(this)}blurHandler(){this.isFocused=false}focusHandler(t){const e=t.target;this.isFocused=true;if(e.open&&!this.open){e.open=false}}selectMenuItem(t){if(t.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return e("calcite-icon",{class:`${C.icon} ${C.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:C.iconStart,scale:"s"})}renderIconEnd(){return e("calcite-icon",{class:`${C.icon} ${C.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:C.iconEnd,scale:"s"})}renderBreadcrumbIcon(t){return e("calcite-icon",{class:`${C.icon} ${C.iconBreadcrumb}`,icon:t==="rtl"?"chevron-left":"chevron-right",key:C.iconBreadcrumb,scale:"s"})}renderDropdownIcon(t){const i=t==="rtl"?"chevron-left":"chevron-right";return e("calcite-icon",{class:`${C.icon} ${C.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":i,key:C.iconDropdown,scale:"s"})}renderDropdownAction(t){const i=t==="rtl"?"chevron-left":"chevron-right";return e("calcite-action",{class:C.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":i,key:C.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:t=>this.dropdownActionEl=t})}renderSubmenuItems(t){return e("calcite-menu",{class:{[C.dropdownMenuItems]:true,[C.open]:this.open,[C.nested]:!this.isTopLevelItem,[w.rtl]:t==="rtl",[C.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},e("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(t){return e("calcite-icon",{class:C.hoverHrefIcon,icon:t==="rtl"?"arrow-left":"arrow-right",key:C.hoverHrefIcon,scale:"s"})}renderItemContent(t){const i=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return e(s,null,this.iconStart&&this.renderIconStart(),e("div",{class:C.textContainer},e("span",null,this.text)),i&&this.renderHrefIcon(t),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(t):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(t):null)}render(){const t=l(this.el);return e(i,{onBlur:this.blurHandler,onFocus:this.focusHandler},e("li",{class:{[C.container]:true,[C.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},e("div",{class:C.itemContent},e("a",{"aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[C.layoutVertical]:this.layout==="vertical",[C.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:t=>this.anchorEl=t},this.renderItemContent(t)),this.href&&this.hasSubmenu?this.renderDropdownAction(t):null),this.renderSubmenuItems(t)))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};L.style=I;export{z as calcite_menu,L as calcite_menu_item};
-//# sourceMappingURL=p-b1de8bdc.entry.js.map

package/dist/calcite/p-b7e6a490.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.1.0-next.0
- */
-import{r as t,c as i,h as e,g as a}from"./p-9521e149.js";import{c as n,u as o,d as s}from"./p-eb72f890.js";import{c as l,s as c,a as r}from"./p-44126e23.js";import"./p-0a65810b.js";const d={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const h=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host:host([kind=brand]){--calcite-split-button-background:var(--calcite-color-brand);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-color-status-danger);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-color-foreground-3);--calcite-split-button-divider:var(--calcite-color-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-color-inverse);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-text-1);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-border-1);--calcite-split-button-background:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]) .divider-container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.loading=false;this.overlayPositioning="absolute";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await l(this);this.el.focus()}connectedCallback(){n(this)}componentWillLoad(){c(this)}componentDidLoad(){r(this)}componentDidRender(){o(this)}disconnectedCallback(){s(this)}render(){const t=this.width==="auto"?"auto":"full";return e("div",{class:d.container},e("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{class:d.dividerContainer},e("div",{class:d.divider})),e("calcite-dropdown",{disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,"width-scale":this.scale},e("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",null)))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};p.style=h;export{p as calcite_split_button};
-//# sourceMappingURL=p-b7e6a490.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","dividerContainer","divider","widthAuto","widthHalf","widthFull","splitButtonCss","SplitButton","this","calciteSplitButtonPrimaryClickHandler","calciteSplitButtonPrimaryClick","emit","calciteSplitButtonSecondaryClickHandler","calciteSplitButtonSecondaryClick","handleDisabledChange","value","active","activeHandler","disabled","setFocus","componentFocusable","el","focus","connectedCallback","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","render","buttonWidth","width","h","class","appearance","primaryIconEnd","primaryIconStart","iconFlipRtl","primaryIconFlipRtl","kind","label","primaryLabel","loading","onClick","scale","splitChild","type","primaryText","open","overlayPositioning","placement","dropdownIcon","dropdownLabel","slot","dropdownIconType"],"sources":["src/components/split-button/resources.ts","src/components/split-button/split-button.scss?tag=calcite-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  dividerContainer: \"divider-container\",\n  divider: \"divider\",\n  widthAuto: \"width-auto\",\n  widthHalf: \"width-half\",\n  widthFull: \"width-full\",\n};\n",":host {\n  @apply inline-block;\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n:host {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-background: theme(\"colors.brand\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-background: theme(\"colors.danger\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-background: theme(\"colors.background.foreground.3\");\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-background: var(--calcite-color-inverse);\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n}\n\n:host([appearance=\"transparent\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n    --calcite-split-button-background: transparent;\n  }\n}\n\n:host([appearance=\"outline\"]) {\n  --calcite-split-button-background: transparent;\n}\n\n:host([appearance=\"outline-fill\"]) {\n  --calcite-split-button-background: theme(\"colors.background.foreground.1\");\n}\n\n:host([appearance=\"outline\"]),\n:host([appearance=\"outline-fill\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"borderColor.color.1\");\n    --calcite-split-button-background: theme(\"borderColor.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: var(--calcite-color-inverse);\n  }\n}\n\n.container {\n  @apply flex items-stretch;\n  > calcite-dropdown > calcite-button {\n    @apply h-full align-top;\n  }\n}\n\n.divider-container {\n  @apply transition-default flex w-px items-stretch;\n  background-color: var(--calcite-split-button-background);\n}\n\n.divider {\n  @apply my-1 inline-block w-px;\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=\"outline-fill\"]),\n:host([appearance=\"outline\"]) {\n  .divider-container {\n    border-block: 1px solid var(--calcite-split-button-divider);\n  }\n  &:hover .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:hover),\n:host([appearance=\"outline\"]:hover) {\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:focus-within),\n:host([appearance=\"outline\"]:focus-within) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand-press\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger-press\");\n  }\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n@include disabled() {\n  .divider-container {\n    @apply opacity-disabled;\n  }\n\n  calcite-dropdown > calcite-button {\n    @apply pointer-events-none;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { DropdownIconType } from \"../button/interfaces\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown` content.\n */\n@Component({\n  tag: \"calcite-split-button\",\n  styleUrl: \"split-button.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class SplitButton implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Specifies the kind of the component (will apply to border and background if applicable). */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.active = false;\n    }\n  }\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) active = false;\n\n  @Watch(\"active\")\n  activeHandler(): void {\n    if (this.disabled) {\n      this.active = false;\n    }\n  }\n\n  /** Specifies the icon used for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownIconType: DropdownIconType = \"chevron\";\n\n  /** Accessible name for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownLabel: string;\n\n  /**\n    When `true`, a busy indicator is displayed on the primary button.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies an icon to display at the end of the primary button. */\n  @Prop({ reflect: true }) primaryIconEnd: string;\n\n  /**  Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) primaryIconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the primary button. */\n  @Prop({ reflect: true }) primaryIconStart: string;\n\n  /** Accessible name for the primary button. */\n  @Prop({ reflect: true }) primaryLabel: string;\n\n  /** Text displayed in the primary button. */\n  @Prop({ reflect: true }) primaryText: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Fires when the primary button is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonPrimaryClick: EventEmitter<void>;\n\n  /**\n   * Fires when the dropdown menu is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonSecondaryClick: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSplitButtonElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    const buttonWidth = this.width === \"auto\" ? \"auto\" : \"full\";\n\n    return (\n      <div class={CSS.container}>\n        <calcite-button\n          appearance={this.appearance}\n          disabled={this.disabled}\n          icon-end={this.primaryIconEnd ? this.primaryIconEnd : null}\n          icon-start={this.primaryIconStart ? this.primaryIconStart : null}\n          iconFlipRtl={this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null}\n          kind={this.kind}\n          label={this.primaryLabel}\n          loading={this.loading}\n          onClick={this.calciteSplitButtonPrimaryClickHandler}\n          scale={this.scale}\n          splitChild={\"primary\"}\n          type=\"button\"\n          width={buttonWidth}\n        >\n          {this.primaryText}\n        </calcite-button>\n        <div class={CSS.dividerContainer}>\n          <div class={CSS.divider} />\n        </div>\n        <calcite-dropdown\n          disabled={this.disabled}\n          onClick={this.calciteSplitButtonSecondaryClickHandler}\n          open={this.active}\n          overlayPositioning={this.overlayPositioning}\n          placement=\"bottom-end\"\n          scale={this.scale}\n          width-scale={this.scale}\n        >\n          <calcite-button\n            appearance={this.appearance}\n            disabled={this.disabled}\n            icon-start={this.dropdownIcon}\n            kind={this.kind}\n            label={this.dropdownLabel}\n            scale={this.scale}\n            slot=\"trigger\"\n            splitChild={\"secondary\"}\n            type=\"button\"\n          />\n          <slot />\n        </calcite-dropdown>\n      </div>\n    );\n  }\n\n  private calciteSplitButtonPrimaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonPrimaryClick.emit();\n\n  private calciteSplitButtonSecondaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonSecondaryClick.emit();\n\n  private get dropdownIcon(): string {\n    return this.dropdownIconType === \"chevron\"\n      ? \"chevronDown\"\n      : this.dropdownIconType === \"caret\"\n      ? \"caretDown\"\n      : this.dropdownIconType === \"ellipsis\"\n      ? \"ellipsis\"\n      : \"handle-vertical\";\n  }\n}\n"],"mappings":";;;;;qLAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,iBAAkB,oBAClBC,QAAS,UACTC,UAAW,aACXC,UAAW,aACXC,UAAW,cCNb,MAAMC,EAAiB,6sI,MCsCVC,EAAW,M,2LAiMdC,KAAAC,sCAAwC,IAC9CD,KAAKE,+BAA+BC,OAE9BH,KAAAI,wCAA0C,IAChDJ,KAAKK,iCAAiCF,O,gBA1LpC,Q,UAIF,Q,cAGkC,M,YAca,M,sBAUa,U,0CAQ3B,M,wBAU+B,W,kKAkB1B,I,WAGA,M,CA5DxC,oBAAAG,CAAqBC,GACnB,IAAKA,EAAO,CACVP,KAAKQ,OAAS,K,EAYlB,aAAAC,GACE,GAAIT,KAAKU,SAAU,CACjBV,KAAKQ,OAAS,K,EAkElB,cAAMG,SACEC,EAAmBZ,MACzBA,KAAKa,GAAGC,O,CAiBV,iBAAAC,GACEC,EAAmBhB,K,CAGrB,iBAAAiB,GACEC,EAAuBlB,K,CAGzB,gBAAAmB,GACEC,EAAmBpB,K,CAGrB,kBAAAqB,GACEC,EAAsBtB,K,CAGxB,oBAAAuB,GACEC,EAAsBxB,K,CAGxB,MAAAyB,GACE,MAAMC,EAAc1B,KAAK2B,QAAU,OAAS,OAAS,OAErD,OACEC,EAAA,OAAKC,MAAOtC,EAAIC,WACdoC,EAAA,kBACEE,WAAY9B,KAAK8B,WACjBpB,SAAUV,KAAKU,SAAQ,WACbV,KAAK+B,eAAiB/B,KAAK+B,eAAiB,KAAI,aAC9C/B,KAAKgC,iBAAmBhC,KAAKgC,iBAAmB,KAC5DC,YAAajC,KAAKkC,mBAAqBlC,KAAKkC,mBAAqB,KACjEC,KAAMnC,KAAKmC,KACXC,MAAOpC,KAAKqC,aACZC,QAAStC,KAAKsC,QACdC,QAASvC,KAAKC,sCACduC,MAAOxC,KAAKwC,MACZC,WAAY,UACZC,KAAK,SACLf,MAAOD,GAEN1B,KAAK2C,aAERf,EAAA,OAAKC,MAAOtC,EAAIE,kBACdmC,EAAA,OAAKC,MAAOtC,EAAIG,WAElBkC,EAAA,oBACElB,SAAUV,KAAKU,SACf6B,QAASvC,KAAKI,wCACdwC,KAAM5C,KAAKQ,OACXqC,mBAAoB7C,KAAK6C,mBACzBC,UAAU,aACVN,MAAOxC,KAAKwC,MAAK,cACJxC,KAAKwC,OAElBZ,EAAA,kBACEE,WAAY9B,KAAK8B,WACjBpB,SAAUV,KAAKU,SAAQ,aACXV,KAAK+C,aACjBZ,KAAMnC,KAAKmC,KACXC,MAAOpC,KAAKgD,cACZR,MAAOxC,KAAKwC,MACZS,KAAK,UACLR,WAAY,YACZC,KAAK,WAEPd,EAAA,c,CAYR,gBAAYmB,GACV,OAAO/C,KAAKkD,mBAAqB,UAC7B,cACAlD,KAAKkD,mBAAqB,QAC1B,YACAlD,KAAKkD,mBAAqB,WAC1B,WACA,iB"}

package/dist/calcite/p-b8d1247e.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.1.0-next.0
- */
-import{d as a}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var r={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,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"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function a(r){return r+"."}};a.locale(r,null,true);export default r;
-//# sourceMappingURL=p-b8d1247e.js.map

package/dist/calcite/p-be28af65.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.1.0-next.0
- */
-import{r as t,h as e,g as a}from"./p-9521e149.js";import{s as n,r as o,f as r}from"./p-f21d73fe.js";import{c as i,d as c,u as l}from"./p-eb72f890.js";import{c as s,d,g as p}from"./p-4346c93f.js";import{s as u,a as h,c as b}from"./p-44126e23.js";import{c as v,d as g}from"./p-9c11ada6.js";import{c as f}from"./p-817e4c1f.js";import{g as k}from"./p-f2fbb9ac.js";import{c as m,d as x,s as w,u as y}from"./p-422d5bb1.js";import{w as z,u as j}from"./p-a74e4129.js";import{t as C}from"./p-0c30fb9d.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";const L={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty",buttonPadding:"button-padding",buttonPaddingShrunk:"button-padding--shrunk"};const E=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host 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          )}:host button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}";const S=class{constructor(e){t(this,e);this.mutationObserver=f("mutation",(()=>this.updateHasContent()));this.resizeObserver=f("resize",(()=>this.setTooltipText()));this.handleClick=()=>{const{type:t}=this;if(this.href){return}if(t==="submit"){n(this)}else if(t==="reset"){o(this)}};this.setTooltipText=()=>{const{contentEl:t}=this;if(t){this.tooltipText=t.offsetWidth<t.scrollWidth?this.el.innerText:null}};this.setChildEl=t=>{this.childEl=t;if(t){this.resizeObserver?.observe(t)}};this.alignment="center";this.appearance="solid";this.label=undefined;this.kind="brand";this.disabled=false;this.form=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.name=undefined;this.rel=undefined;this.round=false;this.scale="m";this.splitChild=false;this.target=undefined;this.type="button";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.hasContent=false;this.hasLoader=false;this.effectiveLocale="";this.defaultMessages=undefined;this.tooltipText=undefined;this.globalAttributes={ariaExpanded:undefined}}loadingChanged(t,e){if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((()=>{this.hasLoader=false}),300)}}onMessagesChange(){}async connectedCallback(){i(this);v(this);m(this);z(this,["aria-expanded"]);this.hasLoader=this.loading;this.setupTextContentObserver();s(this);this.formEl=r(this)}disconnectedCallback(){this.mutationObserver?.disconnect();c(this);d(this);g(this);x(this);this.resizeObserver?.disconnect();this.formEl=null;j(this)}async componentWillLoad(){u(this);{this.updateHasContent();await w(this)}}componentDidLoad(){h(this);this.setTooltipText()}componentDidRender(){l(this)}render(){const t=this.href?"a":"button";const a=t;const n=this.hasLoader?e("div",{class:L.buttonLoader},e("calcite-loader",{class:this.loading?L.loadingIn:L.loadingOut,inline:true,label:this.messages.loading,scale:this.scale==="l"?"m":"s"})):null;const o=!this.iconStart&&!this.iconEnd;const r=e("calcite-icon",{class:{[L.icon]:true,[L.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:k(this.scale)});const i=e("calcite-icon",{class:{[L.icon]:true,[L.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:k(this.scale)});const c=e("span",{class:L.content,ref:t=>this.contentEl=t},e("slot",null));return e(a,{"aria-disabled":t==="a"?C(this.disabled||this.loading):null,"aria-label":!this.loading?p(this):this.messages.loading,"aria-live":"polite",class:{[L.buttonPadding]:o,[L.buttonPaddingShrunk]:!o,[L.contentSlotted]:this.hasContent,[L.iconStartEmpty]:!this.iconStart,[L.iconEndEmpty]:!this.iconEnd},disabled:t==="button"?this.disabled||this.loading:null,href:t==="a"&&this.href,name:t==="button"&&this.name,onClick:this.handleClick,rel:t==="a"&&this.rel,tabIndex:this.disabled?-1:null,target:t==="a"&&this.target,title:this.tooltipText,type:t==="button"&&this.type,...this.globalAttributes,ref:this.setChildEl},n,this.iconStart?r:null,this.hasContent?c:null,this.iconEnd?i:null)}async setFocus(){await b(this);this.childEl?.focus()}effectiveLocaleChange(){y(this,this.effectiveLocale)}updateHasContent(){const t=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&this.el.childNodes[0]?.nodeName==="#text"?this.el.textContent?.trim().length>0:t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}onLabelClick(){this.handleClick();this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{loading:["loadingChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_button};
-//# sourceMappingURL=p-be28af65.entry.js.map

package/dist/calcite/p-be457984.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.1.0-next.0
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";
-//# sourceMappingURL=p-be457984.entry.js.map

package/dist/calcite/p-c3737362.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.1.0-next.0
- */
-const n={menuActions:"menu-actions",menuTooltip:"menu-tooltip"};const o={menu:"ellipsis"};const t={container:"container"};export{t as C,o as I,n as S};
-//# sourceMappingURL=p-c3737362.js.map

package/dist/calcite/p-c576e7ed.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.1.0-next.0
- */
-import{d as r}from"./p-02f91bb5.js";import"./p-9521e149.js";import"./p-f21d73fe.js";import"./p-0c30fb9d.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";import"./p-eb72f890.js";import"./p-0a65810b.js";import"./p-09f91d96.js";import"./p-4346c93f.js";import"./p-f2fbb9ac.js";import"./p-44126e23.js";import"./p-9c11ada6.js";import"./p-817e4c1f.js";import"./p-cbb61168.js";import"./p-01ad766a.js";import"./p-422d5bb1.js";import"./p-5081e8c1.js";var t={name:"zh-cn",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(t,_){switch(_){case"W":return t+"周";default:return t+"日"}},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s内",past:"%s前",s:"几秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},meridiem:function r(t,_){var e=t*100+_;if(e<600){return"凌晨"}else if(e<900){return"早上"}else if(e<1100){return"上午"}else if(e<1300){return"中午"}else if(e<1800){return"下午"}return"晚上"}};r.locale(t,null,true);export default t;
-//# sourceMappingURL=p-c576e7ed.js.map

package/dist/calcite/p-c8ecbddb.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.1.0-next.0
- */
-import{r as t,h as o,g as s}from"./p-9521e149.js";import{c as e,d as a}from"./p-6b6c8926.js";import{c as i,s as c,a as n}from"./p-44126e23.js";import{c as l,d as r}from"./p-9c11ada6.js";import{u as d,c as p,d as h,s as u}from"./p-422d5bb1.js";import{S as g}from"./p-9e21e3ed.js";import{S as m,I as f,C as b}from"./p-c3737362.js";import{b as x}from"./p-0c30fb9d.js";import"./p-817e4c1f.js";import"./p-09f91d96.js";import"./p-65bc88dd.js";import"./p-d9fb0024.js";const v=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}';const y=class{constructor(o){t(this,o);this.setMenuOpen=t=>{this.menuOpen=!!t.target.open};this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=x(t)};this.expanded=false;this.label=undefined;this.layout="vertical";this.columns=undefined;this.menuOpen=false;this.overlayPositioning="absolute";this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.hasMenuActions=false}expandedHandler(){this.menuOpen=false}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await i(this);this.el.focus()}connectedCallback(){l(this);p(this);e(this)}disconnectedCallback(){r(this);h(this);a(this)}async componentWillLoad(){c(this);await u(this)}componentDidLoad(){n(this)}renderMenu(){const{expanded:t,menuOpen:s,scale:e,layout:a,messages:i,overlayPositioning:c,hasMenuActions:n}=this;return o("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!n,label:i.more,onCalciteActionMenuOpen:this.setMenuOpen,open:s,overlayPositioning:c,placement:a==="horizontal"?"bottom-start":"leading-start",scale:e},o("calcite-action",{icon:f.menu,scale:e,slot:g.trigger,text:i.more,textEnabled:t}),o("slot",{name:m.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),o("slot",{name:m.menuTooltip,slot:g.tooltip}))}render(){return o("div",{"aria-label":this.label,class:b.container,role:"group"},o("slot",null),this.renderMenu())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=v;export{y as calcite_action_group};
-//# sourceMappingURL=p-c8ecbddb.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["actionGroupCss","ActionGroup","this","setMenuOpen","event","menuOpen","target","open","handleMenuActionsSlotChange","hasMenuActions","slotChangeHasAssignedElement","expandedHandler","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","el","focus","connectedCallback","connectLocalized","connectMessages","connectConditionalSlotComponent","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","renderMenu","expanded","scale","layout","messages","overlayPositioning","h","flipPlacements","hidden","label","more","onCalciteActionMenuOpen","placement","icon","ICONS","menu","slot","ACTION_MENU_SLOTS","trigger","text","textEnabled","name","SLOTS","menuActions","onSlotchange","menuTooltip","tooltip","render","class","CSS","container","role"],"sources":["src/components/action-group/action-group.scss?tag=calcite-action-group&encapsulation=shadow","src/components/action-group/action-group.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-group-columns: Sets number of grid-template-columns when the `layout` property is `\"grid\"`.\n * @prop --calcite-action-group-gap: Sets the gap (gutters) between rows and columns when the `layout` property is `\"grid\"`.\n * @prop --calcite-action-group-padding: Sets the padding when the `layout` property is `\"grid\"`.\n */\n\n:host {\n  @extend %component-host;\n\n  @apply flex\n  flex-col\n  p-0;\n\n  --calcite-action-group-columns: 3;\n  --calcite-action-group-gap: theme(\"gap.px\");\n  --calcite-action-group-padding: theme(\"padding.px\");\n}\n\n.container {\n  @apply flex flex-col flex-grow;\n}\n\n:host([columns=\"1\"]) {\n  --calcite-action-group-columns: 1;\n}\n:host([columns=\"2\"]) {\n  --calcite-action-group-columns: 2;\n}\n:host([columns=\"3\"]) {\n  --calcite-action-group-columns: 3;\n}\n:host([columns=\"4\"]) {\n  --calcite-action-group-columns: 4;\n}\n:host([columns=\"5\"]) {\n  --calcite-action-group-columns: 5;\n}\n:host([columns=\"6\"]) {\n  --calcite-action-group-columns: 6;\n}\n\n:host(:first-child) {\n  @apply pt-0;\n}\n\n:host([layout=\"horizontal\"]),\n:host([layout=\"horizontal\"]) .container {\n  @apply flex-row;\n}\n\n:host([layout=\"grid\"]) {\n  @apply grid;\n}\n\n:host([layout=\"grid\"]) .container {\n  @apply bg-background\n  grid\n  place-content-stretch;\n  gap: var(--calcite-action-group-gap);\n  padding: var(--calcite-action-group-gap);\n  grid-template-columns: repeat(var(--calcite-action-group-columns), auto);\n}\n\n@include base-component();\n","import { Component, Element, h, Method, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { CalciteActionMenuCustomEvent } from \"../../components\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Columns, Layout, Scale } from \"../interfaces\";\nimport { ActionGroupMessages } from \"./assets/action-group/t9n\";\nimport { ICONS, SLOTS, CSS } from \"./resources\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { slotChangeHasAssignedElement } from \"../../utils/dom\";\n\n/**\n * @slot - A slot for adding a group of `calcite-action`s.\n * @slot menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n * @slot menu-tooltip - A slot for adding a `calcite-tooltip` for the menu.\n */\n@Component({\n  tag: \"calcite-action-group\",\n  styleUrl: \"action-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class ActionGroup\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(): void {\n    this.menuOpen = false;\n  }\n\n  /**\n   * Specifies the label of the component. Required for accessibility.\n   */\n  @Prop() label: string;\n\n  /**\n   * Indicates the layout of the component.\n   *\n   * @deprecated Use the `layout` property on the component's parent instead.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  /**\n   * Indicates number of columns.\n   */\n  @Prop({ reflect: true }) columns: Columns;\n\n  /**\n   * When `true`, the `calcite-action-menu` is open.\n   */\n  @Prop({ reflect: true, mutable: true }) menuOpen = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * Specifies the size of the `calcite-action-menu`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\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: ActionGroupMessages;\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<ActionGroupMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n  @Element() el: HTMLCalciteActionGroupElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionGroupMessages;\n\n  @State() hasMenuActions = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\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  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderMenu(): VNode {\n    const { expanded, menuOpen, scale, layout, messages, overlayPositioning, hasMenuActions } =\n      this;\n\n    return (\n      <calcite-action-menu\n        expanded={expanded}\n        flipPlacements={[\"left\", \"right\"]}\n        hidden={!hasMenuActions}\n        label={messages.more}\n        onCalciteActionMenuOpen={this.setMenuOpen}\n        open={menuOpen}\n        overlayPositioning={overlayPositioning}\n        placement={layout === \"horizontal\" ? \"bottom-start\" : \"leading-start\"}\n        scale={scale}\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.more}\n          textEnabled={expanded}\n        />\n        <slot name={SLOTS.menuActions} onSlotchange={this.handleMenuActionsSlotChange} />\n        <slot name={SLOTS.menuTooltip} slot={ACTION_MENU_SLOTS.tooltip} />\n      </calcite-action-menu>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <div aria-label={this.label} class={CSS.container} role=\"group\">\n        <slot />\n        {this.renderMenu()}\n      </div>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setMenuOpen = (event: CalciteActionMenuCustomEvent<void>): void => {\n    this.menuOpen = !!(event.target as HTMLCalciteActionMenuElement).open;\n  };\n\n  handleMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuActions = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":";;;;;6cAAA,MAAMA,EAAiB,2qC,MCyCVC,EAAW,M,yBAqLtBC,KAAAC,YAAeC,IACbF,KAAKG,WAAcD,EAAME,OAAwCC,IAAI,EAGvEL,KAAAM,4BAA+BJ,IAC7BF,KAAKO,eAAiBC,EAA6BN,EAAM,E,cA9KvB,M,iCAiBM,W,qCAUS,M,wBASe,W,kGAiCvC,G,mDASD,K,CA3E1B,eAAAO,GACET,KAAKG,SAAW,K,CAsDlB,gBAAAO,G,CAcA,qBAAAC,GACEC,EAAeZ,KAAMA,KAAKa,gB,CAe5B,cAAMC,SACEC,EAAmBf,MACzBA,KAAKgB,GAAGC,O,CAQV,iBAAAC,GACEC,EAAiBnB,MACjBoB,EAAgBpB,MAChBqB,EAAgCrB,K,CAGlC,oBAAAsB,GACEC,EAAoBvB,MACpBwB,EAAmBxB,MACnByB,EAAmCzB,K,CAGrC,uBAAM0B,GACJC,EAAuB3B,YACjB4B,EAAc5B,K,CAGtB,gBAAA6B,GACEC,EAAmB9B,K,CASrB,UAAA+B,GACE,MAAMC,SAAEA,EAAQ7B,SAAEA,EAAQ8B,MAAEA,EAAKC,OAAEA,EAAMC,SAAEA,EAAQC,mBAAEA,EAAkB7B,eAAEA,GACvEP,KAEF,OACEqC,EAAA,uBACEL,SAAUA,EACVM,eAAgB,CAAC,OAAQ,SACzBC,QAAShC,EACTiC,MAAOL,EAASM,KAChBC,wBAAyB1C,KAAKC,YAC9BI,KAAMF,EACNiC,mBAAoBA,EACpBO,UAAWT,IAAW,aAAe,eAAiB,gBACtDD,MAAOA,GAEPI,EAAA,kBACEO,KAAMC,EAAMC,KACZb,MAAOA,EACPc,KAAMC,EAAkBC,QACxBC,KAAMf,EAASM,KACfU,YAAanB,IAEfK,EAAA,QAAMe,KAAMC,EAAMC,YAAaC,aAAcvD,KAAKM,8BAClD+B,EAAA,QAAMe,KAAMC,EAAMG,YAAaT,KAAMC,EAAkBS,U,CAK7D,MAAAC,GACE,OACErB,EAAA,oBAAiBrC,KAAKwC,MAAOmB,MAAOC,EAAIC,UAAWC,KAAK,SACtDzB,EAAA,aACCrC,KAAK+B,a"}