@esri/calcite-components 2.10.0-next.8 → 2.10.0

package/dist/calcite/p-b043f575.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{d as e}from"./p-a6183fdc.js";import"./p-9893851a.js";import"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-6075641d.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-fddced5f.js";import"./p-b9b81c5f.js";import"./p-b901da42.js";import"./p-076f56e6.js";import"./p-d4d6801a.js";import"./p-417f43fd.js";import"./p-75c938c5.js";import"./p-9e6b50ec.js";import"./p-7279400b.js";import"./p-21104f52.js";import"./p-217771e8.js";var m={name:"es-mx",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("_"),monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),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+"º"},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"}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-b043f575.js.map

package/dist/calcite/p-b043f575.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","ordinal","n","formats","LT","LTS","L","LL","LLL","LLLL","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/es-mx.js"],"sourcesContent":["// Spanish (Mexico) [es-mx]\nimport dayjs from '../index';\nvar locale = {\n  name: 'es-mx',\n  weekdays: 'domingo_lunes_martes_miércoles_jueves_viernes_sábado'.split('_'),\n  weekdaysShort: 'dom._lun._mar._mié._jue._vie._sáb.'.split('_'),\n  weekdaysMin: 'do_lu_ma_mi_ju_vi_sá'.split('_'),\n  months: 'enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre'.split('_'),\n  monthsShort: 'ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic'.split('_'),\n  relativeTime: {\n    future: 'en %s',\n    past: 'hace %s',\n    s: 'unos segundos',\n    m: 'un minuto',\n    mm: '%d minutos',\n    h: 'una hora',\n    hh: '%d horas',\n    d: 'un día',\n    dd: '%d días',\n    M: 'un mes',\n    MM: '%d meses',\n    y: 'un año',\n    yy: '%d años'\n  },\n  ordinal: function ordinal(n) {\n    return n + \"\\xBA\";\n  },\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D [de] MMMM [de] YYYY',\n    LLL: 'D [de] MMMM [de] YYYY H:mm',\n    LLLL: 'dddd, D [de] MMMM [de] YYYY H:mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4eAEG,IAACA,EAAS,CACXC,KAAM,QACNC,SAAU,uDAAuDC,MAAM,KACvEC,cAAe,qCAAqCD,MAAM,KAC1DE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,2FAA2FH,MAAM,KACzGI,YAAa,kDAAkDJ,MAAM,KACrEK,aAAc,CACZC,OAAQ,QACRC,KAAM,UACNC,EAAG,gBACHC,EAAG,YACHC,GAAI,aACJC,EAAG,WACHC,GAAI,WACJC,EAAG,SACHC,GAAI,UACJC,EAAG,SACHC,GAAI,WACJC,EAAG,SACHC,GAAI,WAENC,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,QAAS,CACPC,GAAI,OACJC,IAAK,UACLC,EAAG,aACHC,GAAI,wBACJC,IAAK,6BACLC,KAAM,qCAGVC,EAAM/B,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-b081b580.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/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{r as t,c as e,h as s,H as i,g as n}from"./p-9893851a.js";import{c as a,d as o}from"./p-fddced5f.js";import{u as h,I as c}from"./p-6075641d.js";import{e as r,c as l,d}from"./p-076f56e6.js";import{u as f,c as u,d as m,s as p}from"./p-7279400b.js";import{c as b,s as g,a as T}from"./p-b901da42.js";import{c as C,d as y,a as I,H as v}from"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-b9b81c5f.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-d4d6801a.js";const D=60;const Z=["CET","CST6CDT","EET","EST","EST5EDT","Factory","HST","MET","MST","MST7MDT","PST8PDT","UTC","WET"];function j(t){const e="−";const s="-";return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace(e,s)}function w(t,e){const s=O(t,"en-US",e).replace("GMT","");if(s===""){return 0}return Number(j(s))*D}function M(){const t=new Date;return t.getTimezoneOffset()*-1}function k(){const t=new Intl.DateTimeFormat;return t.resolvedOptions().timeZone}let x;async function E(t,e,s,i){const n=i.getTime();const a=Intl.supportedValuesOf("timeZone");if(s==="offset"){if(!x){x=Promise.all([import("./p-4be2f652.js"),import("./p-f9a97d37.js")])}return x.then((async([{groupTimeZones:s},{DateEngine:i}])=>{const a=await s({dateEngine:new i,groupDateRange:1,startDate:new Date(n).toISOString()});const o=new Intl.ListFormat(t,{style:"long",type:"conjunction"});a.forEach((t=>{const e=[];let s=0;t.tzs.forEach(((t,i)=>{if(Z.includes(t)){s++}e[i]=s}));t.tzs=t.tzs.filter((t=>!Z.includes(t)));t.labelTzIndices=t.labelTzIndices.map((t=>t-e[t])).filter((e=>e>=0&&e<t.tzs.length))}));return a.map((({labelTzIndices:s,tzs:i})=>{const a=i[0];const h=j(O(a,t,n));const c=w(a,n);const r=s.map((t=>{const s=i[t];const n=e[s];return n||s.split("/").pop()}));const l=L(e,h,o.format(r));return{label:l,value:c,filterValue:i.map((t=>S(t)))}})).filter((t=>!!t)).sort(((t,e)=>t.value-e.value))}))}return a.map((t=>{const e=S(t);const s=t;return{label:e,value:s,filterValue:t}})).filter((t=>!!t)).sort()}function S(t){return t.replace(/_/g," ")}function L(t,e,s){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",s)}function O(t,e,s=Date.now()){const i=r(e,{timeZone:t,timeZoneName:"shortOffset"});const n=i.formatToParts(s);return n.find((({type:t})=>t==="timeZoneName")).value}function P(t,e,s){return s==null?null:t.find((t=>t[e]==s))}const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";const B=z;const V=class{constructor(s){t(this,s);this.calciteInputTimeZoneBeforeClose=e(this,"calciteInputTimeZoneBeforeClose",6);this.calciteInputTimeZoneBeforeOpen=e(this,"calciteInputTimeZoneBeforeOpen",6);this.calciteInputTimeZoneChange=e(this,"calciteInputTimeZoneChange",6);this.calciteInputTimeZoneClose=e(this,"calciteInputTimeZoneClose",6);this.calciteInputTimeZoneOpen=e(this,"calciteInputTimeZoneOpen",6);this.setComboboxRef=t=>{this.comboboxEl=t};this.onComboboxBeforeClose=t=>{t.stopPropagation();this.calciteInputTimeZoneBeforeClose.emit()};this.onComboboxBeforeOpen=t=>{t.stopPropagation();this.calciteInputTimeZoneBeforeOpen.emit()};this.onComboboxChange=t=>{t.stopPropagation();const e=t.target;const s=e.selectedItems[0];if(!s){this.value=null;this.selectedTimeZoneItem=null;this.calciteInputTimeZoneChange.emit();return}const i=this.findTimeZoneItemByLabel(s.textLabel);const n=`${i.value}`;if(this.value===n&&i.label===this.selectedTimeZoneItem.label){return}this.value=n;this.selectedTimeZoneItem=i;this.calciteInputTimeZoneChange.emit()};this.onComboboxClose=t=>{t.stopPropagation();this.open=false;this.calciteInputTimeZoneClose.emit()};this.onComboboxOpen=t=>{this.open=true;t.stopPropagation();this.calciteInputTimeZoneOpen.emit()};this.clearable=false;this.disabled=false;this.form=undefined;this.maxItems=0;this.messages=undefined;this.messageOverrides=undefined;this.mode="offset";this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.open=false;this.overlayPositioning="absolute";this.referenceDate=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined;this.readOnly=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}handleTimeZoneItemPropsChange(){this.updateTimeZoneItemsAndSelection()}handleValueChange(t,e){t=this.normalizeValue(t);if(!t&&this.clearable){this.value=t;this.selectedTimeZoneItem=null;return}const s=this.findTimeZoneItem(t);if(!s){this.value=e;return}this.selectedTimeZoneItem=s}async setFocus(){await b(this);await this.comboboxEl.setFocus()}effectiveLocaleWatcher(){f(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}findTimeZoneItem(t){return P(this.timeZoneItems,"value",t)}findTimeZoneItemByLabel(t){return P(this.timeZoneItems,"label",t)}async updateTimeZoneItemsAndSelection(){this.timeZoneItems=await this.createTimeZoneItems();if(this.value===""&&this.clearable){this.selectedTimeZoneItem=null;return}const t=this.mode==="offset"?M():k();const e=this.value??t;this.selectedTimeZoneItem=this.findTimeZoneItem(e)||this.findTimeZoneItem(t)}async createTimeZoneItems(){if(!this.effectiveLocale||!this.messages){return[]}return E(this.effectiveLocale,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()))}connectedCallback(){C(this);a(this);l(this);u(this)}disconnectedCallback(){y(this);o(this);d(this);m(this)}normalizeValue(t){return t===null?"":t}async componentWillLoad(){g(this);await p(this);this.value=this.normalizeValue(this.value);await this.updateTimeZoneItemsAndSelection();const t=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:null;I(this,t);this.value=t}componentDidLoad(){T(this)}componentDidRender(){h(this)}render(){return s(i,{key:"240ec55973f3b514109f4f7b37e180c50904396c"},s(c,{key:"dd354cbb64a9207d5a8a76c8506addc4ad7a6cba",disabled:this.disabled},s("calcite-combobox",{key:"5bcf50d77eedd614eeaa1884a77fa7c23549635c",clearDisabled:!this.clearable,disabled:this.disabled,label:this.messages.chooseTimeZone,lang:this.effectiveLocale,maxItems:this.maxItems,onCalciteComboboxBeforeClose:this.onComboboxBeforeClose,onCalciteComboboxBeforeOpen:this.onComboboxBeforeOpen,onCalciteComboboxChange:this.onComboboxChange,onCalciteComboboxClose:this.onComboboxClose,onCalciteComboboxOpen:this.onComboboxOpen,open:this.open,overlayPositioning:this.overlayPositioning,placeholder:this.mode==="name"?this.messages.namePlaceholder:this.messages.offsetPlaceholder,readOnly:this.readOnly,ref:this.setComboboxRef,scale:this.scale,selectionMode:this.clearable?"single":"single-persist",status:this.status,"validation-icon":this.validationIcon,"validation-message":this.validationMessage},this.timeZoneItems.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,value:n}=t;return s("calcite-combobox-item",{"data-value":n,key:i,selected:e,textLabel:i,value:`${t.filterValue}`})}))),s(v,{key:"8e430121c67530bded9a9060dea8f4d4f1de5457",component:this})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],messages:["handleTimeZoneItemPropsChange"],mode:["handleTimeZoneItemPropsChange"],referenceDate:["handleTimeZoneItemPropsChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};V.style=B;export{V as calcite_input_time_zone};
-//# sourceMappingURL=p-b081b580.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["hourToMinutes","timeZoneNameBlockList","timeZoneOffsetToDecimal","shortOffsetTimeZoneName","minusSign","hyphen","replace","toOffsetValue","timeZoneName","referenceDateInMs","offset","getTimeZoneShortOffset","Number","getUserTimeZoneOffset","localDate","Date","getTimezoneOffset","getUserTimeZoneName","dateFormatter","Intl","DateTimeFormat","resolvedOptions","timeZone","timeZoneGroups","async","createTimeZoneItems","locale","messages","mode","referenceDate","getTime","timeZoneNames","supportedValuesOf","Promise","all","import","then","groupTimeZones","DateEngine","dateEngine","groupDateRange","startDate","toISOString","listFormatter","ListFormat","style","type","forEach","group","indexOffsets","removedSoFar","tzs","tz","index","includes","filter","labelTzIndices","map","length","groupRepTz","decimalOffset","value","tzLabels","timeZoneLabel","split","pop","label","createTimeZoneOffsetLabel","format","filterValue","toUserFriendlyName","sort","groupA","groupB","offsetLabel","groupLabel","now","dateTimeFormat","getDateTimeFormat","parts","formatToParts","find","findTimeZoneItemByProp","timeZoneItems","prop","valueToMatch","item","inputTimeZoneCss","CalciteInputTimeZoneStyle0","InputTimeZone","this","setComboboxRef","el","comboboxEl","onComboboxBeforeClose","event","stopPropagation","calciteInputTimeZoneBeforeClose","emit","onComboboxBeforeOpen","calciteInputTimeZoneBeforeOpen","onComboboxChange","combobox","target","selectedItem","selectedItems","selectedTimeZoneItem","calciteInputTimeZoneChange","selected","findTimeZoneItemByLabel","textLabel","selectedValue","onComboboxClose","open","calciteInputTimeZoneClose","onComboboxOpen","calciteInputTimeZoneOpen","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","onMessagesChange","handleTimeZoneItemPropsChange","updateTimeZoneItemsAndSelection","handleValueChange","oldValue","normalizeValue","clearable","timeZoneItem","findTimeZoneItem","setFocus","componentFocusable","effectiveLocaleWatcher","updateMessages","effectiveLocale","onLabelClick","fallbackValue","connectedCallback","connectForm","connectLabel","connectLocalized","connectMessages","disconnectedCallback","disconnectForm","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","key","InteractiveContainer","disabled","clearDisabled","chooseTimeZone","lang","maxItems","onCalciteComboboxBeforeClose","onCalciteComboboxBeforeOpen","onCalciteComboboxChange","onCalciteComboboxClose","onCalciteComboboxOpen","overlayPositioning","placeholder","namePlaceholder","offsetPlaceholder","readOnly","ref","scale","selectionMode","status","validationIcon","validationMessage","HiddenFormInputSlot","component"],"sources":["src/components/input-time-zone/utils.ts","src/components/input-time-zone/input-time-zone.scss?tag=calcite-input-time-zone&encapsulation=shadow","src/components/input-time-zone/input-time-zone.tsx"],"sourcesContent":["import { getDateTimeFormat, SupportedLocale } from \"../../utils/locale\";\nimport { TimeZoneItem, TimeZoneMode, TimeZoneName } from \"./interfaces\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\n\nconst hourToMinutes = 60;\n\nconst timeZoneNameBlockList = [\n  \"CET\",\n  \"CST6CDT\",\n  \"EET\",\n  \"EST\",\n  \"EST5EDT\",\n  \"Factory\",\n  \"HST\",\n  \"MET\",\n  \"MST\",\n  \"MST7MDT\",\n  \"PST8PDT\",\n  \"UTC\",\n  \"WET\",\n];\n\nfunction timeZoneOffsetToDecimal(shortOffsetTimeZoneName: string): string {\n  const minusSign = \"−\";\n  const hyphen = \"-\";\n\n  return (\n    shortOffsetTimeZoneName\n      .replace(\":15\", \".25\")\n      .replace(\":30\", \".5\")\n      .replace(\":45\", \".75\")\n\n      // ensures decimal string representation is parseable\n      .replace(minusSign, hyphen)\n  );\n}\n\nfunction toOffsetValue(timeZoneName: TimeZoneName, referenceDateInMs: number): number {\n  // we use \"en-US\" to allow us to reliably remove the standard time token\n  const offset = getTimeZoneShortOffset(timeZoneName, \"en-US\", referenceDateInMs).replace(\"GMT\", \"\");\n\n  if (offset === \"\") {\n    return 0;\n  }\n\n  return Number(timeZoneOffsetToDecimal(offset)) * hourToMinutes;\n}\n\nexport function getUserTimeZoneOffset(): number {\n  const localDate = new Date();\n  return localDate.getTimezoneOffset() * -1;\n}\n\nexport function getUserTimeZoneName(): string {\n  const dateFormatter = new Intl.DateTimeFormat();\n  return dateFormatter.resolvedOptions().timeZone;\n}\n\n/**\n * The lazy-loaded timezone-groups lib to be used across instances.\n */\nlet timeZoneGroups: Promise<[any, any]>;\n\nexport async function createTimeZoneItems(\n  locale: SupportedLocale,\n  messages: InputTimeZoneMessages,\n  mode: TimeZoneMode,\n  referenceDate: Date,\n): Promise<TimeZoneItem[]> {\n  const referenceDateInMs: number = referenceDate.getTime();\n  const timeZoneNames = Intl.supportedValuesOf(\"timeZone\");\n\n  if (mode === \"offset\") {\n    if (!timeZoneGroups) {\n      timeZoneGroups = Promise.all([\n        import(\"timezone-groups/dist/index.js\"),\n        import(\"timezone-groups/dist/strategy/native/index.js\"),\n      ]);\n    }\n\n    return timeZoneGroups.then(async ([{ groupTimeZones }, { DateEngine }]) => {\n      const timeZoneGroups: { labelTzIndices: number[]; tzs: TimeZoneName[] }[] = await groupTimeZones({\n        dateEngine: new DateEngine(),\n        groupDateRange: 1,\n        startDate: new Date(referenceDateInMs).toISOString(),\n      });\n\n      const listFormatter = new Intl.ListFormat(locale, { style: \"long\", type: \"conjunction\" });\n\n      // we remove blocked entries from tzs and adjust label indices accordingly\n      timeZoneGroups.forEach((group) => {\n        const indexOffsets: number[] = [];\n        let removedSoFar = 0;\n\n        group.tzs.forEach((tz, index) => {\n          if (timeZoneNameBlockList.includes(tz)) {\n            removedSoFar++;\n          }\n          indexOffsets[index] = removedSoFar;\n        });\n\n        group.tzs = group.tzs.filter((tz) => !timeZoneNameBlockList.includes(tz));\n\n        group.labelTzIndices = group.labelTzIndices\n          .map((index) => index - indexOffsets[index])\n          .filter((index) => index >= 0 && index < group.tzs.length);\n      });\n\n      return timeZoneGroups\n        .map<TimeZoneItem<number>>(({ labelTzIndices, tzs }) => {\n          const groupRepTz = tzs[0];\n          const decimalOffset = timeZoneOffsetToDecimal(getTimeZoneShortOffset(groupRepTz, locale, referenceDateInMs));\n          const value = toOffsetValue(groupRepTz, referenceDateInMs);\n          const tzLabels = labelTzIndices.map((index: number) => {\n            const timeZone = tzs[index];\n            const timeZoneLabel = messages[timeZone];\n            return (\n              timeZoneLabel ||\n              // get city token\n              timeZone.split(\"/\").pop()\n            );\n          });\n\n          const label = createTimeZoneOffsetLabel(messages, decimalOffset, listFormatter.format(tzLabels));\n\n          return {\n            label,\n            value,\n            filterValue: tzs.map((tz) => toUserFriendlyName(tz)),\n          };\n        })\n        .filter((group) => !!group)\n        .sort((groupA, groupB) => groupA.value - groupB.value);\n    });\n  }\n\n  return timeZoneNames\n    .map<TimeZoneItem<string>>((timeZone) => {\n      const label = toUserFriendlyName(timeZone);\n      const value = timeZone;\n\n      return {\n        label,\n        value,\n        filterValue: timeZone,\n      };\n    })\n    .filter((group) => !!group)\n    .sort();\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function toUserFriendlyName(timeZoneName: string): string {\n  return timeZoneName.replace(/_/g, \" \");\n}\n\nfunction createTimeZoneOffsetLabel(messages: InputTimeZoneMessages, offsetLabel: string, groupLabel: string): string {\n  return messages.timeZoneLabel.replace(\"{offset}\", offsetLabel).replace(\"{cities}\", groupLabel);\n}\n\nfunction getTimeZoneShortOffset(\n  timeZone: TimeZoneName,\n  locale: SupportedLocale,\n  referenceDateInMs: number = Date.now(),\n): string {\n  const dateTimeFormat = getDateTimeFormat(locale, { timeZone, timeZoneName: \"shortOffset\" });\n  const parts = dateTimeFormat.formatToParts(referenceDateInMs);\n  return parts.find(({ type }) => type === \"timeZoneName\").value;\n}\n\nexport function findTimeZoneItemByProp(\n  timeZoneItems: TimeZoneItem[],\n  prop: string,\n  valueToMatch: string | number | null,\n): TimeZoneItem | null {\n  return valueToMatch == null\n    ? null\n    : timeZoneItems.find(\n        (item) =>\n          // intentional == to match string to number\n          item[prop] == valueToMatch,\n      );\n}\n",":host {\n  display: block;\n}\n\n@include base-component();\n@include disabled();\n@include hidden-form-input();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { Scale, Status } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  createTimeZoneItems,\n  findTimeZoneItemByProp,\n  getUserTimeZoneName,\n  getUserTimeZoneOffset,\n} from \"./utils\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\nimport { TimeZoneItem, TimeZoneMode } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-input-time-zone\",\n  styleUrl: \"input-time-zone.scss\",\n  assetsDirs: [\"assets\"],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class InputTimeZone\n  implements\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, an empty value (`null`) will be allowed as a `value`.\n   *\n   * When `false`, an offset or name value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** Specifies the component's maximum number of options to display before displaying a scrollbar. */\n  @Prop({ reflect: true }) maxItems = 0;\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: InputTimeZoneMessages;\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<InputTimeZoneMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This specifies the type of `value` and the associated options presented to the user:\n   *\n   * Using `\"offset\"` will provide options that show timezone offsets.\n   *\n   * Using `\"name\"` will provide options that show the IANA time zone names.\n   *\n   * @default \"offset\"\n   */\n  @Prop({ reflect: true }) mode: TimeZoneMode = \"offset\";\n\n  @Watch(\"messages\")\n  @Watch(\"mode\")\n  @Watch(\"referenceDate\")\n  handleTimeZoneItemPropsChange(): void {\n    this.updateTimeZoneItemsAndSelection();\n  }\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, displays and positions the component. */\n  @Prop({ mutable: true, reflect: true }) open = 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  /**\n   * This `date` will be used as a reference to Daylight Savings Time when creating time zone item groups.\n   *\n   * It can be either a Date instance or a string in ISO format (`\"YYYY-MM-DD\"`, `\"YYYY-MM-DDTHH:MM:SS.SSSZ\"`).\n   *\n   * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)\n   */\n  @Prop() referenceDate: Date | string;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.\n   *\n   * If no value is provided, the user's time zone offset will be selected by default.\n   *\n   * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  @Watch(\"value\")\n  handleValueChange(value: string, oldValue: string): void {\n    value = this.normalizeValue(value);\n\n    if (!value && this.clearable) {\n      this.value = value;\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const timeZoneItem = this.findTimeZoneItem(value);\n\n    if (!timeZoneItem) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.selectedTimeZoneItem = timeZoneItem;\n  }\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    await this.comboboxEl.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is requested to be closed and before the closing transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeClose: EventEmitter<void>;\n\n  /**\n   * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneChange: EventEmitter<void>;\n\n  /**\n   * Fires after the component is closed and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneClose: EventEmitter<void>;\n\n  /**\n   * Fires after the component is opened and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTimeZoneElement;\n\n  private comboboxEl: HTMLCalciteComboboxElement;\n\n  @State() defaultMessages: InputTimeZoneMessages;\n\n  defaultValue: InputTimeZone[\"value\"];\n\n  @State() effectiveLocale: SupportedLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private selectedTimeZoneItem: TimeZoneItem;\n\n  private timeZoneItems: TimeZoneItem[];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private setComboboxRef = (el: HTMLCalciteComboboxElement): void => {\n    this.comboboxEl = el;\n  };\n\n  private onComboboxBeforeClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.calciteInputTimeZoneBeforeClose.emit();\n  };\n\n  private onComboboxBeforeOpen = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.calciteInputTimeZoneBeforeOpen.emit();\n  };\n\n  private onComboboxChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const combobox = event.target as HTMLCalciteComboboxElement;\n    const selectedItem = combobox.selectedItems[0];\n\n    if (!selectedItem) {\n      this.value = null;\n      this.selectedTimeZoneItem = null;\n      this.calciteInputTimeZoneChange.emit();\n      return;\n    }\n\n    const selected = this.findTimeZoneItemByLabel(selectedItem.textLabel);\n\n    const selectedValue = `${selected.value}`;\n\n    if (this.value === selectedValue && selected.label === this.selectedTimeZoneItem.label) {\n      return;\n    }\n\n    this.value = selectedValue;\n    this.selectedTimeZoneItem = selected;\n    this.calciteInputTimeZoneChange.emit();\n  };\n\n  private onComboboxClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.open = false;\n    this.calciteInputTimeZoneClose.emit();\n  };\n\n  private onComboboxOpen = (event: CustomEvent): void => {\n    this.open = true;\n    event.stopPropagation();\n    this.calciteInputTimeZoneOpen.emit();\n  };\n\n  private findTimeZoneItem(value: number | string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"value\", value);\n  }\n\n  private findTimeZoneItemByLabel(label: string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"label\", label);\n  }\n\n  private async updateTimeZoneItemsAndSelection(): Promise<void> {\n    this.timeZoneItems = await this.createTimeZoneItems();\n\n    if (this.value === \"\" && this.clearable) {\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const fallbackValue = this.mode === \"offset\" ? getUserTimeZoneOffset() : getUserTimeZoneName();\n    const valueToMatch = this.value ?? fallbackValue;\n\n    this.selectedTimeZoneItem =\n      this.findTimeZoneItem(valueToMatch) || this.findTimeZoneItem(fallbackValue);\n  }\n\n  private async createTimeZoneItems(): Promise<TimeZoneItem[]> {\n    if (!this.effectiveLocale || !this.messages) {\n      return [];\n    }\n\n    return createTimeZoneItems(\n      this.effectiveLocale,\n      this.messages,\n      this.mode,\n      this.referenceDate instanceof Date\n        ? this.referenceDate\n        : new Date(this.referenceDate ?? Date.now()),\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectForm(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectForm(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  private normalizeValue(value: string | null): string {\n    return value === null ? \"\" : value;\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.value = this.normalizeValue(this.value);\n\n    await this.updateTimeZoneItemsAndSelection();\n\n    const selectedValue = this.selectedTimeZoneItem ? `${this.selectedTimeZoneItem.value}` : null;\n    afterConnectDefaultValueSet(this, selectedValue);\n    this.value = selectedValue;\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <calcite-combobox\n            clearDisabled={!this.clearable}\n            disabled={this.disabled}\n            label={this.messages.chooseTimeZone}\n            lang={this.effectiveLocale}\n            maxItems={this.maxItems}\n            onCalciteComboboxBeforeClose={this.onComboboxBeforeClose}\n            onCalciteComboboxBeforeOpen={this.onComboboxBeforeOpen}\n            onCalciteComboboxChange={this.onComboboxChange}\n            onCalciteComboboxClose={this.onComboboxClose}\n            onCalciteComboboxOpen={this.onComboboxOpen}\n            open={this.open}\n            overlayPositioning={this.overlayPositioning}\n            placeholder={\n              this.mode === \"name\" ? this.messages.namePlaceholder : this.messages.offsetPlaceholder\n            }\n            readOnly={this.readOnly}\n            ref={this.setComboboxRef}\n            scale={this.scale}\n            selectionMode={this.clearable ? \"single\" : \"single-persist\"}\n            status={this.status}\n            validation-icon={this.validationIcon}\n            validation-message={this.validationMessage}\n          >\n            {this.timeZoneItems.map((group) => {\n              const selected = this.selectedTimeZoneItem === group;\n              const { label, value } = group;\n\n              return (\n                <calcite-combobox-item\n                  data-value={value}\n                  key={label}\n                  selected={selected}\n                  textLabel={label}\n                  value={`${group.filterValue}`}\n                />\n              );\n            })}\n          </calcite-combobox>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-b1363212.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{d as e}from"./p-a6183fdc.js";import"./p-9893851a.js";import"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-6075641d.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-fddced5f.js";import"./p-b9b81c5f.js";import"./p-b901da42.js";import"./p-076f56e6.js";import"./p-d4d6801a.js";import"./p-417f43fd.js";import"./p-75c938c5.js";import"./p-9e6b50ec.js";import"./p-7279400b.js";import"./p-21104f52.js";import"./p-217771e8.js";var s={name:"ca",weekdays:"Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte".split("_"),weekdaysShort:"Dg._Dl._Dt._Dc._Dj._Dv._Ds.".split("_"),weekdaysMin:"Dg_Dl_Dt_Dc_Dj_Dv_Ds".split("_"),months:"Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre".split("_"),monthsShort:"Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [de] YYYY",LLL:"D MMMM [de] YYYY [a les] H:mm",LLLL:"dddd D MMMM [de] YYYY [a les] H:mm",ll:"D MMM YYYY",lll:"D MMM YYYY, H:mm",llll:"ddd D MMM YYYY, H:mm"},relativeTime:{future:"d'aquí %s",past:"fa %s",s:"uns segons",m:"un minut",mm:"%d minuts",h:"una hora",hh:"%d hores",d:"un dia",dd:"%d dies",M:"un mes",MM:"%d mesos",y:"un any",yy:"%d anys"},ordinal:function e(s){var r;if(s===1||s===3)r="r";else if(s===2)r="n";else if(s===4)r="t";else r="è";return""+s+r}};e.locale(s,null,true);export{s as default};
-//# sourceMappingURL=p-b1363212.js.map

package/dist/calcite/p-b1363212.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","weekStart","formats","LT","LTS","L","LL","LLL","LLLL","ll","lll","llll","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","ordinal","n","ord","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/ca.js"],"sourcesContent":["// Catalan [ca]\nimport dayjs from '../index';\nvar locale = {\n  name: 'ca',\n  weekdays: 'Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte'.split('_'),\n  weekdaysShort: 'Dg._Dl._Dt._Dc._Dj._Dv._Ds.'.split('_'),\n  weekdaysMin: 'Dg_Dl_Dt_Dc_Dj_Dv_Ds'.split('_'),\n  months: 'Gener_Febrer_Març_Abril_Maig_Juny_Juliol_Agost_Setembre_Octubre_Novembre_Desembre'.split('_'),\n  monthsShort: 'Gen._Febr._Març_Abr._Maig_Juny_Jul._Ag._Set._Oct._Nov._Des.'.split('_'),\n  weekStart: 1,\n  formats: {\n    LT: 'H:mm',\n    LTS: 'H:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D MMMM [de] YYYY',\n    LLL: 'D MMMM [de] YYYY [a les] H:mm',\n    LLLL: 'dddd D MMMM [de] YYYY [a les] H:mm',\n    ll: 'D MMM YYYY',\n    lll: 'D MMM YYYY, H:mm',\n    llll: 'ddd D MMM YYYY, H:mm'\n  },\n  relativeTime: {\n    future: 'd\\'aquí %s',\n    past: 'fa %s',\n    s: 'uns segons',\n    m: 'un minut',\n    mm: '%d minuts',\n    h: 'una hora',\n    hh: '%d hores',\n    d: 'un dia',\n    dd: '%d dies',\n    M: 'un mes',\n    MM: '%d mesos',\n    y: 'un any',\n    yy: '%d anys'\n  },\n  ordinal: function ordinal(n) {\n    var ord;\n    if (n === 1 || n === 3) ord = 'r';else if (n === 2) ord = 'n';else if (n === 4) ord = 't';else ord = 'è';\n    return \"\" + n + ord;\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4eAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,8DAA8DC,MAAM,KAC9EC,cAAe,8BAA8BD,MAAM,KACnDE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,oFAAoFH,MAAM,KAClGI,YAAa,8DAA8DJ,MAAM,KACjFK,UAAW,EACXC,QAAS,CACPC,GAAI,OACJC,IAAK,UACLC,EAAG,aACHC,GAAI,mBACJC,IAAK,gCACLC,KAAM,qCACNC,GAAI,aACJC,IAAK,mBACLC,KAAM,wBAERC,aAAc,CACZC,OAAQ,YACRC,KAAM,QACNC,EAAG,aACHC,EAAG,WACHC,GAAI,YACJC,EAAG,WACHC,GAAI,WACJC,EAAG,SACHC,GAAI,UACJC,EAAG,SACHC,GAAI,WACJC,EAAG,SACHC,GAAI,WAENC,QAAS,SAASA,EAAQC,GACxB,IAAIC,EACJ,GAAID,IAAM,GAAKA,IAAM,EAAGC,EAAM,SAAS,GAAID,IAAM,EAAGC,EAAM,SAAS,GAAID,IAAM,EAAGC,EAAM,SAASA,EAAM,IACrG,MAAO,GAAKD,EAAIC,CACpB,GAEAC,EAAMpC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-b369c286.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/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-9893851a.js";import{t as n,k as a,d as c}from"./p-03f596e8.js";import{f as r,c as l,d,a as h,F as p,r as f}from"./p-31fbf867.js";import{g as m}from"./p-8ba7c938.js";import{c as u,u as b,d as w,I as g}from"./p-6075641d.js";import{i as v}from"./p-562aa4f4.js";import{c as y,s as k,a as x}from"./p-b901da42.js";import{c as D}from"./p-d4d6801a.js";import{o as z}from"./p-21104f52.js";import{c as I,g as C}from"./p-b9b81c5f.js";import"./p-73c5df21.js";import"./p-26697d55.js";import"./p-1dd95dac.js";const E={dropdownTrigger:"trigger"};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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const P=H;const j=class{constructor(i){t(this,i);this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=e(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=D("mutation",(()=>this.updateItems()));this.resizeObserver=D("resize",(t=>this.resizeObserverCallback(t)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${m()}`;this.defaultAssignedElements=[];this.slotChangeHandler=t=>{this.defaultAssignedElements=t.target.assignedElements({flatten:true});this.updateItems()};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?r(e,t):null};this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((t=>t.scale=this.scale))};this.updateGroups=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e;this.updateItems();this.updateGroupScale()};this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;if(e===this.referenceEl){this.setDropdownWidth()}else if(e===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this;const i=t?.clientWidth;if(!i||!e){return}e.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t){return}this.reposition(true);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t);this.scrollerEl=t;this.transitionEl=t};this.setReferenceEl=t=>{this.referenceEl=t;l(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(t)};this.setFloatingEl=t=>{this.floatingEl=t;l(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:e,key:i}=t;if(e){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault();return}else if(t.shiftKey&&i==="Tab"){this.closeCalciteDropdown();t.preventDefault();return}}if(v(i)){this.openCalciteDropdown();t.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((t=>t.selected))||this.items[0])};this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem();this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)};this.openCalciteDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=d;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){z(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(t){if(!t){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems();this.updateGroupScale()}async setFocus(){await y(this);this.el.focus()}async connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();if(this.open){this.openHandler();z(this)}u(this);this.updateItems();await I(this.el);l(this,this.referenceEl,this.floatingEl)}componentWillLoad(){k(this)}componentDidLoad(){x(this)}componentDidRender(){b(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();w(this);h(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(s,{key:"a61b30d08abc342fecd3c450b6e5a7446ebd20fc"},i(g,{key:"c0bfcd0bcd04c6ec7354b09492128a08e111655a",disabled:this.disabled},i("div",{key:"048e6420ee25f34af050b1d3c228b5ad4cd90222",class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{key:"5cc654dc40adc5ea2ee8741036c7be7985804a80","aria-controls":`${e}-menu`,"aria-expanded":n(t),"aria-haspopup":"menu",name:E.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{key:"8023534c38ec21d481820ada98041cf3639532dc","aria-hidden":n(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{key:"5281b68262ee4601bca806dd570eb5533572fbfa","aria-labelledby":`${e}-menubutton`,class:{["calcite-dropdown-content"]:true,[p.animation]:true,[p.animationActive]:t},id:`${e}-menu`,ref:this.setScrollerAndTransitionEl,role:"menu"},i("slot",{key:"64ee5474925369c3fef6856b3990926833be4525",onSlotchange:this.updateGroups})))))}async reposition(t=false){const{floatingEl:e,referenceEl:i,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return f(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}closeCalciteDropdownOnClick(t){if(this.disabled||!this.open||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown();t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){if(t.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.openCalciteDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((t=>!t.disabled&&!t.hidden))}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail;const i=e.target;const s=this.getTraversableItems();switch(e.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":a(s,i,"next");break;case"ArrowUp":a(s,i,"previous");break;case"Home":a(s,i,"first");break;case"End":a(s,i,"last");break}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()}updateGroupScale(){this.groups?.forEach((t=>t.scale=this.scale))}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i=0;let s=0;let o;this.groups.forEach((e=>{if(t>0&&i<t){Array.from(e.children).forEach(((e,n)=>{if(n===0){if(isNaN(o)){o=e.offsetTop}s+=o}if(i<t){s+=e.offsetHeight;i+=1}}))}}));return e.length>t?s:0}closeCalciteDropdown(t=true){this.open=false;if(t){c(this.triggers[0])}}getFocusableElement(t){if(!t){return}c(t)}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};j.style=P;const O={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};const A=":host{position:relative;display:block}.container{text-align:start}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-title{padding:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-title{padding:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-title{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const S=A;const F=class{constructor(i){t(this,i);this.calciteInternalDropdownItemChange=e(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))};this.mutationObserver=D("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const t=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const e=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(s,{key:"316d4d5c0cc68f5a34a2e53054ec6b4420e04092","aria-label":this.groupTitle,role:"group"},i("div",{key:"3eaadb9712203a1981d811ada11d91537f91cc03",class:{[O.container]:true}},e,t,i("slot",{key:"8c0623959ab646c6ce923f388a3eaa6587b777cf"})))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};F.style=S;const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline-color:transparent}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.container a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem}.dropdown-item-icon{position:relative;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}:host([scale=s]) .container{padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-item-icon,:host([scale=s]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-item-icon,:host([scale=m]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:0.625rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-item-icon,:host([scale=l]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-xl)}:host([scale=l]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-xl)}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .dropdown-link,:host(:active:not([disabled])) .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host([selected]) .container:not(.container--none-selection),:host([selected]) .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .dropdown-link calcite-icon{color:var(--calcite-color-brand)}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const R=L;const T=class{constructor(i){t(this,i);this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6);this.disabled=false;this.href=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.label=undefined;this.rel=undefined;this.selected=false;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await y(this);this.el?.focus()}componentWillLoad(){k(this);this.initialize()}componentDidLoad(){x(this)}connectedCallback(){this.initialize()}componentDidRender(){b(this)}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:a}=this;const c=i("calcite-icon",{key:"7a49a68a114bbce2e5952ac3e1155bf1ab8988de",class:O.iconStart,flipRtl:a==="start"||a==="both",icon:this.iconStart,scale:C(this.scale)});const r=i("span",{key:"8b288dfdc41b23e69be84228b5fc9457f054221a",class:O.itemContent},i("slot",{key:"845d4d31ab01bf4cf37f8a03f8a129a3c297070d"}));const l=i("calcite-icon",{key:"d25c100431814a69d32ee8b1e2ae24ea507ccd49",class:O.iconEnd,flipRtl:a==="end"||a==="both",icon:this.iconEnd,scale:C(this.scale)});const d=this.iconStart&&this.iconEnd?[c,r,l]:this.iconStart?[c,r]:this.iconEnd?[r,l]:r;const h=!t?d:i("a",{"aria-label":o,class:O.link,href:t,ref:t=>this.childLink=t,rel:this.rel,tabIndex:-1,target:this.target},d);const p=t?null:e==="single"?"menuitemradio":e==="multiple"?"menuitemcheckbox":"menuitem";const f=e!=="none"?n(this.selected):null;const{disabled:m}=this;return i(s,{key:"b74558167715baacec14b7d5fa65fc39ae4c7892","aria-checked":f,"aria-label":!t?o:"",role:p,tabIndex:m?-1:0},i(g,{key:"70846dbb6b6619591122384f00a0bbbbfe367376",disabled:m},i("div",{key:"7143c055705c6d83183986e0418011048c01f184",class:{[O.container]:true,[O.containerNone]:e==="none"}},e!=="none"?i("calcite-icon",{class:O.icon,icon:e==="multiple"?"check":"bullet-point",scale:C(this.scale)}):null,h)))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}}updateActiveItemOnChange(t){const e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};T.style=R;export{j as calcite_dropdown,F as calcite_dropdown_group,T as calcite_dropdown_item};
-//# sourceMappingURL=p-b369c286.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","CalciteDropdownStyle0","Dropdown","this","items","groups","mutationObserver","createObserver","updateItems","resizeObserver","entries","resizeObserverCallback","openTransitionProp","guid","defaultAssignedElements","slotChangeHandler","event","target","assignedElements","flatten","setFilteredPlacements","el","flipPlacements","filteredFlipPlacements","filterValidFlipPlacements","updateTriggers","triggers","reposition","map","group","Array","from","querySelectorAll","reduce","previousValue","currentValue","updateSelectedItems","forEach","item","scale","updateGroups","filter","matches","updateGroupScale","entry","referenceEl","setDropdownWidth","scrollerEl","setMaxScrollerHeight","referenceElWidth","clientWidth","style","minWidth","maxScrollerHeight","getMaxScrollerHeight","maxHeight","setScrollerAndTransitionEl","observe","transitionEl","setReferenceEl","connectFloatingUI","floatingEl","setFloatingEl","keyDownHandler","composedPath","includes","defaultPrevented","key","open","closeCalciteDropdown","preventDefault","shiftKey","isActivationKey","openCalciteDropdown","focusOnFirstActiveOrFirstItem","getFocusableElement","getTraversableItems","find","selected","toggleOpenEnd","removeEventListener","addEventListener","defaultMenuPlacement","openHandler","onToggleOpenCloseComponent","disabled","handleDisabledChange","value","flipPlacementsHandler","maxItemsHandler","overlayPositioningHandler","placementHandler","handlePropsChange","setFocus","componentFocusable","focus","connectedCallback","childList","subtree","connectInteractive","componentOnReady","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnect","disconnectInteractive","disconnectFloatingUI","render","h","Host","InteractiveContainer","class","id","onClick","onKeyDown","ref","toAriaBoolean","name","onSlotchange","FloatingCSS","animation","animationActive","role","delayed","placement","overlayPositioning","type","closeCalciteDropdownOnClick","closeCalciteDropdownOnEvent","stopPropagation","closeCalciteDropdownOnOpenEvent","pointerEnterHandler","pointerLeaveHandler","hidden","calciteInternalDropdownItemKeyEvent","keyboardEvent","detail","traversableItems","updateTabIndexOfItems","focusElementInGroup","handleItemSelect","calciteDropdownSelect","emit","closeOnSelectDisabled","requestedDropdownGroup","selectionMode","onBeforeOpen","calciteDropdownBeforeOpen","onOpen","calciteDropdownOpen","onBeforeClose","calciteDropdownBeforeClose","onClose","calciteDropdownClose","selectedItems","maxItems","itemsToProcess","groupHeaderHeight","children","index","isNaN","offsetTop","offsetHeight","length","focusTrigger","focusElement","tabIndex","CSS","container","containerNone","icon","iconEnd","iconStart","itemContent","link","dropdownGroupCss","CalciteDropdownGroupStyle0","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","CalciteDropdownItemStyle0","DropdownItem","initialize","href","label","iconFlipRtl","iconStartEl","flipRtl","getIconScale","contentNode","iconEndEl","slottedContent","contentEl","childLink","rel","itemRole","itemAria","emitRequestedItem","click","calciteInternalDropdownCloseRequest","parentEmittedChange","parentDropdownGroupEl","determineActiveItem","closest","calciteDropdownItemSelect","calciteInternalDropdownItemSelect"],"sources":["src/components/dropdown/resources.ts","src/components/dropdown/dropdown.scss?tag=calcite-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx","src/components/dropdown-item/resources.ts","src/components/dropdown-group/dropdown-group.scss?tag=calcite-dropdown-group&encapsulation=shadow","src/components/dropdown-group/dropdown-group.tsx","src/components/dropdown-item/dropdown-item.scss?tag=calcite-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["export const SLOTS = {\n  dropdownTrigger: \"trigger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.\n */\n\n:host {\n  @apply inline-block;\n}\n\n@include disabled();\n\n:host .calcite-dropdown-wrapper {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n}\n\n@include floatingUIElemAnim(\".calcite-dropdown-wrapper\");\n:host([open]) .calcite-dropdown-wrapper {\n  @include floatingUIWrapperActive();\n}\n\n:host .calcite-dropdown-content {\n  @apply bg-foreground-1\n    w-auto\n    overflow-y-auto\n    overflow-x-hidden\n    max-h-menu;\n  inline-size: var(--calcite-dropdown-width);\n}\n.calcite-trigger-container {\n  @apply relative flex flex-auto h-full;\n  @include word-break;\n}\n\n@media (forced-colors: active) {\n  /* use real border since box-shadow is removed in high contrast mode */\n  :host([open]) .calcite-dropdown-wrapper {\n    border: 1px solid canvasText;\n  }\n}\n\n// width\n:host([width-scale=\"s\"]) {\n  --calcite-dropdown-width: theme(\"spacing.48\");\n}\n:host([width-scale=\"m\"]) {\n  --calcite-dropdown-width: theme(\"spacing.56\");\n}\n:host([width-scale=\"l\"]) {\n  --calcite-dropdown-width: theme(\"spacing.64\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FlipPlacement,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { componentOnReady } from \"../../utils/component\";\nimport { ItemKeyboardEvent } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.\n * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.\n */\n@Component({\n  tag: \"calcite-dropdown\",\n  styleUrl: \"dropdown.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Dropdown\n  implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, the component will remain open after a selection is made.\n   *\n   * If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `\"none\"`, the component will always close.\n   *\n   */\n  @Prop({ reflect: true }) closeOnSelectDisabled = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\n   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.\n   */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteDropdownItemElement[] = [];\n\n  /**\n   * Specifies the action to open the component from the container element.\n   */\n  @Prop({ reflect: true }) type: \"hover\" | \"click\" = \"click\";\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n    this.updateGroupScale();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.setFilteredPlacements();\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n    connectInteractive(this);\n    this.updateItems();\n\n    await componentOnReady(this.el);\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\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    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  render(): VNode {\n    const { open, guid } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class=\"calcite-trigger-container\"\n            id={`${guid}-menubutton`}\n            onClick={this.openCalciteDropdown}\n            onKeyDown={this.keyDownHandler}\n            ref={this.setReferenceEl}\n          >\n            <slot\n              aria-controls={`${guid}-menu`}\n              aria-expanded={toAriaBoolean(open)}\n              aria-haspopup=\"menu\"\n              name={SLOTS.dropdownTrigger}\n              onSlotchange={this.updateTriggers}\n            />\n          </div>\n          <div\n            aria-hidden={toAriaBoolean(!open)}\n            class=\"calcite-dropdown-wrapper\"\n            ref={this.setFloatingEl}\n          >\n            <div\n              aria-labelledby={`${guid}-menubutton`}\n              class={{\n                [\"calcite-dropdown-content\"]: true,\n                [FloatingCSS.animation]: true,\n                [FloatingCSS.animationActive]: open,\n              }}\n              id={`${guid}-menu`}\n              ref={this.setScrollerAndTransitionEl}\n              role=\"menu\"\n            >\n              <slot onSlotchange={this.updateGroups} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when a `calcite-dropdown-item`'s selection changes. */\n  @Event({ cancelable: false }) calciteDropdownSelect: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownOpen: EventEmitter<void>;\n\n  @Listen(\"click\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (this.disabled || !this.open || event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.closeCalciteDropdown(false);\n  }\n\n  @Listen(\"calciteInternalDropdownCloseRequest\")\n  closeCalciteDropdownOnEvent(event: Event): void {\n    this.closeCalciteDropdown();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteDropdownOpen\", { target: \"window\" })\n  closeCalciteDropdownOnOpenEvent(event: Event): void {\n    if (event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.openCalciteDropdown();\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.closeCalciteDropdown();\n  }\n\n  private getTraversableItems(): HTMLCalciteDropdownItemElement[] {\n    return this.items.filter((item) => !item.disabled && !item.hidden);\n  }\n\n  @Listen(\"calciteInternalDropdownItemKeyEvent\")\n  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void {\n    const { keyboardEvent } = event.detail;\n    const target = keyboardEvent.target as HTMLCalciteDropdownItemElement;\n    const traversableItems = this.getTraversableItems();\n\n    switch (keyboardEvent.key) {\n      case \"Tab\":\n        this.open = false;\n        this.updateTabIndexOfItems(target);\n        break;\n      case \"ArrowDown\":\n        focusElementInGroup(traversableItems, target, \"next\");\n        break;\n      case \"ArrowUp\":\n        focusElementInGroup(traversableItems, target, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(traversableItems, target, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(traversableItems, target, \"last\");\n        break;\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  handleItemSelect(event: CustomEvent<RequestedItem>): void {\n    this.updateSelectedItems();\n    event.stopPropagation();\n    this.calciteDropdownSelect.emit();\n    if (\n      !this.closeOnSelectDisabled ||\n      event.detail.requestedDropdownGroup.selectionMode === \"none\"\n    ) {\n      this.closeCalciteDropdown();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownElement;\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  private items: HTMLCalciteDropdownItemElement[] = [];\n\n  private groups: HTMLCalciteDropdownGroupElement[] = [];\n\n  /** trigger elements */\n  private triggers: HTMLElement[];\n\n  floatingEl: HTMLDivElement;\n\n  referenceEl: HTMLDivElement;\n\n  private scrollerEl: HTMLDivElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeObserverCallback(entries));\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  guid = `calcite-dropdown-${guid()}`;\n\n  defaultAssignedElements: Element[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  slotChangeHandler = (event: Event): void => {\n    this.defaultAssignedElements = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    });\n\n    this.updateItems();\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  updateTriggers = (event: Event): void => {\n    this.triggers = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    }) as HTMLElement[];\n\n    this.reposition(true);\n  };\n\n  updateItems = (): void => {\n    this.items = this.groups\n      .map((group) => Array.from(group?.querySelectorAll(\"calcite-dropdown-item\")))\n      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n    this.updateSelectedItems();\n\n    this.reposition(true);\n\n    this.items.forEach((item) => (item.scale = this.scale));\n  };\n\n  updateGroups = (event: Event): void => {\n    const groups = (event.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-dropdown-group\")) as HTMLCalciteDropdownGroupElement[];\n\n    this.groups = groups;\n\n    this.updateItems();\n    this.updateGroupScale();\n  };\n\n  private updateGroupScale(): void {\n    this.groups?.forEach((group) => (group.scale = this.scale));\n  }\n\n  resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach((entry) => {\n      const { target } = entry;\n      if (target === this.referenceEl) {\n        this.setDropdownWidth();\n      } else if (target === this.scrollerEl) {\n        this.setMaxScrollerHeight();\n      }\n    });\n  };\n\n  setDropdownWidth = (): void => {\n    const { referenceEl, scrollerEl } = this;\n    const referenceElWidth = referenceEl?.clientWidth;\n\n    if (!referenceElWidth || !scrollerEl) {\n      return;\n    }\n\n    scrollerEl.style.minWidth = `${referenceElWidth}px`;\n  };\n\n  setMaxScrollerHeight = (): void => {\n    const { scrollerEl } = this;\n    if (!scrollerEl) {\n      return;\n    }\n\n    this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    this.reposition(true);\n  };\n\n  setScrollerAndTransitionEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.scrollerEl = el;\n\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.calciteDropdownBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteDropdownOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteDropdownBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteDropdownClose.emit();\n  }\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    this.resizeObserver.observe(el);\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!event.composedPath().includes(this.referenceEl)) {\n      return;\n    }\n\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (this.open) {\n      if (key === \"Escape\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      } else if (event.shiftKey && key === \"Tab\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (isActivationKey(key)) {\n      this.openCalciteDropdown();\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.closeCalciteDropdown();\n      event.preventDefault();\n    }\n  };\n\n  private updateSelectedItems(): void {\n    this.selectedItems = this.items.filter((item) => item.selected);\n  }\n\n  private getMaxScrollerHeight(): number {\n    const { maxItems, items } = this;\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n    let groupHeaderHeight: number;\n\n    this.groups.forEach((group) => {\n      if (maxItems > 0 && itemsToProcess < maxItems) {\n        Array.from(group.children).forEach((item: HTMLCalciteDropdownItemElement, index) => {\n          if (index === 0) {\n            if (isNaN(groupHeaderHeight)) {\n              groupHeaderHeight = item.offsetTop;\n            }\n\n            maxScrollerHeight += groupHeaderHeight;\n          }\n\n          if (itemsToProcess < maxItems) {\n            maxScrollerHeight += item.offsetHeight;\n            itemsToProcess += 1;\n          }\n        });\n      }\n    });\n\n    return items.length > maxItems ? maxScrollerHeight : 0;\n  }\n\n  private closeCalciteDropdown(focusTrigger = true) {\n    this.open = false;\n\n    if (focusTrigger) {\n      focusElement(this.triggers[0]);\n    }\n  }\n\n  private focusOnFirstActiveOrFirstItem = (): void => {\n    this.getFocusableElement(\n      this.getTraversableItems().find((item) => item.selected) || this.items[0],\n    );\n  };\n\n  private getFocusableElement(item: HTMLCalciteDropdownItemElement): void {\n    if (!item) {\n      return;\n    }\n\n    focusElement(item);\n  }\n\n  private toggleOpenEnd = (): void => {\n    this.focusOnFirstActiveOrFirstItem();\n    this.el.removeEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n  };\n\n  private openCalciteDropdown = () => {\n    this.open = !this.open;\n    if (this.open) {\n      this.el.addEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n    }\n  };\n\n  private updateTabIndexOfItems(target: HTMLCalciteDropdownItemElement): void {\n    this.items.forEach((item: HTMLCalciteDropdownItemElement) => {\n      item.tabIndex = target !== item ? -1 : 0;\n    });\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  containerNone: \"container--none-selection\",\n  icon: \"dropdown-item-icon\",\n  iconEnd: \"dropdown-item-icon--end\",\n  iconStart: \"dropdown-item-icon--start\",\n  itemContent: \"dropdown-item-content\",\n  link: \"dropdown-link\",\n};\n",":host {\n  // we make the host relative, so items can consistently compute their offsetTop based on the group\n  @apply block relative;\n}\n\n.container {\n  @apply text-start;\n}\n\n.dropdown-title {\n  @apply border-color-3\n  text-color-2\n  -mb-px\n  block\n  cursor-default\n  break-words\n  border-0\n  border-b\n  border-solid\n  font-bold;\n}\n\n.dropdown-separator {\n  @apply block h-px;\n  background-color: theme(\"borderColor.color.3\");\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2h;\n  .dropdown-title {\n    @apply p-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n1h;\n  .dropdown-title {\n    @apply p-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0h;\n  .dropdown-title {\n    @apply p-4;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-item`s.\n */\n@Component({\n  tag: \"calcite-dropdown-group\",\n  styleUrl: \"dropdown-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DropdownGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies and displays a group title. */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> =\n    \"single\";\n\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n    this.mutationObserver?.observe(this.el, { childList: true });\n  }\n\n  componentWillLoad(): void {\n    this.groupPosition = this.getGroupPosition();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const groupTitle = this.groupTitle ? (\n      <span aria-hidden=\"true\" class=\"dropdown-title\">\n        {this.groupTitle}\n      </span>\n    ) : null;\n\n    const dropdownSeparator =\n      this.groupPosition > 0 ? <div class=\"dropdown-separator\" role=\"separator\" /> : null;\n\n    return (\n      <Host aria-label={this.groupTitle} role=\"group\">\n        <div\n          class={{\n            [CSS.container]: true,\n          }}\n        >\n          {dropdownSeparator}\n          {groupTitle}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n    this.requestedDropdownItem = event.detail.requestedDropdownItem;\n    this.calciteInternalDropdownItemChange.emit({\n      requestedDropdownGroup: this.requestedDropdownGroup,\n      requestedDropdownItem: this.requestedDropdownItem,\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownGroupElement;\n\n  /** position of group within a dropdown */\n  private groupPosition: number;\n\n  /** the requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** the requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  private updateItems = (): void => {\n    Array.from(this.el.querySelectorAll(\"calcite-dropdown-item\")).forEach(\n      (item) => (item.selectionMode = this.selectionMode),\n    );\n  };\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getGroupPosition(): number {\n    return Array.prototype.indexOf.call(\n      this.el.parentElement.querySelectorAll(\"calcite-dropdown-group\"),\n      this.el,\n    );\n  }\n}\n","@mixin itemStyling {\n  @apply text-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    items-center\n    no-underline\n    duration-150\n    ease-in-out;\n}\n\n:host {\n  @apply relative\n    flex\n    flex-grow\n    items-center\n    focus-base;\n}\n\n.container {\n  @include itemStyling;\n  @apply text-start;\n\n  & a {\n    @include itemStyling;\n    @apply focus-base;\n  }\n}\n\n.dropdown-item-content {\n  @apply flex-auto py-0.5;\n}\n\n// item icon\n.dropdown-item-icon {\n  @apply relative\n    opacity-0\n    duration-150\n    ease-in-out;\n  transform: scale(0.9);\n}\n\n:host([scale=\"s\"]) {\n  .container {\n    @apply text-n2h py-1 px-2;\n  }\n\n  .dropdown-item-icon,\n  .dropdown-item-icon--start {\n    padding-inline-end: var(--calcite-spacing-sm);\n  }\n\n  .dropdown-item-icon--end {\n    padding-inline-start: var(--calcite-spacing-sm);\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply text-n1h py-2 px-3;\n  }\n\n  .dropdown-item-icon,\n  .dropdown-item-icon--start {\n    padding-inline-end: var(--calcite-spacing-md);\n  }\n\n  .dropdown-item-icon--end {\n    padding-inline-start: var(--calcite-spacing-md);\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply text-0h py-2.5 px-4;\n  }\n\n  .dropdown-item-icon,\n  .dropdown-item-icon--start {\n    padding-inline-end: var(--calcite-spacing-xl);\n  }\n\n  .dropdown-item-icon--end {\n    padding-inline-start: var(--calcite-spacing-xl);\n  }\n}\n\n//focus\n:host(:focus) {\n  @apply focus-inset outline-none;\n\n  .container {\n    @apply text-color-1 no-underline;\n  }\n}\n\n:host(:hover:not([disabled])),\n:host(:active:not([disabled])) {\n  .container {\n    @apply bg-foreground-2 text-color-1 no-underline;\n  }\n\n  .dropdown-link {\n    @apply text-color-1;\n  }\n}\n\n:host(:active:not([disabled])) .container {\n  @apply bg-foreground-3;\n}\n\n:host([selected]) .container:not(.container--none-selection),\n:host([selected]) .dropdown-link {\n  @apply text-color-1 font-medium;\n  & calcite-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n:host(:hover:not([disabled])) .dropdown-item-icon {\n  color: theme(\"borderColor.color.1\");\n  @apply opacity-100;\n}\n\n:host([selected]) .dropdown-item-icon {\n  color: theme(\"backgroundColor.brand\");\n  @apply opacity-100;\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ItemKeyboardEvent } from \"../dropdown/interfaces\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-dropdown-item\",\n  styleUrl: \"dropdown-item.scss\",\n  shadow: true,\n})\nexport class DropdownItem implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public 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   *  Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   *\n   * Determines if the component will render as an anchor.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop({ reflect: true }) target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is selected. */\n  @Event({ cancelable: false }) calciteDropdownItemSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;\n\n  /** @internal */\n  @Event({ cancelable: false }) calciteInternalDropdownCloseRequest: EventEmitter<void>;\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  /**\n   * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> = \"single\";\n\n  /**\n   * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.initialize();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.initialize();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { href, selectionMode, label, iconFlipRtl } = this;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"start\" || iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const contentNode = (\n      <span class={CSS.itemContent}>\n        <slot />\n      </span>\n    );\n    const iconEndEl = (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"end\" || iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const slottedContent =\n      this.iconStart && this.iconEnd\n        ? [iconStartEl, contentNode, iconEndEl]\n        : this.iconStart\n          ? [iconStartEl, contentNode]\n          : this.iconEnd\n            ? [contentNode, iconEndEl]\n            : contentNode;\n\n    const contentEl = !href ? (\n      slottedContent\n    ) : (\n      <a\n        aria-label={label}\n        class={CSS.link}\n        href={href}\n        ref={(el) => (this.childLink = el)}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n      >\n        {slottedContent}\n      </a>\n    );\n\n    const itemRole = href\n      ? null\n      : selectionMode === \"single\"\n        ? \"menuitemradio\"\n        : selectionMode === \"multiple\"\n          ? \"menuitemcheckbox\"\n          : \"menuitem\";\n\n    const itemAria = selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n    const { disabled } = this;\n\n    return (\n      <Host\n        aria-checked={itemAria}\n        aria-label={!href ? label : \"\"}\n        role={itemRole}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.containerNone]: selectionMode === \"none\",\n            }}\n          >\n            {selectionMode !== \"none\" ? (\n              <calcite-icon\n                class={CSS.icon}\n                icon={selectionMode === \"multiple\" ? \"check\" : \"bullet-point\"}\n                scale={getIconScale(this.scale)}\n              />\n            ) : null}\n            {contentEl}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\") onClick(): void {\n    this.emitRequestedItem();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n\n  @Listen(\"calciteInternalDropdownItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownItemElement;\n\n  /** id of containing group */\n  private parentDropdownGroupEl: HTMLCalciteDropdownGroupElement;\n\n  /** requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  /** if href is requested, track the rendered child link*/\n  private childLink: HTMLAnchorElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private initialize(): void {\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n\n  private determineActiveItem(): void {\n    switch (this.selectionMode) {\n      case \"multiple\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        } else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteDropdownItemSelect.emit();\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-b371cbe6.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/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{r as e,c as t,h as s,H as a,g as i}from"./p-9893851a.js";import{k as c,d as o,t as d}from"./p-03f596e8.js";import{c as r,u as n,d as h,I as l}from"./p-6075641d.js";import{a as p,s as b,b as f}from"./p-b901da42.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-1dd95dac.js";const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const m=u;const g=class{constructor(s){e(this,s);this.calciteCardGroupSelect=t(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=e=>{this.updateSlottedItems(e.target);this.updateSelectedItems()};this.updateSlottedItems=e=>{this.items=e.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((e=>{e.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(e,t)=>{if(t){this.items.forEach((e=>{const s=t===e;switch(this.selectionMode){case"multiple":if(s){e.selected=!e.selected}break;case"single":e.selected=s?!e.selected:false;break;case"single-persist":e.selected=!!s;break}}))}this.selectedItems=this.items.filter((e=>e.selected));if(e&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){r(this)}componentDidRender(){n(this)}componentDidLoad(){p(this)}disconnectedCallback(){h(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){const t=this.items.filter((e=>!e.disabled));switch(e.detail["key"]){case"ArrowRight":c(t,e.target,"next");break;case"ArrowLeft":c(t,e.target,"previous");break;case"Home":c(t,e.target,"first");break;case"End":c(t,e.target,"last");break}}}calciteCardSelectListener(e){if(e.composedPath().includes(this.el)&&!e.target.selectable){this.setSelectedItems(true,e.target)}}async setFocus(){await f(this);if(!this.disabled){o(this.items[0])}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return s(a,{key:"f7d72ac0d0c8b0cec9b1c5c048ed2a8ee304d9e2"},s(l,{key:"b477bbced684168f1e68c1fe0d8511a689653995",disabled:this.disabled},s("div",{key:"ce0aa841b96ad23886e109203a14ac2b0e54b948","aria-disabled":d(this.disabled),"aria-label":this.label,class:"container",role:e},s("slot",{key:"338c12be0a5a675daf911aad6049aff6319d3064",onSlotchange:this.updateItemsOnSlotChange,ref:e=>this.slotRefEl=e}))))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};g.style=m;export{g as calcite_card_group};
-//# sourceMappingURL=p-b371cbe6.entry.js.map

package/dist/calcite/p-b4f46762.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/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{r as t,c as s,h as e,g as i,F as n}from"./p-9893851a.js";import{C as o,n as a,a as l,b as c,o as r,c as h,d,D as u,e as p,f,g as m,p as b,j as g,k as w,H as x,O as y,t as v,l as C,m as k,S as A,q as S,r as z,R as D,s as $,i as I,u as j,v as F}from"./p-6d96a573.js";import{l as O,g as L,d as K,i as N}from"./p-03f596e8.js";import{c as P,d as T,u as E,I as M}from"./p-6075641d.js";import{i as U}from"./p-562aa4f4.js";import{c as H,s as _,a as B}from"./p-b901da42.js";import{c as V,d as R}from"./p-076f56e6.js";import{r as q,c as X,a as W}from"./p-9e6b50ec.js";import{u as J,s as Y,c as G,d as Q}from"./p-7279400b.js";import{t as Z}from"./p-6872bf31.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-1dd95dac.js";import"./p-d4d6801a.js";import"./p-26697d55.js";const tt=':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;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const st=tt;const et=16;const it=class{constructor(i){t(this,i);this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.mode=o.HEX;this.shiftKeyChannelAdjustment=0;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:s}=t;const e={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(e[s]){t.preventDefault();this.scopeOrientation=s==="ArrowDown"||s==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+e[s].x||0,this.colorFieldScopeTop+e[s].y||0,false)}};this.handleHueScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:e}=t;const i={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(i[e]){t.preventDefault();const n=i[e]*s;const o=this.baseColorFieldColor.hue();const a=this.baseColorFieldColor.hue(o+n);this.internalColorSet(a,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{isClearable:s,color:e}=this;const i=t.target;const n=i.value;if(s&&!n){this.internalColorSet(null);return}const o=e&&a(l(e,f(this.mode)));if(n!==o){this.internalColorSet(c(n))}};this.handleSavedColorSelect=t=>{const s=t.currentTarget;this.internalColorSet(c(s.color))};this.handleChannelInput=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=e===3;const n=i?y.max:this.channelMode==="rgb"?D[Object.keys(D)[e]]:x[Object.keys(x)[e]];let o;if(this.isClearable&&!s.value){o=""}else{const t=Number(s.value);const e=t+this.shiftKeyChannelAdjustment;const i=X(e,0,n);o=i.toString()}s.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}};this.handleChannelChange=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=[...this.channels];const n=this.isClearable&&!s.value;if(n){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=e===3;const a=Number(s.value);i[e]=o?r(a):a;this.updateColorFromChannels(i)};this.handleSavedColorKeyDown=t=>{if(U(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{if(!O(t)){return}const{offsetX:s,offsetY:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()};this.captureColorFieldColor(s,e);this.colorFieldScopeNode.focus()};this.handleHueSliderPointerDown=t=>{if(!O(t)){return}const{offsetX:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()};this.captureHueSliderColor(s);this.hueScopeNode.focus()};this.handleOpacitySliderPointerDown=t=>{if(!O(t)){return}const{offsetX:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()};this.captureOpacitySliderValue(s);this.opacityScopeNode.focus()};this.globalPointerUpHandler=t=>{if(!O(t)){return}const s=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(s){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:s,el:e}=this;if(!e.isConnected||!s){return}const{context:i,bounds:n}=s;let o;let a;const{clientX:l,clientY:c}=t;if(i.canvas.matches(":hover")){o=l-n.x;a=c-n.y}else{if(l<n.x+n.width&&l>n.x){o=l-n.x}else if(l<n.x){o=0}else{o=n.width}if(c<n.y+n.height&&c>n.y){a=c-n.y}else if(c<n.y){a=0}else{a=n.height}}if(i===this.colorFieldRenderingContext){this.captureColorFieldColor(o,a,false)}else if(i===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(i===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:s,messages:i}=this;const n=t===s;const o=t==="rgb"?i.rgb:i.hsv;return e("calcite-tab-title",{class:h.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:n},o)};this.renderChannelsTab=t=>{const{isClearable:s,channelMode:i,channels:n,messages:o,alphaChannel:a}=this;const l=t===i;const c=t==="rgb";const r=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=L(this.el);const p=a?n:n.slice(0,3);return e("calcite-tab",{class:h.control,key:t,selected:l},e("div",{class:h.channels,dir:"ltr"},p.map(((t,e)=>{const i=e===3;if(i){t=s&&!t?t:d(t)}return this.renderChannel(t,e,r[e],u,i?"%":"")}))))};this.renderChannel=(t,s,i,n,o)=>e("calcite-input-number",{class:h.channel,"data-channel-index":s,dir:n,key:s,label:i,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:s>0&&!(this.scale==="s"&&this.alphaChannel&&s===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(!s){return}const e=this.savedColors.filter((s=>s!==t));this.savedColors=e;const i=`${S}${this.storageId}`;if(this.storageId){localStorage.setItem(i,JSON.stringify(e))}};this.saveColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(s){return}const e=[...this.savedColors,t];this.savedColors=e;const i=`${S}${this.storageId}`;if(this.storageId){localStorage.setItem(i,JSON.stringify(e))}};this.drawColorControls=Z(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),et);this.captureColorFieldColor=(t,s,e=true)=>{const{dimensions:{colorField:{height:i,width:n}}}=this;const o=Math.round(x.s/n*t);const a=Math.round(x.v/i*(i-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(a),e)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:e}=t;const i={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(i[e]){t.preventDefault();const n=i[e]*s;const o=this.baseColorFieldColor.alpha();const a=this.baseColorFieldColor.alpha(o+n);this.internalColorSet(a,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.clearable=false;this.color=u;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=a(l(u,this.alphaChannel));this.channelMode="rgb";this.channels=this.toChannels(u);this.defaultMessages=undefined;this.dimensions=p.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(t){const{format:s}=this;if(t&&s!=="auto"&&!f(s)){console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`);this.alphaChannel=false}}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=m(this.dimensions,this.alphaChannel);this.drawColorControls()}handleColorChange(t,s){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=s}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{isClearable:e,format:i}=this;const n=!e||t;let o=false;if(n){const e=b(t);if(!e||i!=="auto"&&e!==i){this.showIncompatibleColorWarning(t,i);this.value=s;return}o=this.mode!==e;this.setMode(e,this.internalColorUpdateContext===null)}const a=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!a){this.calciteColorPickerChange.emit()}return}const l=e&&!t?null:c(t!=null&&typeof t==="object"&&f(this.mode)?g(t):t);const r=!w(l,this.color);if(o||r){this.internalColorSet(l,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||u}effectiveLocaleChange(){J(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if(s!=="ArrowUp"&&s!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(h.channel)))){return}const{shiftKey:e}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const i=9;this.shiftKeyChannelAdjustment=s==="ArrowUp"&&e?i:s==="ArrowDown"&&e?-i:0}async setFocus(){await H(this);this.el.focus()}async componentWillLoad(){_(this);this.handleAllowEmptyOrClearableChange();this.handleAlphaChannelDimensionsChange();const{isClearable:t,color:s,format:e,value:i}=this;const n=t&&!i;const o=b(i);const a=n||e==="auto"&&o||e===o;const l=n?null:a?c(i):s;if(!a){this.showIncompatibleColorWarning(i,e)}this.setMode(e,false);this.internalColorSet(l,false,"initial");this.updateDimensions(this.scale);const r=`${S}${this.storageId}`;if(this.storageId&&localStorage.getItem(r)){this.savedColors=JSON.parse(localStorage.getItem(r))}await Y(this)}connectedCallback(){P(this);V(this);G(this)}componentDidLoad(){B(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);T(this);R(this);Q(this)}componentDidRender(){E(this)}render(){const{channelsDisabled:t,color:s,colorFieldScopeLeft:i,colorFieldScopeTop:n,dimensions:{thumb:{radius:o}},hexDisabled:a,hideChannels:c,hideHex:r,hideSaved:p,hueScopeLeft:f,messages:m,alphaChannel:b,opacityScopeLeft:g,savedColors:w,savedDisabled:v,scale:C,scopeOrientation:k}=this;const A=this.effectiveSliderWidth;const S=s?l(s,b):null;const z=o;const D=f??A*u.hue()/x.h;const $=o;const I=g??A*d(u.alpha())/y.max;const j=s===null;const F=k==="vertical";const O=a||r;const L=t||c;const K=v||p;const[N,P]=this.getAdjustedScopePosition(i,n);const[T,E]=this.getAdjustedScopePosition(D,z);const[U,H]=this.getAdjustedScopePosition(I,$);return e(M,{key:"ed8d6d887db9dc3d3e345b52b290094bde5541a8",disabled:this.disabled},e("div",{key:"06f7fc8c31b3165de13f20219d7c138f162e059d",class:h.container},e("div",{key:"79d751d245545fe729cb62660436ac67589a4be8",class:h.controlAndScope},e("canvas",{key:"6fa2716d392b2f41f7c96e21d6e30c7738df4191",class:h.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),e("div",{key:"c51f4c15946f87bb71674c3aadd024cbd7514d55","aria-label":F?m.value:m.saturation,"aria-valuemax":F?x.v:x.s,"aria-valuemin":"0","aria-valuenow":(F?s?.saturationv():s?.value())||"0",class:{[h.scope]:true,[h.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${P||0}px`,left:`${N||0}px`},tabindex:"0"})),e("div",{key:"6f93b38c9b16234cd5bd68edbc6c44ed4351fab4",class:h.previewAndSliders},e("calcite-color-picker-swatch",{key:"dd12a18e453040e5af19c1e37ccbec3573cfd06b",class:h.preview,color:S,scale:this.alphaChannel?"l":this.scale}),e("div",{key:"cf3b9c928b0d43f912726d13b584afd90f028aa5",class:h.sliders},e("div",{key:"77906dfdb66f64405ae2a62c942064d66eccf22d",class:h.controlAndScope},e("canvas",{key:"1b8ed2fd600e16ddd34c3e3d97ee7c3c3fc21125",class:{[h.slider]:true,[h.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),e("div",{key:"73cb98a5adfd188433c434c0f832ac660f00966f","aria-label":m.hue,"aria-valuemax":x.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||u.round().hue(),class:{[h.scope]:true,[h.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:`${E}px`,left:`${T}px`},tabindex:"0"})),b?e("div",{class:h.controlAndScope},e("canvas",{class:{[h.slider]:true,[h.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),e("div",{"aria-label":m.opacity,"aria-valuemax":y.max,"aria-valuemin":y.min,"aria-valuenow":(s||u).round().alpha(),class:{[h.scope]:true,[h.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,ref:this.storeOpacityScope,role:"slider",style:{top:`${H}px`,left:`${U}px`},tabindex:"0"})):null)),O&&L?null:e("div",{class:{[h.controlSection]:true,[h.section]:true}},e("div",{class:h.hexAndChannelsGroup},O?null:e("div",{class:h.hexOptions},e("calcite-color-picker-hex-input",{allowEmpty:this.isClearable,alphaChannel:b,class:h.control,messages:m,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:C,value:S})),L?null:e("calcite-tabs",{class:{[h.colorModeContainer]:true,[h.splitSection]:true},scale:C==="l"?"m":"s"},e("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),K?null:e("div",{class:{[h.savedColorsSection]:true,[h.section]:true}},e("div",{class:h.header},e("label",null,m.saved),e("div",{class:h.savedColorsButtons},e("calcite-button",{appearance:"transparent",class:h.deleteColor,disabled:j,iconStart:"minus",kind:"neutral",label:m.deleteColor,onClick:this.deleteColor,scale:C,type:"button"}),e("calcite-button",{appearance:"transparent",class:h.saveColor,disabled:j,iconStart:"plus",kind:"neutral",label:m.saveColor,onClick:this.saveColor,scale:C,type:"button"}))),w.length>0?e("div",{class:h.savedColors},[...w.map((t=>e("calcite-color-picker-swatch",{class:h.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:C,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,s){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${s})`)}setMode(t,s=true){const e=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(e,s)}ensureCompatibleMode(t,s){const{alphaChannel:e}=this;const i=f(t);if(e&&!i){const e=z(t);if(s){console.warn(`setting format to (${e}) as the provided one (${t}) does not support alpha`)}return e}if(!e&&i){const e=v(t);if(s){console.warn(`setting format to (${e}) as the provided one (${t}) does not support alpha`)}return e}return t}captureHueSliderColor(t){const s=k/this.effectiveSliderWidth*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const s=r(y.max/this.effectiveSliderWidth*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,s=true,e="user-interaction"){if(s&&w(t,this.color)){return}this.internalColorUpdateContext=e;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,s=this.mode){if(!t){return null}const e="hex";if(s.includes(e)){const e=s===o.HEXA;return a(l(t.round(),e),e)}if(s.includes("-css")){const e=t[s.replace("-css","").replace("a","")]().round().string();const i=(s.endsWith("a")||s.endsWith("a-css"))&&t.alpha()===1;if(i){const s=e.slice(0,3);const i=e.slice(4,-1);return`${s}a(${i}, ${t.alpha()})`}return e}const i=t[v(s)]().round().object();if(s.endsWith("a")){return C(i)}return i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return s*2-t}updateDimensions(t="m"){this.dimensions=p[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:s,width:e}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,e,s);const i=t.createLinearGradient(0,0,e,0);i.addColorStop(0,"rgba(255,255,255,1)");i.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=i;t.fillRect(0,0,e,s);const n=t.createLinearGradient(0,0,0,s);n.addColorStop(0,"rgba(0,0,0,0)");n.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=n;t.fillRect(0,0,e,s);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:s,width:e}){if(!t){return}const i=window.devicePixelRatio||1;t.width=e*i;t.height=s*i;t.style.height=`${s}px`;t.style.width=`${e}px`;const n=t.getContext("2d");n.scale(i,i)}updateCanvasSize(t="all"){const{dimensions:s}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,s.colorField)}const e={width:this.effectiveSliderWidth,height:s.slider.height+(s.thumb.radius-s.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,e)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,e)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const s=t.hsv();const{dimensions:{colorField:{height:e,width:i},thumb:{radius:n}}}=this;const o=s.saturationv()/(x.s/i);const a=e-s.value()/(x.v/e);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=a}));this.drawThumb(this.colorFieldRenderingContext,n,o,a,s,false)}drawThumb(t,s,e,i,n,o){const a=0;const l=2*Math.PI;const c=1;t.beginPath();t.arc(e,i,s,a,l);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=c;t.stroke();if(o&&n.alpha()<1){const n=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(e,i,s-3,a,l);t.fillStyle=n;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(e,i,s-3,a,l);const r=o?n.alpha():1;t.fillStyle=n.rgb().alpha(r).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const s=t.hsv().saturationv(100).value(100);const{dimensions:{thumb:{radius:e}}}=this;const i=this.effectiveSliderWidth;const n=s.hue()/(k/i);const o=e;const a=this.getSliderBoundX(n,i,e);requestAnimationFrame((()=>{this.hueScopeLeft=a}));this.drawThumb(this.hueSliderRenderingContext,e,a,o,s,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:s},thumb:{radius:e}}}=this;const i=0;const n=e-s/2;const o=this.effectiveSliderWidth;const a=t.createLinearGradient(0,0,o,0);const l=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const r=1/(l.length-1);let h=0;l.forEach((t=>{a.addColorStop(h,c(t).string());h+=r}));t.clearRect(0,0,o,s+this.getSliderCapSpacing()*2);this.drawSliderPath(t,s,o,i,n);t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:s,dimensions:{slider:{height:e},thumb:{radius:i}}}=this;const n=0;const o=i-e/2;const a=this.effectiveSliderWidth;t.clearRect(0,0,a,e+this.getSliderCapSpacing()*2);const l=t.createLinearGradient(0,o,a,0);const c=s.rgb().alpha(0);const r=s.rgb().alpha(.5);const h=s.rgb().alpha(1);l.addColorStop(0,c.string());l.addColorStop(.5,r.string());l.addColorStop(1,h.string());this.drawSliderPath(t,e,a,n,o);const d=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=d;t.fill();t.fillStyle=l;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,e,i,n){const o=s/2+1;t.beginPath();t.moveTo(i+o,n);t.lineTo(i+e-o,n);t.quadraticCurveTo(i+e,n,i+e,n+o);t.lineTo(i+e,n+s-o);t.quadraticCurveTo(i+e,n+s,i+e-o,n+s);t.lineTo(i+o,n+s);t.quadraticCurveTo(i,n+s,i,n+s-o);t.lineTo(i,n+o);t.quadraticCurveTo(i,n,i+o,n);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const s=t.getContext("2d");s.fillStyle="#ccc";s.fillRect(0,0,10,10);s.fillStyle="#fff";s.fillRect(0,0,5,5);s.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const s=t;const{dimensions:{thumb:{radius:e}}}=this;const i=this.effectiveSliderWidth;const n=d(s.alpha())/(y.max/i);const o=e;const a=this.getSliderBoundX(n,i,e);requestAnimationFrame((()=>{this.opacityScopeLeft=a}));this.drawThumb(this.opacitySliderRenderingContext,e,a,o,s,true)}getSliderBoundX(t,s,e){const i=W(t,s,e);return i===0?t:i===-1?q(t,0,s,e,e*2):q(t,0,s,s-e*2,s-e)}updateColorFromChannels(t){this.internalColorSet(c(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:s}=this;const e=t[s]().array().map(((t,s)=>{const e=s===3;return e?t:Math.floor(t)}));if(e.length===3){e.push(1)}return e}getAdjustedScopePosition(t,s){return[t-A/2,s-A/2]}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{allowEmpty:["handleAllowEmptyOrClearableChange"],clearable:["handleAllowEmptyOrClearableChange"],alphaChannel:["handleAlphaChannelChange","handleAlphaChannelDimensionsChange","handleFormatOrAlphaChannelChange"],dimensions:["handleAlphaChannelDimensionsChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};it.style=st;const nt={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const ot=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const at=ot;const lt=c();const ct=class{constructor(e){t(this,e);this.calciteColorPickerHexInputChange=s(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const s=t.value;const e=`#${s}`;const{allowEmpty:i,internalColor:n}=this;const o=i&&!s;const a=$(e);this.onHexInputChange();if(o||I(e)&&a){return}t.value=i&&!n?"":this.formatHexForInternalInput(j(n.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const s=t.value;const{allowEmpty:e,internalColor:i}=this;const n=e&&!s;if(n){return}t.value=e&&!i?"":this.formatOpacityForInternalInput(i)};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let s=t;if(s){const t=a(s,false);const e=I(t)&&this.alphaChannel;if(e&&this.internalColor){const e=a(this.internalColor.hexa(),true).slice(-2);s=`${t+e}`}}this.internalSetValue(s,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let s;if(!t.value){s=t.value}else{const e=r(Number(t.value));s=this.internalColor?.alpha(e).hexa()}this.internalSetValue(s,this.value)};this.onHexInput=()=>{const t=`#${this.hexInputNode.value}`;const s=this.value;if(I(t,this.alphaChannel)&&$(t,this.alphaChannel)){this.internalSetValue(t,s)}};this.onInputKeyDown=t=>{const{altKey:s,ctrlKey:e,metaKey:i,shiftKey:n}=t;const{alphaChannel:o,hexInputNode:a,internalColor:c,value:r}=this;const{key:h}=t;const d=t.composedPath();if(h==="Tab"||h==="Enter"){if(d.includes(a)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(h==="Enter"){t.preventDefault()}return}const u=h==="ArrowDown"||h==="ArrowUp";const p=this.value;if(u){if(!r){this.internalSetValue(this.previousNonNullValue,p);t.preventDefault();return}const s=h==="ArrowUp"?1:-1;const e=n?10:1;this.internalSetValue(l(this.nudgeRGBChannels(c,e*s,d.includes(a)?"rgb":"a"),o),p);t.preventDefault();return}const f=s||e||i;const m=h.length===1;const b=F.test(h);if(m&&!f&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const s=t.clipboardData.getData("text");if(I(s,this.alphaChannel)&&$(s,this.alphaChannel)){t.preventDefault();this.hexInputNode.value=s.slice(1);this.internalSetValue(s,this.value)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=a(l(lt,this.alphaChannel),this.alphaChannel,true);this.internalColor=lt}connectedCallback(){const{allowEmpty:t,alphaChannel:s,value:e}=this;if(e){const t=a(e,s);if(I(t,s)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){_(this)}componentDidLoad(){B(this)}handleValueChange(t,s){this.internalSetValue(t,s,false)}render(){const{alphaChannel:t,hexLabel:s,internalColor:i,messages:n,scale:o,value:a}=this;const l=this.formatHexForInternalInput(a);const c=this.formatOpacityForInternalInput(i);const r=o==="l"?"m":"s";return e("div",{key:"9939540e0bf570287d03276311c4d077e2ce1ae4",class:nt.container},e("calcite-input-text",{key:"d2b6ab840fbd55bf16c6c5efe46d51e65b909cde",class:nt.hexInput,label:n?.hex||s,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInputTextInput:this.onHexInput,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",ref:this.storeHexInputRef,scale:r,value:l}),t?e("calcite-input-number",{class:nt.opacityInput,key:"opacity-input",label:n?.opacity,max:y.max,maxLength:3,min:y.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,ref:this.storeOpacityInputRef,scale:r,suffixText:"%",value:c}):null)}async setFocus(){await H(this);return K(this.hexInputNode)}internalSetValue(t,s,e=true){if(t){const{alphaChannel:s}=this;const i=a(t,s,s);if(I(i,s)){const{internalColor:t}=this;const n=c(i);const o=a(l(n,s),s);const r=!t||o!==a(l(t,s),s);this.internalColor=n;this.previousNonNullValue=o;this.value=o;if(r&&e){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(e){this.calciteColorPickerHexInputChange.emit()}return}this.value=s}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${d(t.alpha())}`:""}nudgeRGBChannels(t,s,e){let i;const n=t.array();const o=n.slice(0,3);if(e==="rgb"){const t=o.map((t=>t+s));i=[...t,this.alphaChannel?n[3]:undefined]}else{const e=r(d(t.alpha())+s);i=[...o,e]}return c(i)}get el(){return i(this)}static get watchers(){return{value:["handleValueChange"]}}};ct.style=at;const rt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const ht={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const dt=4;const ut={squareSize:dt,size:dt*2};const pt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const ft=pt;const mt=class{constructor(s){t(this,s);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?c(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const s={[rt.swatch]:true,[rt.noColorSwatch]:t};return e("svg",{key:"b29377be8ce0518f7b0f3691dcb1dda08890dd94",class:s,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:s,internalColor:i}=this;const o=t?"100%":"0";const a=N(s);const c=a==="light"?ht.borderLight:ht.borderDark;const r={height:"100%",rx:o,stroke:c,["stroke-width"]:"2",width:"100%"};const h=!i;if(h){return e(n,null,e("clipPath",{id:"shape"},e("rect",{height:"100%",rx:o,width:"100%"})),e("rect",{"clip-path":`inset(0 round ${o})`,rx:o,...r}),e("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=i.alpha();const u=l(i);const p=l(i,d<1);return e(n,null,e("title",null,p),e("defs",null,e("pattern",{height:ut.size,id:"checker",patternUnits:"userSpaceOnUse",width:ut.size,x:"0",y:"0"},e("rect",{class:rt.checker,height:ut.squareSize,width:ut.squareSize,x:"0",y:"0"}),e("rect",{class:rt.checker,height:ut.squareSize,width:ut.squareSize,x:ut.squareSize,y:ut.squareSize}))),e("rect",{fill:"url(#checker)",height:"100%",rx:o,width:"100%"}),e("rect",{fill:u,style:{"clip-path":d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`},...r}),d<1?e("rect",{fill:p,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...r}):null)}get el(){return i(this)}static get watchers(){return{color:["handleColorChange"]}}};mt.style=ft;export{it as calcite_color_picker,ct as calcite_color_picker_hex_input,mt as calcite_color_picker_swatch};
-//# sourceMappingURL=p-b4f46762.entry.js.map

package/dist/calcite/p-b6461ea9.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{d as o}from"./p-a6183fdc.js";import"./p-9893851a.js";import"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-6075641d.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-fddced5f.js";import"./p-b9b81c5f.js";import"./p-b901da42.js";import"./p-076f56e6.js";import"./p-d4d6801a.js";import"./p-417f43fd.js";import"./p-75c938c5.js";import"./p-9e6b50ec.js";import"./p-7279400b.js";import"./p-21104f52.js";import"./p-217771e8.js";var a={name:"pt",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sab".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sa".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function o(a){return a+"º"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"alguns segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};o.locale(a,null,true);export{a as default};
-//# sourceMappingURL=p-b6461ea9.js.map

package/dist/calcite/p-b6461ea9.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","n","weekStart","yearStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/pt.js"],"sourcesContent":["// Portuguese [pt]\nimport dayjs from '../index';\nvar locale = {\n  name: 'pt',\n  weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),\n  weekdaysShort: 'dom_seg_ter_qua_qui_sex_sab'.split('_'),\n  weekdaysMin: 'Do_2ª_3ª_4ª_5ª_6ª_Sa'.split('_'),\n  months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),\n  monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),\n  ordinal: function ordinal(n) {\n    return n + \"\\xBA\";\n  },\n  weekStart: 1,\n  yearStart: 4,\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD/MM/YYYY',\n    LL: 'D [de] MMMM [de] YYYY',\n    LLL: 'D [de] MMMM [de] YYYY [às] HH:mm',\n    LLLL: 'dddd, D [de] MMMM [de] YYYY [às] HH:mm'\n  },\n  relativeTime: {\n    future: 'em %s',\n    past: 'há %s',\n    s: 'alguns segundos',\n    m: 'um minuto',\n    mm: '%d minutos',\n    h: 'uma hora',\n    hh: '%d horas',\n    d: 'um dia',\n    dd: '%d dias',\n    M: 'um mês',\n    MM: '%d meses',\n    y: 'um ano',\n    yy: '%d anos'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4eAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,iFAAiFC,MAAM,KACjGC,cAAe,8BAA8BD,MAAM,KACnDE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,2FAA2FH,MAAM,KACzGI,YAAa,kDAAkDJ,MAAM,KACrEK,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,UAAW,EACXC,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,wBACJC,IAAK,mCACLC,KAAM,0CAERC,aAAc,CACZC,OAAQ,QACRC,KAAM,QACNC,EAAG,kBACHC,EAAG,YACHC,GAAI,aACJC,EAAG,WACHC,GAAI,WACJC,EAAG,SACHC,GAAI,UACJC,EAAG,SACHC,GAAI,WACJC,EAAG,SACHC,GAAI,YAGRC,EAAMjC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-b6d0ad43.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{d as a}from"./p-a6183fdc.js";import"./p-9893851a.js";import"./p-5a9f5d33.js";import"./p-03f596e8.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-6075641d.js";import"./p-1dd95dac.js";import"./p-562aa4f4.js";import"./p-fddced5f.js";import"./p-b9b81c5f.js";import"./p-b901da42.js";import"./p-076f56e6.js";import"./p-d4d6801a.js";import"./p-417f43fd.js";import"./p-75c938c5.js";import"./p-9e6b50ec.js";import"./p-7279400b.js";import"./p-21104f52.js";import"./p-217771e8.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{r as default};
-//# sourceMappingURL=p-b6d0ad43.js.map

package/dist/calcite/p-b6d0ad43.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","weekStart","formats","LT","LTS","L","LL","LLL","LLLL","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","ordinal","n","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/tr.js"],"sourcesContent":["// Turkish [tr]\nimport dayjs from '../index';\nvar locale = {\n  name: 'tr',\n  weekdays: 'Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi'.split('_'),\n  weekdaysShort: 'Paz_Pts_Sal_Çar_Per_Cum_Cts'.split('_'),\n  weekdaysMin: 'Pz_Pt_Sa_Ça_Pe_Cu_Ct'.split('_'),\n  months: 'Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık'.split('_'),\n  monthsShort: 'Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara'.split('_'),\n  weekStart: 1,\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D MMMM YYYY',\n    LLL: 'D MMMM YYYY HH:mm',\n    LLLL: 'dddd, D MMMM YYYY HH:mm'\n  },\n  relativeTime: {\n    future: '%s sonra',\n    past: '%s önce',\n    s: 'birkaç saniye',\n    m: 'bir dakika',\n    mm: '%d dakika',\n    h: 'bir saat',\n    hh: '%d saat',\n    d: 'bir gün',\n    dd: '%d gün',\n    M: 'bir ay',\n    MM: '%d ay',\n    y: 'bir yıl',\n    yy: '%d yıl'\n  },\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;4eAEG,IAACA,EAAS,CACXC,KAAM,KACNC,SAAU,wDAAwDC,MAAM,KACxEC,cAAe,8BAA8BD,MAAM,KACnDE,YAAa,uBAAuBF,MAAM,KAC1CG,OAAQ,6EAA6EH,MAAM,KAC3FI,YAAa,kDAAkDJ,MAAM,KACrEK,UAAW,EACXC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,cACJC,IAAK,oBACLC,KAAM,2BAERC,aAAc,CACZC,OAAQ,WACRC,KAAM,UACNC,EAAG,gBACHC,EAAG,aACHC,GAAI,YACJC,EAAG,WACHC,GAAI,UACJC,EAAG,UACHC,GAAI,SACJC,EAAG,SACHC,GAAI,QACJC,EAAG,UACHC,GAAI,UAENC,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,GAEAC,EAAMhC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-b901da42.js

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

package/dist/calcite/p-b994691f.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/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{r as e,h as t,g as i}from"./p-9893851a.js";import{i as s}from"./p-03f596e8.js";import{h as n,i as r}from"./p-6d96a573.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";const o={thumbnail:"thumbnail",background:"background",initials:"initials",icon:"icon"};function a(e){e=c(e);let t=0;for(let i=0;i<e.length;i++){t=e.charCodeAt(i)+((t<<5)-t)}let i="#";for(let e=0;e<3;e++){const s=t>>e*8&255;i+=("00"+s.toString(16)).substr(-2)}return i}function c(e){const t=Math.floor(e.length/2);const i=e.split("").reverse().join("");return i.substring(t)+i.slice(0,t)}function l(e){let{r:t,g:i,b:s}=e;t/=255;i/=255;s/=255;const n=Math.max(t,i,s);const r=Math.min(t,i,s);const o=n-r;if(n===r){return 0}let a=(n+r)/2;switch(n){case t:a=(i-s)/o+(i<s?6:0);break;case i:a=(s-t)/o+2;break;case s:a=(t-i)/o+4;break}return Math.round(a*60)}function u(e){return l(n(e))}const h=":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=h;const f=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:o.thumbnail,onError:()=>this.thumbnailFailedToLoad=true,src:this.thumbnail})}const e=this.generateInitials();const i=this.generateFillColor();return t("span",{"aria-label":this.label||this.fullName,class:o.background,role:"figure",style:{backgroundColor:i}},e?t("span",{"aria-hidden":"true",class:o.initials},e):t("calcite-icon",{class:o.icon,icon:"user",scale:this.scale}))}generateFillColor(){const{userId:e,username:t,fullName:i,el:n}=this;const o=s(n);const c=e&&`#${e.substr(e.length-6)}`;const l=t||i||"";const h=c&&r(c)?c:a(l);if(!e&&!l||!r(h)){return`var(--calcite-color-foreground-2)`}const d=u(h);const f=o==="dark"?20:90;return`hsl(${d}, 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 i(this)}};f.style=d;export{f as calcite_avatar};
-//# sourceMappingURL=p-b994691f.entry.js.map

package/dist/calcite/p-b9b81c5f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-function n(n){return n==="l"?"m":"s"}async function t(n){await(e(n)?n.componentOnReady():new Promise((n=>requestAnimationFrame((()=>n())))))}function e(n){return typeof n.componentOnReady==="function"}export{t as c,n as g};
-//# sourceMappingURL=p-b9b81c5f.js.map

package/dist/calcite/p-bab2e32d.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/dev/LICENSE.md for details.
- * v2.10.0-next.8
- */
-import{r as e,c as t,h as o,g as i}from"./p-9893851a.js";import{c as n,d as s}from"./p-8c1d7328.js";import{h as c,e as a}from"./p-03f596e8.js";import{s as l,a as r,c as d}from"./p-b901da42.js";import{c as h,d as f}from"./p-076f56e6.js";import{c as g,d as p,s as m,u as b}from"./p-7279400b.js";import{K as u}from"./p-432f9a2c.js";import{o as k}from"./p-21104f52.js";import{g as v}from"./p-b9b81c5f.js";import"./p-d4d6801a.js";import"./p-8ba7c938.js";import"./p-73c5df21.js";import"./p-562aa4f4.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=c(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);g(this)}disconnectedCallback(){s(this);f(this);p(this)}async componentWillLoad(){l(this);this.requestedIcon=c(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"c3d3dd23dba78ff7699a104906f655c1598419e5","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"4dacfd9e6c4e97f7883c781a6b2f1525458888bb",icon:"x",scale:v(this.scale)}));const i=a(e,x.actionsEnd);return o("div",{key:"798f11e900357229ec987913e99c78fa7f6d40d7",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"140d2347c7f448c47b5bc90a9a84fc45d009debd",class:w.content},o("slot",{key:"6838dda68c49726928f4efac52c47eb4bbe0f668",name:x.title}),o("slot",{key:"4ac8350ede4b779cc505dbe403931bdb623dc477",name:x.message}),o("slot",{key:"5d0b2fef2eb2ab9fdb9e6471ce30a7599f6b771c",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
-//# sourceMappingURL=p-bab2e32d.entry.js.map