@esri/calcite-components 5.2.0-next.100 → 5.2.0-next.101

package/dist/cdn/{4U4OQRXK.js → 2EZRHGL6.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{c as I}from"./ZHEVX44R.js";import{j as m}from"./5UJYBYHH.js";import{a as F}from"./RP3QQOFW.js";import"./YP3AYJH3.js";import{a as P}from"./VI7SBYXT.js";import{a as H}from"./KSP4IZOE.js";import"./VUYX7MNO.js";import{b as f}from"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import{E as b,F as h,G as T,H as c,M as A,T as O,g as z,h as n,l as x,m as k,p as u}from"./WNLKQGNT.js";function _(){return navigator.userAgentData}function j(){if(!1)return"";let g=_();return g?.brands?g.brands.map(({brand:e,version:t})=>`${e}/${t}`).join(" "):navigator.userAgent}var l={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableContainerOverflow:"table-container--overflow",tableFixed:"table--fixed",selectionActions:"selection-actions",dismissButton:"dismiss-button",selectionChipActive:"selection-chip--active",selectionCountChip:"selection-chip",selectionOutOfViewChip:"selection-chip--out-of-view"},w={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},E={hideEmpty:"hide-empty",clear:"x"},q=z`@charset "UTF-8";:host{display:flex;--calcite-internal-table-border-collapse: collapse}:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host(:is([scale=s],[scale=m])){--calcite-internal-table-selection-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-table-selection-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host([sticky-header]){--calcite-internal-table-border-collapse: separate;--calcite-internal-table-header-border-block-end-width: 0;--calcite-internal-table-sticky-header-border-shadow: inset 0 calc(-1 * var(--calcite-border-width-sm)) 0 0 var(--calcite-table-header-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}:host([sticky-header]) .table-container{position:relative}.container{display:flex;flex-direction:column;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-container-size-content-fluid)}.table-container{white-space:nowrap;line-height:var(--calcite-font-line-height-relative-tight);border:var(--calcite-border-width-sm) solid var(--calcite-table-border-color, var(--calcite-color-border-2));border-radius:var(--calcite-table-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));box-shadow:var(--calcite-table-shadow, var(--calcite-shadow-none));overflow:auto}.table-container--overflow{overscroll-behavior-y:none}table{border-collapse:var(--calcite-internal-table-border-collapse);border-spacing:0;inline-size:var(--calcite-container-size-content-fluid)}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-table-border-color, var(--calcite-color-border-2))}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background-color: var( --calcite-table-row-background-color-striped, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}.selection-actions{display:flex;flex-direction:row;gap:var(--calcite-internal-table-selection-action-spacing);margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:var(--calcite-space-sm)}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:var(--calcite-space-sm)}.selection-area calcite-button{margin-inline-end:var(--calcite-space-lg)}.selection-chip{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color)}.selection-chip.selection-chip--active{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color-selected);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color-selected);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color-selected)}.selection-chip--out-of-view{--calcite-chip-background-color: var(--calcite-table-selection-out-of-view-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-out-of-view-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-out-of-view-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-out-of-view-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-out-of-view-chip-text-color);--calcite-chip-icon-color: var(--calcite-table-selection-out-of-view-chip-icon-color)}.pagination-area{display:flex;flex-direction:row;inline-size:100%;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center;--calcite-pagination-color: var(--calcite-table-pagination-color);--calcite-pagination-color-hover: var(--calcite-table-pagination-color-hover);--calcite-pagination-color-border-hover: var(--calcite-table-pagination-color-border-hover);--calcite-pagination-color-border-active: var(--calcite-table-pagination-color-border-active);--calcite-pagination-background-color: var(--calcite-table-pagination-background-color);--calcite-pagination-icon-color-background-hover: var(--calcite-table-pagination-icon-color-background-hover)}.dismiss-button{margin-inline-end:var(--calcite-space-lg);--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color);--calcite-button-corner-radius: var(--calcite-table-selection-dismiss-button-corner-radius);--calcite-button-shadow: var(--calcite-table-selection-dismiss-button-shadow);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color)}.dismiss-button:hover{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-hover);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-hover);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-hover)}.dismiss-button:active{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-active);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-active);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-active)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends T{constructor(){super(),this.allRows=[],this.bodyRows=[],this.footRows=[],this.headRows=[],this.paginationRef=b(),this.tableContainerRef=b(),this.tableEl=null,this.tableBodySlotRef=b(),this.tableFootSlotRef=b(),this.tableHeadSlotRef=b(),this.tableContainerOverflowAnimationFrame=null,this.tableContainerResizeObserver=P("resize",()=>this.scheduleTableContainerOverflowUpdate()),this.messages=H({blocking:!0}),this.colCount=0,this.pageStartRow=1,this.readCellContentsToAT=!1,this.selectedCount=0,this.tableContainerHasOverflow=!1,this._selectedItems=[],this.bordered=!1,this.currentPage=0,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.numbered=!1,this.pageSize=0,this.scale="m",this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.stickyHeader=!1,this.calciteInternalTableRowFocusChange=u({cancelable:!1}),this.calciteTablePageChange=u({cancelable:!1}),this.calciteTableSelect=u({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:[16,{},{state:!0}],pageStartRow:[16,{},{state:!0}],readCellContentsToAT:[16,{},{state:!0}],selectedCount:[16,{},{state:!0}],tableContainerHasOverflow:[16,{},{state:!0}],_selectedItems:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],caption:1,currentPage:[11,{},{reflect:!0,type:Number}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],selectedItems:[32,{},{attribute:!1,readOnly:!0}],selectionDisplay:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],striped:[7,{},{reflect:!0,type:Boolean}],stickyHeader:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[q,F]}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(j()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("currentPage")&&(this.hasUpdated||this.currentPage>1)&&this.pageSize>0)&&this.updateRows(),e.has("stickyHeader")&&(this.hasUpdated||this.stickyHeader!==!1)&&(this.allRows?.forEach(t=>{t.stickyHeaderEnabled=this.stickyHeader}),this.stickyHeader?this.applyHeaderRowPositionStyles():this.resetStickyHeaderState())}disconnectedCallback(){super.disconnectedCallback(),this.tableContainerOverflowAnimationFrame!==null&&(cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=null),this.tableContainerResizeObserver?.disconnect()}handleSlotChange(){this.updateRows()}clearStickyHeaderRowStyles(){this.headRows?.forEach(e=>{e.style.removeProperty("--calcite-internal-table-header-offset"),e.style.removeProperty("--calcite-internal-table-header-z-index"),e.style.removeProperty("--calcite-internal-table-header-row-position")})}resetStickyHeaderState(){this.clearStickyHeaderRowStyles()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(!1),e.stopPropagation())}calciteInternalTableRowFocusEvent(e){let t=e.detail.cellPosition,a=e.detail.rowPosition,o=e.detail.destination,r=e.detail.lastCell,i=this.bodyRows?.filter(p=>!f(p)),s=this.allRows?.filter(p=>!f(p)),R=this.headRows[this.headRows.length-1]?.positionAll,S=i[0]?.positionAll,C=i[i.length-1]?.positionAll,$=this.footRows[0]?.positionAll,M=s[s.length-1]?.positionAll,U=o==="next"&&a===R,B=o==="previous"&&a===$,L=o==="previous"&&a===S,N=o==="next"&&a===C,d;switch(o){case"first":d=0;break;case"last":d=M;break;case"next":d=U?S:N?$:a+1;break;case"previous":d=B?C:L?R:a-1;break}let v=this.allRows.find(p=>p.positionAll===d)?.cellCount,D=v&&t>v?v:t;d!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:D,rowPosition:d,destination:o,lastCell:r})}getSlottedRows(e){return e?e.assignedElements({flatten:!0}).filter(I):[]}observeTableContainer(){this.tableContainerResizeObserver?.disconnect();let e=this.tableContainerRef.value,t=this.tableEl;e&&this.tableContainerResizeObserver?.observe(e),t&&this.tableContainerResizeObserver?.observe(t)}scheduleTableContainerOverflowUpdate(){this.tableContainerOverflowAnimationFrame!==null&&cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=requestAnimationFrame(()=>{this.tableContainerOverflowAnimationFrame=null,this.updateTableContainerOverflow()})}applyHeaderRowPositionStyles(){this.clearStickyHeaderRowStyles();let e=this.headRows?.[0];e&&(e.style.setProperty("--calcite-internal-table-header-offset","0"),e.style.setProperty("--calcite-internal-table-header-z-index","2"),e.style.setProperty("--calcite-internal-table-header-row-position",this.stickyHeader?"sticky":"static"))}updateTableContainerOverflow(){let e=this.tableContainerRef.value;this.tableContainerHasOverflow=!!e&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotRef.value),t=this.getSlottedRows(this.tableBodySlotRef.value),a=this.getSlottedRows(this.tableFootSlotRef.value),o=[...e,...t,...a];e.forEach(i=>{let s=e.indexOf(i);i.rowType="head",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),t.forEach(i=>{let s=t.indexOf(i);i.rowType="body",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),a.forEach(i=>{let s=a.indexOf(i);i.rowType="foot",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),o.forEach(i=>{i.interactionMode=this.interactionMode,i.selectionMode=this.selectionMode,i.bodyRowCount=t?.length,i.positionAll=o?.indexOf(i),i.numbered=this.numbered,i.scale=this.scale,i.readCellContentsToAT=this.readCellContentsToAT,i.lastVisibleRow=o?.indexOf(i)===o.length-1});let r=e[0]?.cellCount||0;this.colCount=r,this.headRows=e,this.bodyRows=t,this.footRows=a,this.allRows=o,this.applyHeaderRowPositionStyles(),this.observeTableContainer(),this.scheduleTableContainerOverflowUpdate(),this.handleCurrentPageRange(),this.updateSelectedItems()}handleCurrentPageRange(){let e=this.currentPage,t=this.bodyRows?.length||0,a=this.pageSize>0?Math.ceil(t/this.pageSize):1;if(a>0){let o=Math.min(Math.max(e,1),a);this.currentPage=o,this.pageStartRow=(o-1)*this.pageSize+1}this.paginateRows()}handlePaginationChange(){let e=this.paginationRef.value?.startItem;this.pageStartRow=e||1,this.currentPage=Math.ceil(this.pageStartRow/this.pageSize),this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let t=e.positionSection+1,a=t>=this.pageStartRow&&t<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!a&&!this.footRows.includes(e),e.lastVisibleRow=t===this.pageStartRow+this.pageSize-1||t===this.bodyRows.length})}async updateSelectedItems(e){let t=this.bodyRows?.filter(a=>a.selected);this._selectedItems=t,this.selectedCount=t?.length,this.allRows?.forEach(a=>{a.selectedRowCount=this.selectedCount,a.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(t=>{e?.rowType==="head"?t.selected=this.selectedCount!==this.bodyRows?.length:t.selected=this.selectionMode==="multiple"||e===t?t.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(i=>f(i))?.length,t=this.localizeNumber(e?.toString()),o=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,r=`${t} ${this.messages.hiddenSelected}`;return n`<div class=${c(l.selectionArea)}><calcite-chip class=${c({[l.selectionCountChip]:!0,[l.selectionChipActive]:this.selectedCount>0})} .kind=${this.selectedCount>0?"brand":"neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e>0&&n`<calcite-chip class=${c(l.selectionOutOfViewChip)} .icon=${E.hideEmpty} .label=${r} .scale=${this.scale} title=${r??x} .value=${r}>${t}</calcite-chip>`||""}${this.selectedCount>0&&n`<calcite-button class=${c(l.dismissButton)} .iconStart=${E.clear} kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(l.selectionActions)}><slot name=${w.selectionActions}></slot></div></div>`}renderPaginationArea(){return n`<div class=${c(l.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} .startItem=${this.pageStartRow} .totalItems=${this.bodyRows?.length} ${h(this.paginationRef)}></calcite-pagination></div>`}renderTHead(){return n`<thead><slot name=${w.tableHeader} ${h(this.tableHeadSlotRef)}></slot></thead>`}renderTBody(){return n`<tbody><slot ${h(this.tableBodySlotRef)}></slot></tbody>`}renderTFoot(){return n`<tfoot><slot name=${w.tableFooter} ${h(this.tableFootSlotRef)}></slot></tfoot>`}render(){return n`<div class=${c(l.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[l.bordered]:this.bordered,[l.striped]:this.striped,[l.tableContainer]:!0,[l.tableContainerOverflow]:this.tableContainerHasOverflow})} ${h(this.tableContainerRef)}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":void 0} .ariaRowCount=${this.allRows?.length} class=${c({[l.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${h(e=>{e&&(this.tableEl=e,k(n`<caption class=${c(A.screenReaderText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e))})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};O("calcite-table",y);export{y as Table};
+import{c as I}from"./ZHEVX44R.js";import{j as m}from"./CIURGFBE.js";import{a as F}from"./KSWFZRQC.js";import"./YP3AYJH3.js";import{a as P}from"./VI7SBYXT.js";import{a as H}from"./3G4MYQNA.js";import"./VUYX7MNO.js";import{b as f}from"./ZWPNZ5XW.js";import"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import{E as b,F as h,G as T,H as c,M as A,T as O,g as z,h as n,l as x,m as k,p as u}from"./RMC37QBN.js";function _(){return navigator.userAgentData}function j(){if(!1)return"";let g=_();return g?.brands?g.brands.map(({brand:e,version:t})=>`${e}/${t}`).join(" "):navigator.userAgent}var l={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableContainerOverflow:"table-container--overflow",tableFixed:"table--fixed",selectionActions:"selection-actions",dismissButton:"dismiss-button",selectionChipActive:"selection-chip--active",selectionCountChip:"selection-chip",selectionOutOfViewChip:"selection-chip--out-of-view"},w={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"},E={hideEmpty:"hide-empty",clear:"x"},q=z`@charset "UTF-8";:host{display:flex;--calcite-internal-table-border-collapse: collapse}:host([scale=s]){--calcite-internal-table-cell-padding: .25rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding: .5rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2)}:host(:is([scale=s],[scale=m])){--calcite-internal-table-selection-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-table-selection-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-table-cell-padding: 1rem;--calcite-internal-table-cell-font-size: var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1)}:host([sticky-header]){--calcite-internal-table-border-collapse: separate;--calcite-internal-table-header-border-block-end-width: 0;--calcite-internal-table-sticky-header-border-shadow: inset 0 calc(-1 * var(--calcite-border-width-sm)) 0 0 var(--calcite-table-header-border-color, var(--calcite-table-border-color, var(--calcite-color-border-2)))}:host([sticky-header]) .table-container{position:relative}.container{display:flex;flex-direction:column;inline-size:var(--calcite-container-size-content-fluid);block-size:var(--calcite-container-size-content-fluid)}.table-container{white-space:nowrap;line-height:var(--calcite-font-line-height-relative-tight);border:var(--calcite-border-width-sm) solid var(--calcite-table-border-color, var(--calcite-color-border-2));border-radius:var(--calcite-table-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));box-shadow:var(--calcite-table-shadow, var(--calcite-shadow-none));overflow:auto}.table-container--overflow{overscroll-behavior-y:none}table{border-collapse:var(--calcite-internal-table-border-collapse);border-spacing:0;inline-size:var(--calcite-container-size-content-fluid)}@-moz-document url-prefix(){table{border-collapse:separate;border-spacing:0}}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color: var(--calcite-table-border-color, var(--calcite-color-border-2))}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background-color: var( --calcite-table-row-background-color-striped, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) )}.selection-actions{display:flex;flex-direction:row;gap:var(--calcite-internal-table-selection-action-spacing);margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:var(--calcite-space-sm)}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:var(--calcite-space-sm)}.selection-area calcite-button{margin-inline-end:var(--calcite-space-lg)}.selection-chip{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color)}.selection-chip.selection-chip--active{--calcite-chip-background-color: var(--calcite-table-selection-chip-background-color-selected);--calcite-chip-border-color: var(--calcite-table-selection-chip-border-color-selected);--calcite-chip-text-color: var(--calcite-table-selection-chip-text-color-selected)}.selection-chip--out-of-view{--calcite-chip-background-color: var(--calcite-table-selection-out-of-view-chip-background-color);--calcite-chip-border-color: var(--calcite-table-selection-out-of-view-chip-border-color);--calcite-chip-corner-radius: var(--calcite-table-selection-out-of-view-chip-corner-radius);--calcite-chip-shadow: var(--calcite-table-selection-out-of-view-chip-shadow);--calcite-chip-text-color: var(--calcite-table-selection-out-of-view-chip-text-color);--calcite-chip-icon-color: var(--calcite-table-selection-out-of-view-chip-icon-color)}.pagination-area{display:flex;flex-direction:row;inline-size:100%;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center;--calcite-pagination-color: var(--calcite-table-pagination-color);--calcite-pagination-color-hover: var(--calcite-table-pagination-color-hover);--calcite-pagination-color-border-hover: var(--calcite-table-pagination-color-border-hover);--calcite-pagination-color-border-active: var(--calcite-table-pagination-color-border-active);--calcite-pagination-background-color: var(--calcite-table-pagination-background-color);--calcite-pagination-icon-color-background-hover: var(--calcite-table-pagination-icon-color-background-hover)}.dismiss-button{margin-inline-end:var(--calcite-space-lg);--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color);--calcite-button-corner-radius: var(--calcite-table-selection-dismiss-button-corner-radius);--calcite-button-shadow: var(--calcite-table-selection-dismiss-button-shadow);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color)}.dismiss-button:hover{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-hover);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-hover);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-hover)}.dismiss-button:active{--calcite-button-background-color: var(--calcite-table-selection-dismiss-button-background-color-active);--calcite-button-border-color: var(--calcite-table-selection-dismiss-button-border-color-active);--calcite-button-text-color: var(--calcite-table-selection-dismiss-button-text-color-active)}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends T{constructor(){super(),this.allRows=[],this.bodyRows=[],this.footRows=[],this.headRows=[],this.paginationRef=b(),this.tableContainerRef=b(),this.tableEl=null,this.tableBodySlotRef=b(),this.tableFootSlotRef=b(),this.tableHeadSlotRef=b(),this.tableContainerOverflowAnimationFrame=null,this.tableContainerResizeObserver=P("resize",()=>this.scheduleTableContainerOverflowUpdate()),this.messages=H({blocking:!0}),this.colCount=0,this.pageStartRow=1,this.readCellContentsToAT=!1,this.selectedCount=0,this.tableContainerHasOverflow=!1,this._selectedItems=[],this.bordered=!1,this.currentPage=0,this.groupSeparator=!1,this.interactionMode="interactive",this.layout="auto",this.numbered=!1,this.pageSize=0,this.scale="m",this.selectionDisplay="top",this.selectionMode="none",this.striped=!1,this.stickyHeader=!1,this.calciteInternalTableRowFocusChange=u({cancelable:!1}),this.calciteTablePageChange=u({cancelable:!1}),this.calciteTableSelect=u({cancelable:!1}),this.listen("calciteTableRowSelect",this.calciteTableRowSelectListener),this.listen("calciteInternalTableRowSelect",this.calciteInternalTableRowSelectListener),this.listen("calciteInternalTableRowFocusRequest",this.calciteInternalTableRowFocusEvent)}static{this.properties={colCount:[16,{},{state:!0}],pageStartRow:[16,{},{state:!0}],readCellContentsToAT:[16,{},{state:!0}],selectedCount:[16,{},{state:!0}],tableContainerHasOverflow:[16,{},{state:!0}],_selectedItems:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],caption:1,currentPage:[11,{},{reflect:!0,type:Number}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],interactionMode:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],selectedItems:[32,{},{attribute:!1,readOnly:!0}],selectionDisplay:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],striped:[7,{},{reflect:!0,type:Boolean}],stickyHeader:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[q,F]}get selectedItems(){return this._selectedItems}async load(){this.readCellContentsToAT=/safari/i.test(j()),this.listenOn(this.el.shadowRoot,"slotchange",this.handleSlotChange)}willUpdate(e){(e.has("groupSeparator")&&(this.hasUpdated||this.groupSeparator!==!1)||e.has("interactionMode")&&(this.hasUpdated||this.interactionMode!=="interactive")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("numberingSystem")||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==0)||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("currentPage")&&(this.hasUpdated||this.currentPage>1)&&this.pageSize>0)&&this.updateRows(),e.has("stickyHeader")&&(this.hasUpdated||this.stickyHeader!==!1)&&(this.allRows?.forEach(t=>{t.stickyHeaderEnabled=this.stickyHeader}),this.stickyHeader?this.applyHeaderRowPositionStyles():this.resetStickyHeaderState())}disconnectedCallback(){super.disconnectedCallback(),this.tableContainerOverflowAnimationFrame!==null&&(cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=null),this.tableContainerResizeObserver?.disconnect()}handleSlotChange(){this.updateRows()}clearStickyHeaderRowStyles(){this.headRows?.forEach(e=>{e.style.removeProperty("--calcite-internal-table-header-offset"),e.style.removeProperty("--calcite-internal-table-header-z-index"),e.style.removeProperty("--calcite-internal-table-header-row-position")})}resetStickyHeaderState(){this.clearStickyHeaderRowStyles()}calciteTableRowSelectListener(e){e.composedPath().includes(this.el)&&this.setSelectedItems(e.target)}calciteInternalTableRowSelectListener(e){e.composedPath().includes(this.el)&&(this.updateSelectedItems(!1),e.stopPropagation())}calciteInternalTableRowFocusEvent(e){let t=e.detail.cellPosition,a=e.detail.rowPosition,o=e.detail.destination,r=e.detail.lastCell,i=this.bodyRows?.filter(p=>!f(p)),s=this.allRows?.filter(p=>!f(p)),R=this.headRows[this.headRows.length-1]?.positionAll,S=i[0]?.positionAll,C=i[i.length-1]?.positionAll,$=this.footRows[0]?.positionAll,M=s[s.length-1]?.positionAll,U=o==="next"&&a===R,B=o==="previous"&&a===$,L=o==="previous"&&a===S,N=o==="next"&&a===C,d;switch(o){case"first":d=0;break;case"last":d=M;break;case"next":d=U?S:N?$:a+1;break;case"previous":d=B?C:L?R:a-1;break}let v=this.allRows.find(p=>p.positionAll===d)?.cellCount,D=v&&t>v?v:t;d!==void 0&&this.calciteInternalTableRowFocusChange.emit({cellPosition:D,rowPosition:d,destination:o,lastCell:r})}getSlottedRows(e){return e?e.assignedElements({flatten:!0}).filter(I):[]}observeTableContainer(){this.tableContainerResizeObserver?.disconnect();let e=this.tableContainerRef.value,t=this.tableEl;e&&this.tableContainerResizeObserver?.observe(e),t&&this.tableContainerResizeObserver?.observe(t)}scheduleTableContainerOverflowUpdate(){this.tableContainerOverflowAnimationFrame!==null&&cancelAnimationFrame(this.tableContainerOverflowAnimationFrame),this.tableContainerOverflowAnimationFrame=requestAnimationFrame(()=>{this.tableContainerOverflowAnimationFrame=null,this.updateTableContainerOverflow()})}applyHeaderRowPositionStyles(){this.clearStickyHeaderRowStyles();let e=this.headRows?.[0];e&&(e.style.setProperty("--calcite-internal-table-header-offset","0"),e.style.setProperty("--calcite-internal-table-header-z-index","2"),e.style.setProperty("--calcite-internal-table-header-row-position",this.stickyHeader?"sticky":"static"))}updateTableContainerOverflow(){let e=this.tableContainerRef.value;this.tableContainerHasOverflow=!!e&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)}updateRows(){let e=this.getSlottedRows(this.tableHeadSlotRef.value),t=this.getSlottedRows(this.tableBodySlotRef.value),a=this.getSlottedRows(this.tableFootSlotRef.value),o=[...e,...t,...a];e.forEach(i=>{let s=e.indexOf(i);i.rowType="head",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),t.forEach(i=>{let s=t.indexOf(i);i.rowType="body",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),a.forEach(i=>{let s=a.indexOf(i);i.rowType="foot",i.positionSection=s,i.positionSectionLocalized=this.localizeNumber((s+1).toString())}),o.forEach(i=>{i.interactionMode=this.interactionMode,i.selectionMode=this.selectionMode,i.bodyRowCount=t?.length,i.positionAll=o?.indexOf(i),i.numbered=this.numbered,i.scale=this.scale,i.readCellContentsToAT=this.readCellContentsToAT,i.lastVisibleRow=o?.indexOf(i)===o.length-1});let r=e[0]?.cellCount||0;this.colCount=r,this.headRows=e,this.bodyRows=t,this.footRows=a,this.allRows=o,this.applyHeaderRowPositionStyles(),this.observeTableContainer(),this.scheduleTableContainerOverflowUpdate(),this.handleCurrentPageRange(),this.updateSelectedItems()}handleCurrentPageRange(){let e=this.currentPage,t=this.bodyRows?.length||0,a=this.pageSize>0?Math.ceil(t/this.pageSize):1;if(a>0){let o=Math.min(Math.max(e,1),a);this.currentPage=o,this.pageStartRow=(o-1)*this.pageSize+1}this.paginateRows()}handlePaginationChange(){let e=this.paginationRef.value?.startItem;this.pageStartRow=e||1,this.currentPage=Math.ceil(this.pageStartRow/this.pageSize),this.calciteTablePageChange.emit(),this.updateRows()}paginateRows(){this.bodyRows?.forEach(e=>{let t=e.positionSection+1,a=t>=this.pageStartRow&&t<this.pageStartRow+this.pageSize;e.itemHidden=this.pageSize>0&&!a&&!this.footRows.includes(e),e.lastVisibleRow=t===this.pageStartRow+this.pageSize-1||t===this.bodyRows.length})}async updateSelectedItems(e){let t=this.bodyRows?.filter(a=>a.selected);this._selectedItems=t,this.selectedCount=t?.length,this.allRows?.forEach(a=>{a.selectedRowCount=this.selectedCount,a.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}),e&&this.calciteTableSelect.emit()}handleDeselectAllRows(){this.bodyRows?.forEach(e=>{e.selected=!1}),this.updateSelectedItems(!0)}setSelectedItems(e){this.bodyRows?.forEach(t=>{e?.rowType==="head"?t.selected=this.selectedCount!==this.bodyRows?.length:t.selected=this.selectionMode==="multiple"||e===t?t.selected:!1}),this.updateSelectedItems(!0)}localizeNumber(e){return m.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},m.localize(e.toString())}renderSelectionArea(){let e=this._selectedItems?.filter(i=>f(i))?.length,t=this.localizeNumber(e?.toString()),o=`${this.localizeNumber(this.selectedCount?.toString())} ${this.messages.selected}`,r=`${t} ${this.messages.hiddenSelected}`;return n`<div class=${c(l.selectionArea)}><calcite-chip class=${c({[l.selectionCountChip]:!0,[l.selectionChipActive]:this.selectedCount>0})} .kind=${this.selectedCount>0?"brand":"neutral"} .label=${o} .scale=${this.scale} .value=${o}>${o}</calcite-chip>${e>0&&n`<calcite-chip class=${c(l.selectionOutOfViewChip)} .icon=${E.hideEmpty} .label=${r} .scale=${this.scale} title=${r??x} .value=${r}>${t}</calcite-chip>`||""}${this.selectedCount>0&&n`<calcite-button class=${c(l.dismissButton)} .iconStart=${E.clear} kind=neutral @click=${this.handleDeselectAllRows} round .scale=${this.scale} .title=${`${this.messages.clear} ${o} ${this.messages.row}`}>${this.messages.clear}</calcite-button>`||""}<div class=${c(l.selectionActions)}><slot name=${w.selectionActions}></slot></div></div>`}renderPaginationArea(){return n`<div class=${c(l.paginationArea)}><calcite-pagination .groupSeparator=${this.groupSeparator} .numberingSystem=${this.numberingSystem} @calcitePaginationChange=${this.handlePaginationChange} .pageSize=${this.pageSize} .scale=${this.scale} .startItem=${this.pageStartRow} .totalItems=${this.bodyRows?.length} ${h(this.paginationRef)}></calcite-pagination></div>`}renderTHead(){return n`<thead><slot name=${w.tableHeader} ${h(this.tableHeadSlotRef)}></slot></thead>`}renderTBody(){return n`<tbody><slot ${h(this.tableBodySlotRef)}></slot></tbody>`}renderTFoot(){return n`<tfoot><slot name=${w.tableFooter} ${h(this.tableFootSlotRef)}></slot></tfoot>`}render(){return n`<div class=${c(l.container)}>${this.selectionMode!=="none"&&this.selectionDisplay!=="none"&&this.renderSelectionArea()||""}<div class=${c({[l.bordered]:this.bordered,[l.striped]:this.striped,[l.tableContainer]:!0,[l.tableContainerOverflow]:this.tableContainerHasOverflow})} ${h(this.tableContainerRef)}><table .ariaColCount=${this.colCount} .ariaMultiSelectable=${this.selectionMode==="multiple"?"true":void 0} .ariaRowCount=${this.allRows?.length} class=${c({[l.tableFixed]:this.layout==="fixed"})} .role=${this.interactionMode==="interactive"?"grid":"table"} ${h(e=>{e&&(this.tableEl=e,k(n`<caption class=${c(A.screenReaderText)}>${this.caption}</caption>${this.renderTHead()}${this.renderTBody()}${this.renderTFoot()}`,e))})}></table></div>${this.pageSize>0&&this.renderPaginationArea()||""}</div>`}};O("calcite-table",y);export{y as Table};

package/dist/cdn/{NHZ4AAW4.js → 2MNEHZ77.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as x,t as m}from"./TXTWTIAM.js";import"./EM6V55GC.js";import{a as y}from"./EEULTRVN.js";import"./3XS7XZAX.js";import{h as z}from"./7FW2RVVH.js";import{G as S,H as h,T as k,g as $,h as f,i as a,l as t}from"./WNLKQGNT.js";var l={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},C={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},b=4,i={squareSize:b,size:b*2},v={checker:"checker",shape:"shape"},R=$`: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:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends S{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],color:1,scale:[3,{},{reflect:!0}]}}static{this.styles=R}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?x(e):void 0}render(){let e=!this.internalColor,c={[l.swatch]:!0,[l.noColorSwatch]:e};return f`<svg class=${h(c)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:c,internalColor:s}=this,o=e?"100%":"0",n=z(c)==="light"?C.borderLight:C.borderDark,d=!s,r={height:"100%",rx:o,stroke:n,strokeWidth:"2",width:"100%"};if(d)return a`<clipPath id=${v.shape}><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let p=s.alpha(),q=m(s),g=m(s,p<1);return a`<title>${g}</title><defs><pattern height=${i.size} id=${v.checker} patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:p<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:q,...r})}${p<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:g,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:c,height:s,key:o,rx:u,stroke:n,strokeWidth:d,width:r}){return y(o,a`<rect clip-path=${e??t} fill=${c??t} height=${s??t} rx=${u??t} stroke=${n??t} stroke-width=${d??t} width=${r??t} />`)}};k("calcite-color-picker-swatch",w);export{w as ColorPickerSwatch};
+import{a as x,t as m}from"./TXTWTIAM.js";import"./EM6V55GC.js";import{a as y}from"./QNXAVWAJ.js";import"./3XS7XZAX.js";import{h as z}from"./7FW2RVVH.js";import{G as S,H as h,T as k,g as $,h as f,i as a,l as t}from"./RMC37QBN.js";var l={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"},C={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"},b=4,i={squareSize:b,size:b*2},v={checker:"checker",shape:"shape"},R=$`: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:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1)}.swatch--no-color rect{fill:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends S{constructor(){super(...arguments),this.active=!1,this.scale="m"}static{this.properties={active:[7,{},{reflect:!0,type:Boolean}],color:1,scale:[3,{},{reflect:!0}]}}static{this.styles=R}load(){this.handleColorChange(this.color)}willUpdate(e){e.has("color")&&this.handleColorChange(this.color)}handleColorChange(e){this.internalColor=e?x(e):void 0}render(){let e=!this.internalColor,c={[l.swatch]:!0,[l.noColorSwatch]:e};return f`<svg class=${h(c)} xmlns=http://www.w3.org/2000/svg>${this.renderSwatch()}</svg>`}renderSwatch(){let{active:e,el:c,internalColor:s}=this,o=e?"100%":"0",n=z(c)==="light"?C.borderLight:C.borderDark,d=!s,r={height:"100%",rx:o,stroke:n,strokeWidth:"2",width:"100%"};if(d)return a`<clipPath id=${v.shape}><rect height=100% rx=${o??t} width=100% /></clipPath>${this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...r})}<line clip-path=url(#shape) stroke-width=3 x1=100% x2=0 y1=0 y2=100% />`;let p=s.alpha(),q=m(s),g=m(s,p<1);return a`<title>${g}</title><defs><pattern height=${i.size} id=${v.checker} patternUnits=userSpaceOnUse width=${i.size} x=0 y=0><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=0 y=0 /><rect class=${h(l.checker)} height=${i.squareSize} width=${i.squareSize} x=${i.squareSize} y=${i.squareSize} /></pattern></defs>${this.renderSwatchRect({fill:"url(#checker)",rx:r.rx,height:r.height,width:r.width})}${this.renderSwatchRect({clipPath:p<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:q,...r})}${p<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:g,key:"opacity-fill",...r}):null}`}renderSwatchRect({clipPath:e,fill:c,height:s,key:o,rx:u,stroke:n,strokeWidth:d,width:r}){return y(o,a`<rect clip-path=${e??t} fill=${c??t} height=${s??t} rx=${u??t} stroke=${n??t} stroke-width=${d??t} width=${r??t} />`)}};k("calcite-color-picker-swatch",w);export{w as ColorPickerSwatch};

package/dist/cdn/{ICIJKSQP.js → 32AG2SVX.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as g,b as w}from"./THIECYN6.js";import"./VUYX7MNO.js";import{y as u,z as v}from"./7FW2RVVH.js";import{E as b,F as h,G as p,H as m,T as f,g as d,h as n}from"./WNLKQGNT.js";var C=d`:host{display:flex;flex-direction:column;background-color:var(--calcite-tab-background-color, var(--calcite-color-transparent))}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1));background-color:var(--calcite-tab-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([bordered]) section{border-color:var(--calcite-tab-border-color, var(--calcite-color-border-1));border-style:solid}section{border-width:var(--calcite-border-width-sm);display:flex;flex-grow:1;overflow:hidden;border-block-start-style:solid;border-block-start-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1)),inset 0 -1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([position=bottom]){flex-direction:column-reverse}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([bordered][scale=s]) section{padding:var(--calcite-space-md)}:host([bordered][scale=m]) section{padding:var(--calcite-space-sm)}:host([bordered][scale=l]) section{padding:var(--calcite-space-lg)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid;border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}@media(forced-colors:active){:host([bordered]) section{border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([position=bottom][bordered]) section{border-block-start-width:var(--calcite-border-width-sm);border-block-end-width:var(--calcite-border-width-none)}}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.slotRef=b(),this.tabs=[],this.titles=[],this.hasVisibleTitles=!0,this.bordered=!1,this.layout="inline",this.lastTabClosable=!1,this.position="top",this.scale="m",this.listen("calciteInternalTabNavSlotChange",this.calciteInternalTabNavSlotChangeHandler)}static{this.properties={tabs:[16,{},{state:!0}],titles:[16,{},{state:!0}],hasVisibleTitles:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],lastTabClosable:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=C}connectedCallback(){super.connectedCallback(),this.updateItems()}load(){this.updateItems()}willUpdate(e){(e.has("position")&&(this.hasUpdated||this.position!=="top")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("lastTabClosable")&&(this.hasUpdated||this.lastTabClosable!==!1))&&this.updateItems(),(e.has("titles")||e.has("tabs"))&&this.hasUpdated&&(this.lastTabClosable||this.titles?.length>0)&&(this.lastTabClosable||this.tabs?.length>0)&&(this.updateAriaSettings(),this.updateItems())}calciteInternalTabNavSlotChangeHandler(e){e.stopPropagation();let a=[...e.detail];a.some((t,r)=>this.titles[r]!==t)&&(this.titles=a),this.hasVisibleTitles=a.some(t=>!t.closed)}defaultSlotChangeHandler(e){this.tabs=u(e,"calcite-tab")}async updateAriaSettings(){if(await this.componentOnReady(),!this.slotRef.value)return;let e,a,s=v(this.slotRef.value,"calcite-tab");if(await Promise.all([...s,...this.titles].map(t=>t.componentOnReady())),s.some(t=>t.tab)||this.titles.some(t=>t.tab))e=s.sort((t,r)=>t.tab&&r.tab?t.tab.localeCompare(r.tab):0).map(t=>t.id),a=this.titles.sort((t,r)=>t.tab.localeCompare(r.tab)).map(t=>t.id);else{let t=await Promise.all(s.map(o=>o.getTabIndex())),r=await Promise.all(this.titles.map(o=>o.getTabIndex()));e=t.reduce((o,l,i)=>(o[l]=s[i].id,o),[]),a=r.reduce((o,l,i)=>(o[l]=this.titles[i].id,o),[])}s.forEach(t=>t._updateAriaInfo(e,a)),this.titles.forEach(t=>t._updateAriaInfo(e,a))}updateItems(){let{lastTabClosable:e,position:a,scale:s}=this,t=this.el.querySelector("calcite-tab-nav");t&&(t.lastTabClosable=e,t.position=a,t.scale=s),Array.from(this.el.querySelectorAll("calcite-tab")).forEach(o=>{o.parentElement===this.el&&(o.scale=s)});let r=this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");Array.from(r).forEach(o=>{o.position=a,o.scale=s})}render(){return n`<slot name=${w.titleGroup}></slot><section class=${m(g.section)} .hidden=${!this.hasVisibleTitles}><slot @slotchange=${this.defaultSlotChangeHandler} ${h(this.slotRef)}></slot></section>`}};f("calcite-tabs",c);export{c as Tabs};
+import{a as g,b as w}from"./THIECYN6.js";import"./VUYX7MNO.js";import{y as u,z as v}from"./7FW2RVVH.js";import{E as b,F as h,G as p,H as m,T as f,g as d,h as n}from"./RMC37QBN.js";var C=d`:host{display:flex;flex-direction:column;background-color:var(--calcite-tab-background-color, var(--calcite-color-transparent))}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1));background-color:var(--calcite-tab-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([bordered]) section{border-color:var(--calcite-tab-border-color, var(--calcite-color-border-1));border-style:solid}section{border-width:var(--calcite-border-width-sm);display:flex;flex-grow:1;overflow:hidden;border-block-start-style:solid;border-block-start-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1)),inset 0 -1px 0 var(--calcite-tab-border-color, var(--calcite-color-border-1))}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([position=bottom]){flex-direction:column-reverse}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([bordered][scale=s]) section{padding:var(--calcite-space-md)}:host([bordered][scale=m]) section{padding:var(--calcite-space-sm)}:host([bordered][scale=l]) section{padding:var(--calcite-space-lg)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid;border-block-end-color:var(--calcite-tab-border-color, var(--calcite-color-border-1))}@media(forced-colors:active){:host([bordered]) section{border-block-start-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm)}:host([position=bottom][bordered]) section{border-block-start-width:var(--calcite-border-width-sm);border-block-end-width:var(--calcite-border-width-none)}}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.slotRef=b(),this.tabs=[],this.titles=[],this.hasVisibleTitles=!0,this.bordered=!1,this.layout="inline",this.lastTabClosable=!1,this.position="top",this.scale="m",this.listen("calciteInternalTabNavSlotChange",this.calciteInternalTabNavSlotChangeHandler)}static{this.properties={tabs:[16,{},{state:!0}],titles:[16,{},{state:!0}],hasVisibleTitles:[16,{},{state:!0}],bordered:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],lastTabClosable:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}]}}static{this.styles=C}connectedCallback(){super.connectedCallback(),this.updateItems()}load(){this.updateItems()}willUpdate(e){(e.has("position")&&(this.hasUpdated||this.position!=="top")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("lastTabClosable")&&(this.hasUpdated||this.lastTabClosable!==!1))&&this.updateItems(),(e.has("titles")||e.has("tabs"))&&this.hasUpdated&&(this.lastTabClosable||this.titles?.length>0)&&(this.lastTabClosable||this.tabs?.length>0)&&(this.updateAriaSettings(),this.updateItems())}calciteInternalTabNavSlotChangeHandler(e){e.stopPropagation();let a=[...e.detail];a.some((t,r)=>this.titles[r]!==t)&&(this.titles=a),this.hasVisibleTitles=a.some(t=>!t.closed)}defaultSlotChangeHandler(e){this.tabs=u(e,"calcite-tab")}async updateAriaSettings(){if(await this.componentOnReady(),!this.slotRef.value)return;let e,a,s=v(this.slotRef.value,"calcite-tab");if(await Promise.all([...s,...this.titles].map(t=>t.componentOnReady())),s.some(t=>t.tab)||this.titles.some(t=>t.tab))e=s.sort((t,r)=>t.tab&&r.tab?t.tab.localeCompare(r.tab):0).map(t=>t.id),a=this.titles.sort((t,r)=>t.tab.localeCompare(r.tab)).map(t=>t.id);else{let t=await Promise.all(s.map(o=>o.getTabIndex())),r=await Promise.all(this.titles.map(o=>o.getTabIndex()));e=t.reduce((o,l,i)=>(o[l]=s[i].id,o),[]),a=r.reduce((o,l,i)=>(o[l]=this.titles[i].id,o),[])}s.forEach(t=>t._updateAriaInfo(e,a)),this.titles.forEach(t=>t._updateAriaInfo(e,a))}updateItems(){let{lastTabClosable:e,position:a,scale:s}=this,t=this.el.querySelector("calcite-tab-nav");t&&(t.lastTabClosable=e,t.position=a,t.scale=s),Array.from(this.el.querySelectorAll("calcite-tab")).forEach(o=>{o.parentElement===this.el&&(o.scale=s)});let r=this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title");Array.from(r).forEach(o=>{o.position=a,o.scale=s})}render(){return n`<slot name=${w.titleGroup}></slot><section class=${m(g.section)} .hidden=${!this.hasVisibleTitles}><slot @slotchange=${this.defaultSlotChangeHandler} ${h(this.slotRef)}></slot></section>`}};f("calcite-tabs",c);export{c as Tabs};

package/dist/cdn/{KSP4IZOE.js → 3G4MYQNA.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{f as t}from"./NB4UVXA7.js";import{U as o}from"./WNLKQGNT.js";var s=t(o);export{s as a};
+import{f as t}from"./AV6ILLAW.js";import{U as o}from"./RMC37QBN.js";var s=t(o);export{s as a};

package/dist/cdn/{HKB73R44.js → 3RINML6P.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as B,b as F}from"./H2QXYA3Q.js";import{a as P}from"./735UOYTJ.js";import{b as L}from"./Z7CZFVLC.js";import{a as S}from"./64WJ7NIQ.js";import{a as u,c as v,d as k,e as O,f as T,g as a,h as H}from"./FCW2XIRE.js";import{a as C}from"./SAZM37N6.js";import{a as A}from"./NMMVK2LG.js";import"./3XS7XZAX.js";import{a as m}from"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as d,b as p}from"./VI7SBYXT.js";import"./VUYX7MNO.js";import{a as x}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import{e as D}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import{G as f}from"./7FW2RVVH.js";import{E,F as l,G as I,H as c,T as y,g as b,h,p as n}from"./WNLKQGNT.js";var M={trigger:"trigger"},w={content:"content",wrapper:"wrapper",triggerContainer:"trigger-container"},R=b`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.wrapper{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.wrapper{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.wrapper[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.wrapper:popover-open{display:block}.wrapper .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.wrapper .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}.content{width:auto;overflow-y:auto;overflow-x:hidden;inline-size:var(--calcite-dropdown-width, var(--calcite-internal-dropdown-width));background-color:var(--calcite-dropdown-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));max-block-size:var(--calcite-dropdown-max-height, 45vh)}.trigger-container{position:relative;display:flex;height:100%;flex:1 1 auto;overflow-wrap:break-word;word-break:break-word}.width-s{--calcite-internal-dropdown-width: 12rem}.width-m{--calcite-internal-dropdown-width: 14rem}.width-l{--calcite-internal-dropdown-width: 16rem}@media(forced-colors:active){:host([open]) .wrapper{border:var(--calcite-border-width-sm) solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,U=F({click:!0,hover:!0}),g=class extends I{constructor(){super(),this.referenceElementController=B({manager:U})(this),this.direction=D(),this.focusLastDropdownItem=!1,this.activeItemIndex=-1,this.groups=[],this.items=[],this.mutationObserver=d("mutation",()=>this.updateItems()),this.transitionProp="opacity",this.resizeObserver=d("resize",e=>this.resizeObserverCallback(e)),this.triggerSlotRef=E(),this.onReferenceElementKeyDown=e=>this.keyDownHandler(e),this.focusSetter=x()(this),this.interactiveContainer=A(this),this.topLayer=S({target:()=>this.floatingEl})(this),this.closeOnSelectDisabled=!1,this.disabled=!1,this.maxItems=0,this.offsetDistance=0,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=u,this.scale="m",this.selectedItems=[],this.topLayerDisabled=!1,this.type="click",this.calciteDropdownBeforeClose=n({cancelable:!1}),this.calciteDropdownBeforeOpen=n({cancelable:!1}),this.calciteDropdownClose=n({cancelable:!1}),this.calciteDropdownOpen=n({cancelable:!1}),this.calciteDropdownSelect=n({cancelable:!1}),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("calciteInternalDropdownItemSelect",this.handleItemSelect)}static{this.properties={activeDescendantElement:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnSelectDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],maxItems:[11,{},{reflect:!0,type:Number}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],referenceElement:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=R}get referenceElementType(){return this.referenceElement?this.type:void 0}get autoClose(){return!0}async reposition(e=!1){let{filteredFlipPlacements:t,floatingEl:i,offsetDistance:s,offsetSkidding:r,overlayPositioning:o,placement:$,referenceEl:z}=this;return O(this,{direction:this.direction,floatingEl:i,referenceEl:z,offsetDistance:s,offsetSkidding:r,overlayPositioning:o,placement:$,flipPlacements:t,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.referenceEl instanceof HTMLElement?this.referenceEl:this.floatingEl,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.updateItems(),a(this)}load(){this.listenOn(document,"click",this.closeCalciteDropdownOnClick),this.listenOn(document,"calciteDropdownOpen",this.closeCalciteDropdownOnOpenEvent)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("maxItems")&&this.hasUpdated&&this.setMaxScrollerHeight(),this.hasUpdated&&(e.has("offsetDistance")&&this.offsetDistance!==0||e.has("offsetSkidding")&&this.offsetSkidding!==0||e.has("overlayPositioning")&&this.overlayPositioning!=="absolute"||e.has("placement")&&this.placement!==u)&&this.reposition(!0),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handlePropsChange(),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){if(e.has("referenceEl")&&this.referenceElementType){let t=e.get("referenceEl");t instanceof HTMLElement&&(t.ariaActiveDescendantElement=null),this.syncActiveDescendantOwnerElement(),a(this)}}loaded(){this.updateSelectedItems(),a(this)}disconnectedCallback(){super.disconnectedCallback();let e=this.triggerSlotRef.value;e&&(e.ariaActiveDescendantElement=null),this.referenceEl instanceof HTMLElement&&(this.referenceEl.ariaActiveDescendantElement=null),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),H(this)}openHandler(){this.disabled||(C(this),this.reposition(!0))}handleDisabledChange(e){e||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupProps()}closeCalciteDropdownOnClick(e){this.referenceElementType||this.disabled||!this.open||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}closeCalciteDropdownOnOpenEvent(e){this.referenceElementType||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}pointerEnterHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||(this.open=!0)}pointerLeaveHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter(e=>!e.disabled&&!e.hidden)}async handleItemSelect(e){this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),e.stopPropagation(),this.calciteDropdownSelect.emit(),await this.setFocus(),this.closeOnSelectDisabled||this.closeCalciteDropdown()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?k(t,e):void 0}updateItems(){this.items=this.groups.map(e=>Array.from(e?.querySelectorAll("calcite-dropdown-item"))).reduce((e,t)=>[...e,...t],[]),this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),this.reposition(!0),this.items.forEach(e=>e.scale=this.scale)}updateGroups(e){let t=e.target.assignedElements({flatten:!0}).filter(L);this.groups=t,this.updateItems(),this.updateGroupProps()}updateGroupProps(){this.groups.forEach((e,t)=>{e.scale=this.scale,e.position=t})}resizeObserverCallback(e){e.forEach(({target:t})=>{t===this.referenceEl?this.setDropdownWidth():t===this.scrollerEl&&this.setMaxScrollerHeight()})}setDropdownWidth(){let{referenceEl:e,scrollerEl:t}=this;!t||!(e instanceof HTMLElement)||(t.style.minWidth=`${e.clientWidth}px`)}setMaxScrollerHeight(){let{maxItems:e,items:t,scrollerEl:i}=this;if(!i)return;let s=t.length>=e&&e>0?this.getYDistanceFromScroller(t.at(e-1)):0;i.style.maxBlockSize=s>0?`${s}px`:"",this.reposition(!0)}setScrollerAndTransitionEl(e){p(this.resizeObserver,this.scrollerEl,e),this.scrollerEl=e,this.transitionEl=e}onBeforeOpen(){this.setInitialActiveItem(),this.calciteDropdownBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit(),this.syncActiveDescendantOwnerElement(),T(this),this.topLayer.hide()}setReferenceEl(e){let t=this.referenceEl instanceof HTMLElement?this.referenceEl:void 0,i=e instanceof HTMLElement?e:void 0;p(this.resizeObserver,t,i),!(this.referenceElementType||!i)&&(this.referenceEl=e,this.syncActiveDescendantOwnerElement(),a(this))}setFloatingEl(e){this.floatingEl=e,a(this)}handleTriggerSlotChange(){this.syncActiveDescendantOwnerElement()}keyDownHandler(e){if(!(this.referenceEl instanceof HTMLElement)||!e.composedPath().includes(this.referenceEl))return;let{defaultPrevented:t,key:i}=e;if(!t){if(this.open&&i==="Escape"){this.closeCalciteDropdown(),e.preventDefault();return}if(!this.open&&m(i)){this.open=!0,e.preventDefault();return}if(!this.open&&(i==="ArrowDown"||i==="ArrowUp")){e.preventDefault(),this.focusLastDropdownItem=i==="ArrowUp",this.open=!0;return}if(this.open){if(i==="Tab"){this.closeCalciteDropdown();return}if(i==="ArrowDown"){e.preventDefault(),this.navigateActiveItem("next");return}if(i==="ArrowUp"){e.preventDefault(),this.navigateActiveItem("previous");return}if(i==="Home"){e.preventDefault(),this.navigateActiveItem("first");return}if(i==="End"){e.preventDefault(),this.navigateActiveItem("last");return}m(i)&&(e.preventDefault(),this.activateActiveItem())}}}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}getYDistanceFromScroller(e){let{scrollerEl:t}=this;return!e||!t?NaN:e.getBoundingClientRect().bottom-t.getBoundingClientRect().top+t.scrollTop}closeCalciteDropdown(){this.open=!1,this.setActiveItemByIndex(-1)}async setInitialActiveItem(){let e=this.getTraversableItems(),t=this.focusLastDropdownItem?e.at(-1):e[0];if(this.focusLastDropdownItem=!1,!t){this.setActiveItemByIndex(-1);return}let i=e.findIndex(s=>s===t);this.setActiveItemByIndex(i),await this.scrollActiveItemIntoView(t)}syncActiveItemFromTraversableItems(){let e=this.getTraversableItems();if(!e.length){this.setActiveItemByIndex(-1);return}if(this.activeItemIndex<0||this.activeItemIndex>=e.length){this.setActiveItemByIndex(0);return}this.updateActiveDescendantElement(e[this.activeItemIndex])}setActiveItemByIndex(e){this.activeItemIndex=e;let t=this.getTraversableItems(),i=e>=0?t[e]:null;this.updateActiveDescendantElement(i)}updateActiveDescendantElement(e){this.items.forEach(t=>{t.activeDescendant=t===e}),this.activeDescendantElement=e??void 0,this.syncActiveDescendantOwnerElement()}syncActiveDescendantOwnerElement(){let{referenceEl:e,referenceElementType:t}=this,i=this.triggerSlotRef.value,s=this.open?this.activeDescendantElement??null:null,r=e instanceof HTMLElement?e:null,o=!!t;i&&(i.ariaActiveDescendantElement=o?null:s),r&&(r.ariaActiveDescendantElement=o?s:null)}navigateActiveItem(e){let t=this.getTraversableItems();if(!t.length)return;let i=t.length,s=this.activeItemIndex;s<0||s>=i?s=e==="previous"||e==="last"?i-1:0:e==="next"?s=(s+1)%i:e==="previous"?s=(s-1+i)%i:e==="first"?s=0:e==="last"&&(s=i-1);let r=t[s];this.setActiveItemByIndex(s),this.scrollActiveItemIntoView(r)}async scrollActiveItemIntoView(e){e&&(await this.updateComplete,await f(),await f(),e.scrollIntoView({block:"nearest"}))}activateActiveItem(){let e=this.getTraversableItems(),t=e[this.activeItemIndex]||e[0];t&&(this.setActiveItemByIndex(e.findIndex(i=>i===t)),t.activateItem())}openHoverDropdown(){this.open||this.disabled||this.type!=="hover"||(this.open=!0)}closeHoverDropdown(e){if(!this.open||this.disabled||this.type!=="hover")return;let t=e.relatedTarget;t&&(this.el.contains(t)||this.referenceEl!=null&&this.referenceEl instanceof HTMLElement&&this.referenceEl.contains(t))||this.closeCalciteDropdown()}toggleClickDropdown(){this.disabled||this.type!=="click"||(this.open=!this.open)}render(){let{open:e}=this;return this.interactiveContainer({disabled:this.disabled,children:h`${this.referenceElementType?null:h`<div class=${c(w.triggerContainer)} @click=${this.toggleClickDropdown} @focusin=${this.openHoverDropdown} @focusout=${this.closeHoverDropdown} @keydown=${this.keyDownHandler} ${l(this.setReferenceEl)}><slot .ariaControlsElements=${this.scrollerEl?[this.scrollerEl]:void 0} .ariaExpanded=${e} aria-haspopup=menu name=${M.trigger} @slotchange=${this.handleTriggerSlotChange} ${l(this.triggerSlotRef)}></slot></div>`}<div class=${c({[w.wrapper]:!0,[P("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} .inert=${!e} popover=manual ${l(this.setFloatingEl)}><div .ariaLabelledByElements=${this.referenceEl instanceof HTMLElement?[this.referenceEl]:void 0} class=${c({[w.content]:!0,[v.animation]:!0,[v.animationActive]:e})} role=menu ${l(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>`})}};y("calcite-dropdown",g);export{g as Dropdown};
+import{a as B,b as F}from"./LM3KDPA7.js";import{a as P}from"./735UOYTJ.js";import{b as L}from"./Z7CZFVLC.js";import{a as S}from"./GAZEHUH6.js";import{a as u,c as v,d as k,e as O,f as T,g as a,h as H}from"./PWYT3PJV.js";import{a as C}from"./SAZM37N6.js";import{a as A}from"./B5VSUIUK.js";import"./3XS7XZAX.js";import{a as m}from"./YP3AYJH3.js";import"./7VTO7SRW.js";import{a as d,b as p}from"./VI7SBYXT.js";import"./VUYX7MNO.js";import{a as x}from"./7I7DDHBC.js";import"./ZWPNZ5XW.js";import{e as D}from"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import{G as f}from"./7FW2RVVH.js";import{E,F as l,G as I,H as c,T as y,g as b,h,p as n}from"./RMC37QBN.js";var M={trigger:"trigger"},w={content:"content",wrapper:"wrapper",triggerContainer:"trigger-container"},R=b`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.wrapper{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.wrapper{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.wrapper[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.wrapper:popover-open{display:block}.wrapper .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.wrapper .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}.content{width:auto;overflow-y:auto;overflow-x:hidden;inline-size:var(--calcite-dropdown-width, var(--calcite-internal-dropdown-width));background-color:var(--calcite-dropdown-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));max-block-size:var(--calcite-dropdown-max-height, 45vh)}.trigger-container{position:relative;display:flex;height:100%;flex:1 1 auto;overflow-wrap:break-word;word-break:break-word}.width-s{--calcite-internal-dropdown-width: 12rem}.width-m{--calcite-internal-dropdown-width: 14rem}.width-l{--calcite-internal-dropdown-width: 16rem}@media(forced-colors:active){:host([open]) .wrapper{border:var(--calcite-border-width-sm) solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,U=F({click:!0,hover:!0}),g=class extends I{constructor(){super(),this.referenceElementController=B({manager:U})(this),this.direction=D(),this.focusLastDropdownItem=!1,this.activeItemIndex=-1,this.groups=[],this.items=[],this.mutationObserver=d("mutation",()=>this.updateItems()),this.transitionProp="opacity",this.resizeObserver=d("resize",e=>this.resizeObserverCallback(e)),this.triggerSlotRef=E(),this.onReferenceElementKeyDown=e=>this.keyDownHandler(e),this.focusSetter=x()(this),this.interactiveContainer=A(this),this.topLayer=S({target:()=>this.floatingEl})(this),this.closeOnSelectDisabled=!1,this.disabled=!1,this.maxItems=0,this.offsetDistance=0,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=u,this.scale="m",this.selectedItems=[],this.topLayerDisabled=!1,this.type="click",this.calciteDropdownBeforeClose=n({cancelable:!1}),this.calciteDropdownBeforeOpen=n({cancelable:!1}),this.calciteDropdownClose=n({cancelable:!1}),this.calciteDropdownOpen=n({cancelable:!1}),this.calciteDropdownSelect=n({cancelable:!1}),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("calciteInternalDropdownItemSelect",this.handleItemSelect)}static{this.properties={activeDescendantElement:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnSelectDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],maxItems:[11,{},{reflect:!0,type:Number}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],referenceElement:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=R}get referenceElementType(){return this.referenceElement?this.type:void 0}get autoClose(){return!0}async reposition(e=!1){let{filteredFlipPlacements:t,floatingEl:i,offsetDistance:s,offsetSkidding:r,overlayPositioning:o,placement:$,referenceEl:z}=this;return O(this,{direction:this.direction,floatingEl:i,referenceEl:z,offsetDistance:s,offsetSkidding:r,overlayPositioning:o,placement:$,flipPlacements:t,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.referenceEl instanceof HTMLElement?this.referenceEl:this.floatingEl,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.updateItems(),a(this)}load(){this.listenOn(document,"click",this.closeCalciteDropdownOnClick),this.listenOn(document,"calciteDropdownOpen",this.closeCalciteDropdownOnOpenEvent)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("maxItems")&&this.hasUpdated&&this.setMaxScrollerHeight(),this.hasUpdated&&(e.has("offsetDistance")&&this.offsetDistance!==0||e.has("offsetSkidding")&&this.offsetSkidding!==0||e.has("overlayPositioning")&&this.overlayPositioning!=="absolute"||e.has("placement")&&this.placement!==u)&&this.reposition(!0),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handlePropsChange(),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){if(e.has("referenceEl")&&this.referenceElementType){let t=e.get("referenceEl");t instanceof HTMLElement&&(t.ariaActiveDescendantElement=null),this.syncActiveDescendantOwnerElement(),a(this)}}loaded(){this.updateSelectedItems(),a(this)}disconnectedCallback(){super.disconnectedCallback();let e=this.triggerSlotRef.value;e&&(e.ariaActiveDescendantElement=null),this.referenceEl instanceof HTMLElement&&(this.referenceEl.ariaActiveDescendantElement=null),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),H(this)}openHandler(){this.disabled||(C(this),this.reposition(!0))}handleDisabledChange(e){e||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupProps()}closeCalciteDropdownOnClick(e){this.referenceElementType||this.disabled||!this.open||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}closeCalciteDropdownOnOpenEvent(e){this.referenceElementType||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}pointerEnterHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||(this.open=!0)}pointerLeaveHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter(e=>!e.disabled&&!e.hidden)}async handleItemSelect(e){this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),e.stopPropagation(),this.calciteDropdownSelect.emit(),await this.setFocus(),this.closeOnSelectDisabled||this.closeCalciteDropdown()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?k(t,e):void 0}updateItems(){this.items=this.groups.map(e=>Array.from(e?.querySelectorAll("calcite-dropdown-item"))).reduce((e,t)=>[...e,...t],[]),this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),this.reposition(!0),this.items.forEach(e=>e.scale=this.scale)}updateGroups(e){let t=e.target.assignedElements({flatten:!0}).filter(L);this.groups=t,this.updateItems(),this.updateGroupProps()}updateGroupProps(){this.groups.forEach((e,t)=>{e.scale=this.scale,e.position=t})}resizeObserverCallback(e){e.forEach(({target:t})=>{t===this.referenceEl?this.setDropdownWidth():t===this.scrollerEl&&this.setMaxScrollerHeight()})}setDropdownWidth(){let{referenceEl:e,scrollerEl:t}=this;!t||!(e instanceof HTMLElement)||(t.style.minWidth=`${e.clientWidth}px`)}setMaxScrollerHeight(){let{maxItems:e,items:t,scrollerEl:i}=this;if(!i)return;let s=t.length>=e&&e>0?this.getYDistanceFromScroller(t.at(e-1)):0;i.style.maxBlockSize=s>0?`${s}px`:"",this.reposition(!0)}setScrollerAndTransitionEl(e){p(this.resizeObserver,this.scrollerEl,e),this.scrollerEl=e,this.transitionEl=e}onBeforeOpen(){this.setInitialActiveItem(),this.calciteDropdownBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit(),this.syncActiveDescendantOwnerElement(),T(this),this.topLayer.hide()}setReferenceEl(e){let t=this.referenceEl instanceof HTMLElement?this.referenceEl:void 0,i=e instanceof HTMLElement?e:void 0;p(this.resizeObserver,t,i),!(this.referenceElementType||!i)&&(this.referenceEl=e,this.syncActiveDescendantOwnerElement(),a(this))}setFloatingEl(e){this.floatingEl=e,a(this)}handleTriggerSlotChange(){this.syncActiveDescendantOwnerElement()}keyDownHandler(e){if(!(this.referenceEl instanceof HTMLElement)||!e.composedPath().includes(this.referenceEl))return;let{defaultPrevented:t,key:i}=e;if(!t){if(this.open&&i==="Escape"){this.closeCalciteDropdown(),e.preventDefault();return}if(!this.open&&m(i)){this.open=!0,e.preventDefault();return}if(!this.open&&(i==="ArrowDown"||i==="ArrowUp")){e.preventDefault(),this.focusLastDropdownItem=i==="ArrowUp",this.open=!0;return}if(this.open){if(i==="Tab"){this.closeCalciteDropdown();return}if(i==="ArrowDown"){e.preventDefault(),this.navigateActiveItem("next");return}if(i==="ArrowUp"){e.preventDefault(),this.navigateActiveItem("previous");return}if(i==="Home"){e.preventDefault(),this.navigateActiveItem("first");return}if(i==="End"){e.preventDefault(),this.navigateActiveItem("last");return}m(i)&&(e.preventDefault(),this.activateActiveItem())}}}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}getYDistanceFromScroller(e){let{scrollerEl:t}=this;return!e||!t?NaN:e.getBoundingClientRect().bottom-t.getBoundingClientRect().top+t.scrollTop}closeCalciteDropdown(){this.open=!1,this.setActiveItemByIndex(-1)}async setInitialActiveItem(){let e=this.getTraversableItems(),t=this.focusLastDropdownItem?e.at(-1):e[0];if(this.focusLastDropdownItem=!1,!t){this.setActiveItemByIndex(-1);return}let i=e.findIndex(s=>s===t);this.setActiveItemByIndex(i),await this.scrollActiveItemIntoView(t)}syncActiveItemFromTraversableItems(){let e=this.getTraversableItems();if(!e.length){this.setActiveItemByIndex(-1);return}if(this.activeItemIndex<0||this.activeItemIndex>=e.length){this.setActiveItemByIndex(0);return}this.updateActiveDescendantElement(e[this.activeItemIndex])}setActiveItemByIndex(e){this.activeItemIndex=e;let t=this.getTraversableItems(),i=e>=0?t[e]:null;this.updateActiveDescendantElement(i)}updateActiveDescendantElement(e){this.items.forEach(t=>{t.activeDescendant=t===e}),this.activeDescendantElement=e??void 0,this.syncActiveDescendantOwnerElement()}syncActiveDescendantOwnerElement(){let{referenceEl:e,referenceElementType:t}=this,i=this.triggerSlotRef.value,s=this.open?this.activeDescendantElement??null:null,r=e instanceof HTMLElement?e:null,o=!!t;i&&(i.ariaActiveDescendantElement=o?null:s),r&&(r.ariaActiveDescendantElement=o?s:null)}navigateActiveItem(e){let t=this.getTraversableItems();if(!t.length)return;let i=t.length,s=this.activeItemIndex;s<0||s>=i?s=e==="previous"||e==="last"?i-1:0:e==="next"?s=(s+1)%i:e==="previous"?s=(s-1+i)%i:e==="first"?s=0:e==="last"&&(s=i-1);let r=t[s];this.setActiveItemByIndex(s),this.scrollActiveItemIntoView(r)}async scrollActiveItemIntoView(e){e&&(await this.updateComplete,await f(),await f(),e.scrollIntoView({block:"nearest"}))}activateActiveItem(){let e=this.getTraversableItems(),t=e[this.activeItemIndex]||e[0];t&&(this.setActiveItemByIndex(e.findIndex(i=>i===t)),t.activateItem())}openHoverDropdown(){this.open||this.disabled||this.type!=="hover"||(this.open=!0)}closeHoverDropdown(e){if(!this.open||this.disabled||this.type!=="hover")return;let t=e.relatedTarget;t&&(this.el.contains(t)||this.referenceEl!=null&&this.referenceEl instanceof HTMLElement&&this.referenceEl.contains(t))||this.closeCalciteDropdown()}toggleClickDropdown(){this.disabled||this.type!=="click"||(this.open=!this.open)}render(){let{open:e}=this;return this.interactiveContainer({disabled:this.disabled,children:h`${this.referenceElementType?null:h`<div class=${c(w.triggerContainer)} @click=${this.toggleClickDropdown} @focusin=${this.openHoverDropdown} @focusout=${this.closeHoverDropdown} @keydown=${this.keyDownHandler} ${l(this.setReferenceEl)}><slot .ariaControlsElements=${this.scrollerEl?[this.scrollerEl]:void 0} .ariaExpanded=${e} aria-haspopup=menu name=${M.trigger} @slotchange=${this.handleTriggerSlotChange} ${l(this.triggerSlotRef)}></slot></div>`}<div class=${c({[w.wrapper]:!0,[P("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} .inert=${!e} popover=manual ${l(this.setFloatingEl)}><div .ariaLabelledByElements=${this.referenceEl instanceof HTMLElement?[this.referenceEl]:void 0} class=${c({[w.content]:!0,[v.animation]:!0,[v.animationActive]:e})} role=menu ${l(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>`})}};y("calcite-dropdown",g);export{g as Dropdown};

package/dist/cdn/{524TQSXZ.js → 3YW6GSTH.js}

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as O}from"./T6CCMW7H.js";import{a as S}from"./VI7SBYXT.js";import{G as X,H as x,J as i,T as N,g as G,h as z,i as v}from"./WNLKQGNT.js";function B(t,s,n){let r=s[0]-t[0],o=n[0]-s[0],$=s[1]-t[1],c=n[1]-s[1],h=$/Number(r||o<0&&0),a=c/Number(o||r<0&&0),e=(h*o+a*r)/(r+o);return(Math.sign(h)+Math.sign(a))*Math.min(Math.abs(h),Math.abs(a),.5*Math.abs(e))||0}function Y(t,s,n){let r=s[0]-t[0],o=s[1]-t[1];return r?(3*o/r-n)/2:n}function Z(t,s,n,r,o){let[$,c]=t,[h,a]=s,e=(h-$)/3,l=o([$+e,c+e*n]).join(","),d=o([h-e,a-e*r]).join(","),m=o([h,a]).join(",");return`C ${l} ${d} ${m}`}function H({width:t,height:s,min:n,max:r}){let o=r[0]-n[0],$=r[1]-n[1];return c=>{let h=(c[0]-n[0])/o*t,a=s-(c[1]-n[1])/$*s;return[h,a]}}function I(t){let[s,n]=t[0],r=[s,n],o=[s,n];return t.reduce(({min:$,max:c},[h,a])=>({min:[Math.min($[0],h),Math.min($[1],a)],max:[Math.max(c[0],h),Math.max(c[1],a)]}),{min:r,max:o})}function R({data:t,min:s,max:n,t:r}){if(t.length<3)return"";let[o,$]=r(t[0]),[c,h]=r(s),[a]=r(n),e,l,d,m=t.reduce((y,M,u)=>{if(l=t[u-2],d=t[u-1],u>1){let g=B(l,d,M),f=e===void 0?Y(l,d,g):e,L=Z(l,d,f,g,r);return e=g,`${y} ${L}`}return y},`M ${c},${h} L ${c},${$} L ${o},${$}`),w=t[t.length-1],k=Z(d,w,e,Y(d,w,e),r);return`${m} ${k} L ${a},${h} Z`}var E=G`:host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0;display:block;block-size:100%;inline-size:100%;padding:0}.svg .graph-path--highlight{fill:var(--calcite-graph-highlight-fill-color, var(--calcite-color-brand));opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,b={svg:"svg",graphPath:"graph-path",graphPathHighlight:"graph-path--highlight"},C="calcite-graph",p={host:t=>`${C}-${t}`,linearGradient:t=>`linear-gradient-${C}-${t}`,mask:(t,s)=>`${C}-${t}${s}`},P=class extends X{constructor(){super(...arguments),this.graphId=O(),this.resizeObserver=S("resize",()=>this.requestUpdate()),this.data=[]}static{this.properties={colorStops:[0,{},{attribute:!1}],data:[0,{},{attribute:!1}],highlightMax:[9,{},{type:Number}],highlightMin:[9,{},{type:Number}],max:[11,{},{reflect:!0,type:Number}],min:[11,{},{reflect:!0,type:Number}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}render(){let{data:s,colorStops:n,el:r,highlightMax:o,highlightMin:$,min:c,max:h}=this,a=this.graphId,{clientHeight:e,clientWidth:l}=r;if(!s||s.length===0)return z`<svg aria-hidden=true class=${x(b.svg)} height=${e??i} preserveAspectRatio=none viewBox=${`0 0 ${l} ${e}`} width=${l??i}></svg>`;let{min:d,max:m}=I(s),w=d,k=m;(c<d[0]||c>d[0])&&(w=[c,0]),(h>m[0]||h<m[0])&&(k=[h,m[1]]);let y=H({min:w,max:k,width:l,height:e}),M=R({data:s,min:d,max:m,t:y}),u=n?`url(#${p.linearGradient(a)})`:void 0;if($!==void 0&&o!==void 0){let[g]=y([$,k[1]]),[f]=y([o,k[1]]);return z`<svg aria-hidden=true class=${x(b.svg)} height=${e??i} preserveAspectRatio=none viewBox=${`0 0 ${l} ${e}`} width=${l??i}>${v`${n?v`<defs><linearGradient id=${p.linearGradient(a)??i} x1=0 x2=1 y1=0 y2=0>${n.map(({offset:L,color:j,opacity:A})=>v`<stop offset=${`${L*100}%`} stop-color=${j??i} stop-opacity=${A??i} />`)}</linearGradient></defs>`:null}<mask height=100% id=${p.mask(a,1)??i} width=100% x=0% y=0%><path d=${`
+import{a as O}from"./T6CCMW7H.js";import{a as S}from"./VI7SBYXT.js";import{G as X,H as x,J as i,T as N,g as G,h as z,i as v}from"./RMC37QBN.js";function B(t,s,n){let r=s[0]-t[0],o=n[0]-s[0],$=s[1]-t[1],c=n[1]-s[1],h=$/Number(r||o<0&&0),a=c/Number(o||r<0&&0),e=(h*o+a*r)/(r+o);return(Math.sign(h)+Math.sign(a))*Math.min(Math.abs(h),Math.abs(a),.5*Math.abs(e))||0}function Y(t,s,n){let r=s[0]-t[0],o=s[1]-t[1];return r?(3*o/r-n)/2:n}function Z(t,s,n,r,o){let[$,c]=t,[h,a]=s,e=(h-$)/3,l=o([$+e,c+e*n]).join(","),d=o([h-e,a-e*r]).join(","),m=o([h,a]).join(",");return`C ${l} ${d} ${m}`}function H({width:t,height:s,min:n,max:r}){let o=r[0]-n[0],$=r[1]-n[1];return c=>{let h=(c[0]-n[0])/o*t,a=s-(c[1]-n[1])/$*s;return[h,a]}}function I(t){let[s,n]=t[0],r=[s,n],o=[s,n];return t.reduce(({min:$,max:c},[h,a])=>({min:[Math.min($[0],h),Math.min($[1],a)],max:[Math.max(c[0],h),Math.max(c[1],a)]}),{min:r,max:o})}function R({data:t,min:s,max:n,t:r}){if(t.length<3)return"";let[o,$]=r(t[0]),[c,h]=r(s),[a]=r(n),e,l,d,m=t.reduce((y,M,u)=>{if(l=t[u-2],d=t[u-1],u>1){let g=B(l,d,M),f=e===void 0?Y(l,d,g):e,L=Z(l,d,f,g,r);return e=g,`${y} ${L}`}return y},`M ${c},${h} L ${c},${$} L ${o},${$}`),w=t[t.length-1],k=Z(d,w,e,Y(d,w,e),r);return`${m} ${k} L ${a},${h} Z`}var E=G`:host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0;display:block;block-size:100%;inline-size:100%;padding:0}.svg .graph-path--highlight{fill:var(--calcite-graph-highlight-fill-color, var(--calcite-color-brand));opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,b={svg:"svg",graphPath:"graph-path",graphPathHighlight:"graph-path--highlight"},C="calcite-graph",p={host:t=>`${C}-${t}`,linearGradient:t=>`linear-gradient-${C}-${t}`,mask:(t,s)=>`${C}-${t}${s}`},P=class extends X{constructor(){super(...arguments),this.graphId=O(),this.resizeObserver=S("resize",()=>this.requestUpdate()),this.data=[]}static{this.properties={colorStops:[0,{},{attribute:!1}],data:[0,{},{attribute:!1}],highlightMax:[9,{},{type:Number}],highlightMin:[9,{},{type:Number}],max:[11,{},{reflect:!0,type:Number}],min:[11,{},{reflect:!0,type:Number}]}}static{this.styles=E}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}render(){let{data:s,colorStops:n,el:r,highlightMax:o,highlightMin:$,min:c,max:h}=this,a=this.graphId,{clientHeight:e,clientWidth:l}=r;if(!s||s.length===0)return z`<svg aria-hidden=true class=${x(b.svg)} height=${e??i} preserveAspectRatio=none viewBox=${`0 0 ${l} ${e}`} width=${l??i}></svg>`;let{min:d,max:m}=I(s),w=d,k=m;(c<d[0]||c>d[0])&&(w=[c,0]),(h>m[0]||h<m[0])&&(k=[h,m[1]]);let y=H({min:w,max:k,width:l,height:e}),M=R({data:s,min:d,max:m,t:y}),u=n?`url(#${p.linearGradient(a)})`:void 0;if($!==void 0&&o!==void 0){let[g]=y([$,k[1]]),[f]=y([o,k[1]]);return z`<svg aria-hidden=true class=${x(b.svg)} height=${e??i} preserveAspectRatio=none viewBox=${`0 0 ${l} ${e}`} width=${l??i}>${v`${n?v`<defs><linearGradient id=${p.linearGradient(a)??i} x1=0 x2=1 y1=0 y2=0>${n.map(({offset:L,color:j,opacity:A})=>v`<stop offset=${`${L*100}%`} stop-color=${j??i} stop-opacity=${A??i} />`)}</linearGradient></defs>`:null}<mask height=100% id=${p.mask(a,1)??i} width=100% x=0% y=0%><path d=${`
             M 0,0
             L ${g-1},0
             L ${g-1},${e}

package/dist/cdn/{DNTJ5XU4.js → 3YZQTFAU.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{G as s,T as i,h as l,p as a}from"./WNLKQGNT.js";var e=class extends s{constructor(){super(...arguments),this.disabled=!1,this.calciteInternalOptionGroupChange=a({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1}}willUpdate(t){(t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||t.has("label"))&&this.calciteInternalOptionGroupChange.emit()}render(){return l`<div>${this.label}</div><slot></slot>`}};i("calcite-option-group",e);export{e as OptionGroup};
+import{G as s,T as i,h as l,p as a}from"./RMC37QBN.js";var e=class extends s{constructor(){super(...arguments),this.disabled=!1,this.calciteInternalOptionGroupChange=a({cancelable:!1})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],label:1}}willUpdate(t){(t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)||t.has("label"))&&this.calciteInternalOptionGroupChange.emit()}render(){return l`<div>${this.label}</div><slot></slot>`}};i("calcite-option-group",e);export{e as OptionGroup};

package/dist/cdn/{FUWFDYFO.js → 46B743KL.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as Ce,d as q,e as fe}from"./YJPIZ6DX.js";import{a as ce}from"./ZT7VHU45.js";import{A as P,B as de,C as G,D as ue,E as pe,a as k,b as r,c as m,d as I,e as E,f,g as j,h as b,i as D,j as U,k as W,m as N,n as O,o as B,s as R,t as S,v as he,x as _,y as V,z as X}from"./TXTWTIAM.js";import"./EM6V55GC.js";import{a as le}from"./NMMVK2LG.js";import{a as F}from"./EEULTRVN.js";import{a as re}from"./NHMJRDK2.js";import{c as H}from"./3XS7XZAX.js";import{a as ne}from"./YP3AYJH3.js";import{a as ie}from"./VI7SBYXT.js";import{a as se}from"./KSP4IZOE.js";import{a as ae}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import{e as oe}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import{A as K}from"./7FW2RVVH.js";import{E as T,F as g,G as ee,H as h,I as $,Q as x,T as te,g as Q,h as p,l as w,p as L}from"./WNLKQGNT.js";var Te=Q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);display:inline-block;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{display:flex;position:relative;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none)}.scope{font-size:var(--calcite-font-size-relative-base);outline-color:transparent;position:absolute;z-index:var(--calcite-z-index);border-radius:var(--calcite-corner-radius-pill);background-color:transparent;inline-size:var(--calcite-size-px);block-size:var(--calcite-size-px);pointer-events:none}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)));outline-offset:6px}.hex-and-channels-group{display:flex;flex-direction:column;flex-wrap:wrap;inline-size:100%}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-picker-text-color, var(--calcite-color-text-1))}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,ve=16,Y=class extends ee{constructor(){super(),this._color=m,this.colorFieldScopeRef=T(),this.direction=oe(),this.hueScopeRef=T(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=T(),this.resizeObserver=ie("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=se({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(f.s/a*e),l=Math.round(f.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=re()(this),this.drawColorControls=H((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ve),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:n}=e;a.canvas.matches(":hover")?(s=c-o.x,l=n-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,n<o.y+o.height&&n>o.y?l=n-o.y:n<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},ve),this.updateDynamicDimensions=e=>{let t={width:ue(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=ae()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Te}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,s=V(a),l=o||i==="auto"&&s||i===s,c=l?N(a,e,s):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let n=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(n);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==D.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(x.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=V(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=N(e,i,this.mode),n=!X(c,this.color);(s||n)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,a={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}}[t];a&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft===void 0?0:this.colorFieldScopeLeft+a.x,this.colorFieldScopeTop===void 0?0:this.colorFieldScopeTop+a.y,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.hue(),c=this.baseColorFieldColor.hue(l+s);this.internalColorSet(c,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let s=i&&R(S(i,P(this.mode)));o!==s&&this.internalColorSet(k(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(k(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?Object.values(E)[i]:Object.values(f)[i],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=Ce(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(t.value=a[i]?.toString()??"")}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(r.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?Object.values(E)[e]:Object.values(f)[e]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let l=t.value?Number(t.value):o[i];o[i]=s?B(l):l,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){x.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=P(e);if(i&&!a){let o=de(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=G(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=j/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&X(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let n=t===_.HEXA;return R(S(e.round(),n),n)}if(t.includes("-css")){let n=(t.startsWith("rgb")?e.rgb():e.hsl()).round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let u=n.slice(0,3),C=n.slice(4,-1);return`${u}a(${C}, ${e.alpha()})`}return n}let a=G(t),s=(a==="rgb"?e.rgb():a==="hsl"?e.hsl():e.hsv()).round().object();if(t.endsWith("a"))return he(s);if(a==="rgb"){let{r:n,g:d,b:u}=s;return{r:n,g:d,b:u}}let{h:l,s:c}=s;return a==="hsl"?{h:l,s:c,l:s.l}:{h:l,s:c,v:s.v}}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(f.s/a),l=o-t.value()/(f.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,n=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=n,e.stroke(),s&&o.alpha()<1){let u=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=u,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(j/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],n=1/(c.length-1),d=0;c.forEach(u=>{l.addColorStop(d,k(u).string()),d+=n}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),n=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);c.addColorStop(0,n.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,u.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=fe(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.alpha(),c=this.baseColorFieldColor.alpha(l+s);this.internalColorSet(c,!1)}}updateColorFromChannels(e){this.internalColorSet(k(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=(t==="rgb"?e.rgb():e.hsv()).round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e===void 0?NaN:e-U/2,t===void 0?NaN:t-U/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:n,alphaChannel:d,opacityScopeLeft:u,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:me}=this,J=this.effectiveSliderWidth,z=t?S(t,d):void 0,ge=o,be=c??J*m.hue()/f.h,Se=o,ye=u??J*O(m.alpha())/b.max,Z=t===void 0,M=me==="vertical",[we,$e]=this.getAdjustedScopePosition(i,a),[xe,ke]=this.getAdjustedScopePosition(be,ge),[De,Ae]=this.getAdjustedScopePosition(ye,Se);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(r.container)}>${s?null:p`<div class=${h(r.controlAndScope)}><canvas class=${h(r.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${M?n.value:n.saturation} .ariaValueMax=${M?f.v:f.s} aria-valuemin=0 .ariaValueNow=${(M?t?.saturationv():t?.value())||"0"} class=${h({[r.scope]:!0,[r.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${$e||0}px`,left:`${we||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${h(r.previewAndSliders)}><calcite-swatch class=${h(r.preview)} .color=${z} .label=${z} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${h(r.sliders)}><div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${n.hue} .ariaValueMax=${f.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${h({[r.scope]:!0,[r.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${ke}px`,left:`${xe}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${n.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${h({[r.scope]:!0,[r.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${h({[r.controlSection]:!0,[r.section]:!0})}><div class=${h(r.hexAndChannelsGroup)}>${l?null:p`<div class=${h(r.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${h(r.control)} .messages=${n} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${z}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${h({[r.colorModeContainer]:!0,[r.splitSection]:!0})} .scale=${v==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${y?null:p`<div class=${h({[r.savedColorsSection]:!0,[r.section]:!0})}><div class=${h(r.header)}><label>${n.saved}</label><div class=${h(r.savedColorsButtons)}><calcite-button appearance=transparent class=${h(r.deleteColor)} .disabled=${Z} .iconStart=${W.minus} kind=neutral .label=${n.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${h(r.saveColor)} .disabled=${Z} .iconStart=${W.plus} kind=neutral .label=${n.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${h(r.swatchGroup)} .label=${n.saved} .scale=${v} selection-mode=none>${ce(C,A=>A,A=>p`<calcite-swatch class=${h(r.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return F(e,p`<calcite-tab-title class=${h(r.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,n=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,u=s?a:a.slice(0,3);return F(e,p`<calcite-tab class=${h(r.control)} .selected=${l}><div class=${h(r.channels)} dir=ltr>${u.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,n[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return F(t,p`<calcite-input-number class=${h(r.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};te("calcite-color-picker",Y);export{Y as ColorPicker};
+import{a as Ce,d as q,e as fe}from"./YJPIZ6DX.js";import{a as ce}from"./ULMSJKXY.js";import{A as P,B as de,C as G,D as ue,E as pe,a as k,b as r,c as m,d as I,e as E,f,g as j,h as b,i as D,j as U,k as W,m as N,n as O,o as B,s as R,t as S,v as he,x as _,y as V,z as X}from"./TXTWTIAM.js";import"./EM6V55GC.js";import{a as le}from"./B5VSUIUK.js";import{a as F}from"./QNXAVWAJ.js";import{a as re}from"./PPXTR2IH.js";import{c as H}from"./3XS7XZAX.js";import{a as ne}from"./YP3AYJH3.js";import{a as ie}from"./VI7SBYXT.js";import{a as se}from"./3G4MYQNA.js";import{a as ae}from"./7I7DDHBC.js";import"./ZWPNZ5XW.js";import{e as oe}from"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import{A as K}from"./7FW2RVVH.js";import{E as T,F as g,G as ee,H as h,I as $,Q as x,T as te,g as Q,h as p,l as w,p as L}from"./RMC37QBN.js";var Te=Q`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);display:inline-block;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{display:flex;position:relative;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none)}.scope{font-size:var(--calcite-font-size-relative-base);outline-color:transparent;position:absolute;z-index:var(--calcite-z-index);border-radius:var(--calcite-corner-radius-pill);background-color:transparent;inline-size:var(--calcite-size-px);block-size:var(--calcite-size-px);pointer-events:none}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)));outline-offset:6px}.hex-and-channels-group{display:flex;flex-direction:column;flex-wrap:wrap;inline-size:100%}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-picker-text-color, var(--calcite-color-text-1))}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,ve=16,Y=class extends ee{constructor(){super(),this._color=m,this.colorFieldScopeRef=T(),this.direction=oe(),this.hueScopeRef=T(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=T(),this.resizeObserver=ie("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=se({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(f.s/a*e),l=Math.round(f.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=re()(this),this.drawColorControls=H((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ve),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:n}=e;a.canvas.matches(":hover")?(s=c-o.x,l=n-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,n<o.y+o.height&&n>o.y?l=n-o.y:n<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},ve),this.updateDynamicDimensions=e=>{let t={width:ue(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=ae()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Te}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,s=V(a),l=o||i==="auto"&&s||i===s,c=l?N(a,e,s):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let n=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(n);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==D.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(x.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=V(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=N(e,i,this.mode),n=!X(c,this.color);(s||n)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,a={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}}[t];a&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft===void 0?0:this.colorFieldScopeLeft+a.x,this.colorFieldScopeTop===void 0?0:this.colorFieldScopeTop+a.y,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.hue(),c=this.baseColorFieldColor.hue(l+s);this.internalColorSet(c,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let s=i&&R(S(i,P(this.mode)));o!==s&&this.internalColorSet(k(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(k(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?Object.values(E)[i]:Object.values(f)[i],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=Ce(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(t.value=a[i]?.toString()??"")}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(r.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?Object.values(E)[e]:Object.values(f)[e]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let l=t.value?Number(t.value):o[i];o[i]=s?B(l):l,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){x.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=P(e);if(i&&!a){let o=de(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=G(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=j/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&X(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let n=t===_.HEXA;return R(S(e.round(),n),n)}if(t.includes("-css")){let n=(t.startsWith("rgb")?e.rgb():e.hsl()).round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let u=n.slice(0,3),C=n.slice(4,-1);return`${u}a(${C}, ${e.alpha()})`}return n}let a=G(t),s=(a==="rgb"?e.rgb():a==="hsl"?e.hsl():e.hsv()).round().object();if(t.endsWith("a"))return he(s);if(a==="rgb"){let{r:n,g:d,b:u}=s;return{r:n,g:d,b:u}}let{h:l,s:c}=s;return a==="hsl"?{h:l,s:c,l:s.l}:{h:l,s:c,v:s.v}}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(f.s/a),l=o-t.value()/(f.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,n=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=n,e.stroke(),s&&o.alpha()<1){let u=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=u,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(j/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],n=1/(c.length-1),d=0;c.forEach(u=>{l.addColorStop(d,k(u).string()),d+=n}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),n=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);c.addColorStop(0,n.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,u.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=fe(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.alpha(),c=this.baseColorFieldColor.alpha(l+s);this.internalColorSet(c,!1)}}updateColorFromChannels(e){this.internalColorSet(k(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=(t==="rgb"?e.rgb():e.hsv()).round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e===void 0?NaN:e-U/2,t===void 0?NaN:t-U/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:n,alphaChannel:d,opacityScopeLeft:u,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:me}=this,J=this.effectiveSliderWidth,z=t?S(t,d):void 0,ge=o,be=c??J*m.hue()/f.h,Se=o,ye=u??J*O(m.alpha())/b.max,Z=t===void 0,M=me==="vertical",[we,$e]=this.getAdjustedScopePosition(i,a),[xe,ke]=this.getAdjustedScopePosition(be,ge),[De,Ae]=this.getAdjustedScopePosition(ye,Se);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(r.container)}>${s?null:p`<div class=${h(r.controlAndScope)}><canvas class=${h(r.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${M?n.value:n.saturation} .ariaValueMax=${M?f.v:f.s} aria-valuemin=0 .ariaValueNow=${(M?t?.saturationv():t?.value())||"0"} class=${h({[r.scope]:!0,[r.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${$e||0}px`,left:`${we||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${h(r.previewAndSliders)}><calcite-swatch class=${h(r.preview)} .color=${z} .label=${z} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${h(r.sliders)}><div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${n.hue} .ariaValueMax=${f.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${h({[r.scope]:!0,[r.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${ke}px`,left:`${xe}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${n.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${h({[r.scope]:!0,[r.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${h({[r.controlSection]:!0,[r.section]:!0})}><div class=${h(r.hexAndChannelsGroup)}>${l?null:p`<div class=${h(r.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${h(r.control)} .messages=${n} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${z}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${h({[r.colorModeContainer]:!0,[r.splitSection]:!0})} .scale=${v==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${y?null:p`<div class=${h({[r.savedColorsSection]:!0,[r.section]:!0})}><div class=${h(r.header)}><label>${n.saved}</label><div class=${h(r.savedColorsButtons)}><calcite-button appearance=transparent class=${h(r.deleteColor)} .disabled=${Z} .iconStart=${W.minus} kind=neutral .label=${n.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${h(r.saveColor)} .disabled=${Z} .iconStart=${W.plus} kind=neutral .label=${n.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${h(r.swatchGroup)} .label=${n.saved} .scale=${v} selection-mode=none>${ce(C,A=>A,A=>p`<calcite-swatch class=${h(r.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return F(e,p`<calcite-tab-title class=${h(r.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,n=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,u=s?a:a.slice(0,3);return F(e,p`<calcite-tab class=${h(r.control)} .selected=${l}><div class=${h(r.channels)} dir=ltr>${u.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,n[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return F(t,p`<calcite-input-number class=${h(r.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};te("calcite-color-picker",Y);export{Y as ColorPicker};

package/dist/cdn/{6HTKML5I.js → 4CE62ZY4.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{g as j}from"./LPMYRCBM.js";import{k as G}from"./5UJYBYHH.js";import{a as $}from"./ZT7VHU45.js";import{c as A}from"./6KUNL6NU.js";import{a as W}from"./QQ737S2X.js";import{a as q}from"./NMMVK2LG.js";import{a as E}from"./EEULTRVN.js";import"./YP3AYJH3.js";import{a as k}from"./KSP4IZOE.js";import{a as N}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import"./7FW2RVVH.js";import{E as z,F as P,G as M,H as U,L as _,T as V,g as R,h as v,l as y,p}from"./WNLKQGNT.js";var Y={offset:"offset"},ee={labelContent:"label-content"},te=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function oe(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*te}function se(){return new Date().getTimezoneOffset()*-1}function ie(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ae(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./6OAAZ4VY.js");return e}async function ne(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./V5D6RICM.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./MJMONOF2.js"),import("./T7OMXDHP.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),b="Etc/GMT";if(h.startsWith(b)&&d.startsWith(b)){let g=h.substring(b.length),F=d.substring(b.length),X=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-X}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),b=m(h),g=S(e,b);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./UKT2W47B.js"),import("./AJL3UUYU.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),Q=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=oe(l,c),f=n.map(d=>T(m[d],e));return{label:ce(e,r,Q.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return J(e,t)||re(t)}function le(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return J(t,e)||e}function J(t,e){let o=t[e];return typeof o=="string"?o:void 0}function re(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function ce(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function me(t){return t[0].items!==void 0}function ue(t){return me(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:ue(t).find(s=>s[e]==o)}var he=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends M{constructor(){super(),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=p({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=p({cancelable:!1}),this.calciteInputTimeZoneChange=p({cancelable:!1}),this.calciteInputTimeZoneClose=p({cancelable:!1}),this.calciteInputTimeZoneOpen=p({cancelable:!1}),W(this)}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ae(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?se():ie(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ne(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:le(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${ee.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${U(Y.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};
+import{g as j}from"./LPMYRCBM.js";import{k as G}from"./CIURGFBE.js";import{a as $}from"./ULMSJKXY.js";import{c as A}from"./XER5OKM2.js";import{a as W}from"./WIIR767T.js";import{a as q}from"./B5VSUIUK.js";import{a as E}from"./QNXAVWAJ.js";import"./YP3AYJH3.js";import{a as k}from"./3G4MYQNA.js";import{a as N}from"./7I7DDHBC.js";import"./ZWPNZ5XW.js";import"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import"./7FW2RVVH.js";import{E as z,F as P,G as M,H as U,L as _,T as V,g as R,h as v,l as y,p}from"./RMC37QBN.js";var Y={offset:"offset"},ee={labelContent:"label-content"},te=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function oe(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*te}function se(){return new Date().getTimezoneOffset()*-1}function ie(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ae(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./6OAAZ4VY.js");return e}async function ne(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./V5D6RICM.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./MJMONOF2.js"),import("./T7OMXDHP.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),b="Etc/GMT";if(h.startsWith(b)&&d.startsWith(b)){let g=h.substring(b.length),F=d.substring(b.length),X=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-X}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:K(h),b=m(h),g=S(e,b);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:Z},{DateEngine:C}]=await Promise.all([import("./UKT2W47B.js"),import("./AJL3UUYU.js")]),D=await Z({dateEngine:new C,groupDateRange:1,startDate:new Date(c).toISOString()}),Q=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),w=["Factory","Etc/UTC"];return D.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{w.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!w.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),D.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=oe(l,c),f=n.map(d=>T(m[d],e));return{label:ce(e,r,Q.format(f)),value:u,metadata:{filterValue:m.map(d=>K(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return J(e,t)||re(t)}function le(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return J(t,e)||e}function J(t,e){let o=t[e];return typeof o=="string"?o:void 0}function re(t){return t.split("/").pop()??""}function K(t){return t.replace(/_/g," ")}function ce(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function me(t){return t[0].items!==void 0}function ue(t){return me(t)?t.flatMap(e=>e.items):t}function H(t,e,o){return o===void 0||t===void 0?void 0:ue(t).find(s=>s[e]==o)}var he=R`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,B=class extends M{constructor(){super(),this.comboboxRef=z(),this.formSupport=A({inputType:"text"})(this),this.messages=k({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=p({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=p({cancelable:!1}),this.calciteInputTimeZoneChange=p({cancelable:!1}),this.calciteInputTimeZoneClose=p({cancelable:!1}),this.calciteInputTimeZoneOpen=p({cancelable:!1}),W(this)}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}async load(){this.normalizer=await ae(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return H(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return H(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?se():ie(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ne(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:le(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.placeholder||this.messages[`${this.mode}Placeholder`]} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${P(this.comboboxRef)}>${this.renderItems()}<slot name=${ee.labelContent} slot=${j.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>E(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:Z}=s,C=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${C} .metadata=${c} .selected=${a} .value=${Z}><span class=${U(Y.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};V("calcite-input-time-zone",B);export{B as InputTimeZone};

package/dist/cdn/{7QCNTEUS.js → 4HMG2JYR.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{d as t}from"./CZERUG3F.js";import{a as y}from"./NMMVK2LG.js";import{a as v}from"./EEULTRVN.js";import{a as k}from"./KSP4IZOE.js";import{e as w}from"./NB4UVXA7.js";import"./HYO4NFHP.js";import{E as d,F as h,G as m,H as g,T as $,g as u,h as r,l as b,p as a}from"./WNLKQGNT.js";var A={backButton:"back-button"},B={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerTop:"header-top",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerEnd:"footer-end",footerStart:"footer-start"},D=u`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-panel{--calcite-panel-background-color: var(--calcite-flow-background-color);--calcite-panel-border-color: var(--calcite-flow-border-color, var(--calcite-flow-item-header-border-block-end));--calcite-panel-corner-radius: var(--calcite-flow-corner-radius);--calcite-panel-description-text-color: var(--calcite-flow-description-text-color);--calcite-panel-footer-background-color: var(--calcite-flow-footer-background-color);--calcite-panel-footer-space: var(--calcite-flow-footer-space, var(--calcite-flow-item-footer-padding));--calcite-panel-header-action-background-color-hover: var(--calcite-flow-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-flow-header-action-background-color-press);--calcite-panel-header-action-background-color: var(--calcite-flow-header-action-background-color);--calcite-panel-header-action-indicator-color: var(--calcite-flow-header-action-indicator-color);--calcite-panel-header-action-text-color-press: var(--calcite-flow-header-action-text-color-press);--calcite-panel-header-action-text-color: var(--calcite-flow-header-action-text-color);--calcite-panel-header-background-color: var(--calcite-flow-header-background-color);--calcite-panel-header-content-space: var(--calcite-flow-header-content-space);--calcite-panel-header-top-space: var(--calcite-flow-header-top-space);--calcite-panel-heading-text-color: var(--calcite-flow-heading-text-color);--calcite-panel-icon-color: var(--calcite-flow-icon-color);--calcite-panel-space: var(--calcite-flow-space);--calcite-panel-content-top-space: var(--calcite-flow-content-top-space);--calcite-panel-content-bottom-space: var(--calcite-flow-content-bottom-space)}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends m{constructor(){super(...arguments),this.backButtonRef=d(),this.containerRef=d(),this.direction=w(),this.messages=k(),this.interactiveContainer=y(this),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabled=!1,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.topLayerDisabled=!1,this.calciteFlowItemBack=a(),this.calciteFlowItemClose=a({cancelable:!1}),this.calciteFlowItemCollapse=a({cancelable:!1}),this.calciteFlowItemExpand=a({cancelable:!1}),this.calciteFlowItemScroll=a({cancelable:!1}),this.calciteFlowItemToggle=a({cancelable:!1}),this.calciteInternalFlowItemChange=a({cancelable:!1})}static{this.properties={beforeBack:[0,{},{attribute:!1}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],showBackButton:[5,{},{type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=D}async scrollContentTo(e){await this.containerRef.value?.scrollContentTo(e)}async setFocus(e){return this.containerRef.value?.setFocus(e)}async updateFocusTrapElements(e){this.containerRef.value?.updateFocusTrapElements(e)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteFlowItemCollapse.emit():this.calciteFlowItemExpand.emit())}handleInternalPanelScroll(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}renderBackButton(){let e=this.direction==="rtl",{showBackButton:c,backButtonClick:s,messages:i}=this,l=i.back,n=e?B.backRight:B.backLeft;return c?v("flow-back-button",r`<calcite-action class=${g(A.backButton)} .icon=${n} @click=${s} .scale=${this.scale} slot=${o.headerActionsStart} .text=${l} title=${l??b} ${h(this.backButtonRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:c,collapsible:s,closable:i,closed:l,description:n,disabled:f,heading:T,headingLevel:C,loading:I,menuOpen:F,messageOverrides:x,overlayPositioning:S,beforeClose:E,icon:R,iconFlipRtl:P,focusTrapEnabled:O,focusTrapOptions:L}=this;return this.interactiveContainer({disabled:f,children:r`<calcite-panel .beforeClose=${E} .closable=${i} .closed=${l} .collapsed=${e} .collapseDirection=${c} .collapsible=${s} .description=${n} .disabled=${f} .focusTrapEnabled=${O} .focusTrapOptions=${L} .heading=${T} .headingLevel=${C} .icon=${R} .iconFlipRtl=${P} .loading=${I} .menuOpen=${F} .messageOverrides=${x} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${S} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${h(this.containerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.headerTop} slot=${t.headerTop}></slot><slot name=${o.description} slot=${t.description}></slot><slot name=${o.heading} slot=${t.heading}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot></slot></calcite-panel>`})}};$("calcite-flow-item",p);export{p as FlowItem};
+import{d as t}from"./CZERUG3F.js";import{a as y}from"./B5VSUIUK.js";import{a as v}from"./QNXAVWAJ.js";import{a as k}from"./3G4MYQNA.js";import{e as w}from"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import{E as d,F as h,G as m,H as g,T as $,g as u,h as r,l as b,p as a}from"./RMC37QBN.js";var A={backButton:"back-button"},B={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerTop:"header-top",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerEnd:"footer-end",footerStart:"footer-start"},D=u`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-panel{--calcite-panel-background-color: var(--calcite-flow-background-color);--calcite-panel-border-color: var(--calcite-flow-border-color, var(--calcite-flow-item-header-border-block-end));--calcite-panel-corner-radius: var(--calcite-flow-corner-radius);--calcite-panel-description-text-color: var(--calcite-flow-description-text-color);--calcite-panel-footer-background-color: var(--calcite-flow-footer-background-color);--calcite-panel-footer-space: var(--calcite-flow-footer-space, var(--calcite-flow-item-footer-padding));--calcite-panel-header-action-background-color-hover: var(--calcite-flow-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-flow-header-action-background-color-press);--calcite-panel-header-action-background-color: var(--calcite-flow-header-action-background-color);--calcite-panel-header-action-indicator-color: var(--calcite-flow-header-action-indicator-color);--calcite-panel-header-action-text-color-press: var(--calcite-flow-header-action-text-color-press);--calcite-panel-header-action-text-color: var(--calcite-flow-header-action-text-color);--calcite-panel-header-background-color: var(--calcite-flow-header-background-color);--calcite-panel-header-content-space: var(--calcite-flow-header-content-space);--calcite-panel-header-top-space: var(--calcite-flow-header-top-space);--calcite-panel-heading-text-color: var(--calcite-flow-heading-text-color);--calcite-panel-icon-color: var(--calcite-flow-icon-color);--calcite-panel-space: var(--calcite-flow-space);--calcite-panel-content-top-space: var(--calcite-flow-content-top-space);--calcite-panel-content-bottom-space: var(--calcite-flow-content-bottom-space)}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends m{constructor(){super(...arguments),this.backButtonRef=d(),this.containerRef=d(),this.direction=w(),this.messages=k(),this.interactiveContainer=y(this),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabled=!1,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.topLayerDisabled=!1,this.calciteFlowItemBack=a(),this.calciteFlowItemClose=a({cancelable:!1}),this.calciteFlowItemCollapse=a({cancelable:!1}),this.calciteFlowItemExpand=a({cancelable:!1}),this.calciteFlowItemScroll=a({cancelable:!1}),this.calciteFlowItemToggle=a({cancelable:!1}),this.calciteInternalFlowItemChange=a({cancelable:!1})}static{this.properties={beforeBack:[0,{},{attribute:!1}],beforeClose:[0,{},{attribute:!1}],closable:[7,{},{reflect:!0,type:Boolean}],closed:[7,{},{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],showBackButton:[5,{},{type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=D}async scrollContentTo(e){await this.containerRef.value?.scrollContentTo(e)}async setFocus(e){return this.containerRef.value?.setFocus(e)}async updateFocusTrapElements(e){this.containerRef.value?.updateFocusTrapElements(e)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteFlowItemCollapse.emit():this.calciteFlowItemExpand.emit())}handleInternalPanelScroll(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}renderBackButton(){let e=this.direction==="rtl",{showBackButton:c,backButtonClick:s,messages:i}=this,l=i.back,n=e?B.backRight:B.backLeft;return c?v("flow-back-button",r`<calcite-action class=${g(A.backButton)} .icon=${n} @click=${s} .scale=${this.scale} slot=${o.headerActionsStart} .text=${l} title=${l??b} ${h(this.backButtonRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:c,collapsible:s,closable:i,closed:l,description:n,disabled:f,heading:T,headingLevel:C,loading:I,menuOpen:F,messageOverrides:x,overlayPositioning:S,beforeClose:E,icon:R,iconFlipRtl:P,focusTrapEnabled:O,focusTrapOptions:L}=this;return this.interactiveContainer({disabled:f,children:r`<calcite-panel .beforeClose=${E} .closable=${i} .closed=${l} .collapsed=${e} .collapseDirection=${c} .collapsible=${s} .description=${n} .disabled=${f} .focusTrapEnabled=${O} .focusTrapOptions=${L} .heading=${T} .headingLevel=${C} .icon=${R} .iconFlipRtl=${P} .loading=${I} .menuOpen=${F} .messageOverrides=${x} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${S} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${h(this.containerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.headerTop} slot=${t.headerTop}></slot><slot name=${o.description} slot=${t.description}></slot><slot name=${o.heading} slot=${t.heading}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot></slot></calcite-panel>`})}};$("calcite-flow-item",p);export{p as FlowItem};

package/dist/cdn/{C6ZPL4XA.js → 4RV77DD5.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as h}from"./NMMVK2LG.js";import{a as b}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import"./7FW2RVVH.js";import{E as s,F as c,G as r,H as n,J as d,T as u,g as i,h as l}from"./WNLKQGNT.js";var k={button:"button"},R={plus:"plus"},w=i`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--calcite-fab-shadow-internal: var(--calcite-shadow-md);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-corner-radius: var(--calcite-fab-corner-radius);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends r{constructor(){super(...arguments),this.buttonRef=s(),this.focusSetter=b()(this),this.interactiveContainer=h(this),this.appearance="solid",this.disabled=!1,this.icon=R.plus,this.iconFlipRtl=!1,this.kind="brand",this.loading=!1,this.scale="m",this.textEnabled=!1}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=w}async setFocus(t){return this.focusSetter(()=>this.buttonRef.value,t)}render(){let{appearance:t,kind:p,disabled:a,loading:f,scale:m,textEnabled:v,icon:y,label:o,text:x,iconFlipRtl:$}=this,g=v?void 0:o||x||void 0;return this.interactiveContainer({disabled:a,children:l`<calcite-button .appearance=${t==="solid"?"solid":"outline-fill"} class=${n(k.button)} .disabled=${a} .iconFlipRtl=${$?"start":void 0} .iconStart=${y} .kind=${p} .label=${o} .loading=${f} round .scale=${m} title=${g??d} type=button width=auto ${c(this.buttonRef)}>${this.textEnabled?this.text:null}</calcite-button>`})}};u("calcite-fab",e);export{e as Fab};
+import{a as h}from"./B5VSUIUK.js";import{a as b}from"./7I7DDHBC.js";import"./ZWPNZ5XW.js";import"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import"./7FW2RVVH.js";import{E as s,F as c,G as r,H as n,J as d,T as u,g as i,h as l}from"./RMC37QBN.js";var k={button:"button"},R={plus:"plus"},w=i`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-button{--calcite-fab-shadow-internal: var(--calcite-shadow-md);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-corner-radius: var(--calcite-fab-corner-radius);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}:host([hidden]){display:none}[hidden]{display:none}`,e=class extends r{constructor(){super(...arguments),this.buttonRef=s(),this.focusSetter=b()(this),this.interactiveContainer=h(this),this.appearance="solid",this.disabled=!1,this.icon=R.plus,this.iconFlipRtl=!1,this.kind="brand",this.loading=!1,this.scale="m",this.textEnabled=!1}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],kind:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],text:1,textEnabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=w}async setFocus(t){return this.focusSetter(()=>this.buttonRef.value,t)}render(){let{appearance:t,kind:p,disabled:a,loading:f,scale:m,textEnabled:v,icon:y,label:o,text:x,iconFlipRtl:$}=this,g=v?void 0:o||x||void 0;return this.interactiveContainer({disabled:a,children:l`<calcite-button .appearance=${t==="solid"?"solid":"outline-fill"} class=${n(k.button)} .disabled=${a} .iconFlipRtl=${$?"start":void 0} .iconStart=${y} .kind=${p} .label=${o} .loading=${f} round .scale=${m} title=${g??d} type=button width=auto ${c(this.buttonRef)}>${this.textEnabled?this.text:null}</calcite-button>`})}};u("calcite-fab",e);export{e as Fab};

package/dist/cdn/{7CWMNHWU.js → 4TGO3N37.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as D}from"./FCW2XIRE.js";import{a as S}from"./NMMVK2LG.js";import{a as d}from"./EEULTRVN.js";import"./3XS7XZAX.js";import{a as T}from"./KSP4IZOE.js";import{a as I}from"./VRO4DPTU.js";import"./ZWPNZ5XW.js";import"./NB4UVXA7.js";import"./HYO4NFHP.js";import"./7FW2RVVH.js";import{F as g,G as $,H as h,T as w,g as f,h as r,l as n,p as i}from"./WNLKQGNT.js";var v={handle:"handle",dropdown:"dropdown"},y={drag:"drag",blank:"blank"},p={label:"{label}",position:"{position}",total:"{total}"},R=["top","up","down","bottom"],O={trigger:"trigger"},m={add:"add",move:"move",reorder:"reorder"},A=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends ${constructor(){super(...arguments),this.focusSetter=I()(this),this.interactiveContainer=S(this),this.disabled=!1,this.messages=T({blocking:!0}),this.addToItems=[],this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.sortDisabled=!1,this.topLayerDisabled=!1,this.calciteSortHandleAdd=i({cancelable:!0}),this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!0}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!0})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortDisabled:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}]}}static{this.styles=A}get hasSetInfo(){return typeof this.setPosition=="number"&&typeof this.setSize=="number"}get hasValidSetInfo(){return this.hasSetInfo?this.setPosition>0&&this.setPosition<=this.setSize&&this.setSize>0:!0}get hasReorderItems(){return!this.sortDisabled&&this.hasValidSetInfo}get hasMoveToItems(){return this.moveToItems.length>0}get hasAddToItems(){return this.addToItems.length>0}get reorderGroupTitle(){return this.hasMoveToItems||this.hasAddToItems?this.messages.reorder:""}get hasNoItems(){return!this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems}get hasAllReorderItemsDisabled(){return this.hasReorderItems&&this.isTopReorderDisabled&&this.isUpReorderDisabled&&this.isDownReorderDisabled&&this.isBottomReorderDisabled}get hasOnlyDisabledReorderItems(){return this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems&&this.hasAllReorderItemsDisabled}get isTopReorderDisabled(){let{setPosition:e}=this;return e===1||e===2}get isUpReorderDisabled(){return this.setPosition===1}get isDownReorderDisabled(){return this.hasSetInfo&&this.setPosition===this.setSize}get isBottomReorderDisabled(){let{setPosition:e,setSize:t}=this;return this.hasSetInfo&&(e===t||e===t-1)}async setFocus(e){return this.focusSetter(()=>this.dropdownEl,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:s,setSize:o,hasSetInfo:a}=this;if(!a)return e??"";let l=e?t.repositionLabel.replace(p.label,e):t.reposition;return l=l.replace(p.position,s?s.toString():""),l.replace(p.total,o?o.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,s=this.moveToItems.find(o=>o.id===t);this.calciteSortHandleMove.emit({moveTo:s})}handleAddTo(e){let t=e.target.dataset.id,s=this.addToItems.find(o=>o.id===t);this.calciteSortHandleAdd.emit({addTo:s})}render(){let{disabled:e,flipPlacements:t,hasOnlyDisabledReorderItems:s,open:o,overlayPositioning:a,placement:l,scale:b,widthScale:B,hasNoItems:P}=this,c=this.getLabel(),H=e||P||s;return this.interactiveContainer({disabled:e,children:r`<calcite-dropdown class=${h(v.dropdown)} .disabled=${H} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${a} .placement=${l} .scale=${b} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${B} ${g(this.setDropdownEl)}><calcite-action .active=${o} .aria=${{expanded:o}} class=${h(v.handle)} .dragHandle=${!0} .icon=${e?y.blank:y.drag} .label=${c} .scale=${b} slot=${O.trigger} .text=${c} title=${c??n}></calcite-action>${this.renderReorderGroup()}${this.renderMoveToGroup()}${this.renderAddToGroup()}</calcite-dropdown>`})}renderAddToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleAddTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderReorderGroup(){return this.hasReorderItems?d("reorder",r`<calcite-dropdown-group .groupTitle=${this.reorderGroupTitle} id=${m.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`):null}renderAddToGroup(){let{messages:e,addToItems:t,scale:s,hasAddToItems:o}=this;return o?d("add-to-items",r`<calcite-dropdown-group .groupTitle=${e.addTo} id=${m.add} .scale=${s} selection-mode=none>${t.map(a=>this.renderAddToItem(a))}</calcite-dropdown-group>`):null}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:s,hasMoveToItems:o}=this;return o?d("move-to-items",r`<calcite-dropdown-group .groupTitle=${e.moveTo} id=${m.move} .scale=${s} selection-mode=none>${t.map(a=>this.renderMoveToItem(a))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t,s=!1){return d(R[e],r`<calcite-dropdown-item data-value=${R[e]??n} .disabled=${s} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){return this.renderDropdownItem(0,this.messages.moveToTop,this.isTopReorderDisabled)}renderUp(){return this.renderDropdownItem(1,this.messages.moveUp,this.isUpReorderDisabled)}renderDown(){return this.renderDropdownItem(2,this.messages.moveDown,this.isDownReorderDisabled)}renderBottom(){return this.renderDropdownItem(3,this.messages.moveToBottom,this.isBottomReorderDisabled)}};w("calcite-sort-handle",u);export{u as SortHandle};
+import{a as D}from"./PWYT3PJV.js";import{a as S}from"./B5VSUIUK.js";import{a as d}from"./QNXAVWAJ.js";import"./3XS7XZAX.js";import{a as T}from"./3G4MYQNA.js";import{a as I}from"./7I7DDHBC.js";import"./ZWPNZ5XW.js";import"./AV6ILLAW.js";import"./7Q3ADTIZ.js";import"./7FW2RVVH.js";import{F as g,G as $,H as h,T as w,g as f,h as r,l as n,p as i}from"./RMC37QBN.js";var v={handle:"handle",dropdown:"dropdown"},y={drag:"drag",blank:"blank"},p={label:"{label}",position:"{position}",total:"{total}"},R=["top","up","down","bottom"],O={trigger:"trigger"},m={add:"add",move:"move",reorder:"reorder"},A=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends ${constructor(){super(...arguments),this.focusSetter=I()(this),this.interactiveContainer=S(this),this.disabled=!1,this.messages=T({blocking:!0}),this.addToItems=[],this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.sortDisabled=!1,this.topLayerDisabled=!1,this.calciteSortHandleAdd=i({cancelable:!0}),this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!0}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!0})}static{this.properties={disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],label:1,messageOverrides:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortDisabled:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}]}}static{this.styles=A}get hasSetInfo(){return typeof this.setPosition=="number"&&typeof this.setSize=="number"}get hasValidSetInfo(){return this.hasSetInfo?this.setPosition>0&&this.setPosition<=this.setSize&&this.setSize>0:!0}get hasReorderItems(){return!this.sortDisabled&&this.hasValidSetInfo}get hasMoveToItems(){return this.moveToItems.length>0}get hasAddToItems(){return this.addToItems.length>0}get reorderGroupTitle(){return this.hasMoveToItems||this.hasAddToItems?this.messages.reorder:""}get hasNoItems(){return!this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems}get hasAllReorderItemsDisabled(){return this.hasReorderItems&&this.isTopReorderDisabled&&this.isUpReorderDisabled&&this.isDownReorderDisabled&&this.isBottomReorderDisabled}get hasOnlyDisabledReorderItems(){return this.hasReorderItems&&!this.hasMoveToItems&&!this.hasAddToItems&&this.hasAllReorderItemsDisabled}get isTopReorderDisabled(){let{setPosition:e}=this;return e===1||e===2}get isUpReorderDisabled(){return this.setPosition===1}get isDownReorderDisabled(){return this.hasSetInfo&&this.setPosition===this.setSize}get isBottomReorderDisabled(){let{setPosition:e,setSize:t}=this;return this.hasSetInfo&&(e===t||e===t-1)}async setFocus(e){return this.focusSetter(()=>this.dropdownEl,e)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:s,setSize:o,hasSetInfo:a}=this;if(!a)return e??"";let l=e?t.repositionLabel.replace(p.label,e):t.reposition;return l=l.replace(p.position,s?s.toString():""),l.replace(p.total,o?o.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,s=this.moveToItems.find(o=>o.id===t);this.calciteSortHandleMove.emit({moveTo:s})}handleAddTo(e){let t=e.target.dataset.id,s=this.addToItems.find(o=>o.id===t);this.calciteSortHandleAdd.emit({addTo:s})}render(){let{disabled:e,flipPlacements:t,hasOnlyDisabledReorderItems:s,open:o,overlayPositioning:a,placement:l,scale:b,widthScale:B,hasNoItems:P}=this,c=this.getLabel(),H=e||P||s;return this.interactiveContainer({disabled:e,children:r`<calcite-dropdown class=${h(v.dropdown)} .disabled=${H} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${a} .placement=${l} .scale=${b} .topLayerDisabled=${this.topLayerDisabled} .widthScale=${B} ${g(this.setDropdownEl)}><calcite-action .active=${o} .aria=${{expanded:o}} class=${h(v.handle)} .dragHandle=${!0} .icon=${e?y.blank:y.drag} .label=${c} .scale=${b} slot=${O.trigger} .text=${c} title=${c??n}></calcite-action>${this.renderReorderGroup()}${this.renderMoveToGroup()}${this.renderAddToGroup()}</calcite-dropdown>`})}renderAddToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleAddTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToItem(e){return d(e.id,r`<calcite-dropdown-item data-id=${e.id??n} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderReorderGroup(){return this.hasReorderItems?d("reorder",r`<calcite-dropdown-group .groupTitle=${this.reorderGroupTitle} id=${m.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`):null}renderAddToGroup(){let{messages:e,addToItems:t,scale:s,hasAddToItems:o}=this;return o?d("add-to-items",r`<calcite-dropdown-group .groupTitle=${e.addTo} id=${m.add} .scale=${s} selection-mode=none>${t.map(a=>this.renderAddToItem(a))}</calcite-dropdown-group>`):null}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:s,hasMoveToItems:o}=this;return o?d("move-to-items",r`<calcite-dropdown-group .groupTitle=${e.moveTo} id=${m.move} .scale=${s} selection-mode=none>${t.map(a=>this.renderMoveToItem(a))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t,s=!1){return d(R[e],r`<calcite-dropdown-item data-value=${R[e]??n} .disabled=${s} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){return this.renderDropdownItem(0,this.messages.moveToTop,this.isTopReorderDisabled)}renderUp(){return this.renderDropdownItem(1,this.messages.moveUp,this.isUpReorderDisabled)}renderDown(){return this.renderDropdownItem(2,this.messages.moveDown,this.isDownReorderDisabled)}renderBottom(){return this.renderDropdownItem(3,this.messages.moveToBottom,this.isBottomReorderDisabled)}};w("calcite-sort-handle",u);export{u as SortHandle};