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

package/dist/calcite/{p-e9380400.entry.js → p-749f2b41.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.0
+ * v1.6.1-next.2
  */
-import{r as t,c as e,h as i,a as s,H as n}from"./p-f15d9496.js";import{e as a,t as l,b as o}from"./p-061d179e.js";import{c,d as r,u as h}from"./p-108c4959.js";import{c as d}from"./p-4841781f.js";import{d as p,c as u}from"./p-c8d57403.js";import{S as m}from"./p-4825b983.js";import{s as f,a as b,c as g}from"./p-4a318ca6.js";import{d as v}from"./p-96cd7399.js";import{c as w,d as y}from"./p-f8771181.js";import{u as x,c as C,s as k,d as I}from"./p-062744e6.js";import"./p-cc3a84bf.js";import"./p-62081d3a.js";import"./p-153861d6.js";const E="open-container",L="calcite-list-item";function S(t){const e=t.assignedElements({flatten:!0}),i=e.filter((t=>t?.matches("calcite-list-item-group"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),s=e.filter((t=>t?.matches(L)));return[...e.filter((t=>t?.matches("calcite-list"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),...i,...s]}function z(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1,e.setSize=t.length}))}function A(t,e=!1){return document.evaluate(e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const D="calcite-list-item",j=class{constructor(i){t(this,i),this.calciteListChange=e(this,"calciteListChange",6),this.calciteListFilter=e(this,"calciteListFilter",6),this.calciteListOrderChange=e(this,"calciteListOrderChange",6),this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6),this.dragSelector="calcite-list-item",this.enabledListItems=[],this.handleSelector="calcite-handle",this.listItems=[],this.mutationObserver=d("mutation",(()=>this.updateListItems())),this.handleDefaultSlotChange=t=>{z(S(t.target)),this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit()},this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)},this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)},this.setActiveListItem=()=>{const{enabledListItems:t}=this;t.some((t=>t.active))||t[0]&&(t[0].active=!0)},this.updateSelectedItems=(t=!1)=>{this.selectedItems=this.enabledListItems.filter((t=>t.selected)),t&&this.calciteListChange.emit()},this.updateFilteredItems=(t=!1)=>{const{listItems:e,filteredData:i,filterText:s}=this,n=i.map((t=>t.value)),a=e?.filter((t=>e.every((e=>e===t||!t.contains(e))))),l=e.filter((t=>!s||n.includes(t.value)))||[],o=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:l,visibleParents:o}))),this.filteredItems=l,t&&this.calciteListFilter.emit()},this.setFilterEl=t=>{this.filterEl=t,this.performFilter()},this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e,this.updateFilteredData(!0)},this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value}))),this.updateListItems=v(((t=!1)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(this.parentListEl)return this.queryListItems(!0).forEach((t=>{t.selectionAppearance=e,t.selectionMode=i,t.dragHandle=s})),void this.setUpSorting();const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e,t.selectionMode=i,t.dragHandle=s})),this.listItems=n,this.filterEnabled&&(this.dataForFilter=this.getItemData(),this.filterEl&&(this.filterEl.items=this.dataForFilter)),this.updateFilteredItems(t),this.enabledListItems=this.filteredItems.filter((t=>!t.disabled&&!t.closed)),this.setActiveListItem(),this.updateSelectedItems(t),this.setUpSorting()}),0),this.queryListItems=(t=!1)=>Array.from(this.el.querySelectorAll(t?":scope > calcite-list-item":D)),this.focusRow=t=>{const{enabledListItems:e}=this;t&&(e.forEach((e=>e.active=e===t)),t.setFocus())},this.isNavigable=t=>{const e=t.parentElement?.closest(D);return!e||e.open&&this.isNavigable(e)},this.handleListKeydown=t=>{if(t.defaultPrevented||this.parentListEl)return;const{key:e}=t,i=this.enabledListItems.filter((t=>this.isNavigable(t))),s=i.findIndex((t=>t.active));if("ArrowDown"===e){t.preventDefault();const e=t.target===this.filterEl?0:s+1;i[e]&&this.focusRow(i[e])}else if("ArrowUp"===e){if(t.preventDefault(),0===s&&this.filterEnabled)return void this.filterEl?.setFocus();const e=s-1;i[e]&&this.focusRow(i[e])}else if("Home"===e){t.preventDefault();const e=i[0];e&&this.focusRow(e)}else if("End"===e){t.preventDefault();const e=i[i.length-1];e&&this.focusRow(e)}},this.disabled=!1,this.canPull=void 0,this.canPut=void 0,this.dragEnabled=!1,this.group=void 0,this.filterEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterPlaceholder=void 0,this.filterText=void 0,this.label=void 0,this.loading=!1,this.openable=!1,this.selectedItems=[],this.selectionMode="none",this.selectionAppearance="icon",this.assistiveText=void 0,this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1}async handleFilterTextChange(){this.performFilter()}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();const{enabledListItems:e}=this,i=e.findIndex((t=>t.active))-1;e[i]&&this.focusRow(e[i])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalHandleChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleCalciteHandleNudge(t){this.parentListEl||this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i,selectionMode:s}=this;!e.selected||"single"!==s&&"single-persist"!==s||i.forEach((t=>t.selected=t===e)),this.updateSelectedItems()}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.updateListItems(!0))}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){this.connectObserver(),this.updateListItems(),this.setUpSorting(),c(this),this.parentListEl=this.el.parentElement.closest("calcite-list")}disconnectedCallback(){this.disconnectObserver(),p(this),r(this)}componentWillLoad(){f(this)}componentDidRender(){h(this)}componentDidLoad(){b(this)}async setFocus(){return await g(this),this.filterEnabled?this.filterEl?.setFocus():this.enabledListItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:o,filterText:c,hasFilterActionsStart:r,hasFilterActionsEnd:h}=this;return i("div",{class:"container"},this.dragEnabled?i("span",{"aria-live":"assertive",class:"assistive-text"},this.assistiveText):null,t?i("calcite-scrim",{class:"scrim",loading:t}):null,i("table",{"aria-busy":l(t),"aria-label":e||"",class:"table",onKeyDown:this.handleListKeydown,role:"treegrid"},a||r||h?i("thead",null,i("tr",{class:{"sticky-pos":!0}},i("th",{colSpan:0},i("calcite-stack",{class:"stack"},i("slot",{name:"filter-actions-start",onSlotchange:this.handleFilterActionsStartSlotChange,slot:m.actionsStart}),i("calcite-filter",{"aria-label":o,disabled:t||s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:o,value:c,ref:this.setFilterEl}),i("slot",{name:"filter-actions-end",onSlotchange:this.handleFilterActionsEndSlotChange,slot:m.actionsEnd}))))):null,i("tbody",{class:"table-container"},i("slot",{onSlotchange:this.handleDefaultSlotChange}))))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;t&&u(this)}onDragStart(){this.disconnectObserver()}onDragEnd(){this.connectObserver()}onDragSort(t){this.updateListItems();const{from:e,item:i,to:s}=t;this.calciteListOrderChange.emit({dragEl:i,fromEl:e,toEl:s})}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.hidden=s;const n=t.parentElement.closest("calcite-list-item-group, calcite-list-item");n&&(s||i.add(n),this.filterElements({el:n,filteredItems:e,visibleParents:i}))}updateFilteredData(t=!1){const{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItems(t))}async performFilter(){const{filterEl:t,filterText:e}=this;t&&(t.value=e,await t.filter(e),this.updateFilteredData())}handleNudgeEvent(t){const{direction:e}=t.detail,i=t.composedPath(),s=i.find((t=>"CALCITE-HANDLE"===t.tagName)),n=i.find((t=>"CALCITE-LIST-ITEM"===t.tagName)),a=n?.parentElement;if(!a)return;const{enabledListItems:l}=this,o=l.filter((t=>t.parentElement===a)),c=o.length-1,r=o.indexOf(n);let h,d=!1;"up"===e?0===r?d=!0:h=r-1:r===c?h=0:r===c-1?d=!0:h=r+2,this.disconnectObserver(),d?a.appendChild(n):a.insertBefore(n,o[h]),this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:n,fromEl:null,toEl:null}),s.setFocus().then((()=>{s.activated=!0}))}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"]}}};j.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{position:relative}.table-container{position:relative;z-index:var(--calcite-app-z-index);box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){margin-block-end:1px;--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)}::slotted(calcite-list-item:last-child){--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)}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky);background-color:var(--calcite-ui-foreground-1)}.sticky-pos th{padding:0px}.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}:host([hidden]){display:none}[hidden]{display:none}";const F=new Map,M=class{constructor(i){t(this,i),this.calciteListItemSelect=e(this,"calciteListItemSelect",6),this.calciteListItemClose=e(this,"calciteListItemClose",6),this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6),this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6),this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6),this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6),this.closeClickHandler=()=>{this.closed=!0,this.calciteListItemClose.emit()},this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)},this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)},this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)},this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)},this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)},this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)},this.toggleOpen=()=>{this.open=!this.open},this.itemClicked=t=>{t.defaultPrevented||(this.toggleSelected(),this.calciteInternalListItemActive.emit())},this.toggleSelected=()=>{const{selectionMode:t,selected:e}=this;this.disabled||("multiple"===t||"single"===t?this.selected=!e:"single-persist"===t&&(this.selected=!0),this.calciteListItemSelect.emit())},this.handleItemKeyDown=t=>{if(t.defaultPrevented)return;const{key:e}=t,i=t.composedPath(),{containerEl:s,contentEl:n,actionsStartEl:a,actionsEndEl:l,open:o,openable:c}=this,r=[a,n,l].filter(Boolean),h=r.findIndex((t=>i.includes(t)));if("Enter"===e)t.preventDefault(),this.toggleSelected();else if("ArrowRight"===e){t.preventDefault();const e=h+1;-1===h?!o&&c?(this.open=!0,this.focusCell(null)):r[0]&&this.focusCell(r[0]):r[h]&&r[e]&&this.focusCell(r[e])}else if("ArrowLeft"===e){t.preventDefault();const e=h-1;-1===h?(this.focusCell(null),o&&c?this.open=!1:this.calciteInternalFocusPreviousItem.emit()):0===h?(this.focusCell(null),s.focus()):r[h]&&r[e]&&this.focusCell(r[e])}},this.focusCellNull=()=>{this.focusCell(null)},this.focusCell=(t,e=!0)=>{const{contentEl:i,actionsStartEl:s,actionsEndEl:n,parentListEl:a}=this;e&&F.set(a,null),[s,i,n].filter(Boolean).forEach(((i,s)=>{const n="tabindex";i===t?(i.setAttribute(n,"0"),e&&F.set(a,s)):i.removeAttribute(n)})),t?.focus()},this.active=!1,this.closable=!1,this.closed=!1,this.description=void 0,this.disabled=!1,this.dragHandle=!1,this.label=void 0,this.metadata=void 0,this.open=!1,this.setSize=null,this.setPosition=null,this.selected=!1,this.value=void 0,this.selectionMode=null,this.selectionAppearance=null,this.messageOverrides=void 0,this.messages=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.level=null,this.visualLevel=null,this.parentListEl=void 0,this.openable=!1,this.hasActionsStart=!1,this.hasActionsEnd=!1,this.hasCustomContent=!1,this.hasContentStart=!1,this.hasContentEnd=!1}activeHandler(t){t||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){x(this,this.effectiveLocale)}connectedCallback(){c(this),w(this),C(this);const{el:t}=this;this.parentListEl=t.closest("calcite-list"),this.level=A(t)+1,this.visualLevel=A(t,!0),this.setSelectionDefaults()}async componentWillLoad(){f(this),await k(this)}componentDidLoad(){b(this)}componentDidRender(){h(this,"managed")}disconnectedCallback(){r(this),y(this),I(this)}async setFocus(){await g(this);const{containerEl:t,contentEl:e,actionsStartEl:i,actionsEndEl:s,parentListEl:n}=this,a=F.get(n);if("number"!=typeof a)t?.focus();else{const n=[i,e,s].filter(Boolean);n[a]?this.focusCell(n[a]):t?.focus()}}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;return"none"===e||"border"===s?null:i("td",{class:"selection-container",key:"selection-container",onClick:this.itemClicked},i("calcite-icon",{icon:t?"multiple"===e?"check-circle-f":"circle-f":"blank",scale:"s"}))}renderDragHandle(){return this.dragHandle?i("td",{class:"drag-container",key:"drag-handle-container"},i("calcite-handle",{label:this.label,setPosition:this.setPosition,setSize:this.setSize})):null}renderOpen(){const{el:t,open:e,openable:s,parentListEl:n}=this,a=o(t);return s?i("td",{class:E,key:"open-container",onClick:this.toggleOpen},i("calcite-icon",{icon:e?"caret-down":"rtl"===a?"caret-left":"caret-right",scale:"s"})):n?.openable?i("td",{class:E,key:"open-container",onClick:this.itemClicked},i("calcite-icon",{icon:"blank",scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:"actions-start",hidden:!e,key:"actions-start-container",role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:"actions-start",onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:"actions-end",hidden:!(e||s),key:"actions-end-container",role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:"actions-end",onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:"x",key:"close-action",label:n.close,onClick:this.closeClickHandler,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:"content-start",hidden:!t},i("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:"custom-content",hidden:!t},i("slot",{name:"content",onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:"content-end",hidden:!t},i("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return s||!t&&!e?null:i("div",{class:"content",key:"content"},t?i("div",{class:"label",key:"label"},t):null,e?i("div",{class:"description",key:"description"},e):null)}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this,a=n||!!e||!!t,l=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{"content-container":!0,"content-container--selectable":"none"!==s,"content-container--has-center-content":a},key:"content-container",onClick:this.itemClicked,role:"gridcell",ref:t=>this.contentEl=t},l)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:o,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:p,closed:u}=this,m="none"!==p&&"border"===d,f=m&&h,b=m&&!h;return i(n,null,i("tr",{"aria-expanded":t?l(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":l(h),"aria-setsize":o,class:{container:!0,"container--border-selected":f,"container--border-unselected":b},hidden:u,onFocus:this.focusCellNull,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${this.visualLevel}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),i("div",{class:{"nested-container":!0,"nested-container--hidden":t&&!e}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t})))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;t&&(e||(this.selectionMode=t.selectionMode),i||(this.selectionAppearance=t.selectionAppearance))}handleOpenableChange(t){if(!t)return;const{parentListEl:e}=this,i=S(t);z(i);const s=!!i.length;s&&e&&!e.openable&&(e.openable=!0),this.openable=s,s||(this.open=!1)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};M.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-ui-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-ui-foreground-2)}.container--border-selected{border-inline-start:4px solid var(--calcite-ui-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{z-index:var(--calcite-app-z-index-sticky);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(i){t(this,i),this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6),this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()},this.disabled=!1,this.heading=void 0,this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=A(t,!0),c(this)}componentDidRender(){h(this)}disconnectedCallback(){r(this)}render(){const{heading:t,visualLevel:e}=this;return i(n,null,i("tr",{class:"container",style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("td",{class:"heading",colSpan:0},t)),i("slot",{onSlotchange:this.handleDefaultSlotChange}))}get el(){return s(this)}};P.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){margin-block-end:1px;--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)}::slotted(calcite-list-item:last-child){--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([hidden]){display:none}[hidden]{display:none}";export{j as calcite_list,M as calcite_list_item,P as calcite_list_item_group}
+import{r as t,c as e,h as i,a as s,H as n}from"./p-4dc77fd9.js";import{b as a,t as l,g as o}from"./p-c18b38ee.js";import{c,d as r,u as h}from"./p-35a65b71.js";import{c as d}from"./p-d24968d3.js";import{d as p,c as u}from"./p-f11bac91.js";import{S as b}from"./p-851badca.js";import{s as f,a as m,c as g}from"./p-8df2f79c.js";import{d as v}from"./p-62d419d6.js";import{c as w,d as y}from"./p-51c86891.js";import{u as x,c as C,s as k,d as I}from"./p-d1df05c0.js";import"./p-ba9faa60.js";import"./p-7ba8964a.js";import"./p-b9768423.js";const E="open-container",L="calcite-list-item";function S(t){const e=t.assignedElements({flatten:!0}),i=e.filter((t=>t?.matches("calcite-list-item-group"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),s=e.filter((t=>t?.matches(L)));return[...e.filter((t=>t?.matches("calcite-list"))).map((t=>Array.from(t.querySelectorAll(L)))).reduce(((t,e)=>[...t,...e]),[]),...i,...s]}function z(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1,e.setSize=t.length}))}function A(t,e=!1){return document.evaluate(e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item",t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const D="calcite-list-item",j=class{constructor(i){t(this,i),this.calciteListChange=e(this,"calciteListChange",6),this.calciteListFilter=e(this,"calciteListFilter",6),this.calciteListOrderChange=e(this,"calciteListOrderChange",6),this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6),this.dragSelector="calcite-list-item",this.enabledListItems=[],this.handleSelector="calcite-handle",this.listItems=[],this.mutationObserver=d("mutation",(()=>this.updateListItems())),this.handleDefaultSlotChange=t=>{z(S(t.target)),this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit()},this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)},this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)},this.setActiveListItem=()=>{const{enabledListItems:t}=this;t.some((t=>t.active))||t[0]&&(t[0].active=!0)},this.updateSelectedItems=(t=!1)=>{this.selectedItems=this.enabledListItems.filter((t=>t.selected)),t&&this.calciteListChange.emit()},this.updateFilteredItems=(t=!1)=>{const{listItems:e,filteredData:i,filterText:s}=this,n=i.map((t=>t.value)),a=e?.filter((t=>e.every((e=>e===t||!t.contains(e))))),l=e.filter((t=>!s||n.includes(t.value)))||[],o=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:l,visibleParents:o}))),this.filteredItems=l,t&&this.calciteListFilter.emit()},this.setFilterEl=t=>{this.filterEl=t,this.performFilter()},this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e,this.updateFilteredData(!0)},this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value}))),this.updateListItems=v(((t=!1)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(this.parentListEl)return this.queryListItems(!0).forEach((t=>{t.selectionAppearance=e,t.selectionMode=i,t.dragHandle=s})),void this.setUpSorting();const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e,t.selectionMode=i,t.dragHandle=s})),this.listItems=n,this.filterEnabled&&(this.dataForFilter=this.getItemData(),this.filterEl&&(this.filterEl.items=this.dataForFilter)),this.updateFilteredItems(t),this.enabledListItems=this.filteredItems.filter((t=>!t.disabled&&!t.closed)),this.setActiveListItem(),this.updateSelectedItems(t),this.setUpSorting()}),0),this.queryListItems=(t=!1)=>Array.from(this.el.querySelectorAll(t?":scope > calcite-list-item":D)),this.focusRow=t=>{const{enabledListItems:e}=this;t&&(e.forEach((e=>e.active=e===t)),t.setFocus())},this.isNavigable=t=>{const e=t.parentElement?.closest(D);return!e||e.open&&this.isNavigable(e)},this.handleListKeydown=t=>{if(t.defaultPrevented||this.parentListEl)return;const{key:e}=t,i=this.enabledListItems.filter((t=>this.isNavigable(t))),s=i.findIndex((t=>t.active));if("ArrowDown"===e){t.preventDefault();const e=t.target===this.filterEl?0:s+1;i[e]&&this.focusRow(i[e])}else if("ArrowUp"===e){if(t.preventDefault(),0===s&&this.filterEnabled)return void this.filterEl?.setFocus();const e=s-1;i[e]&&this.focusRow(i[e])}else if("Home"===e){t.preventDefault();const e=i[0];e&&this.focusRow(e)}else if("End"===e){t.preventDefault();const e=i[i.length-1];e&&this.focusRow(e)}},this.disabled=!1,this.canPull=void 0,this.canPut=void 0,this.dragEnabled=!1,this.group=void 0,this.filterEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterPlaceholder=void 0,this.filterText=void 0,this.label=void 0,this.loading=!1,this.openable=!1,this.selectedItems=[],this.selectionMode="none",this.selectionAppearance="icon",this.assistiveText=void 0,this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1}async handleFilterTextChange(){this.performFilter()}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl)return;t.stopPropagation();const{enabledListItems:e}=this,i=e.findIndex((t=>t.active))-1;e[i]&&this.focusRow(e[i])}handleCalciteInternalListItemActive(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalHandleChange(t){this.assistiveText=t.detail.message,t.stopPropagation()}handleCalciteHandleNudge(t){this.parentListEl||this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(this.parentListEl)return;t.stopPropagation();const e=t.target,{listItems:i,selectionMode:s}=this;!e.selected||"single"!==s&&"single-persist"!==s||i.forEach((t=>t.selected=t===e)),this.updateSelectedItems()}handleCalciteInternalListItemChange(t){this.parentListEl||(t.stopPropagation(),this.updateListItems(!0))}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){this.connectObserver(),this.updateListItems(),this.setUpSorting(),c(this),this.parentListEl=this.el.parentElement.closest("calcite-list")}disconnectedCallback(){this.disconnectObserver(),p(this),r(this)}componentWillLoad(){f(this)}componentDidRender(){h(this)}componentDidLoad(){m(this)}async setFocus(){return await g(this),this.filterEnabled?this.filterEl?.setFocus():this.enabledListItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:o,filterText:c,hasFilterActionsStart:r,hasFilterActionsEnd:h}=this;return i("div",{class:"container"},this.dragEnabled?i("span",{"aria-live":"assertive",class:"assistive-text"},this.assistiveText):null,t?i("calcite-scrim",{class:"scrim",loading:t}):null,i("table",{"aria-busy":l(t),"aria-label":e||"",class:"table",onKeyDown:this.handleListKeydown,role:"treegrid"},a||r||h?i("thead",null,i("tr",{class:{"sticky-pos":!0}},i("th",{colSpan:0},i("calcite-stack",{class:"stack"},i("slot",{name:"filter-actions-start",onSlotchange:this.handleFilterActionsStartSlotChange,slot:b.actionsStart}),i("calcite-filter",{"aria-label":o,disabled:t||s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:o,value:c,ref:this.setFilterEl}),i("slot",{name:"filter-actions-end",onSlotchange:this.handleFilterActionsEndSlotChange,slot:b.actionsEnd}))))):null,i("tbody",{class:"table-container"},i("slot",{onSlotchange:this.handleDefaultSlotChange}))))}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;t&&u(this)}onDragStart(){this.disconnectObserver()}onDragEnd(){this.connectObserver()}onDragSort(t){this.updateListItems();const{from:e,item:i,to:s}=t;this.calciteListOrderChange.emit({dragEl:i,fromEl:e,toEl:s})}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.hidden=s;const n=t.parentElement.closest("calcite-list-item-group, calcite-list-item");n&&(s||i.add(n),this.filterElements({el:n,filteredItems:e,visibleParents:i}))}updateFilteredData(t=!1){const{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItems(t))}async performFilter(){const{filterEl:t,filterText:e}=this;t&&(t.value=e,await t.filter(e),this.updateFilteredData())}handleNudgeEvent(t){const{direction:e}=t.detail,i=t.composedPath(),s=i.find((t=>"CALCITE-HANDLE"===t.tagName)),n=i.find((t=>"CALCITE-LIST-ITEM"===t.tagName)),a=n?.parentElement;if(!a)return;const{enabledListItems:l}=this,o=l.filter((t=>t.parentElement===a)),c=o.length-1,r=o.indexOf(n);let h,d=!1;"up"===e?0===r?d=!0:h=r-1:r===c?h=0:r===c-1?d=!0:h=r+2,this.disconnectObserver(),d?a.appendChild(n):a.insertBefore(n,o[h]),this.updateListItems(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:n,fromEl:null,toEl:null}),s.setFocus().then((()=>{s.activated=!0}))}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"]}}};j.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{position:relative}.table-container{position:relative;z-index:var(--calcite-app-z-index);box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){margin-block-end:1px;--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)}::slotted(calcite-list-item:last-child){--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)}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky);background-color:var(--calcite-ui-foreground-1)}.sticky-pos th{padding:0px}.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}:host([hidden]){display:none}[hidden]{display:none}";const F=new Map,M=class{constructor(i){t(this,i),this.calciteListItemSelect=e(this,"calciteListItemSelect",6),this.calciteListItemClose=e(this,"calciteListItemClose",6),this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6),this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6),this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6),this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6),this.closeClickHandler=()=>{this.closed=!0,this.calciteListItemClose.emit()},this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)},this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)},this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)},this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)},this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)},this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)},this.toggleOpen=()=>{this.open=!this.open},this.itemClicked=t=>{t.defaultPrevented||(this.toggleSelected(),this.calciteInternalListItemActive.emit())},this.toggleSelected=()=>{const{selectionMode:t,selected:e}=this;this.disabled||("multiple"===t||"single"===t?this.selected=!e:"single-persist"===t&&(this.selected=!0),this.calciteListItemSelect.emit())},this.handleItemKeyDown=t=>{if(t.defaultPrevented)return;const{key:e}=t,i=t.composedPath(),{containerEl:s,contentEl:n,actionsStartEl:a,actionsEndEl:l,open:o,openable:c}=this,r=[a,n,l].filter(Boolean),h=r.findIndex((t=>i.includes(t)));if("Enter"===e)t.preventDefault(),this.toggleSelected();else if("ArrowRight"===e){t.preventDefault();const e=h+1;-1===h?!o&&c?(this.open=!0,this.focusCell(null)):r[0]&&this.focusCell(r[0]):r[h]&&r[e]&&this.focusCell(r[e])}else if("ArrowLeft"===e){t.preventDefault();const e=h-1;-1===h?(this.focusCell(null),o&&c?this.open=!1:this.calciteInternalFocusPreviousItem.emit()):0===h?(this.focusCell(null),s.focus()):r[h]&&r[e]&&this.focusCell(r[e])}},this.focusCellNull=()=>{this.focusCell(null)},this.focusCell=(t,e=!0)=>{const{contentEl:i,actionsStartEl:s,actionsEndEl:n,parentListEl:a}=this;e&&F.set(a,null),[s,i,n].filter(Boolean).forEach(((i,s)=>{const n="tabindex";i===t?(i.setAttribute(n,"0"),e&&F.set(a,s)):i.removeAttribute(n)})),t?.focus()},this.active=!1,this.closable=!1,this.closed=!1,this.description=void 0,this.disabled=!1,this.dragHandle=!1,this.label=void 0,this.metadata=void 0,this.open=!1,this.setSize=null,this.setPosition=null,this.selected=!1,this.value=void 0,this.selectionMode=null,this.selectionAppearance=null,this.messageOverrides=void 0,this.messages=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.level=null,this.visualLevel=null,this.parentListEl=void 0,this.openable=!1,this.hasActionsStart=!1,this.hasActionsEnd=!1,this.hasCustomContent=!1,this.hasContentStart=!1,this.hasContentEnd=!1}activeHandler(t){t||this.focusCell(null,!1)}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation(),this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){x(this,this.effectiveLocale)}connectedCallback(){c(this),w(this),C(this);const{el:t}=this;this.parentListEl=t.closest("calcite-list"),this.level=A(t)+1,this.visualLevel=A(t,!0),this.setSelectionDefaults()}async componentWillLoad(){f(this),await k(this)}componentDidLoad(){m(this)}componentDidRender(){h(this,"managed")}disconnectedCallback(){r(this),y(this),I(this)}async setFocus(){await g(this);const{containerEl:t,contentEl:e,actionsStartEl:i,actionsEndEl:s,parentListEl:n}=this,a=F.get(n);if("number"!=typeof a)t?.focus();else{const n=[i,e,s].filter(Boolean);n[a]?this.focusCell(n[a]):t?.focus()}}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;return"none"===e||"border"===s?null:i("td",{class:"selection-container",key:"selection-container",onClick:this.itemClicked},i("calcite-icon",{icon:t?"multiple"===e?"check-circle-f":"circle-f":"blank",scale:"s"}))}renderDragHandle(){return this.dragHandle?i("td",{class:"drag-container",key:"drag-handle-container"},i("calcite-handle",{label:this.label,setPosition:this.setPosition,setSize:this.setSize})):null}renderOpen(){const{el:t,open:e,openable:s,parentListEl:n}=this,a=o(t);return s?i("td",{class:E,key:"open-container",onClick:this.toggleOpen},i("calcite-icon",{icon:e?"caret-down":"rtl"===a?"caret-left":"caret-right",scale:"s"})):n?.openable?i("td",{class:E,key:"open-container",onClick:this.itemClicked},i("calcite-icon",{icon:"blank",scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:"actions-start",hidden:!e,key:"actions-start-container",role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:"actions-start",onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:"actions-end",hidden:!(e||s),key:"actions-end-container",role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:"actions-end",onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:"x",key:"close-action",label:n.close,onClick:this.closeClickHandler,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:"content-start",hidden:!t},i("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:"custom-content",hidden:!t},i("slot",{name:"content",onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:"content-end",hidden:!t},i("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return s||!t&&!e?null:i("div",{class:"content",key:"content"},t?i("div",{class:"label",key:"label"},t):null,e?i("div",{class:"description",key:"description"},e):null)}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this,a=n||!!e||!!t,l=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{"content-container":!0,"content-container--selectable":"none"!==s,"content-container--has-center-content":a},key:"content-container",onClick:this.itemClicked,role:"gridcell",ref:t=>this.contentEl=t},l)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:o,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:p,closed:u}=this,b="none"!==p&&"border"===d,f=b&&h,m=b&&!h;return i(n,null,i("tr",{"aria-expanded":t?l(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":l(h),"aria-setsize":o,class:{container:!0,"container--border-selected":f,"container--border-unselected":m},hidden:u,onFocus:this.focusCellNull,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${this.visualLevel}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),i("div",{class:{"nested-container":!0,"nested-container--hidden":t&&!e}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t})))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;t&&(e||(this.selectionMode=t.selectionMode),i||(this.selectionAppearance=t.selectionAppearance))}handleOpenableChange(t){if(!t)return;const{parentListEl:e}=this,i=S(t);z(i);const s=!!i.length;s&&e&&!e.openable&&(e.openable=!0),this.openable=s,s||(this.open=!1)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};M.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-ui-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container:hover{cursor:pointer;background-color:var(--calcite-ui-foreground-2)}.container--border-selected{border-inline-start:4px solid var(--calcite-ui-brand)}.container--border-unselected{border-inline-start:4px solid transparent}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{z-index:var(--calcite-app-z-index-sticky);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-list-item-icon-color)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(i){t(this,i),this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6),this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()},this.disabled=!1,this.heading=void 0,this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=A(t,!0),c(this)}componentDidRender(){h(this)}disconnectedCallback(){r(this)}render(){const{heading:t,visualLevel:e}=this;return i(n,null,i("tr",{class:"container",style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("td",{class:"heading",colSpan:0},t)),i("slot",{onSlotchange:this.handleDefaultSlotChange}))}get el(){return s(this)}};P.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){margin-block-end:1px;--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)}::slotted(calcite-list-item:last-child){--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([hidden]){display:none}[hidden]{display:none}";export{j as calcite_list,M as calcite_list_item,P as calcite_list_item_group}

package/dist/calcite/{p-1e3ac104.js → p-778895d3.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.0
+ * v1.6.1-next.2
  */
-import{d as _}from"./p-cc588aa7.js";import"./p-f15d9496.js";import"./p-5028205f.js";import"./p-061d179e.js";import"./p-cc3a84bf.js";import"./p-62081d3a.js";import"./p-108c4959.js";import"./p-153861d6.js";import"./p-06fe0cab.js";import"./p-4a318ca6.js";import"./p-f8771181.js";import"./p-4841781f.js";import"./p-cf7a6122.js";import"./p-062744e6.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_"),t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_"),m="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_"),p="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_"),o=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function s(_,r,t){var m,p;return"m"===t?r?"минута":"минуту":_+" "+(m=+_,p={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"}[t].split("_"),m%10==1&&m%100!=11?p[0]:m%10>=2&&m%10<=4&&(m%100<10||m%100>=20)?p[1]:p[2])}var a=function(_,m){return o.test(m)?r[_.month()]:t[_.month()]};a.s=t,a.f=r;var e=function(_,r){return o.test(r)?m[_.month()]:p[_.month()]};e.s=p,e.f=m;var i={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:a,monthsShort:e,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:s,mm:s,h:"час",hh:s,d:"день",dd:s,M:"месяц",MM:s,y:"год",yy:s},ordinal:function(_){return _},meridiem:function(_){return _<4?"ночи":_<12?"утра":_<17?"дня":"вечера"}};_.locale(i,null,!0);export default i;
+import{d as _}from"./p-46648323.js";import"./p-4dc77fd9.js";import"./p-33b705f7.js";import"./p-c18b38ee.js";import"./p-ba9faa60.js";import"./p-7ba8964a.js";import"./p-35a65b71.js";import"./p-b9768423.js";import"./p-3a1b4572.js";import"./p-8df2f79c.js";import"./p-51c86891.js";import"./p-d24968d3.js";import"./p-368ab652.js";import"./p-d1df05c0.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_"),t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_"),m="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_"),p="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_"),o=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function s(_,r,t){var m,p;return"m"===t?r?"минута":"минуту":_+" "+(m=+_,p={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"}[t].split("_"),m%10==1&&m%100!=11?p[0]:m%10>=2&&m%10<=4&&(m%100<10||m%100>=20)?p[1]:p[2])}var a=function(_,m){return o.test(m)?r[_.month()]:t[_.month()]};a.s=t,a.f=r;var e=function(_,r){return o.test(r)?m[_.month()]:p[_.month()]};e.s=p,e.f=m;var i={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:a,monthsShort:e,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:s,mm:s,h:"час",hh:s,d:"день",dd:s,M:"месяц",MM:s,y:"год",yy:s},ordinal:function(_){return _},meridiem:function(_){return _<4?"ночи":_<12?"утра":_<17?"дня":"вечера"}};_.locale(i,null,!0);export default i;

package/dist/calcite/{p-c8013d07.entry.js → p-7988cd15.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.0
+ * v1.6.1-next.2
  */
-import{r as t,h as i,a as s}from"./p-f15d9496.js";import{c as e,d as a}from"./p-f8771181.js";import{u as n,c,s as o,d as r}from"./p-062744e6.js";import{c as l}from"./p-4841781f.js";import{v as h}from"./p-061d179e.js";import"./p-153861d6.js";import"./p-cc3a84bf.js";import"./p-62081d3a.js";const d=class{constructor(i){t(this,i),this.resizeObserver=l("resize",(()=>this.handleResize())),this.handleDefaultSlotChange=t=>{this.hasContent=h(t)},this.storeLoaderEl=t=>{this.loaderEl=t,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasContent=!1}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){e(this),c(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this),this.resizeObserver?.disconnect()}render(){const{hasContent:t,loading:s,messages:e}=this;return i("div",{class:"scrim"},s?i("calcite-loader",{label:e.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,i("div",{class:"content",hidden:!t},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(t){return t<72?"s":t>=480?"l":"m"}handleResize(){const{loaderEl:t,el:i}=this;t&&(this.loaderScale=this.getScale(Math.min(i.clientHeight,i.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}
+import{r as t,h as i,a as s}from"./p-4dc77fd9.js";import{c as e,d as a}from"./p-51c86891.js";import{u as n,c,s as o,d as r}from"./p-d1df05c0.js";import{c as l}from"./p-d24968d3.js";import{v as h}from"./p-c18b38ee.js";import"./p-b9768423.js";import"./p-ba9faa60.js";import"./p-7ba8964a.js";const d=class{constructor(i){t(this,i),this.resizeObserver=l("resize",(()=>this.handleResize())),this.handleDefaultSlotChange=t=>{this.hasContent=h(t)},this.storeLoaderEl=t=>{this.loaderEl=t,this.handleResize()},this.loading=!1,this.messages=void 0,this.messageOverrides=void 0,this.loaderScale=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasContent=!1}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){e(this),c(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){await o(this)}disconnectedCallback(){a(this),r(this),this.resizeObserver?.disconnect()}render(){const{hasContent:t,loading:s,messages:e}=this;return i("div",{class:"scrim"},s?i("calcite-loader",{label:e.loading,ref:this.storeLoaderEl,scale:this.loaderScale}):null,i("div",{class:"content",hidden:!t},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(t){return t<72?"s":t>=480?"l":"m"}handleResize(){const{loaderEl:t,el:i}=this;t&&(this.loaderScale=this.getScale(Math.min(i.clientHeight,i.clientWidth)??0))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};d.style=":host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";export{d as calcite_scrim}

package/dist/calcite/{p-5a59a63b.entry.js → p-79f79e14.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.0
+ * v1.6.1-next.2
  */
-import{r as t,c as i,h as e,H as s,a as n}from"./p-f15d9496.js";import{g as o,h as a,b as l}from"./p-061d179e.js";import{s as r,c,d as h,H as d}from"./p-5028205f.js";import{c as u,d as p,u as m}from"./p-108c4959.js";import{c as b,d as f,g as v}from"./p-06fe0cab.js";import{s as g,a as x,c as k}from"./p-4a318ca6.js";import{c as y,d as w}from"./p-f8771181.js";import{c as z}from"./p-4841781f.js";import{C as I}from"./p-62081d3a.js";import{u as C,c as j,d as L,s as D}from"./p-062744e6.js";import"./p-cc3a84bf.js";import"./p-153861d6.js";const E=class{constructor(e){t(this,e),this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7),this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7),this.calciteInputTextInput=i(this,"calciteInputTextInput",7),this.calciteInputTextChange=i(this,"calciteInputTextChange",7),this.previousValueOrigin="initial",this.mutationObserver=z("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputTextValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||r(this)&&t.preventDefault())},this.clearInputTextValue=t=>{this.setValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))},this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value}),this.emitChangeIfUserModified()},this.clickHandler=t=>{if(this.disabled)return;const i=o(this.el,"action");t.target!==i&&this.setFocus()},this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})},this.inputTextInputHandler=t=>{this.disabled||this.readOnly||this.setValue({nativeEvent:t,origin:"user",value:t.target.value})},this.inputTextKeyDownHandler=t=>{this.disabled||this.readOnly||"Enter"===t.key&&this.emitChangeIfUserModified()},this.hiddenInputChangeHandler=t=>{t.target.name===this.name&&this.setValue({value:t.target.value,origin:"direct"}),t.stopPropagation()},this.setChildElRef=t=>{this.childEl=t},this.setInputValue=t=>{this.childEl&&(this.childEl.value=t)},this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t},this.setPreviousValue=t=>{this.previousValue=t},this.setValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&n!==this.value,this.value=n,"direct"===e&&(this.setInputValue(n),this.setPreviousEmittedValue(n)),i&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:t&&this.emitChangeIfUserModified())},this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.form=void 0,this.hidden=!1,this.icon=void 0,this.iconFlipRtl=!1,this.label=void 0,this.loading=!1,this.maxLength=void 0,this.minLength=void 0,this.name=void 0,this.placeholder=void 0,this.prefixText=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.autocomplete=void 0,this.inputMode="text",this.enterKeyHint=void 0,this.pattern=void 0,this.suffixText=void 0,this.editingEnabled=!1,this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0,this.slottedActionElDisabledInternally=!1}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){this.userChangedValue||this.setValue({origin:"direct",previousValue:i,value:t||""}),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){C(this,this.effectiveLocale)}connectedCallback(){u(this),y(this),j(this),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),b(this),c(this),this.mutationObserver?.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}disconnectedCallback(){p(this),f(this),h(this),w(this),L(this),this.mutationObserver?.disconnect(),this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}async componentWillLoad(){g(this),this.requestedIcon=a({},this.icon,"text"),await D(this)}componentDidLoad(){x(this)}componentDidRender(){m(this)}async setFocus(){await k(this),this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}onFormReset(){this.setValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){null!=this.minLength&&(t.minLength=this.minLength),null!=this.maxLength&&(t.maxLength=this.maxLength)}setDisabledAction(){const t=o(this.el,"action");t&&(this.disabled?(null==t.getAttribute("disabled")&&(this.slottedActionElDisabledInternally=!0),t.setAttribute("disabled","")):this.slottedActionElDisabledInternally&&(t.removeAttribute("disabled"),this.slottedActionElDisabledInternally=!1))}render(){const t=l(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"})),n=e("button",{"aria-label":this.messages.clear,class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":"s"})),o=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"l"===this.scale?"m":"s"}),a=e("div",{class:"prefix"},this.prefixText),r=e("div",{class:"suffix"},this.suffixText),c=e("input",{"aria-label":v(this),autocomplete:this.autocomplete,autofocus:!!this.autofocus||null,class:{"editing-enabled":this.editingEnabled,"inline-child":!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:!!this.required||null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value,ref:this.setChildElRef});return e(s,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[I.rtl]:"rtl"===t}},this.prefixText?a:null,e("div",{class:"element-wrapper"},c,this.isClearable?n:null,this.requestedIcon?o:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),this.suffixText?r:null,e(d,{component:this})))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-app-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.inline-child .editing-enabled{background-color:inherit}.inline-child:not(.editing-enabled){display:flex;cursor:pointer;border-color:transparent;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";export{E as calcite_input_text}
+import{r as t,c as i,h as e,H as s,a as n}from"./p-4dc77fd9.js";import{h as o,e as a,g as l}from"./p-c18b38ee.js";import{s as r,c,d as h,H as d}from"./p-33b705f7.js";import{c as u,d as p,u as b}from"./p-35a65b71.js";import{c as m,d as f,g as v}from"./p-3a1b4572.js";import{s as g,a as x,c as k}from"./p-8df2f79c.js";import{c as y,d as w}from"./p-51c86891.js";import{c as z}from"./p-d24968d3.js";import{C as I}from"./p-7ba8964a.js";import{u as C,c as j,d as L,s as D}from"./p-d1df05c0.js";import"./p-ba9faa60.js";import"./p-b9768423.js";const E=class{constructor(e){t(this,e),this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7),this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7),this.calciteInputTextInput=i(this,"calciteInputTextInput",7),this.calciteInputTextChange=i(this,"calciteInputTextChange",7),this.previousValueOrigin="initial",this.mutationObserver=z("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputTextValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||r(this)&&t.preventDefault())},this.clearInputTextValue=t=>{this.setValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))},this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value}),this.emitChangeIfUserModified()},this.clickHandler=t=>{if(this.disabled)return;const i=o(this.el,"action");t.target!==i&&this.setFocus()},this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})},this.inputTextInputHandler=t=>{this.disabled||this.readOnly||this.setValue({nativeEvent:t,origin:"user",value:t.target.value})},this.inputTextKeyDownHandler=t=>{this.disabled||this.readOnly||"Enter"===t.key&&this.emitChangeIfUserModified()},this.hiddenInputChangeHandler=t=>{t.target.name===this.name&&this.setValue({value:t.target.value,origin:"direct"}),t.stopPropagation()},this.setChildElRef=t=>{this.childEl=t},this.setInputValue=t=>{this.childEl&&(this.childEl.value=t)},this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t},this.setPreviousValue=t=>{this.previousValue=t},this.setValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:s,value:n})=>{this.setPreviousValue(s??this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&n!==this.value,this.value=n,"direct"===e&&(this.setInputValue(n),this.setPreviousEmittedValue(n)),i&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:t&&this.emitChangeIfUserModified())},this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.form=void 0,this.hidden=!1,this.icon=void 0,this.iconFlipRtl=!1,this.label=void 0,this.loading=!1,this.maxLength=void 0,this.minLength=void 0,this.name=void 0,this.placeholder=void 0,this.prefixText=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.autocomplete=void 0,this.inputMode="text",this.enterKeyHint=void 0,this.pattern=void 0,this.suffixText=void 0,this.editingEnabled=!1,this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0,this.slottedActionElDisabledInternally=!1}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){this.userChangedValue||this.setValue({origin:"direct",previousValue:i,value:t||""}),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){C(this,this.effectiveLocale)}connectedCallback(){u(this),y(this),j(this),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),m(this),c(this),this.mutationObserver?.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}disconnectedCallback(){p(this),f(this),h(this),w(this),L(this),this.mutationObserver?.disconnect(),this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}async componentWillLoad(){g(this),this.requestedIcon=a({},this.icon,"text"),await D(this)}componentDidLoad(){x(this)}componentDidRender(){b(this)}async setFocus(){await k(this),this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}onFormReset(){this.setValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){null!=this.minLength&&(t.minLength=this.minLength),null!=this.maxLength&&(t.maxLength=this.maxLength)}setDisabledAction(){const t=o(this.el,"action");t&&(this.disabled?(null==t.getAttribute("disabled")&&(this.slottedActionElDisabledInternally=!0),t.setAttribute("disabled","")):this.slottedActionElDisabledInternally&&(t.removeAttribute("disabled"),this.slottedActionElDisabledInternally=!1))}render(){const t=l(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"})),n=e("button",{"aria-label":this.messages.clear,class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":"s"})),o=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"l"===this.scale?"m":"s"}),a=e("div",{class:"prefix"},this.prefixText),r=e("div",{class:"suffix"},this.suffixText),c=e("input",{"aria-label":v(this),autocomplete:this.autocomplete,autofocus:!!this.autofocus||null,class:{"editing-enabled":this.editingEnabled,"inline-child":!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:!!this.required||null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value,ref:this.setChildElRef});return e(s,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[I.rtl]:"rtl"===t}},this.prefixText?a:null,e("div",{class:"element-wrapper"},c,this.isClearable?n:null,this.requestedIcon?o:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),this.suffixText?r:null,e(d,{component:this})))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-app-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.inline-child .editing-enabled{background-color:inherit}.inline-child:not(.editing-enabled){display:flex;cursor:pointer;border-color:transparent;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";export{E as calcite_input_text}

package/dist/calcite/{p-fd40fb99.entry.js → p-7b26ccb8.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.0
+ * v1.6.1-next.2
  */
-import{r as t,c as e,h as i,a as s,F as n}from"./p-f15d9496.js";import{i as r,b as a,d as o,j as l}from"./p-061d179e.js";import{C as h,n as c,a as u,o as d,b as p,c as f,p as g,d as b,t as m,e as w,f as y,g as v,j as k,i as x,r as C,k as M}from"./p-fa470462.js";import{c as j,d as A,u as z}from"./p-108c4959.js";import{i as S}from"./p-153861d6.js";import{c as F,s as O,a as $}from"./p-4a318ca6.js";import{c as D,d as I}from"./p-f8771181.js";import{r as q,c as E,a as N}from"./p-64bd7354.js";import{u as L,s as K,c as U,d as P}from"./p-062744e6.js";import{t as T}from"./p-70fb98b4.js";import"./p-cc3a84bf.js";import"./p-62081d3a.js";import"./p-4841781f.js";import"./p-96cd7399.js";function _(t,e,i){return t(i={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},i.exports),i.exports}var H={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},B=_((function(t){var e=Array.prototype.concat,i=Array.prototype.slice,s=t.exports=function(t){for(var s,n=[],r=0,a=t.length;r<a;r++){var o=t[r];(s=o)&&"string"!=typeof s&&(s instanceof Array||Array.isArray(s)||s.length>=0&&(s.splice instanceof Function||Object.getOwnPropertyDescriptor(s,s.length-1)&&"String"!==s.constructor.name))?n=e.call(n,i.call(o)):n.push(o)}return n};s.wrap=function(t){return function(){return t(s(arguments))}}})),V=_((function(t){var e=Object.hasOwnProperty,i=Object.create(null);for(var s in H)e.call(H,s)&&(i[H[s]]=s);var n=t.exports={to:{},get:{}};function r(t,e,i){return Math.min(Math.max(e,t),i)}function a(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}n.get=function(t){var e,i;switch(t.substring(0,3).toLowerCase()){case"hsl":e=n.get.hsl(t),i="hsl";break;case"hwb":e=n.get.hwb(t),i="hwb";break;default:e=n.get.rgb(t),i="rgb"}return e?{model:i,value:e}:null},n.get.rgb=function(t){if(!t)return null;var i,s,n,a=[0,0,0,1];if(i=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(n=i[2],i=i[1],s=0;s<3;s++){var o=2*s;a[s]=parseInt(i.slice(o,o+2),16)}n&&(a[3]=parseInt(n,16)/255)}else if(i=t.match(/^#([a-f0-9]{3,4})$/i)){for(n=(i=i[1])[3],s=0;s<3;s++)a[s]=parseInt(i[s]+i[s],16);n&&(a[3]=parseInt(n+n,16)/255)}else if(i=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(s=0;s<3;s++)a[s]=parseInt(i[s+1],0);i[4]&&(a[3]=i[5]?.01*parseFloat(i[4]):parseFloat(i[4]))}else{if(!(i=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(i=t.match(/^(\w+)$/))?"transparent"===i[1]?[0,0,0,0]:e.call(H,i[1])?((a=H[i[1]])[3]=1,a):null:null;for(s=0;s<3;s++)a[s]=Math.round(2.55*parseFloat(i[s+1]));i[4]&&(a[3]=i[5]?.01*parseFloat(i[4]):parseFloat(i[4]))}for(s=0;s<3;s++)a[s]=r(a[s],0,255);return a[3]=r(a[3],0,1),a},n.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,r(parseFloat(e[2]),0,100),r(parseFloat(e[3]),0,100),r(isNaN(i)?1:i,0,1)]}return null},n.get.hwb=function(t){if(!t)return null;var e=t.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,r(parseFloat(e[2]),0,100),r(parseFloat(e[3]),0,100),r(isNaN(i)?1:i,0,1)]}return null},n.to.hex=function(){var t=B(arguments);return"#"+a(t[0])+a(t[1])+a(t[2])+(t[3]<1?a(Math.round(255*t[3])):"")},n.to.rgb=function(){var t=B(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},n.to.rgb.percent=function(){var t=B(arguments),e=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),s=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+i+"%, "+s+"%)":"rgba("+e+"%, "+i+"%, "+s+"%, "+t[3]+")"},n.to.hsl=function(){var t=B(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},n.to.hwb=function(){var t=B(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},n.to.keyword=function(t){return i[t.slice(0,3)]}})),J={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const R={};for(const t of Object.keys(J))R[J[t]]=t;const X={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var W=X;for(const t of Object.keys(X)){if(!("channels"in X[t]))throw new Error("missing channels property: "+t);if(!("labels"in X[t]))throw new Error("missing channel labels property: "+t);if(X[t].labels.length!==X[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:i}=X[t];delete X[t].channels,delete X[t].labels,Object.defineProperty(X[t],"channels",{value:e}),Object.defineProperty(X[t],"labels",{value:i})}function Y(t,e){return function(i){return e(t(i))}}function G(t,e){const i=[e[t].parent,t];let s=W[e[t].parent][t],n=e[t].parent;for(;e[n].parent;)i.unshift(e[n].parent),s=Y(W[e[n].parent][n],s),n=e[n].parent;return s.conversion=i,s}X.rgb.hsl=function(t){const e=t[0]/255,i=t[1]/255,s=t[2]/255,n=Math.min(e,i,s),r=Math.max(e,i,s),a=r-n;let o,l;r===n?o=0:e===r?o=(i-s)/a:i===r?o=2+(s-e)/a:s===r&&(o=4+(e-i)/a),o=Math.min(60*o,360),o<0&&(o+=360);const h=(n+r)/2;return l=r===n?0:h<=.5?a/(r+n):a/(2-r-n),[o,100*l,100*h]},X.rgb.hsv=function(t){let e,i,s,n,r;const a=t[0]/255,o=t[1]/255,l=t[2]/255,h=Math.max(a,o,l),c=h-Math.min(a,o,l),u=function(t){return(h-t)/6/c+.5};return 0===c?(n=0,r=0):(r=c/h,e=u(a),i=u(o),s=u(l),a===h?n=s-i:o===h?n=1/3+e-s:l===h&&(n=2/3+i-e),n<0?n+=1:n>1&&(n-=1)),[360*n,100*r,100*h]},X.rgb.hwb=function(t){const e=t[0],i=t[1];let s=t[2];const n=X.rgb.hsl(t)[0],r=1/255*Math.min(e,Math.min(i,s));return s=1-1/255*Math.max(e,Math.max(i,s)),[n,100*r,100*s]},X.rgb.cmyk=function(t){const e=t[0]/255,i=t[1]/255,s=t[2]/255,n=Math.min(1-e,1-i,1-s);return[100*((1-e-n)/(1-n)||0),100*((1-i-n)/(1-n)||0),100*((1-s-n)/(1-n)||0),100*n]},X.rgb.keyword=function(t){const e=R[t];if(e)return e;let i,s=1/0;for(const e of Object.keys(J)){const a=((n=t)[0]-(r=J[e])[0])**2+(n[1]-r[1])**2+(n[2]-r[2])**2;a<s&&(s=a,i=e)}var n,r;return i},X.keyword.rgb=function(t){return J[t]},X.rgb.xyz=function(t){let e=t[0]/255,i=t[1]/255,s=t[2]/255;return e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,i=i>.04045?((i+.055)/1.055)**2.4:i/12.92,s=s>.04045?((s+.055)/1.055)**2.4:s/12.92,[100*(.4124*e+.3576*i+.1805*s),100*(.2126*e+.7152*i+.0722*s),100*(.0193*e+.1192*i+.9505*s)]},X.rgb.lab=function(t){const e=X.rgb.xyz(t);let i=e[0],s=e[1],n=e[2];return i/=95.047,s/=100,n/=108.883,i=i>.008856?i**(1/3):7.787*i+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,[116*s-16,500*(i-s),200*(s-n)]},X.hsl.rgb=function(t){const e=t[0]/360,i=t[1]/100,s=t[2]/100;let n,r,a;if(0===i)return a=255*s,[a,a,a];n=s<.5?s*(1+i):s+i-s*i;const o=2*s-n,l=[0,0,0];for(let t=0;t<3;t++)r=e+1/3*-(t-1),r<0&&r++,r>1&&r--,a=6*r<1?o+6*(n-o)*r:2*r<1?n:3*r<2?o+(n-o)*(2/3-r)*6:o,l[t]=255*a;return l},X.hsl.hsv=function(t){const e=t[0];let i=t[1]/100,s=t[2]/100,n=i;const r=Math.max(s,.01);return s*=2,i*=s<=1?s:2-s,n*=r<=1?r:2-r,[e,100*(0===s?2*n/(r+n):2*i/(s+i)),(s+i)/2*100]},X.hsv.rgb=function(t){const e=t[0]/60,i=t[1]/100;let s=t[2]/100;const n=Math.floor(e)%6,r=e-Math.floor(e),a=255*s*(1-i),o=255*s*(1-i*r),l=255*s*(1-i*(1-r));switch(s*=255,n){case 0:return[s,l,a];case 1:return[o,s,a];case 2:return[a,s,l];case 3:return[a,o,s];case 4:return[l,a,s];case 5:return[s,a,o]}},X.hsv.hsl=function(t){const e=t[0],i=t[1]/100,s=t[2]/100,n=Math.max(s,.01);let r,a;a=(2-i)*s;const o=(2-i)*n;return r=i*n,r/=o<=1?o:2-o,r=r||0,a/=2,[e,100*r,100*a]},X.hwb.rgb=function(t){const e=t[0]/360;let i=t[1]/100,s=t[2]/100;const n=i+s;let r;n>1&&(i/=n,s/=n);const a=Math.floor(6*e),o=1-s;r=6*e-a,0!=(1&a)&&(r=1-r);const l=i+r*(o-i);let h,c,u;switch(a){default:case 6:case 0:h=o,c=l,u=i;break;case 1:h=l,c=o,u=i;break;case 2:h=i,c=o,u=l;break;case 3:h=i,c=l,u=o;break;case 4:h=l,c=i,u=o;break;case 5:h=o,c=i,u=l}return[255*h,255*c,255*u]},X.cmyk.rgb=function(t){const e=t[1]/100,i=t[2]/100,s=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-s)+s)),255*(1-Math.min(1,e*(1-s)+s)),255*(1-Math.min(1,i*(1-s)+s))]},X.xyz.rgb=function(t){const e=t[0]/100,i=t[1]/100,s=t[2]/100;let n,r,a;return n=3.2406*e+-1.5372*i+-.4986*s,r=-.9689*e+1.8758*i+.0415*s,a=.0557*e+-.204*i+1.057*s,n=n>.0031308?1.055*n**(1/2.4)-.055:12.92*n,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,a=a>.0031308?1.055*a**(1/2.4)-.055:12.92*a,n=Math.min(Math.max(0,n),1),r=Math.min(Math.max(0,r),1),a=Math.min(Math.max(0,a),1),[255*n,255*r,255*a]},X.xyz.lab=function(t){let e=t[0],i=t[1],s=t[2];return e/=95.047,i/=100,s/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,i=i>.008856?i**(1/3):7.787*i+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,[116*i-16,500*(e-i),200*(i-s)]},X.lab.xyz=function(t){let e,i,s;i=(t[0]+16)/116,e=t[1]/500+i,s=i-t[2]/200;const n=i**3,r=e**3,a=s**3;return i=n>.008856?n:(i-16/116)/7.787,e=r>.008856?r:(e-16/116)/7.787,s=a>.008856?a:(s-16/116)/7.787,e*=95.047,i*=100,s*=108.883,[e,i,s]},X.lab.lch=function(t){const e=t[0],i=t[1],s=t[2];let n;return n=360*Math.atan2(s,i)/2/Math.PI,n<0&&(n+=360),[e,Math.sqrt(i*i+s*s),n]},X.lch.lab=function(t){const e=t[1],i=t[2]/360*2*Math.PI;return[t[0],e*Math.cos(i),e*Math.sin(i)]},X.rgb.ansi16=function(t,e=null){const[i,s,n]=t;let r=null===e?X.rgb.hsv(t)[2]:e;if(r=Math.round(r/50),0===r)return 30;let a=30+(Math.round(n/255)<<2|Math.round(s/255)<<1|Math.round(i/255));return 2===r&&(a+=60),a},X.hsv.ansi16=function(t){return X.rgb.ansi16(X.hsv.rgb(t),t[2])},X.rgb.ansi256=function(t){const e=t[0],i=t[1],s=t[2];return e===i&&i===s?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(i/255*5)+Math.round(s/255*5)},X.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const i=.5*(1+~~(t>50));return[(1&e)*i*255,(e>>1&1)*i*255,(e>>2&1)*i*255]},X.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},X.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},X.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let i=e[0];3===e[0].length&&(i=i.split("").map((t=>t+t)).join(""));const s=parseInt(i,16);return[s>>16&255,s>>8&255,255&s]},X.rgb.hcg=function(t){const e=t[0]/255,i=t[1]/255,s=t[2]/255,n=Math.max(Math.max(e,i),s),r=Math.min(Math.min(e,i),s),a=n-r;let o,l;return o=a<1?r/(1-a):0,l=a<=0?0:n===e?(i-s)/a%6:n===i?2+(s-e)/a:4+(e-i)/a,l/=6,l%=1,[360*l,100*a,100*o]},X.hsl.hcg=function(t){const e=t[1]/100,i=t[2]/100,s=i<.5?2*e*i:2*e*(1-i);let n=0;return s<1&&(n=(i-.5*s)/(1-s)),[t[0],100*s,100*n]},X.hsv.hcg=function(t){const e=t[2]/100,i=t[1]/100*e;let s=0;return i<1&&(s=(e-i)/(1-i)),[t[0],100*i,100*s]},X.hcg.rgb=function(t){const e=t[1]/100,i=t[2]/100;if(0===e)return[255*i,255*i,255*i];const s=[0,0,0],n=t[0]/360%1*6,r=n%1,a=1-r;let o=0;switch(Math.floor(n)){case 0:s[0]=1,s[1]=r,s[2]=0;break;case 1:s[0]=a,s[1]=1,s[2]=0;break;case 2:s[0]=0,s[1]=1,s[2]=r;break;case 3:s[0]=0,s[1]=a,s[2]=1;break;case 4:s[0]=r,s[1]=0,s[2]=1;break;default:s[0]=1,s[1]=0,s[2]=a}return o=(1-e)*i,[255*(e*s[0]+o),255*(e*s[1]+o),255*(e*s[2]+o)]},X.hcg.hsv=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);let s=0;return i>0&&(s=e/i),[t[0],100*s,100*i]},X.hcg.hsl=function(t){const e=t[1]/100,i=t[2]/100*(1-e)+.5*e;let s=0;return i>0&&i<.5?s=e/(2*i):i>=.5&&i<1&&(s=e/(2*(1-i))),[t[0],100*s,100*i]},X.hcg.hwb=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);return[t[0],100*(i-e),100*(1-i)]},X.hwb.hcg=function(t){const e=1-t[2]/100,i=e-t[1]/100;let s=0;return i<1&&(s=(e-i)/(1-i)),[t[0],100*i,100*s]},X.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},X.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},X.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},X.gray.hsl=function(t){return[0,0,t[0]]},X.gray.hsv=X.gray.hsl,X.gray.hwb=function(t){return[0,100,t[0]]},X.gray.cmyk=function(t){return[0,0,0,t[0]]},X.gray.lab=function(t){return[t[0],0,0]},X.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),i=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(i.length)+i},X.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const Q={};Object.keys(W).forEach((t=>{Q[t]={},Object.defineProperty(Q[t],"channels",{value:W[t].channels}),Object.defineProperty(Q[t],"labels",{value:W[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(W);for(let i=e.length,s=0;s<i;s++)t[e[s]]={distance:-1,parent:null};return t}(),i=[t];for(e[t].distance=0;i.length;){const t=i.pop(),s=Object.keys(W[t]);for(let n=s.length,r=0;r<n;r++){const n=s[r],a=e[n];-1===a.distance&&(a.distance=e[t].distance+1,a.parent=t,i.unshift(n))}}return e}(t),i={},s=Object.keys(e);for(let t=s.length,n=0;n<t;n++){const t=s[n];null!==e[t].parent&&(i[t]=G(t,e))}return i}(t);Object.keys(e).forEach((i=>{const s=e[i];Q[t][i]=function(t){const e=function(...e){const i=e[0];if(null==i)return i;i.length>1&&(e=i);const s=t(e);if("object"==typeof s)for(let t=s.length,e=0;e<t;e++)s[e]=Math.round(s[e]);return s};return"conversion"in t&&(e.conversion=t.conversion),e}(s),Q[t][i].raw=function(t){const e=function(...e){const i=e[0];return null==i?i:(i.length>1&&(e=i),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(s)}))}));var Z=Q;const tt=["keyword","gray","hex"],et={};for(const t of Object.keys(Z))et[[...Z[t].labels].sort().join("")]=t;const it={};function st(t,e){if(!(this instanceof st))return new st(t,e);if(e&&e in tt&&(e=null),e&&!(e in Z))throw new Error("Unknown model: "+e);let i,s;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof st)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=V.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,s=Z[this.model].channels,this.color=e.value.slice(0,s),this.valpha="number"==typeof e.value[s]?e.value[s]:1}else if(t.length>0){this.model=e||"rgb",s=Z[this.model].channels;const i=Array.prototype.slice.call(t,0,s);this.color=ot(i,s),this.valpha="number"==typeof t[s]?t[s]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const s=e.sort().join("");if(!(s in et))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=et[s];const{labels:n}=Z[this.model],r=[];for(i=0;i<n.length;i++)r.push(t[n[i]]);this.color=ot(r)}if(it[this.model])for(s=Z[this.model].channels,i=0;i<s;i++){const t=it[this.model][i];t&&(this.color[i]=t(this.color[i]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}st.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in V.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const i=1===e.valpha?e.color:[...e.color,this.valpha];return V.to[e.model](i)},percentString(t){const e=this.rgb().round("number"==typeof t?t:1),i=1===e.valpha?e.color:[...e.color,this.valpha];return V.to.rgb.percent(i)},array(){return 1===this.valpha?[...this.color]:[...this.color,this.valpha]},object(){const t={},{channels:e}=Z[this.model],{labels:i}=Z[this.model];for(let s=0;s<e;s++)t[i[s]]=this.color[s];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray(){const t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject(){const t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new st([...this.color.map(nt(t)),this.valpha],this.model)},alpha(t){return void 0!==t?new st([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},red:rt("rgb",0,at(255)),green:rt("rgb",1,at(255)),blue:rt("rgb",2,at(255)),hue:rt(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:rt("hsl",1,at(100)),lightness:rt("hsl",2,at(100)),saturationv:rt("hsv",1,at(100)),value:rt("hsv",2,at(100)),chroma:rt("hcg",1,at(100)),gray:rt("hcg",2,at(100)),white:rt("hwb",1,at(100)),wblack:rt("hwb",2,at(100)),cyan:rt("cmyk",0,at(100)),magenta:rt("cmyk",1,at(100)),yellow:rt("cmyk",2,at(100)),black:rt("cmyk",3,at(100)),x:rt("xyz",0,at(95.047)),y:rt("xyz",1,at(100)),z:rt("xyz",2,at(108.833)),l:rt("lab",0,at(100)),a:rt("lab",1),b:rt("lab",2),keyword(t){return void 0!==t?new st(t):Z[this.model].keyword(this.color)},hex(t){return void 0!==t?new st(t):V.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new st(t);const e=this.rgb().round().color;let i=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===i.length&&(i="0"+i),V.to.hex(e)+i},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[i,s]of t.entries()){const t=s/255;e[i]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),i=t.luminosity();return e>i?(e+.05)/(i+.05):(i+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return st.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let i=e.color[0];return i=(i+t)%360,i=i<0?360+i:i,e.color[0]=i,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const i=t.rgb(),s=this.rgb(),n=void 0===e?.5:e,r=2*n-1,a=i.alpha()-s.alpha(),o=((r*a==-1?r:(r+a)/(1+r*a))+1)/2,l=1-o;return st.rgb(o*i.red()+l*s.red(),o*i.green()+l*s.green(),o*i.blue()+l*s.blue(),i.alpha()*n+s.alpha()*(1-n))}};for(const t of Object.keys(Z)){if(tt.includes(t))continue;const{channels:e}=Z[t];st.prototype[t]=function(...e){return this.model===t?new st(this):new st(e.length>0?e:[...(i=Z[this.model][t].raw(this.color),Array.isArray(i)?i:[i]),this.valpha],t);var i},st[t]=function(...i){let s=i[0];return"number"==typeof s&&(s=ot(i,e)),new st(s,t)}}function nt(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function rt(t,e,i){t=Array.isArray(t)?t:[t];for(const s of t)(it[s]||(it[s]=[]))[e]=i;return t=t[0],function(s){let n;return void 0!==s?(i&&(s=i(s)),n=this[t](),n.color[e]=s,n):(n=this[t]().color[e],i&&(n=i(n)),n)}}function at(t){return function(e){return Math.max(0,Math.min(t,e))}}function ot(t,e){for(let i=0;i<e;i++)"number"!=typeof t[i]&&(t[i]=0);return t}var lt=st;const ht="channel",ct="control",ut="control-and-scope",dt="scope",pt="section",ft="slider",gt=lt("#007AC2"),bt="calcite-color-",mt={r:255,g:255,b:255},wt={h:360,s:100,v:100},yt=wt.h-1,vt=100,kt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:10}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:10}}},xt=class{constructor(s){t(this,s),this.calciteColorPickerChange=e(this,"calciteColorPickerChange",6),this.calciteColorPickerInput=e(this,"calciteColorPickerInput",6),this.internalColorUpdateContext=null,this.mode=h.HEX,this.shiftKeyChannelAdjustment=0,this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const{key:e}=t,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[e]&&(t.preventDefault(),this.scopeOrientation="ArrowDown"===e||"ArrowUp"===e?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[e].x||0,this.colorFieldScopeTop+i[e].y||0,!1))},this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1,{key:i}=t,s={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(s[i]){t.preventDefault();const n=s[i]*e,r=this.baseColorFieldColor.hue(),a=this.baseColorFieldColor.hue(r+n);this.internalColorSet(a,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:i}=this,s=t.target.value;!e||s?s!==(i&&c(u(i,f(this.mode))))&&this.internalColorSet(lt(s)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(lt(t.currentTarget.color))},this.handleChannelInput=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),s=3===i?vt:"rgb"===this.channelMode?mt[Object.keys(mt)[i]]:wt[Object.keys(wt)[i]];let n;if(this.allowEmpty&&!e.value)n="";else{const t=Number(e.value);n=E(t+this.shiftKeyChannelAdjustment,0,s).toString()}e.value=n},this.handleChannelChange=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),s=[...this.channels];if(this.allowEmpty&&!e.value)return this.channels=[null,null,null,null],void this.internalColorSet(null);const n=3===i,r=Number(e.value);s[i]=n?d(r):r,this.updateColorFromChannels(s)},this.handleSavedColorKeyDown=t=>{S(t.key)&&(t.preventDefault(),this.handleSavedColorSelect(t))},this.handleColorFieldPointerDown=t=>{if(!r(t))return;const{offsetX:e,offsetY:i}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()},this.captureColorFieldColor(e,i),this.colorFieldScopeNode.focus()},this.handleHueSliderPointerDown=t=>{if(!r(t))return;const{offsetX:e}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()},this.captureHueSliderColor(e),this.hueScopeNode.focus()},this.handleOpacitySliderPointerDown=t=>{if(!r(t))return;const{offsetX:e}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()},this.captureOpacitySliderValue(e),this.opacityScopeNode.focus()},this.globalPointerUpHandler=t=>{if(!r(t))return;const e=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),e&&this.calciteColorPickerChange.emit()},this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:e,el:i}=this;if(!i.isConnected||!e)return;const{context:s,bounds:n}=e;let r,a;const{clientX:o,clientY:l}=t;s.canvas.matches(":hover")?(r=o-n.x,a=l-n.y):(r=o<n.x+n.width&&o>n.x?o-n.x:o<n.x?0:n.width,a=l<n.y+n.height&&l>n.y?l-n.y:l<n.y?0:n.height),s===this.colorFieldRenderingContext?this.captureColorFieldColor(r,a,!1):s===this.hueSliderRenderingContext?this.captureHueSliderColor(r):s===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(r)},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.storeHueScope=t=>{this.hueScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:e,messages:s}=this;return i("calcite-tab-title",{class:"color-mode","data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:t===e},"rgb"===t?s.rgb:s.hsv)},this.renderChannelsTab=t=>{const{allowEmpty:e,channelMode:s,channels:n,messages:r,alphaChannel:o}=this,l=t===s,h="rgb"===t?[r.red,r.green,r.blue]:[r.hue,r.saturation,r.value],c=a(this.el),u=o?n:n.slice(0,3);return i("calcite-tab",{class:ct,key:t,selected:l},i("div",{class:"channels",dir:"ltr"},u.map(((t,i)=>{const s=3===i;return s&&(t=e&&!t?t:p(t)),this.renderChannel(t,i,h[i],c,s?"%":"")}))))},this.renderChannel=(t,e,s,n,r)=>i("calcite-input-number",{class:ht,"data-channel-index":e,dir:n,key:e,label:s,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:"l"===this.scale?"m":"s",style:{marginLeft:e>0&&("s"!==this.scale||!this.alphaChannel||3!==e)?"-1px":""},suffixText:r,value:t?.toString()}),this.deleteColor=()=>{const t=u(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(t)>-1))return;const e=this.savedColors.filter((e=>e!==t));this.savedColors=e,this.storageId&&localStorage.setItem(`${bt}${this.storageId}`,JSON.stringify(e))},this.saveColor=()=>{const t=u(this.color,this.alphaChannel);if(this.savedColors.indexOf(t)>-1)return;const e=[...this.savedColors,t];this.savedColors=e,this.storageId&&localStorage.setItem(`${bt}${this.storageId}`,JSON.stringify(e))},this.drawColorControls=T(((t="all")=>{"all"!==t&&"color-field"!==t||!this.colorFieldRenderingContext||this.drawColorField(),"all"!==t&&"hue-slider"!==t||!this.hueSliderRenderingContext||this.drawHueSlider(),this.alphaChannel&&("all"===t||"opacity-slider"===t)&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()}),16),this.captureColorFieldColor=(t,e,i=!0)=>{const{dimensions:{colorField:{height:s,width:n}}}=this,r=Math.round(wt.s/n*t),a=Math.round(wt.v/s*(s-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(r).value(a),i)},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=>{this.opacitySliderRenderingContext=t.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider()},this.storeOpacityScope=t=>{this.opacityScopeNode=t},this.handleOpacityScopeKeyDown=t=>{const e=t.shiftKey?10:1,{key:i}=t,s={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(s[i]){t.preventDefault();const n=s[i]*e,r=this.baseColorFieldColor.alpha(),a=this.baseColorFieldColor.alpha(r+n);this.internalColorSet(a,!1)}},this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.color=gt,this.disabled=!1,this.format="auto",this.hideChannels=!1,this.hexDisabled=!1,this.hideHex=!1,this.hideSaved=!1,this.savedDisabled=!1,this.scale="m",this.storageId=void 0,this.messageOverrides=void 0,this.numberingSystem=void 0,this.value=c(u(gt,this.alphaChannel)),this.defaultMessages=void 0,this.channelMode="rgb",this.channels=this.toChannels(gt),this.dimensions=kt.m,this.effectiveLocale="",this.messages=void 0,this.savedColors=[],this.colorFieldScopeTop=void 0,this.colorFieldScopeLeft=void 0,this.hueScopeLeft=void 0,this.opacityScopeLeft=void 0,this.scopeOrientation=void 0}handleAlphaChannelChange(t){const{format:e}=this;t&&"auto"!==e&&!f(e)&&(console.warn(`ignoring alphaChannel as the current format (${e}) does not support alpha`),this.alphaChannel=!1)}handleColorChange(t,e){this.drawColorControls(),this.updateChannelsFromColor(t),this.previousColor=e}handleFormatChange(t){this.setMode(t),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(t="m"){this.updateDimensions(t),this.updateCanvasSize("all"),this.drawColorControls()}onMessagesChange(){}handleValueChange(t,e){const{allowEmpty:i,format:s}=this;let n=!1;if(!i||t){const i=g(t);if(!i||"auto"!==s&&i!==s)return this.showIncompatibleColorWarning(t,s),void(this.value=e);n=this.mode!==i,this.setMode(i,null===this.internalColorUpdateContext)}const r=this.activeCanvasInfo;if("initial"===this.internalColorUpdateContext)return;if("user-interaction"===this.internalColorUpdateContext)return this.calciteColorPickerInput.emit(),void(r||this.calciteColorPickerChange.emit());const a=i&&!t?null:lt(null!=t&&"object"==typeof t&&f(this.mode)?v(t):t),o=!b(a,this.color);(n||o)&&this.internalColorSet(a,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}get baseColorFieldColor(){return this.color||this.previousColor||gt}effectiveLocaleChange(){L(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:e}=t;if("ArrowUp"!==e&&"ArrowDown"!==e||!t.composedPath().some((t=>t.classList?.contains(ht))))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===e&&i?9:"ArrowDown"===e&&i?-9:0}async setFocus(){await F(this),this.el.focus()}async componentWillLoad(){O(this);const{allowEmpty:t,color:e,format:i,value:s}=this,n=t&&!s,r=g(s),a=n||"auto"===i&&r||i===r,o=n?null:a?lt(s):e;a||this.showIncompatibleColorWarning(s,i),this.setMode(i,!1),this.internalColorSet(o,!1,"initial"),this.updateDimensions(this.scale);const l=`${bt}${this.storageId}`;this.storageId&&localStorage.getItem(l)&&(this.savedColors=JSON.parse(localStorage.getItem(l))),await K(this)}connectedCallback(){j(this),D(this),U(this)}componentDidLoad(){$(this)}disconnectedCallback(){document.removeEventListener("pointermove",this.globalPointerMoveHandler),document.removeEventListener("pointerup",this.globalPointerUpHandler),A(this),I(this),P(this)}componentDidRender(){z(this)}render(){const{allowEmpty:t,channelsDisabled:e,color:s,colorFieldScopeLeft:n,colorFieldScopeTop:r,dimensions:{slider:{width:a},thumb:{radius:o}},hexDisabled:l,hideChannels:h,hideHex:c,hideSaved:d,hueScopeLeft:f,messages:g,alphaChannel:b,opacityScopeLeft:m,savedColors:w,savedDisabled:y,scale:v,scopeOrientation:k}=this,x=s?u(s,b):null,C=o,M=f??a*gt.hue()/wt.h,j=o,A=m??a*p(gt.alpha())/vt,z=null===s,S="vertical"===k,F=l||c,O=e||h,$=y||d,[D,I]=this.getAdjustedScopePosition(n,r),[q,E]=this.getAdjustedScopePosition(M,C),[N,L]=this.getAdjustedScopePosition(A,j);return i("div",{class:"container"},i("div",{class:ut},i("canvas",{class:"color-field",onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{"aria-label":S?g.value:g.saturation,"aria-valuemax":S?wt.v:wt.s,"aria-valuemin":"0","aria-valuenow":(S?s?.saturationv():s?.value())||"0",class:{[dt]:!0,"scope--color-field":!0},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${I||0}px`,left:`${D||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),i("div",{class:"preview-and-sliders"},i("calcite-color-picker-swatch",{class:"preview",color:x,scale:"l"}),i("div",{class:"sliders"},i("div",{class:ut},i("canvas",{class:{[ft]:!0,"hue-slider":!0},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{"aria-label":g.hue,"aria-valuemax":wt.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||gt.round().hue(),class:{[dt]:!0,"scope--hue":!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${E}px`,left:`${q}px`},tabindex:"0",ref:this.storeHueScope})),b?i("div",{class:ut},i("canvas",{class:{[ft]:!0,"opacity-slider":!0},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),i("div",{"aria-label":g.opacity,"aria-valuemax":vt,"aria-valuemin":0,"aria-valuenow":(s||gt).round().alpha(),class:{[dt]:!0,"scope--opacity":!0},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${L}px`,left:`${N}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),F&&O?null:i("div",{class:{"control-section":!0,[pt]:!0}},i("div",{class:"hex-and-channels-group"},F?null:i("div",{class:"color-hex-options"},i("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:b,class:ct,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:x})),O?null:i("calcite-tabs",{class:{"color-mode-container":!0,"section--split":!0},scale:"l"===v?"m":"s"},i("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),$?null:i("div",{class:{"saved-colors-section":!0,[pt]:!0}},i("div",{class:"header"},i("label",null,g.saved),i("div",{class:"saved-colors-buttons"},i("calcite-button",{appearance:"transparent",class:"delete-color",disabled:z,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),i("calcite-button",{appearance:"transparent",class:"save-color",disabled:z,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?i("div",{class:"saved-colors"},[...w.map((t=>i("calcite-color-picker-swatch",{class:"saved-color",color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null))}handleKeyDown(t){"Enter"===t.key&&t.preventDefault()}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t,e=!0){this.mode=this.ensureCompatibleMode("auto"===t?this.mode:t,e)}ensureCompatibleMode(t,e){const{alphaChannel:i}=this,s=f(t);if(i&&!s){const i=y(t);return e&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}if(!i&&s){const i=m(t);return e&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(yt/e*t),!1)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:e}}}=this,i=d(vt/e*t);this.internalColorSet(this.baseColorFieldColor.alpha(i),!1)}internalColorSet(t,e=!0,i="user-interaction"){e&&b(t,this.color)||(this.internalColorUpdateContext=i,this.color=t,this.value=this.toValue(t),this.internalColorUpdateContext=null)}toValue(t,e=this.mode){if(!t)return null;if(e.includes("hex")){const i=e===h.HEXA;return c(u(t.round(),i),i)}if(e.includes("-css")){const i=t[e.replace("-css","").replace("a","")]().round().string();return(e.endsWith("a")||e.endsWith("a-css"))&&1===t.alpha()?`${i.slice(0,3)}a(${i.slice(4,-1)}, ${t.alpha()})`:i}const i=t[m(e)]().round().object();return e.endsWith("a")?w(i):i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return 2*e-t}updateDimensions(t="m"){this.dimensions=kt[t]}drawColorField(){const t=this.colorFieldRenderingContext,{dimensions:{colorField:{height:e,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),t.fillRect(0,0,i,e);const s=t.createLinearGradient(0,0,i,0);s.addColorStop(0,"rgba(255,255,255,1)"),s.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=s,t.fillRect(0,0,i,e);const n=t.createLinearGradient(0,0,0,e);n.addColorStop(0,"rgba(0,0,0,0)"),n.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=n,t.fillRect(0,0,i,e),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:i}){if(!t)return;const s=window.devicePixelRatio||1;t.width=i*s,t.height=e*s,t.style.height=`${e}px`,t.style.width=`${i}px`,t.getContext("2d").scale(s,s)}updateCanvasSize(t="all"){const{dimensions:e}=this;"all"!==t&&"color-field"!==t||this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,e.colorField);const i={width:e.slider.width,height:e.slider.height+2*(e.thumb.radius-e.slider.height/2)};"all"!==t&&"hue-slider"!==t||this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),"all"!==t&&"opacity-slider"!==t||this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const e=t.hsv(),{dimensions:{colorField:{height:i,width:s},thumb:{radius:n}}}=this,r=e.saturationv()/(wt.s/s),a=i-e.value()/(wt.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=r,this.colorFieldScopeTop=a})),this.drawThumb(this.colorFieldRenderingContext,n,r,a,e)}drawThumb(t,e,i,s,n){const r=2*Math.PI;t.beginPath(),t.arc(i,s,e,0,r),t.fillStyle="#fff",t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),t.beginPath(),t.arc(i,s,e-3,0,r),t.fillStyle=n.rgb().alpha(1).string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const e=t.hsv().saturationv(100).value(100),{dimensions:{slider:{width:i},thumb:{radius:s}}}=this,n=e.hue()/(yt/i),r=s,a=this.getSliderBoundX(n,i,s);requestAnimationFrame((()=>{this.hueScopeLeft=a})),this.drawThumb(this.hueSliderRenderingContext,s,a,r,e)}drawHueSlider(){const t=this.hueSliderRenderingContext,{dimensions:{slider:{height:e,width:i},thumb:{radius:s}}}=this,n=s-e/2,r=t.createLinearGradient(0,0,i,0),a=["red","yellow","lime","cyan","blue","magenta","#ff0004"],o=1/(a.length-1);let l=0;a.forEach((t=>{r.addColorStop(l,lt(t).string()),l+=o})),t.clearRect(0,0,i,e+2*this.getSliderCapSpacing()),this.drawSliderPath(t,e,i,0,n),t.fillStyle=r,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext,{baseColorFieldColor:e,dimensions:{slider:{height:i,width:s},thumb:{radius:n}}}=this,r=n-i/2;t.clearRect(0,0,s,i+2*this.getSliderCapSpacing());const a=t.createLinearGradient(0,r,s,0),o=e.rgb().alpha(0),l=e.rgb().alpha(.5),h=e.rgb().alpha(1);a.addColorStop(0,o.string()),a.addColorStop(.5,l.string()),a.addColorStop(1,h.string()),this.drawSliderPath(t,i,s,0,r);const c=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=c,t.fill(),t.fillStyle=a,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(t,e,i,s,n){const r=e/2+1;t.beginPath(),t.moveTo(s+r,n),t.lineTo(s+i-r,n),t.quadraticCurveTo(s+i,n,s+i,n+r),t.lineTo(s+i,n+e-r),t.quadraticCurveTo(s+i,n+e,s+i-r,n+e),t.lineTo(s+r,n+e),t.quadraticCurveTo(s,n+e,s,n+e-r),t.lineTo(s,n+r),t.quadraticCurveTo(s,n,s+r,n),t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;const t=document.createElement("canvas");t.width=10,t.height=10;const e=t.getContext("2d");return e.fillStyle="#ccc",e.fillRect(0,0,10,10),e.fillStyle="#fff",e.fillRect(0,0,5,5),e.fillRect(5,5,5,5),this.checkerPattern=t,t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t)return;const e=t,{dimensions:{slider:{width:i},thumb:{radius:s}}}=this,n=p(e.alpha())/(vt/i),r=s,a=this.getSliderBoundX(n,i,s);requestAnimationFrame((()=>{this.opacityScopeLeft=a})),this.drawThumb(this.opacitySliderRenderingContext,s,a,r,e)}getSliderBoundX(t,e,i){const s=N(t,e,i);return 0===s?t:-1===s?q(t,0,e,i,2*i):q(t,0,e,e-2*i,e-i)}updateColorFromChannels(t){this.internalColorSet(lt(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:e}=this,i=t[e]().array().map(((t,e)=>3===e?t:Math.floor(t)));return 3===i.length&&i.push(1),i}getAdjustedScopePosition(t,e){return[t-.5,e-.5]}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};xt.style=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-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}: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-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-app-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-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:11px}.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)}.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-ui-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-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const Ct=lt(),Mt=class{constructor(i){t(this,i),this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",6),this.onHexInputBlur=()=>{const t=this.hexInputNode,e=t.value,i=`#${e}`,{allowEmpty:s,internalColor:n}=this,r=s&&!e,a=k(i);this.onHexInputChange(),r||x(i)&&a||(t.value=s&&!n?"":this.formatHexForInternalInput(C(n.object())))},this.onOpacityInputBlur=()=>{const t=this.opacityInputNode,e=t.value,{allowEmpty:i,internalColor:s}=this;i&&!e||(t.value=i&&!s?"":this.formatOpacityForInternalInput(s))},this.onHexInputChange=()=>{let t=this.hexInputNode.value;if(t){const e=c(t,!1);x(e)&&this.alphaChannel&&this.internalColor&&(t=`${e+c(this.internalColor.hexa(),!0).slice(-2)}`)}this.internalSetValue(t,this.value)},this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let e;if(t.value){const i=d(Number(t.value));e=this.internalColor?.alpha(i).hexa()}else e=t.value;this.internalSetValue(e,this.value)},this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:i,metaKey:s,shiftKey:n}=t,{alphaChannel:r,hexInputNode:a,internalColor:o,value:l}=this,{key:h}=t,c=t.composedPath();if("Tab"===h||"Enter"===h)return c.includes(a)?this.onHexInputChange():this.onOpacityInputChange(),void("Enter"===h&&t.preventDefault());const d=this.value;if("ArrowDown"===h||"ArrowUp"===h)return l?(this.internalSetValue(u(this.nudgeRGBChannels(o,(n?10:1)*("ArrowUp"===h?1:-1),c.includes(a)?"rgb":"a"),r),d),void t.preventDefault()):(this.internalSetValue(this.previousNonNullValue,d),void t.preventDefault());const p=e||i||s,f=1===h.length,g=M.test(h);!f||p||g||t.preventDefault()},this.onHexInputPaste=t=>{const e=t.clipboardData.getData("text");x(e)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1))},this.previousNonNullValue=this.value,this.storeHexInputRef=t=>{this.hexInputNode=t},this.storeOpacityInputRef=t=>{this.opacityInputNode=t},this.allowEmpty=!1,this.alphaChannel=!1,this.hexLabel="Hex",this.messages=void 0,this.numberingSystem=void 0,this.scale="m",this.value=c(u(Ct,this.alphaChannel),this.alphaChannel,!0),this.internalColor=Ct}connectedCallback(){const{allowEmpty:t,alphaChannel:e,value:i}=this;if(i){const t=c(i,e);x(t,e)&&this.internalSetValue(t,t,!1)}else t&&this.internalSetValue(null,null,!1)}componentWillLoad(){O(this)}componentDidLoad(){$(this)}handleValueChange(t,e){this.internalSetValue(t,e,!1)}render(){const{alphaChannel:t,hexLabel:e,internalColor:s,messages:n,scale:r,value:a}=this,o=this.formatHexForInternalInput(a),l=this.formatOpacityForInternalInput(s),h="l"===r?"m":"s";return i("div",{class:"container"},i("calcite-input-text",{class:"hex-input",label:n?.hex||e,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",scale:h,value:o,ref:this.storeHexInputRef}),t?i("calcite-input-number",{class:"opacity-input",key:"opacity-input",label:n?.opacity,max:vt,maxLength:3,min:0,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,scale:h,suffixText:"%",value:l,ref:this.storeOpacityInputRef}):null)}async setFocus(){return await F(this),o(this.hexInputNode)}internalSetValue(t,e,i=!0){if(t){const{alphaChannel:e}=this,s=c(t,e,e);if(x(s,e)){const{internalColor:t}=this,n=lt(s),r=c(u(n,e),e),a=!t||r!==c(u(t,e),e);return this.internalColor=n,this.previousNonNullValue=r,this.value=r,void(a&&i&&this.calciteColorPickerHexInputChange.emit())}}else if(this.allowEmpty)return this.internalColor=null,this.value=null,void(i&&this.calciteColorPickerHexInputChange.emit());this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${p(t.alpha())}`:""}nudgeRGBChannels(t,e,i){let s;const n=t.array(),r=n.slice(0,3);if("rgb"===i)s=[...r.map((t=>t+e)),this.alphaChannel?n[3]:void 0];else{const i=d(p(t.alpha())+e);s=[...r,i]}return lt(s)}get el(){return s(this)}static get watchers(){return{value:["handleValueChange"]}}};Mt.style=":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 jt="checker",At=4,zt=8,St=class{constructor(e){t(this,e),this.active=!1,this.color=void 0,this.scale="m"}handleColorChange(t){this.internalColor=t?lt(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){return i("svg",{class:{swatch:!0,"swatch--no-color":!this.internalColor},xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:e,internalColor:s}=this,r=t?"100%":"0",a={height:"100%",rx:r,stroke:"light"===l(e)?"rgba(0, 0, 0, 0.3)":"rgba(255, 255, 255, 0.15)","stroke-width":"2",width:"100%"};if(!s)return i(n,null,i("clipPath",{id:"shape"},i("rect",{height:"100%",rx:r,width:"100%"})),i("rect",{"clip-path":`inset(0 round ${r})`,rx:r,...a}),i("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}));const o=s.alpha(),h=u(s),c=u(s,o<1);return i(n,null,i("title",null,c),i("defs",null,i("pattern",{height:zt,id:"checker",patternUnits:"userSpaceOnUse",width:zt,x:"0",y:"0"},i("rect",{class:jt,height:At,width:At,x:"0",y:"0"}),i("rect",{class:jt,height:At,width:At,x:At,y:At}))),i("rect",{fill:"url(#checker)",height:"100%",rx:r,width:"100%"}),i("rect",{fill:h,style:{"clip-path":o<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${r})`},...a}),o<1?i("rect",{fill:c,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...a}):null)}get el(){return s(this)}static get watchers(){return{color:["handleColorChange"]}}};St.style=":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-ui-foreground-1)}.swatch--no-color line{stroke:var(--calcite-ui-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";export{xt as calcite_color_picker,Mt as calcite_color_picker_hex_input,St as calcite_color_picker_swatch}
+import{r as t,c as e,h as i,a as s,F as n}from"./p-4dc77fd9.js";import{i as r,g as a,d as o,j as l}from"./p-c18b38ee.js";import{C as h,n as c,a as u,o as d,b as p,c as f,p as g,d as b,t as m,e as w,f as y,g as v,j as k,i as x,r as C,k as M}from"./p-3b95e841.js";import{c as j,d as A,u as z}from"./p-35a65b71.js";import{i as S}from"./p-b9768423.js";import{c as F,s as O,a as $}from"./p-8df2f79c.js";import{c as D,d as I}from"./p-51c86891.js";import{r as q,c as E,a as N}from"./p-b7017409.js";import{u as L,s as K,c as U,d as P}from"./p-d1df05c0.js";import{t as T}from"./p-60839045.js";import"./p-ba9faa60.js";import"./p-7ba8964a.js";import"./p-d24968d3.js";import"./p-62d419d6.js";function _(t,e,i){return t(i={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},i.exports),i.exports}var H={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},B=_((function(t){var e=Array.prototype.concat,i=Array.prototype.slice,s=t.exports=function(t){for(var s,n=[],r=0,a=t.length;r<a;r++){var o=t[r];(s=o)&&"string"!=typeof s&&(s instanceof Array||Array.isArray(s)||s.length>=0&&(s.splice instanceof Function||Object.getOwnPropertyDescriptor(s,s.length-1)&&"String"!==s.constructor.name))?n=e.call(n,i.call(o)):n.push(o)}return n};s.wrap=function(t){return function(){return t(s(arguments))}}})),V=_((function(t){var e=Object.hasOwnProperty,i=Object.create(null);for(var s in H)e.call(H,s)&&(i[H[s]]=s);var n=t.exports={to:{},get:{}};function r(t,e,i){return Math.min(Math.max(e,t),i)}function a(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}n.get=function(t){var e,i;switch(t.substring(0,3).toLowerCase()){case"hsl":e=n.get.hsl(t),i="hsl";break;case"hwb":e=n.get.hwb(t),i="hwb";break;default:e=n.get.rgb(t),i="rgb"}return e?{model:i,value:e}:null},n.get.rgb=function(t){if(!t)return null;var i,s,n,a=[0,0,0,1];if(i=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(n=i[2],i=i[1],s=0;s<3;s++){var o=2*s;a[s]=parseInt(i.slice(o,o+2),16)}n&&(a[3]=parseInt(n,16)/255)}else if(i=t.match(/^#([a-f0-9]{3,4})$/i)){for(n=(i=i[1])[3],s=0;s<3;s++)a[s]=parseInt(i[s]+i[s],16);n&&(a[3]=parseInt(n+n,16)/255)}else if(i=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(s=0;s<3;s++)a[s]=parseInt(i[s+1],0);i[4]&&(a[3]=i[5]?.01*parseFloat(i[4]):parseFloat(i[4]))}else{if(!(i=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(i=t.match(/^(\w+)$/))?"transparent"===i[1]?[0,0,0,0]:e.call(H,i[1])?((a=H[i[1]])[3]=1,a):null:null;for(s=0;s<3;s++)a[s]=Math.round(2.55*parseFloat(i[s+1]));i[4]&&(a[3]=i[5]?.01*parseFloat(i[4]):parseFloat(i[4]))}for(s=0;s<3;s++)a[s]=r(a[s],0,255);return a[3]=r(a[3],0,1),a},n.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,r(parseFloat(e[2]),0,100),r(parseFloat(e[3]),0,100),r(isNaN(i)?1:i,0,1)]}return null},n.get.hwb=function(t){if(!t)return null;var e=t.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,r(parseFloat(e[2]),0,100),r(parseFloat(e[3]),0,100),r(isNaN(i)?1:i,0,1)]}return null},n.to.hex=function(){var t=B(arguments);return"#"+a(t[0])+a(t[1])+a(t[2])+(t[3]<1?a(Math.round(255*t[3])):"")},n.to.rgb=function(){var t=B(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},n.to.rgb.percent=function(){var t=B(arguments),e=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),s=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+i+"%, "+s+"%)":"rgba("+e+"%, "+i+"%, "+s+"%, "+t[3]+")"},n.to.hsl=function(){var t=B(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},n.to.hwb=function(){var t=B(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},n.to.keyword=function(t){return i[t.slice(0,3)]}})),J={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const R={};for(const t of Object.keys(J))R[J[t]]=t;const X={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var W=X;for(const t of Object.keys(X)){if(!("channels"in X[t]))throw new Error("missing channels property: "+t);if(!("labels"in X[t]))throw new Error("missing channel labels property: "+t);if(X[t].labels.length!==X[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:i}=X[t];delete X[t].channels,delete X[t].labels,Object.defineProperty(X[t],"channels",{value:e}),Object.defineProperty(X[t],"labels",{value:i})}function Y(t,e){return function(i){return e(t(i))}}function G(t,e){const i=[e[t].parent,t];let s=W[e[t].parent][t],n=e[t].parent;for(;e[n].parent;)i.unshift(e[n].parent),s=Y(W[e[n].parent][n],s),n=e[n].parent;return s.conversion=i,s}X.rgb.hsl=function(t){const e=t[0]/255,i=t[1]/255,s=t[2]/255,n=Math.min(e,i,s),r=Math.max(e,i,s),a=r-n;let o,l;r===n?o=0:e===r?o=(i-s)/a:i===r?o=2+(s-e)/a:s===r&&(o=4+(e-i)/a),o=Math.min(60*o,360),o<0&&(o+=360);const h=(n+r)/2;return l=r===n?0:h<=.5?a/(r+n):a/(2-r-n),[o,100*l,100*h]},X.rgb.hsv=function(t){let e,i,s,n,r;const a=t[0]/255,o=t[1]/255,l=t[2]/255,h=Math.max(a,o,l),c=h-Math.min(a,o,l),u=function(t){return(h-t)/6/c+.5};return 0===c?(n=0,r=0):(r=c/h,e=u(a),i=u(o),s=u(l),a===h?n=s-i:o===h?n=1/3+e-s:l===h&&(n=2/3+i-e),n<0?n+=1:n>1&&(n-=1)),[360*n,100*r,100*h]},X.rgb.hwb=function(t){const e=t[0],i=t[1];let s=t[2];const n=X.rgb.hsl(t)[0],r=1/255*Math.min(e,Math.min(i,s));return s=1-1/255*Math.max(e,Math.max(i,s)),[n,100*r,100*s]},X.rgb.cmyk=function(t){const e=t[0]/255,i=t[1]/255,s=t[2]/255,n=Math.min(1-e,1-i,1-s);return[100*((1-e-n)/(1-n)||0),100*((1-i-n)/(1-n)||0),100*((1-s-n)/(1-n)||0),100*n]},X.rgb.keyword=function(t){const e=R[t];if(e)return e;let i,s=1/0;for(const e of Object.keys(J)){const a=((n=t)[0]-(r=J[e])[0])**2+(n[1]-r[1])**2+(n[2]-r[2])**2;a<s&&(s=a,i=e)}var n,r;return i},X.keyword.rgb=function(t){return J[t]},X.rgb.xyz=function(t){let e=t[0]/255,i=t[1]/255,s=t[2]/255;return e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,i=i>.04045?((i+.055)/1.055)**2.4:i/12.92,s=s>.04045?((s+.055)/1.055)**2.4:s/12.92,[100*(.4124*e+.3576*i+.1805*s),100*(.2126*e+.7152*i+.0722*s),100*(.0193*e+.1192*i+.9505*s)]},X.rgb.lab=function(t){const e=X.rgb.xyz(t);let i=e[0],s=e[1],n=e[2];return i/=95.047,s/=100,n/=108.883,i=i>.008856?i**(1/3):7.787*i+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,[116*s-16,500*(i-s),200*(s-n)]},X.hsl.rgb=function(t){const e=t[0]/360,i=t[1]/100,s=t[2]/100;let n,r,a;if(0===i)return a=255*s,[a,a,a];n=s<.5?s*(1+i):s+i-s*i;const o=2*s-n,l=[0,0,0];for(let t=0;t<3;t++)r=e+1/3*-(t-1),r<0&&r++,r>1&&r--,a=6*r<1?o+6*(n-o)*r:2*r<1?n:3*r<2?o+(n-o)*(2/3-r)*6:o,l[t]=255*a;return l},X.hsl.hsv=function(t){const e=t[0];let i=t[1]/100,s=t[2]/100,n=i;const r=Math.max(s,.01);return s*=2,i*=s<=1?s:2-s,n*=r<=1?r:2-r,[e,100*(0===s?2*n/(r+n):2*i/(s+i)),(s+i)/2*100]},X.hsv.rgb=function(t){const e=t[0]/60,i=t[1]/100;let s=t[2]/100;const n=Math.floor(e)%6,r=e-Math.floor(e),a=255*s*(1-i),o=255*s*(1-i*r),l=255*s*(1-i*(1-r));switch(s*=255,n){case 0:return[s,l,a];case 1:return[o,s,a];case 2:return[a,s,l];case 3:return[a,o,s];case 4:return[l,a,s];case 5:return[s,a,o]}},X.hsv.hsl=function(t){const e=t[0],i=t[1]/100,s=t[2]/100,n=Math.max(s,.01);let r,a;a=(2-i)*s;const o=(2-i)*n;return r=i*n,r/=o<=1?o:2-o,r=r||0,a/=2,[e,100*r,100*a]},X.hwb.rgb=function(t){const e=t[0]/360;let i=t[1]/100,s=t[2]/100;const n=i+s;let r;n>1&&(i/=n,s/=n);const a=Math.floor(6*e),o=1-s;r=6*e-a,0!=(1&a)&&(r=1-r);const l=i+r*(o-i);let h,c,u;switch(a){default:case 6:case 0:h=o,c=l,u=i;break;case 1:h=l,c=o,u=i;break;case 2:h=i,c=o,u=l;break;case 3:h=i,c=l,u=o;break;case 4:h=l,c=i,u=o;break;case 5:h=o,c=i,u=l}return[255*h,255*c,255*u]},X.cmyk.rgb=function(t){const e=t[1]/100,i=t[2]/100,s=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-s)+s)),255*(1-Math.min(1,e*(1-s)+s)),255*(1-Math.min(1,i*(1-s)+s))]},X.xyz.rgb=function(t){const e=t[0]/100,i=t[1]/100,s=t[2]/100;let n,r,a;return n=3.2406*e+-1.5372*i+-.4986*s,r=-.9689*e+1.8758*i+.0415*s,a=.0557*e+-.204*i+1.057*s,n=n>.0031308?1.055*n**(1/2.4)-.055:12.92*n,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,a=a>.0031308?1.055*a**(1/2.4)-.055:12.92*a,n=Math.min(Math.max(0,n),1),r=Math.min(Math.max(0,r),1),a=Math.min(Math.max(0,a),1),[255*n,255*r,255*a]},X.xyz.lab=function(t){let e=t[0],i=t[1],s=t[2];return e/=95.047,i/=100,s/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,i=i>.008856?i**(1/3):7.787*i+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,[116*i-16,500*(e-i),200*(i-s)]},X.lab.xyz=function(t){let e,i,s;i=(t[0]+16)/116,e=t[1]/500+i,s=i-t[2]/200;const n=i**3,r=e**3,a=s**3;return i=n>.008856?n:(i-16/116)/7.787,e=r>.008856?r:(e-16/116)/7.787,s=a>.008856?a:(s-16/116)/7.787,e*=95.047,i*=100,s*=108.883,[e,i,s]},X.lab.lch=function(t){const e=t[0],i=t[1],s=t[2];let n;return n=360*Math.atan2(s,i)/2/Math.PI,n<0&&(n+=360),[e,Math.sqrt(i*i+s*s),n]},X.lch.lab=function(t){const e=t[1],i=t[2]/360*2*Math.PI;return[t[0],e*Math.cos(i),e*Math.sin(i)]},X.rgb.ansi16=function(t,e=null){const[i,s,n]=t;let r=null===e?X.rgb.hsv(t)[2]:e;if(r=Math.round(r/50),0===r)return 30;let a=30+(Math.round(n/255)<<2|Math.round(s/255)<<1|Math.round(i/255));return 2===r&&(a+=60),a},X.hsv.ansi16=function(t){return X.rgb.ansi16(X.hsv.rgb(t),t[2])},X.rgb.ansi256=function(t){const e=t[0],i=t[1],s=t[2];return e===i&&i===s?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(i/255*5)+Math.round(s/255*5)},X.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const i=.5*(1+~~(t>50));return[(1&e)*i*255,(e>>1&1)*i*255,(e>>2&1)*i*255]},X.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},X.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},X.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let i=e[0];3===e[0].length&&(i=i.split("").map((t=>t+t)).join(""));const s=parseInt(i,16);return[s>>16&255,s>>8&255,255&s]},X.rgb.hcg=function(t){const e=t[0]/255,i=t[1]/255,s=t[2]/255,n=Math.max(Math.max(e,i),s),r=Math.min(Math.min(e,i),s),a=n-r;let o,l;return o=a<1?r/(1-a):0,l=a<=0?0:n===e?(i-s)/a%6:n===i?2+(s-e)/a:4+(e-i)/a,l/=6,l%=1,[360*l,100*a,100*o]},X.hsl.hcg=function(t){const e=t[1]/100,i=t[2]/100,s=i<.5?2*e*i:2*e*(1-i);let n=0;return s<1&&(n=(i-.5*s)/(1-s)),[t[0],100*s,100*n]},X.hsv.hcg=function(t){const e=t[2]/100,i=t[1]/100*e;let s=0;return i<1&&(s=(e-i)/(1-i)),[t[0],100*i,100*s]},X.hcg.rgb=function(t){const e=t[1]/100,i=t[2]/100;if(0===e)return[255*i,255*i,255*i];const s=[0,0,0],n=t[0]/360%1*6,r=n%1,a=1-r;let o=0;switch(Math.floor(n)){case 0:s[0]=1,s[1]=r,s[2]=0;break;case 1:s[0]=a,s[1]=1,s[2]=0;break;case 2:s[0]=0,s[1]=1,s[2]=r;break;case 3:s[0]=0,s[1]=a,s[2]=1;break;case 4:s[0]=r,s[1]=0,s[2]=1;break;default:s[0]=1,s[1]=0,s[2]=a}return o=(1-e)*i,[255*(e*s[0]+o),255*(e*s[1]+o),255*(e*s[2]+o)]},X.hcg.hsv=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);let s=0;return i>0&&(s=e/i),[t[0],100*s,100*i]},X.hcg.hsl=function(t){const e=t[1]/100,i=t[2]/100*(1-e)+.5*e;let s=0;return i>0&&i<.5?s=e/(2*i):i>=.5&&i<1&&(s=e/(2*(1-i))),[t[0],100*s,100*i]},X.hcg.hwb=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);return[t[0],100*(i-e),100*(1-i)]},X.hwb.hcg=function(t){const e=1-t[2]/100,i=e-t[1]/100;let s=0;return i<1&&(s=(e-i)/(1-i)),[t[0],100*i,100*s]},X.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},X.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},X.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},X.gray.hsl=function(t){return[0,0,t[0]]},X.gray.hsv=X.gray.hsl,X.gray.hwb=function(t){return[0,100,t[0]]},X.gray.cmyk=function(t){return[0,0,0,t[0]]},X.gray.lab=function(t){return[t[0],0,0]},X.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),i=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(i.length)+i},X.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const Q={};Object.keys(W).forEach((t=>{Q[t]={},Object.defineProperty(Q[t],"channels",{value:W[t].channels}),Object.defineProperty(Q[t],"labels",{value:W[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(W);for(let i=e.length,s=0;s<i;s++)t[e[s]]={distance:-1,parent:null};return t}(),i=[t];for(e[t].distance=0;i.length;){const t=i.pop(),s=Object.keys(W[t]);for(let n=s.length,r=0;r<n;r++){const n=s[r],a=e[n];-1===a.distance&&(a.distance=e[t].distance+1,a.parent=t,i.unshift(n))}}return e}(t),i={},s=Object.keys(e);for(let t=s.length,n=0;n<t;n++){const t=s[n];null!==e[t].parent&&(i[t]=G(t,e))}return i}(t);Object.keys(e).forEach((i=>{const s=e[i];Q[t][i]=function(t){const e=function(...e){const i=e[0];if(null==i)return i;i.length>1&&(e=i);const s=t(e);if("object"==typeof s)for(let t=s.length,e=0;e<t;e++)s[e]=Math.round(s[e]);return s};return"conversion"in t&&(e.conversion=t.conversion),e}(s),Q[t][i].raw=function(t){const e=function(...e){const i=e[0];return null==i?i:(i.length>1&&(e=i),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(s)}))}));var Z=Q;const tt=["keyword","gray","hex"],et={};for(const t of Object.keys(Z))et[[...Z[t].labels].sort().join("")]=t;const it={};function st(t,e){if(!(this instanceof st))return new st(t,e);if(e&&e in tt&&(e=null),e&&!(e in Z))throw new Error("Unknown model: "+e);let i,s;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof st)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=V.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,s=Z[this.model].channels,this.color=e.value.slice(0,s),this.valpha="number"==typeof e.value[s]?e.value[s]:1}else if(t.length>0){this.model=e||"rgb",s=Z[this.model].channels;const i=Array.prototype.slice.call(t,0,s);this.color=ot(i,s),this.valpha="number"==typeof t[s]?t[s]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const s=e.sort().join("");if(!(s in et))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=et[s];const{labels:n}=Z[this.model],r=[];for(i=0;i<n.length;i++)r.push(t[n[i]]);this.color=ot(r)}if(it[this.model])for(s=Z[this.model].channels,i=0;i<s;i++){const t=it[this.model][i];t&&(this.color[i]=t(this.color[i]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}st.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in V.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const i=1===e.valpha?e.color:[...e.color,this.valpha];return V.to[e.model](i)},percentString(t){const e=this.rgb().round("number"==typeof t?t:1),i=1===e.valpha?e.color:[...e.color,this.valpha];return V.to.rgb.percent(i)},array(){return 1===this.valpha?[...this.color]:[...this.color,this.valpha]},object(){const t={},{channels:e}=Z[this.model],{labels:i}=Z[this.model];for(let s=0;s<e;s++)t[i[s]]=this.color[s];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray(){const t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject(){const t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new st([...this.color.map(nt(t)),this.valpha],this.model)},alpha(t){return void 0!==t?new st([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},red:rt("rgb",0,at(255)),green:rt("rgb",1,at(255)),blue:rt("rgb",2,at(255)),hue:rt(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:rt("hsl",1,at(100)),lightness:rt("hsl",2,at(100)),saturationv:rt("hsv",1,at(100)),value:rt("hsv",2,at(100)),chroma:rt("hcg",1,at(100)),gray:rt("hcg",2,at(100)),white:rt("hwb",1,at(100)),wblack:rt("hwb",2,at(100)),cyan:rt("cmyk",0,at(100)),magenta:rt("cmyk",1,at(100)),yellow:rt("cmyk",2,at(100)),black:rt("cmyk",3,at(100)),x:rt("xyz",0,at(95.047)),y:rt("xyz",1,at(100)),z:rt("xyz",2,at(108.833)),l:rt("lab",0,at(100)),a:rt("lab",1),b:rt("lab",2),keyword(t){return void 0!==t?new st(t):Z[this.model].keyword(this.color)},hex(t){return void 0!==t?new st(t):V.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new st(t);const e=this.rgb().round().color;let i=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===i.length&&(i="0"+i),V.to.hex(e)+i},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[i,s]of t.entries()){const t=s/255;e[i]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),i=t.luminosity();return e>i?(e+.05)/(i+.05):(i+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return st.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let i=e.color[0];return i=(i+t)%360,i=i<0?360+i:i,e.color[0]=i,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const i=t.rgb(),s=this.rgb(),n=void 0===e?.5:e,r=2*n-1,a=i.alpha()-s.alpha(),o=((r*a==-1?r:(r+a)/(1+r*a))+1)/2,l=1-o;return st.rgb(o*i.red()+l*s.red(),o*i.green()+l*s.green(),o*i.blue()+l*s.blue(),i.alpha()*n+s.alpha()*(1-n))}};for(const t of Object.keys(Z)){if(tt.includes(t))continue;const{channels:e}=Z[t];st.prototype[t]=function(...e){return this.model===t?new st(this):new st(e.length>0?e:[...(i=Z[this.model][t].raw(this.color),Array.isArray(i)?i:[i]),this.valpha],t);var i},st[t]=function(...i){let s=i[0];return"number"==typeof s&&(s=ot(i,e)),new st(s,t)}}function nt(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function rt(t,e,i){t=Array.isArray(t)?t:[t];for(const s of t)(it[s]||(it[s]=[]))[e]=i;return t=t[0],function(s){let n;return void 0!==s?(i&&(s=i(s)),n=this[t](),n.color[e]=s,n):(n=this[t]().color[e],i&&(n=i(n)),n)}}function at(t){return function(e){return Math.max(0,Math.min(t,e))}}function ot(t,e){for(let i=0;i<e;i++)"number"!=typeof t[i]&&(t[i]=0);return t}var lt=st;const ht="channel",ct="control",ut="control-and-scope",dt="scope",pt="section",ft="slider",gt=lt("#007AC2"),bt="calcite-color-",mt={r:255,g:255,b:255},wt={h:360,s:100,v:100},yt=wt.h-1,vt=100,kt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:10}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:10}}},xt=class{constructor(s){t(this,s),this.calciteColorPickerChange=e(this,"calciteColorPickerChange",6),this.calciteColorPickerInput=e(this,"calciteColorPickerInput",6),this.internalColorUpdateContext=null,this.mode=h.HEX,this.shiftKeyChannelAdjustment=0,this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const{key:e}=t,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[e]&&(t.preventDefault(),this.scopeOrientation="ArrowDown"===e||"ArrowUp"===e?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[e].x||0,this.colorFieldScopeTop+i[e].y||0,!1))},this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1,{key:i}=t,s={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(s[i]){t.preventDefault();const n=s[i]*e,r=this.baseColorFieldColor.hue(),a=this.baseColorFieldColor.hue(r+n);this.internalColorSet(a,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:i}=this,s=t.target.value;!e||s?s!==(i&&c(u(i,f(this.mode))))&&this.internalColorSet(lt(s)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(lt(t.currentTarget.color))},this.handleChannelInput=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),s=3===i?vt:"rgb"===this.channelMode?mt[Object.keys(mt)[i]]:wt[Object.keys(wt)[i]];let n;if(this.allowEmpty&&!e.value)n="";else{const t=Number(e.value);n=E(t+this.shiftKeyChannelAdjustment,0,s).toString()}e.value=n},this.handleChannelChange=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),s=[...this.channels];if(this.allowEmpty&&!e.value)return this.channels=[null,null,null,null],void this.internalColorSet(null);const n=3===i,r=Number(e.value);s[i]=n?d(r):r,this.updateColorFromChannels(s)},this.handleSavedColorKeyDown=t=>{S(t.key)&&(t.preventDefault(),this.handleSavedColorSelect(t))},this.handleColorFieldPointerDown=t=>{if(!r(t))return;const{offsetX:e,offsetY:i}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()},this.captureColorFieldColor(e,i),this.colorFieldScopeNode.focus()},this.handleHueSliderPointerDown=t=>{if(!r(t))return;const{offsetX:e}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()},this.captureHueSliderColor(e),this.hueScopeNode.focus()},this.handleOpacitySliderPointerDown=t=>{if(!r(t))return;const{offsetX:e}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()},this.captureOpacitySliderValue(e),this.opacityScopeNode.focus()},this.globalPointerUpHandler=t=>{if(!r(t))return;const e=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),e&&this.calciteColorPickerChange.emit()},this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:e,el:i}=this;if(!i.isConnected||!e)return;const{context:s,bounds:n}=e;let r,a;const{clientX:o,clientY:l}=t;s.canvas.matches(":hover")?(r=o-n.x,a=l-n.y):(r=o<n.x+n.width&&o>n.x?o-n.x:o<n.x?0:n.width,a=l<n.y+n.height&&l>n.y?l-n.y:l<n.y?0:n.height),s===this.colorFieldRenderingContext?this.captureColorFieldColor(r,a,!1):s===this.hueSliderRenderingContext?this.captureHueSliderColor(r):s===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(r)},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.storeHueScope=t=>{this.hueScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:e,messages:s}=this;return i("calcite-tab-title",{class:"color-mode","data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:t===e},"rgb"===t?s.rgb:s.hsv)},this.renderChannelsTab=t=>{const{allowEmpty:e,channelMode:s,channels:n,messages:r,alphaChannel:o}=this,l=t===s,h="rgb"===t?[r.red,r.green,r.blue]:[r.hue,r.saturation,r.value],c=a(this.el),u=o?n:n.slice(0,3);return i("calcite-tab",{class:ct,key:t,selected:l},i("div",{class:"channels",dir:"ltr"},u.map(((t,i)=>{const s=3===i;return s&&(t=e&&!t?t:p(t)),this.renderChannel(t,i,h[i],c,s?"%":"")}))))},this.renderChannel=(t,e,s,n,r)=>i("calcite-input-number",{class:ht,"data-channel-index":e,dir:n,key:e,label:s,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:"l"===this.scale?"m":"s",style:{marginLeft:e>0&&("s"!==this.scale||!this.alphaChannel||3!==e)?"-1px":""},suffixText:r,value:t?.toString()}),this.deleteColor=()=>{const t=u(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(t)>-1))return;const e=this.savedColors.filter((e=>e!==t));this.savedColors=e,this.storageId&&localStorage.setItem(`${bt}${this.storageId}`,JSON.stringify(e))},this.saveColor=()=>{const t=u(this.color,this.alphaChannel);if(this.savedColors.indexOf(t)>-1)return;const e=[...this.savedColors,t];this.savedColors=e,this.storageId&&localStorage.setItem(`${bt}${this.storageId}`,JSON.stringify(e))},this.drawColorControls=T(((t="all")=>{"all"!==t&&"color-field"!==t||!this.colorFieldRenderingContext||this.drawColorField(),"all"!==t&&"hue-slider"!==t||!this.hueSliderRenderingContext||this.drawHueSlider(),this.alphaChannel&&("all"===t||"opacity-slider"===t)&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()}),16),this.captureColorFieldColor=(t,e,i=!0)=>{const{dimensions:{colorField:{height:s,width:n}}}=this,r=Math.round(wt.s/n*t),a=Math.round(wt.v/s*(s-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(r).value(a),i)},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=>{this.opacitySliderRenderingContext=t.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider()},this.storeOpacityScope=t=>{this.opacityScopeNode=t},this.handleOpacityScopeKeyDown=t=>{const e=t.shiftKey?10:1,{key:i}=t,s={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(s[i]){t.preventDefault();const n=s[i]*e,r=this.baseColorFieldColor.alpha(),a=this.baseColorFieldColor.alpha(r+n);this.internalColorSet(a,!1)}},this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.color=gt,this.disabled=!1,this.format="auto",this.hideChannels=!1,this.hexDisabled=!1,this.hideHex=!1,this.hideSaved=!1,this.savedDisabled=!1,this.scale="m",this.storageId=void 0,this.messageOverrides=void 0,this.numberingSystem=void 0,this.value=c(u(gt,this.alphaChannel)),this.defaultMessages=void 0,this.channelMode="rgb",this.channels=this.toChannels(gt),this.dimensions=kt.m,this.effectiveLocale="",this.messages=void 0,this.savedColors=[],this.colorFieldScopeTop=void 0,this.colorFieldScopeLeft=void 0,this.hueScopeLeft=void 0,this.opacityScopeLeft=void 0,this.scopeOrientation=void 0}handleAlphaChannelChange(t){const{format:e}=this;t&&"auto"!==e&&!f(e)&&(console.warn(`ignoring alphaChannel as the current format (${e}) does not support alpha`),this.alphaChannel=!1)}handleColorChange(t,e){this.drawColorControls(),this.updateChannelsFromColor(t),this.previousColor=e}handleFormatChange(t){this.setMode(t),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(t="m"){this.updateDimensions(t),this.updateCanvasSize("all"),this.drawColorControls()}onMessagesChange(){}handleValueChange(t,e){const{allowEmpty:i,format:s}=this;let n=!1;if(!i||t){const i=g(t);if(!i||"auto"!==s&&i!==s)return this.showIncompatibleColorWarning(t,s),void(this.value=e);n=this.mode!==i,this.setMode(i,null===this.internalColorUpdateContext)}const r=this.activeCanvasInfo;if("initial"===this.internalColorUpdateContext)return;if("user-interaction"===this.internalColorUpdateContext)return this.calciteColorPickerInput.emit(),void(r||this.calciteColorPickerChange.emit());const a=i&&!t?null:lt(null!=t&&"object"==typeof t&&f(this.mode)?v(t):t),o=!b(a,this.color);(n||o)&&this.internalColorSet(a,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}get baseColorFieldColor(){return this.color||this.previousColor||gt}effectiveLocaleChange(){L(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:e}=t;if("ArrowUp"!==e&&"ArrowDown"!==e||!t.composedPath().some((t=>t.classList?.contains(ht))))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===e&&i?9:"ArrowDown"===e&&i?-9:0}async setFocus(){await F(this),this.el.focus()}async componentWillLoad(){O(this);const{allowEmpty:t,color:e,format:i,value:s}=this,n=t&&!s,r=g(s),a=n||"auto"===i&&r||i===r,o=n?null:a?lt(s):e;a||this.showIncompatibleColorWarning(s,i),this.setMode(i,!1),this.internalColorSet(o,!1,"initial"),this.updateDimensions(this.scale);const l=`${bt}${this.storageId}`;this.storageId&&localStorage.getItem(l)&&(this.savedColors=JSON.parse(localStorage.getItem(l))),await K(this)}connectedCallback(){j(this),D(this),U(this)}componentDidLoad(){$(this)}disconnectedCallback(){document.removeEventListener("pointermove",this.globalPointerMoveHandler),document.removeEventListener("pointerup",this.globalPointerUpHandler),A(this),I(this),P(this)}componentDidRender(){z(this)}render(){const{allowEmpty:t,channelsDisabled:e,color:s,colorFieldScopeLeft:n,colorFieldScopeTop:r,dimensions:{slider:{width:a},thumb:{radius:o}},hexDisabled:l,hideChannels:h,hideHex:c,hideSaved:d,hueScopeLeft:f,messages:g,alphaChannel:b,opacityScopeLeft:m,savedColors:w,savedDisabled:y,scale:v,scopeOrientation:k}=this,x=s?u(s,b):null,C=o,M=f??a*gt.hue()/wt.h,j=o,A=m??a*p(gt.alpha())/vt,z=null===s,S="vertical"===k,F=l||c,O=e||h,$=y||d,[D,I]=this.getAdjustedScopePosition(n,r),[q,E]=this.getAdjustedScopePosition(M,C),[N,L]=this.getAdjustedScopePosition(A,j);return i("div",{class:"container"},i("div",{class:ut},i("canvas",{class:"color-field",onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{"aria-label":S?g.value:g.saturation,"aria-valuemax":S?wt.v:wt.s,"aria-valuemin":"0","aria-valuenow":(S?s?.saturationv():s?.value())||"0",class:{[dt]:!0,"scope--color-field":!0},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${I||0}px`,left:`${D||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),i("div",{class:"preview-and-sliders"},i("calcite-color-picker-swatch",{class:"preview",color:x,scale:"l"}),i("div",{class:"sliders"},i("div",{class:ut},i("canvas",{class:{[ft]:!0,"hue-slider":!0},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{"aria-label":g.hue,"aria-valuemax":wt.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||gt.round().hue(),class:{[dt]:!0,"scope--hue":!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${E}px`,left:`${q}px`},tabindex:"0",ref:this.storeHueScope})),b?i("div",{class:ut},i("canvas",{class:{[ft]:!0,"opacity-slider":!0},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),i("div",{"aria-label":g.opacity,"aria-valuemax":vt,"aria-valuemin":0,"aria-valuenow":(s||gt).round().alpha(),class:{[dt]:!0,"scope--opacity":!0},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${L}px`,left:`${N}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),F&&O?null:i("div",{class:{"control-section":!0,[pt]:!0}},i("div",{class:"hex-and-channels-group"},F?null:i("div",{class:"color-hex-options"},i("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:b,class:ct,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:x})),O?null:i("calcite-tabs",{class:{"color-mode-container":!0,"section--split":!0},scale:"l"===v?"m":"s"},i("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),$?null:i("div",{class:{"saved-colors-section":!0,[pt]:!0}},i("div",{class:"header"},i("label",null,g.saved),i("div",{class:"saved-colors-buttons"},i("calcite-button",{appearance:"transparent",class:"delete-color",disabled:z,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),i("calcite-button",{appearance:"transparent",class:"save-color",disabled:z,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?i("div",{class:"saved-colors"},[...w.map((t=>i("calcite-color-picker-swatch",{class:"saved-color",color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null))}handleKeyDown(t){"Enter"===t.key&&t.preventDefault()}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t,e=!0){this.mode=this.ensureCompatibleMode("auto"===t?this.mode:t,e)}ensureCompatibleMode(t,e){const{alphaChannel:i}=this,s=f(t);if(i&&!s){const i=y(t);return e&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}if(!i&&s){const i=m(t);return e&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(yt/e*t),!1)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:e}}}=this,i=d(vt/e*t);this.internalColorSet(this.baseColorFieldColor.alpha(i),!1)}internalColorSet(t,e=!0,i="user-interaction"){e&&b(t,this.color)||(this.internalColorUpdateContext=i,this.color=t,this.value=this.toValue(t),this.internalColorUpdateContext=null)}toValue(t,e=this.mode){if(!t)return null;if(e.includes("hex")){const i=e===h.HEXA;return c(u(t.round(),i),i)}if(e.includes("-css")){const i=t[e.replace("-css","").replace("a","")]().round().string();return(e.endsWith("a")||e.endsWith("a-css"))&&1===t.alpha()?`${i.slice(0,3)}a(${i.slice(4,-1)}, ${t.alpha()})`:i}const i=t[m(e)]().round().object();return e.endsWith("a")?w(i):i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return 2*e-t}updateDimensions(t="m"){this.dimensions=kt[t]}drawColorField(){const t=this.colorFieldRenderingContext,{dimensions:{colorField:{height:e,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),t.fillRect(0,0,i,e);const s=t.createLinearGradient(0,0,i,0);s.addColorStop(0,"rgba(255,255,255,1)"),s.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=s,t.fillRect(0,0,i,e);const n=t.createLinearGradient(0,0,0,e);n.addColorStop(0,"rgba(0,0,0,0)"),n.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=n,t.fillRect(0,0,i,e),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:i}){if(!t)return;const s=window.devicePixelRatio||1;t.width=i*s,t.height=e*s,t.style.height=`${e}px`,t.style.width=`${i}px`,t.getContext("2d").scale(s,s)}updateCanvasSize(t="all"){const{dimensions:e}=this;"all"!==t&&"color-field"!==t||this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,e.colorField);const i={width:e.slider.width,height:e.slider.height+2*(e.thumb.radius-e.slider.height/2)};"all"!==t&&"hue-slider"!==t||this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),"all"!==t&&"opacity-slider"!==t||this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const e=t.hsv(),{dimensions:{colorField:{height:i,width:s},thumb:{radius:n}}}=this,r=e.saturationv()/(wt.s/s),a=i-e.value()/(wt.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=r,this.colorFieldScopeTop=a})),this.drawThumb(this.colorFieldRenderingContext,n,r,a,e)}drawThumb(t,e,i,s,n){const r=2*Math.PI;t.beginPath(),t.arc(i,s,e,0,r),t.fillStyle="#fff",t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),t.beginPath(),t.arc(i,s,e-3,0,r),t.fillStyle=n.rgb().alpha(1).string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const e=t.hsv().saturationv(100).value(100),{dimensions:{slider:{width:i},thumb:{radius:s}}}=this,n=e.hue()/(yt/i),r=s,a=this.getSliderBoundX(n,i,s);requestAnimationFrame((()=>{this.hueScopeLeft=a})),this.drawThumb(this.hueSliderRenderingContext,s,a,r,e)}drawHueSlider(){const t=this.hueSliderRenderingContext,{dimensions:{slider:{height:e,width:i},thumb:{radius:s}}}=this,n=s-e/2,r=t.createLinearGradient(0,0,i,0),a=["red","yellow","lime","cyan","blue","magenta","#ff0004"],o=1/(a.length-1);let l=0;a.forEach((t=>{r.addColorStop(l,lt(t).string()),l+=o})),t.clearRect(0,0,i,e+2*this.getSliderCapSpacing()),this.drawSliderPath(t,e,i,0,n),t.fillStyle=r,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext,{baseColorFieldColor:e,dimensions:{slider:{height:i,width:s},thumb:{radius:n}}}=this,r=n-i/2;t.clearRect(0,0,s,i+2*this.getSliderCapSpacing());const a=t.createLinearGradient(0,r,s,0),o=e.rgb().alpha(0),l=e.rgb().alpha(.5),h=e.rgb().alpha(1);a.addColorStop(0,o.string()),a.addColorStop(.5,l.string()),a.addColorStop(1,h.string()),this.drawSliderPath(t,i,s,0,r);const c=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=c,t.fill(),t.fillStyle=a,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(t,e,i,s,n){const r=e/2+1;t.beginPath(),t.moveTo(s+r,n),t.lineTo(s+i-r,n),t.quadraticCurveTo(s+i,n,s+i,n+r),t.lineTo(s+i,n+e-r),t.quadraticCurveTo(s+i,n+e,s+i-r,n+e),t.lineTo(s+r,n+e),t.quadraticCurveTo(s,n+e,s,n+e-r),t.lineTo(s,n+r),t.quadraticCurveTo(s,n,s+r,n),t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;const t=document.createElement("canvas");t.width=10,t.height=10;const e=t.getContext("2d");return e.fillStyle="#ccc",e.fillRect(0,0,10,10),e.fillStyle="#fff",e.fillRect(0,0,5,5),e.fillRect(5,5,5,5),this.checkerPattern=t,t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t)return;const e=t,{dimensions:{slider:{width:i},thumb:{radius:s}}}=this,n=p(e.alpha())/(vt/i),r=s,a=this.getSliderBoundX(n,i,s);requestAnimationFrame((()=>{this.opacityScopeLeft=a})),this.drawThumb(this.opacitySliderRenderingContext,s,a,r,e)}getSliderBoundX(t,e,i){const s=N(t,e,i);return 0===s?t:-1===s?q(t,0,e,i,2*i):q(t,0,e,e-2*i,e-i)}updateColorFromChannels(t){this.internalColorSet(lt(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:e}=this,i=t[e]().array().map(((t,e)=>3===e?t:Math.floor(t)));return 3===i.length&&i.push(1),i}getAdjustedScopePosition(t,e){return[t-.5,e-.5]}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};xt.style=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-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}: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-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-app-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-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:11px}.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)}.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-ui-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-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const Ct=lt(),Mt=class{constructor(i){t(this,i),this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",6),this.onHexInputBlur=()=>{const t=this.hexInputNode,e=t.value,i=`#${e}`,{allowEmpty:s,internalColor:n}=this,r=s&&!e,a=k(i);this.onHexInputChange(),r||x(i)&&a||(t.value=s&&!n?"":this.formatHexForInternalInput(C(n.object())))},this.onOpacityInputBlur=()=>{const t=this.opacityInputNode,e=t.value,{allowEmpty:i,internalColor:s}=this;i&&!e||(t.value=i&&!s?"":this.formatOpacityForInternalInput(s))},this.onHexInputChange=()=>{let t=this.hexInputNode.value;if(t){const e=c(t,!1);x(e)&&this.alphaChannel&&this.internalColor&&(t=`${e+c(this.internalColor.hexa(),!0).slice(-2)}`)}this.internalSetValue(t,this.value)},this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let e;if(t.value){const i=d(Number(t.value));e=this.internalColor?.alpha(i).hexa()}else e=t.value;this.internalSetValue(e,this.value)},this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:i,metaKey:s,shiftKey:n}=t,{alphaChannel:r,hexInputNode:a,internalColor:o,value:l}=this,{key:h}=t,c=t.composedPath();if("Tab"===h||"Enter"===h)return c.includes(a)?this.onHexInputChange():this.onOpacityInputChange(),void("Enter"===h&&t.preventDefault());const d=this.value;if("ArrowDown"===h||"ArrowUp"===h)return l?(this.internalSetValue(u(this.nudgeRGBChannels(o,(n?10:1)*("ArrowUp"===h?1:-1),c.includes(a)?"rgb":"a"),r),d),void t.preventDefault()):(this.internalSetValue(this.previousNonNullValue,d),void t.preventDefault());const p=e||i||s,f=1===h.length,g=M.test(h);!f||p||g||t.preventDefault()},this.onHexInputPaste=t=>{const e=t.clipboardData.getData("text");x(e)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1))},this.previousNonNullValue=this.value,this.storeHexInputRef=t=>{this.hexInputNode=t},this.storeOpacityInputRef=t=>{this.opacityInputNode=t},this.allowEmpty=!1,this.alphaChannel=!1,this.hexLabel="Hex",this.messages=void 0,this.numberingSystem=void 0,this.scale="m",this.value=c(u(Ct,this.alphaChannel),this.alphaChannel,!0),this.internalColor=Ct}connectedCallback(){const{allowEmpty:t,alphaChannel:e,value:i}=this;if(i){const t=c(i,e);x(t,e)&&this.internalSetValue(t,t,!1)}else t&&this.internalSetValue(null,null,!1)}componentWillLoad(){O(this)}componentDidLoad(){$(this)}handleValueChange(t,e){this.internalSetValue(t,e,!1)}render(){const{alphaChannel:t,hexLabel:e,internalColor:s,messages:n,scale:r,value:a}=this,o=this.formatHexForInternalInput(a),l=this.formatOpacityForInternalInput(s),h="l"===r?"m":"s";return i("div",{class:"container"},i("calcite-input-text",{class:"hex-input",label:n?.hex||e,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",scale:h,value:o,ref:this.storeHexInputRef}),t?i("calcite-input-number",{class:"opacity-input",key:"opacity-input",label:n?.opacity,max:vt,maxLength:3,min:0,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,scale:h,suffixText:"%",value:l,ref:this.storeOpacityInputRef}):null)}async setFocus(){return await F(this),o(this.hexInputNode)}internalSetValue(t,e,i=!0){if(t){const{alphaChannel:e}=this,s=c(t,e,e);if(x(s,e)){const{internalColor:t}=this,n=lt(s),r=c(u(n,e),e),a=!t||r!==c(u(t,e),e);return this.internalColor=n,this.previousNonNullValue=r,this.value=r,void(a&&i&&this.calciteColorPickerHexInputChange.emit())}}else if(this.allowEmpty)return this.internalColor=null,this.value=null,void(i&&this.calciteColorPickerHexInputChange.emit());this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${p(t.alpha())}`:""}nudgeRGBChannels(t,e,i){let s;const n=t.array(),r=n.slice(0,3);if("rgb"===i)s=[...r.map((t=>t+e)),this.alphaChannel?n[3]:void 0];else{const i=d(p(t.alpha())+e);s=[...r,i]}return lt(s)}get el(){return s(this)}static get watchers(){return{value:["handleValueChange"]}}};Mt.style=":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 jt="checker",At=4,zt=8,St=class{constructor(e){t(this,e),this.active=!1,this.color=void 0,this.scale="m"}handleColorChange(t){this.internalColor=t?lt(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){return i("svg",{class:{swatch:!0,"swatch--no-color":!this.internalColor},xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:e,internalColor:s}=this,r=t?"100%":"0",a={height:"100%",rx:r,stroke:"light"===l(e)?"rgba(0, 0, 0, 0.3)":"rgba(255, 255, 255, 0.15)","stroke-width":"2",width:"100%"};if(!s)return i(n,null,i("clipPath",{id:"shape"},i("rect",{height:"100%",rx:r,width:"100%"})),i("rect",{"clip-path":`inset(0 round ${r})`,rx:r,...a}),i("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}));const o=s.alpha(),h=u(s),c=u(s,o<1);return i(n,null,i("title",null,c),i("defs",null,i("pattern",{height:zt,id:"checker",patternUnits:"userSpaceOnUse",width:zt,x:"0",y:"0"},i("rect",{class:jt,height:At,width:At,x:"0",y:"0"}),i("rect",{class:jt,height:At,width:At,x:At,y:At}))),i("rect",{fill:"url(#checker)",height:"100%",rx:r,width:"100%"}),i("rect",{fill:h,style:{"clip-path":o<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${r})`},...a}),o<1?i("rect",{fill:c,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...a}):null)}get el(){return s(this)}static get watchers(){return{color:["handleColorChange"]}}};St.style=":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-ui-foreground-1)}.swatch--no-color line{stroke:var(--calcite-ui-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";export{xt as calcite_color_picker,Mt as calcite_color_picker_hex_input,St as calcite_color_picker_swatch}

package/dist/calcite/{p-62081d3a.js → p-7ba8964a.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.0
+ * v1.6.1-next.2
  */
 const a="calcite-mode-auto",t="calcite-mode-dark",e={autoMode:a,darkMode:t,lightMode:"calcite-mode-light",rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{e as C,a,t as d}