@esri/calcite-components 1.0.0-next.692 → 1.0.0-next.693

package/dist/types/components.d.ts

@@ -760,15 +760,9 @@ export namespace Components {
          */
         "allowEmpty": boolean;
         /**
-          * Accessible name for the Hex input.
-          * @default "Hex"
+          * Specifies accessible label for the input field.
          */
-        "intlHex": string;
-        /**
-          * Accessible name for the Hex input when there is no color selected.
-          * @default "No color"
-         */
-        "intlNoColor": string;
+        "hexLabel": string;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
@@ -5498,15 +5492,9 @@ declare namespace LocalJSX {
          */
         "allowEmpty"?: boolean;
         /**
-          * Accessible name for the Hex input.
-          * @default "Hex"
-         */
-        "intlHex"?: string;
-        /**
-          * Accessible name for the Hex input when there is no color selected.
-          * @default "No color"
+          * Specifies accessible label for the input field.
          */
-        "intlNoColor"?: string;
+        "hexLabel"?: string;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.692
+ * v1.0.0-next.693
  */
 'use strict';
 
@@ -13413,27 +13413,6 @@ const HSV_LIMITS = {
   s: 100,
   v: 100
 };
-const TEXT$3 = {
-  b: "B",
-  blue: "Blue",
-  deleteColor: "Delete color",
-  g: "G",
-  green: "Green",
-  h: "H",
-  hsv: "HSV",
-  hex: "Hex",
-  hue: "Hue",
-  noColor: "No color",
-  r: "R",
-  red: "Red",
-  rgb: "RGB",
-  s: "S",
-  saturation: "Saturation",
-  saveColor: "Save color",
-  saved: "Saved",
-  v: "V",
-  value: "Value"
-};
 const DIMENSIONS = {
   s: {
     slider: {
@@ -13991,7 +13970,7 @@ class ColorPicker {
       } }, hideHex ? null : (hAsync("div", { class: CSS$L.hexOptions }, hAsync("span", { class: {
         [CSS$L.header]: true,
         [CSS$L.headerHex]: true
-      } }, messages.hex), hAsync("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, class: CSS$L.control, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: hexInputScale, value: selectedColorInHex }))), hideChannels ? null : (hAsync("calcite-tabs", { class: {
+      } }, messages.hex), hAsync("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, class: CSS$L.control, hexLabel: messages.hex, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: hexInputScale, value: selectedColorInHex }))), hideChannels ? null : (hAsync("calcite-tabs", { class: {
         [CSS$L.colorModeContainer]: true,
         [CSS$L.splitSection]: true
       }, scale: hexInputScale }, hAsync("calcite-tab-nav", { slot: "title-group" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv"))))), hideSaved ? null : (hAsync("div", { class: { [CSS$L.savedColorsSection]: true, [CSS$L.section]: true } }, hAsync("div", { class: CSS$L.header }, hAsync("label", null, messages.saved), hAsync("div", { class: CSS$L.savedColorsButtons }, hAsync("calcite-button", { appearance: "transparent", class: CSS$L.deleteColor, disabled: noColor, iconStart: "minus", kind: "neutral", label: messages.deleteColor, onClick: this.deleteColor, scale: hexInputScale, type: "button" }), hAsync("calcite-button", { appearance: "transparent", class: CSS$L.saveColor, disabled: noColor, iconStart: "plus", kind: "neutral", label: messages.saveColor, onClick: this.saveColor, scale: hexInputScale, type: "button" }))), savedColors.length > 0 ? (hAsync("div", { class: CSS$L.savedColors }, [
@@ -14264,9 +14243,8 @@ class ColorPickerHexInput {
     this.storeInputRef = (node) => {
       this.inputNode = node;
     };
+    this.hexLabel = "Hex";
     this.allowEmpty = false;
-    this.intlHex = TEXT$3.hex;
-    this.intlNoColor = TEXT$3.noColor;
     this.scale = "m";
     this.value = normalizeHex(DEFAULT_COLOR.hex());
     this.numberingSystem = undefined;
@@ -14342,9 +14320,9 @@ class ColorPickerHexInput {
   //
   //--------------------------------------------------------------------------
   render() {
-    const { intlHex, value } = this;
+    const { value } = this;
     const hexInputValue = this.formatForInternalInput(value);
-    return (hAsync("div", { class: CSS$K.container }, hAsync("calcite-input", { class: CSS$K.input, label: intlHex, maxLength: 6, numberingSystem: this.numberingSystem, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, onPaste: this.onPaste, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$K.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
+    return (hAsync("div", { class: CSS$K.container }, hAsync("calcite-input", { class: CSS$K.input, label: this.hexLabel, maxLength: 6, numberingSystem: this.numberingSystem, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, onPaste: this.onPaste, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$K.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
   }
   //--------------------------------------------------------------------------
   //
@@ -14406,9 +14384,8 @@ class ColorPickerHexInput {
     "$flags$": 9,
     "$tagName$": "calcite-color-picker-hex-input",
     "$members$": {
+      "hexLabel": [1, "hex-label"],
       "allowEmpty": [4, "allow-empty"],
-      "intlHex": [1, "intl-hex"],
-      "intlNoColor": [1, "intl-no-color"],
       "scale": [513],
       "value": [1537],
       "numberingSystem": [1, "numbering-system"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.692",
+  "version": "1.0.0-next.693",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-37634338.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.692
- */
-import{r as i,c as t,h as e,F as a,g as s}from"./p-cd7be926.js";import{n,c as o,d as c}from"./p-6db7d62b.js";import{u as r,c as l,s as h,d}from"./p-b29881f6.js";import"./p-3919c6db.js";import"./p-c2a50e4a.js";import"./p-fdbf73c1.js";import"./p-d780e6cf.js";import"./p-dd118f8c.js";const p=class{constructor(e){i(this,e),this.calcitePaginationChange=t(this,"calcitePaginationChange",6),this.previousClicked=()=>{this.previousPage().then(),this.emitUpdate()},this.nextClicked=()=>{this.nextPage(),this.emitUpdate()},this.groupSeparator=!1,this.messageOverrides=void 0,this.num=20,this.numberingSystem=void 0,this.start=1,this.total=0,this.scale="m",this.defaultMessages=void 0,this.effectiveLocale="",this.messages=void 0}onMessagesChange(){}effectiveLocaleChange(){r(this,this.effectiveLocale)}effectiveLocaleWatcher(){n.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}connectedCallback(){o(this),l(this)}async componentWillLoad(){await h(this)}disconnectedCallback(){c(this),d(this)}async nextPage(){this.start=Math.min(this.getLastStart(),this.start+this.num)}async previousPage(){this.start=Math.max(1,this.start-this.num)}getLastStart(){const{total:i,num:t}=this;return 1+(i%t==0?i-t:Math.floor(i/t)*t)}showLeftEllipsis(){return Math.floor(this.start/this.num)>3}showRightEllipsis(){return(this.total-this.start)/this.num>3}emitUpdate(){this.calcitePaginationChange.emit()}renderPages(){const i=this.getLastStart();let t,e;this.total/this.num<=5?(e=1+this.num,t=i-this.num):this.start/this.num<4?(e=1+this.num,t=1+4*this.num):this.start+3*this.num>=this.total?(e=i-4*this.num,t=i-this.num):(e=this.start-this.num,t=this.start+this.num);const a=[];for(;e<=t;)a.push(e),e+=this.num;return a.map((i=>this.renderPage(i)))}renderPage(i){const t=Math.floor(i/this.num)+(1===this.num?0:1);n.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=n.localize(t.toString());return e("button",{class:{page:!0,"is-selected":i===this.start},onClick:()=>{this.start=i,this.emitUpdate()}},a)}renderLeftEllipsis(){if(this.total/this.num>5&&this.showLeftEllipsis())return e("span",{class:"ellipsis ellipsis--start"},"…")}renderRightEllipsis(){if(this.total/this.num>5&&this.showRightEllipsis())return e("span",{class:"ellipsis ellipsis--end"},"…")}render(){const{total:i,num:t,start:s}=this,n=1===t?s<=t:s<t,o=s+t>i;return e(a,null,e("button",{"aria-label":this.messages.previous,class:{previous:!0,"is-disabled":n},disabled:n,onClick:this.previousClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronLeft",scale:"s"})),i>t?this.renderPage(1):null,this.renderLeftEllipsis(),this.renderPages(),this.renderRightEllipsis(),this.renderPage(this.getLastStart()),e("button",{"aria-label":this.messages.next,class:{next:!0,"is-disabled":o},disabled:o,onClick:this.nextClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronRight",scale:"s"})))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"]}}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([scale=s]){--calcite-pagination-spacing:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:flex;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.previous,.next,.page{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing)}.ellipsis{display:flex;align-items:flex-end;color:var(--calcite-ui-text-3)}";export{p as calcite_pagination}

package/dist/calcite/p-a5de6427.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.692
- */
-import{c as n}from"./p-fdbf73c1.js";import{h as t}from"./p-cd7be926.js";function e(n){return"checked"in n}const o=new WeakMap,s=new WeakSet;function c(n){const{formEl:t}=n;return!!t&&("requestSubmit"in t?t.requestSubmit():t.submit(),!0)}function i(n){n.formEl?.reset()}function r(t){const{el:c,value:i}=t,r=n(c,"form");if(!r||function(n,t){const e="calciteInternalFormComponentRegister";let o=!1;return n.addEventListener(e,(n=>{o=n.composedPath().some((n=>s.has(n))),n.stopPropagation()}),{once:!0}),t.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0})),o}(r,c))return;t.formEl=r,t.defaultValue=i,e(t)&&(t.defaultChecked=t.checked);const a=(t.onFormReset||u).bind(t);r.addEventListener("reset",a),o.set(t.el,a),s.add(c)}function u(){e(this)?this.checked=this.defaultChecked:this.value=this.defaultValue}function a(n){const{el:t,formEl:e}=n;if(!e)return;const c=o.get(t);e.removeEventListener("reset",c),o.delete(t),n.formEl=null,s.delete(t)}function f(n,t){n.defaultValue=t}const l=n=>{n.target.dispatchEvent(new CustomEvent("calciteInternalHiddenInputChange",{bubbles:!0}))},m=n=>n.removeEventListener("change",l);function d(n,t,o){const{defaultValue:s,disabled:c,name:i,required:r}=n;t.defaultValue=s,t.disabled=c,t.name=i,t.required=r,t.tabIndex=-1,e(n)?(t.defaultChecked=n.defaultChecked,t.value=n.checked?o||"on":"",c||n.checked||(t.disabled=!0)):t.value=o||"",n.syncHiddenFormInput?.(t)}const p=({component:n})=>(function(n){const{el:t,formEl:e,name:o,value:s}=n,{ownerDocument:c}=t,i=t.querySelectorAll('input[slot="hidden-form-input"]');if(!e||!o)return void i.forEach((n=>{m(n),n.remove()}));const r=Array.isArray(s)?s:[s],u=[],a=new Set;let f;i.forEach((t=>{const e=r.find((n=>n==t.value));null!=e?(a.add(e),d(n,t,e)):u.push(t)})),r.forEach((t=>{if(a.has(t))return;let e=u.pop();e||(e=c.createElement("input"),e.slot="hidden-form-input"),f||(f=c.createDocumentFragment()),f.append(e),e.addEventListener("change",l),d(n,e,t)})),f&&t.append(f),u.forEach((n=>{m(n),n.remove()}))}(n),t("slot",{name:"hidden-form-input"}));export{p as H,f as a,r as c,a as d,i as r,c as s}

package/dist/calcite/p-b29881f6.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.692
- */
-import{a as n}from"./p-cd7be926.js";import{g as t}from"./p-6db7d62b.js";const c={};function o(){throw new Error("could not fetch component message bundle")}function s(n){n.messages={...n.defaultMessages,...e(n),...n.getExtraMessageOverrides?.()}}function e(n){return n.messageOverrides??function(n){const{el:t}=n,c={};return Object.keys(t.constructor.prototype).filter((n=>n.startsWith("intl"))).forEach((n=>{const o=t[n];if(o){let t=n.replace("intl","");t=`${t[0].toLowerCase()}${t.slice(1)}`,c[t]=o}})),c}(n)}async function i(n){n.defaultMessages=await a(n,n.effectiveLocale),s(n)}async function a(s,e){const{el:i}=s,a=i.tagName.toLowerCase().replace("calcite-","");return async function(t,s){const e=`${s}_${t}`;return c[e]||(c[e]=fetch(n(`./assets/${s}/t9n/messages_${t}.json`)).then((n=>(n.ok||o(),n.json()))).catch((()=>o()))),c[e]}(t(e,"t9n"),a)}async function u(n,t){n.defaultMessages=await a(n,t),s(n)}function r(n){n.onMessagesChange=l}function f(n){n.onMessagesChange=void 0}function l(){s(this)}export{r as c,f as d,i as s,u}

package/dist/calcite/p-df6c1d47.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.692
- */
-import{f as t}from"./p-cd7be926.js";import{c as o}from"./p-c2a50e4a.js";const c=new Set;let n;const s={childList:!0};function a(t){n||(n=o("mutation",i)),n.observe(t.el,s)}function f(t){c.delete(t.el),i(n.takeRecords()),n.disconnect();for(const[t]of c.entries())n.observe(t,s)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{a as c,f as d}

package/dist/calcite/p-fce5d2e5.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.692
- */
-import{r as t,c as i,h as a,g as e,H as s}from"./p-cd7be926.js";import{S as n}from"./p-6dfc7b89.js";import{g as o,m as r,d as c,a as l,s as d,h,b as m,c as p,k as u,e as f,i as v,f as g,j as w,l as b,n as y,r as x,o as k,p as D,q as L,t as _,L as j,I as C,C as I,S as z}from"./p-59118b8e.js";import{c as A}from"./p-c2a50e4a.js";import{u as H}from"./p-bb3f90f9.js";import{c as F,d as R}from"./p-6db7d62b.js";import{u as S,c as U,s as $,d as B}from"./p-b29881f6.js";import{s as M,a as O,c as q}from"./p-b0d9eff8.js";import{g as K}from"./p-dd118f8c.js";import{g as T}from"./p-fdbf73c1.js";import{c as W,d as E}from"./p-df6c1d47.js";import"./p-4b9ef8a4.js";import"./p-7caeb9fb.js";import"./p-3919c6db.js";import"./p-d780e6cf.js";var P;function V(t,i,a){const{items:e,messages:s}=a,n=e.length,r=o(a,t)+1;return function(t,i,a,e){return t.replace("${position}",a.toString()).replace("${itemLabel}",i).replace("${total}",e.toString())}("idle"===i?s.dragHandleIdle:"active"===i?s.dragHandleActive:"change"===i?s.dragHandleChange:s.dragHandleCommit,t.label,r,n)}function G(t){return{handle:t.composedPath().find((t=>void 0!==t.dataset?.jsHandle)),item:t.composedPath().find((t=>"calcite-value-list-item"===t.tagName?.toLowerCase()))}}!function(t){t.grip="grip"}(P||(P={}));const J=class{constructor(a){t(this,a),this.calciteListChange=i(this,"calciteListChange",6),this.calciteListOrderChange=i(this,"calciteListOrderChange",6),this.calciteListFilter=i(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=A("mutation",r.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=c.bind(this),this.deselectSiblingItems=l.bind(this),this.selectSiblings=d.bind(this),this.handleFilter=h.bind(this),this.handleFilterEvent=m.bind(this),this.getItemData=p.bind(this),this.keyDownHandler=t=>{if(t.defaultPrevented)return;const{handle:i,item:a}=G(t);if(i&&!a.handleActivated&&" "===t.key&&this.updateScreenReaderText(V(a,"commit",this)),!i||!a.handleActivated)return void u.call(this,t);const{items:e}=this;if(" "===t.key&&this.updateScreenReaderText(V(a,"active",this)),"ArrowUp"!==t.key&&"ArrowDown"!==t.key||e.length<=1)return;t.preventDefault();const{el:s}=this,n=f(this,a,"ArrowUp"===t.key?"up":"down");if(n===e.length-1)s.appendChild(a);else{const t=s.children[n];s.insertBefore(a,t===a.nextElementSibling?t.nextElementSibling:t)}this.items=this.getItems(),this.calciteListOrderChange.emit(this.items.map((({value:t})=>t))),requestAnimationFrame((()=>i?.focus())),a.handleActivated=!0,this.updateHandleAriaLabel(i,V(a,"change",this))},this.storeAssistiveEl=t=>{this.assistiveTextEl=t},this.handleFocusIn=t=>{const{handle:i,item:a}=G(t);!a?.handleActivated&&a&&i&&this.updateHandleAriaLabel(i,V(a,"idle",this))},this.disabled=!1,this.dragEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.group=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.messageOverrides=void 0,this.messages=void 0,this.dataForFilter=[],this.defaultMessages=void 0,this.effectiveLocale="",this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){S(this,this.effectiveLocale)}connectedCallback(){F(this),U(this),v.call(this),g.call(this)}async componentWillLoad(){M(this),await $(this)}componentDidLoad(){O(this),this.setUpDragAndDrop(),w.call(this)}componentDidRender(){H(this)}disconnectedCallback(){R(this),B(this),b.call(this),this.cleanUpDragAndDrop()}calciteListFocusOutHandler(t){y.call(this,t)}calciteListItemRemoveHandler(t){x.call(this,t)}calciteListItemChangeHandler(t){k.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){D.call(this,t),t.stopPropagation()}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){L.call(this,"calcite-value-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpDragAndDrop(){this.cleanUpDragAndDrop(),this.dragEnabled&&(this.sortable=n.create(this.el,{dataIdAttr:"id",handle:".handle",draggable:"calcite-value-list-item",group:this.group,onSort:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}}))}cleanUpDragAndDrop(){this.sortable?.destroy(),this.sortable=null}handleBlur(){this.dragEnabled&&this.updateScreenReaderText("")}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await q(this),_.call(this,t)}getIconType(){let t=null;return this.dragEnabled&&(t=P.grip),t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,i){t.ariaLabel=i}render(){return a(j,{onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};J.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:300}calcite-filter{margin-block-end:1px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";const N=class{constructor(a){t(this,a),this.calciteListItemRemove=i(this,"calciteListItemRemove",7),this.pickListItem=null,this.guid=`calcite-value-list-item-${K()}`,this.getPickListRef=t=>this.pickListItem=t,this.handleKeyDown=t=>{" "===t.key&&(t.preventDefault(),this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1},this.handleSelectChange=t=>{this.selected=t.detail.selected},this.description=void 0,this.disabled=!1,this.deselectDisabled=!1,this.nonInteractive=!1,this.handleActivated=!1,this.icon=null,this.iconFlipRtl=!1,this.label=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.value=void 0}connectedCallback(){W(this)}disconnectedCallback(){E(this)}componentWillLoad(){M(this)}componentDidLoad(){O(this)}componentDidRender(){H(this,!!this.el.closest("calcite-value-list")&&"managed")}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await q(this),this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;return T(t,"actions-end")?a("slot",{name:"actions-end",slot:z.actionsEnd}):null}renderActionsStart(){const{el:t}=this;return T(t,"actions-start")?a("slot",{name:"actions-start",slot:z.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:i}=this;if(t===C.grip)return a("span",{class:{[I.handle]:!0,[I.handleActivated]:this.handleActivated},"data-js-handle":!0,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,role:"button",tabindex:"0"},a("calcite-icon",{flipRtl:i,icon:"drag",scale:"s"}))}render(){return a(s,{id:this.el.id||this.guid},this.renderHandle(),a("calcite-pick-list-item",{description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,ref:this.getPickListRef,removable:this.removable,selected:this.selected,value:this.value},this.renderActionsStart(),this.renderActionsEnd()))}get el(){return e(this)}};N.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-ui-brand);--tw-shadow-colored:0 0 0 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)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-ui-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{J as calcite_value_list,N as calcite_value_list_item}