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

package/dist/calcite/p-79b5957a.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,f as e,h as a,g as n}from"./p-b803ea41.js";import{s as o,r,f as i}from"./p-4806287d.js";import{c,d as l,u as s,I as d}from"./p-e2450177.js";import{c as h,d as u,g as p}from"./p-f293a0e6.js";import{s as b,a as v,c as g}from"./p-395e11a4.js";import{c as f,d as k}from"./p-3e11754e.js";import{c as m}from"./p-4c100949.js";import{g as x}from"./p-2b02889a.js";import{c as w,d as y,s as z,u as j}from"./p-f70e0d88.js";import{t as C}from"./p-45ff4eb2.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-61de3618.js";import"./p-a6db335a.js";const L={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty",buttonPadding:"button-padding",buttonPaddingShrunk:"button-padding--shrunk"};const E=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}";const S=class{constructor(e){t(this,e);this.mutationObserver=m("mutation",(()=>this.updateHasContent()));this.resizeObserver=m("resize",(()=>this.setTooltipText()));this.handleClick=()=>{const{type:t}=this;if(this.href){return}if(t==="submit"){o(this)}else if(t==="reset"){r(this)}};this.setTooltipText=()=>{const{contentEl:t}=this;if(t){this.tooltipText=t.offsetWidth<t.scrollWidth?this.el.innerText||null:null}};this.setChildEl=t=>{this.childEl=t;if(t){this.resizeObserver?.observe(t)}};this.alignment="center";this.appearance="solid";this.label=undefined;this.kind="brand";this.disabled=false;this.form=undefined;this.download=false;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.name=undefined;this.rel=undefined;this.round=false;this.scale="m";this.splitChild=false;this.target=undefined;this.type="button";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.hasContent=false;this.hasLoader=false;this.effectiveLocale="";this.defaultMessages=undefined;this.tooltipText=undefined}handleGlobalAttributesChanged(){e(this)}loadingChanged(t,e){if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((()=>{this.hasLoader=false}),300)}}onMessagesChange(){}async connectedCallback(){c(this);f(this);w(this);this.hasLoader=this.loading;this.setupTextContentObserver();h(this);this.formEl=i(this)}disconnectedCallback(){this.mutationObserver?.disconnect();l(this);u(this);k(this);y(this);this.resizeObserver?.disconnect();this.formEl=null}async componentWillLoad(){b(this);{this.updateHasContent();await z(this)}}componentDidLoad(){v(this);this.setTooltipText()}componentDidRender(){s(this)}render(){const t=this.href?"a":"button";const e=t;const n=this.hasLoader?a("div",{class:L.buttonLoader},a("calcite-loader",{class:this.loading?L.loadingIn:L.loadingOut,inline:true,label:this.messages.loading,scale:this.scale==="l"?"m":"s"})):null;const o=!this.iconStart&&!this.iconEnd;const r=a("calcite-icon",{class:{[L.icon]:true,[L.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:x(this.scale)});const i=a("calcite-icon",{class:{[L.icon]:true,[L.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:x(this.scale)});const c=a("span",{class:L.content,ref:t=>this.contentEl=t},a("slot",null));return a(d,{disabled:this.disabled},a(e,{"aria-disabled":t==="a"?C(this.disabled||this.loading):null,"aria-expanded":this.el.getAttribute("aria-expanded"),"aria-label":!this.loading?p(this):this.messages.loading,"aria-live":"polite",class:{[L.buttonPadding]:o,[L.buttonPaddingShrunk]:!o,[L.contentSlotted]:this.hasContent,[L.iconStartEmpty]:!this.iconStart,[L.iconEndEmpty]:!this.iconEnd},disabled:t==="button"?this.disabled||this.loading:null,download:t==="a"&&(this.download===""||this.download)?this.download:null,href:t==="a"&&this.href,name:t==="button"&&this.name,onClick:this.handleClick,rel:t==="a"&&this.rel,tabIndex:this.disabled?-1:null,target:t==="a"&&this.target,title:this.tooltipText,type:t==="button"&&this.type,ref:this.setChildEl},n,this.iconStart?r:null,this.hasContent?c:null,this.iconEnd?i:null))}async setFocus(){await g(this);this.childEl?.focus()}effectiveLocaleChange(){j(this,this.effectiveLocale)}updateHasContent(){const t=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&this.el.childNodes[0]?.nodeName==="#text"?this.el.textContent?.trim().length>0:t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}onLabelClick(){this.handleClick();this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{"aria-expanded":["handleGlobalAttributesChanged"],loading:["loadingChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_button};
+//# sourceMappingURL=p-79b5957a.entry.js.map

package/dist/calcite/p-79b5957a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","buttonLoader","content","contentSlotted","icon","iconStart","iconEnd","loadingIn","loadingOut","iconStartEmpty","iconEndEmpty","buttonPadding","buttonPaddingShrunk","buttonCss","Button","this","mutationObserver","createObserver","updateHasContent","resizeObserver","setTooltipText","handleClick","type","href","submitForm","resetForm","contentEl","tooltipText","offsetWidth","scrollWidth","el","innerText","setChildEl","childEl","observe","handleGlobalAttributesChanged","forceUpdate","loadingChanged","newValue","oldValue","hasLoader","window","setTimeout","onMessagesChange","connectedCallback","connectInteractive","connectLocalized","connectMessages","loading","setupTextContentObserver","connectLabel","formEl","findAssociatedForm","disconnectedCallback","disconnect","disconnectInteractive","disconnectLabel","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","childElType","Tag","loaderNode","h","class","inline","label","messages","scale","noStartEndIcons","iconStartEl","flipRtl","iconFlipRtl","getIconScale","iconEndEl","ref","InteractiveContainer","disabled","toAriaBoolean","getAttribute","getLabelText","hasContent","download","name","onClick","rel","tabIndex","target","title","setFocus","componentFocusable","focus","effectiveLocaleChange","updateMessages","effectiveLocale","slottedContent","textContent","trim","length","childNodes","nodeName","childList","subtree","onLabelClick"],"sources":["src/components/button/resources.ts","src/components/button/button.scss?tag=calcite-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["export const CSS = {\n  buttonLoader: \"calcite-button--loader\",\n  content: \"content\",\n  contentSlotted: \"content--slotted\",\n  icon: \"icon\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  loadingIn: \"loading-in\",\n  loadingOut: \"loading-out\",\n  iconStartEmpty: \"icon-start-empty\",\n  iconEndEmpty: \"icon-end-empty\",\n  buttonPadding: \"button-padding\",\n  buttonPaddingShrunk: \"button-padding--shrunk\",\n};\n",":host {\n  @apply inline-block w-auto align-middle;\n}\n\n// fab variants\n:host([round]) {\n  border-radius: 50px;\n  & a,\n  & button {\n    border-radius: 50px;\n  }\n}\n\n// focus styles\n:host button,\n:host a {\n  @apply focus-base;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n// button base\n:host button,\n:host a {\n  --calcite-button-content-margin-internal: theme(\"margin.2\");\n  --calcite-button-padding-x-internal: 7px;\n  --calcite-button-padding-y-internal: 3px;\n  padding-block: var(--calcite-button-padding-y-internal);\n  padding-inline: var(--calcite-button-padding-x-internal);\n  @apply font-inherit\n    relative\n    box-border\n    flex\n    h-full\n    w-full\n    cursor-pointer\n    select-none\n    appearance-none\n    items-center\n    justify-center\n    rounded-none\n    border-none\n    text-center\n    font-normal\n    no-underline;\n  // include transition from focus\n  transition:\n    color var(--calcite-animation-timing) ease-in-out,\n    background-color var(--calcite-animation-timing) ease-in-out,\n    box-shadow var(--calcite-animation-timing) ease-in-out,\n    outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;\n  &:hover {\n    @apply no-underline;\n  }\n  & span {\n    @apply truncate;\n  }\n}\n\n.content {\n  margin-inline: var(--calcite-button-content-margin-internal);\n}\n\n.icon-start-empty {\n  .content {\n    margin-inline-start: unset;\n  }\n}\n.icon-end-empty {\n  .content {\n    margin-inline-end: unset;\n  }\n}\n\n:host([scale=\"m\"]) {\n  button,\n  a {\n    --calcite-button-content-margin-internal: theme(\"margin.3\");\n  }\n}\n:host([scale=\"l\"]) {\n  button,\n  a {\n    --calcite-button-content-margin-internal: theme(\"margin.4\");\n  }\n}\n\n// button width\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n// alignment\n:host([alignment=\"center\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-center;\n  }\n}\n:host([alignment=\"start\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-start;\n  }\n}\n:host([alignment=\"end\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-end;\n  }\n}\n:host([alignment*=\"space-between\"]:not([width=\"auto\"])) {\n  a,\n  button {\n    @apply justify-between;\n  }\n}\n:host([alignment=\"icon-start-space-between\"]:not([width=\"auto\"])) {\n  .icon--start {\n    margin-inline-end: auto;\n  }\n  a,\n  button {\n    text-align: unset;\n  }\n}\n:host([alignment=\"icon-end-space-between\"]:not([width=\"auto\"])) {\n  .icon--end {\n    margin-inline-start: auto;\n  }\n  a,\n  button {\n    text-align: unset;\n  }\n}\n\n// only two icons\n:host([alignment=\"center\"]) {\n  a:not(.content--slotted),\n  button:not(.content--slotted) {\n    .icon--start + .icon--end {\n      margin-inline-start: var(--calcite-button-content-margin-internal);\n    }\n  }\n}\n\n.icon {\n  @apply relative\n    m-0\n    inline-flex\n    font-normal;\n  line-height: inherit;\n}\n\n@include disabled();\n\n@keyframes loader-in {\n  0% {\n    inline-size: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    inline-size: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes loader-out {\n  0% {\n    inline-size: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    inline-size: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n\n.calcite-button--loader {\n  @apply flex;\n  calcite-loader {\n    @apply m-0;\n    transition:\n      inline-size var(--calcite-internal-animation-timing-slow) ease-in-out,\n      opacity var(--calcite-internal-animation-timing-slow) ease-in-out,\n      transform var(--calcite-internal-animation-timing-slow) ease-in-out;\n    &.loading-in {\n      animation-name: loader-in;\n      animation-duration: var(--calcite-internal-animation-timing-slow);\n    }\n    &.loading-out {\n      animation-name: loader-out;\n      animation-duration: var(--calcite-internal-animation-timing-slow);\n    }\n  }\n}\n\n:host([loading]) {\n  // center loading spinner when button has text\n  button.content--slotted,\n  a.content--slotted {\n    .calcite-button--loader calcite-loader {\n      margin-inline-end: var(--calcite-button-content-margin-internal);\n    }\n  }\n  // hide icons when loading with no text\n  button:not(.content--slotted),\n  a:not(.content--slotted) {\n    .icon--start,\n    .icon--end {\n      @apply hidden;\n    }\n  }\n}\n\n// button styles\n:host([appearance]) {\n  button,\n  a {\n    @apply border-color-transparent\n      border\n      border-solid;\n  }\n}\n\n:host([kind=\"brand\"]) {\n  button,\n  a {\n    @apply text-color-inverse bg-brand;\n    &:hover,\n    &:focus {\n      @apply bg-brand-hover;\n    }\n    &:active {\n      @apply bg-brand-press;\n    }\n    calcite-loader {\n      @apply text-color-inverse;\n    }\n  }\n}\n:host([kind=\"danger\"]) {\n  button,\n  a {\n    @apply text-color-inverse bg-danger;\n    &:hover,\n    &:focus {\n      @apply bg-danger-hover;\n    }\n    &:active {\n      @apply bg-danger-press;\n    }\n    calcite-loader {\n      @apply text-color-inverse;\n    }\n  }\n}\n:host([kind=\"neutral\"]) {\n  button,\n  a {\n    @apply text-color-1 bg-foreground-3;\n    &:hover,\n    &:focus {\n      @apply bg-foreground-2;\n    }\n    &:active {\n      @apply bg-foreground-1;\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([kind=\"inverse\"]) {\n  button,\n  a {\n    @apply text-color-inverse;\n    background-color: var(--calcite-color-inverse);\n    &:hover,\n    &:focus {\n      background-color: var(--calcite-color-inverse-hover);\n    }\n    &:active {\n      background-color: var(--calcite-color-inverse-press);\n    }\n    calcite-loader {\n      @apply text-color-inverse;\n    }\n  }\n}\n// outline\n:host([appearance=\"outline-fill\"]) {\n  button,\n  a {\n    @apply bg-foreground-1 border border-solid;\n    box-shadow: inset 0 0 0 1px transparent;\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"brand\"]) {\n  button,\n  a {\n    @apply border-color-brand bg-foreground-1;\n    color: theme(\"colors.brand\");\n    &:hover {\n      @apply border-color-brand-hover;\n      color: theme(\"colors.brand-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n    &:focus {\n      @apply border-color-brand;\n      color: theme(\"colors.brand\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n    }\n    &:active {\n      @apply border-color-brand-press;\n      color: theme(\"colors.brand-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.brand\");\n    }\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"danger\"]) {\n  button,\n  a {\n    @apply border-color-danger bg-foreground-1;\n    color: theme(\"colors.danger\");\n    &:hover {\n      @apply border-color-danger-hover;\n      color: theme(\"colors.danger-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger-hover);\n    }\n    &:focus {\n      @apply border-color-danger;\n      color: theme(\"colors.danger\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger);\n    }\n    &:active {\n      @apply border-color-danger-press;\n      color: theme(\"colors.danger-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.danger\");\n    }\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"neutral\"]) {\n  button,\n  a {\n    @apply text-color-1 bg-foreground-1;\n    border-color: theme(\"borderColor.color.1\");\n    &:hover {\n      box-shadow: inset 0 0 0 1px var(--calcite-color-foreground-3);\n    }\n    &:focus {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    &:active {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([appearance=\"outline-fill\"][kind=\"inverse\"]) {\n  button,\n  a {\n    @apply text-color-1 bg-foreground-1;\n    border-color: var(--calcite-color-inverse);\n    &:hover {\n      border-color: var(--calcite-color-inverse-hover);\n      box-shadow: inset 0 0 0 1px var(--calcite-color-inverse-hover);\n    }\n    &:focus {\n      border-color: var(--calcite-color-inverse);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse);\n    }\n    &:active {\n      border-color: var(--calcite-color-inverse-press);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse-press);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([appearance=\"outline\"]) {\n  button,\n  a {\n    @apply border border-solid bg-transparent;\n    box-shadow: inset 0 0 0 1px transparent;\n  }\n}\n:host([appearance=\"outline\"][kind=\"brand\"]) {\n  button,\n  a {\n    @apply border-color-brand bg-transparent;\n    color: theme(\"colors.brand\");\n    &:hover {\n      @apply border-color-brand-hover;\n      color: theme(\"colors.brand-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n    &:focus {\n      @apply border-color-brand;\n      color: theme(\"colors.brand\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n    }\n    &:active {\n      @apply border-color-brand-press;\n      color: theme(\"colors.brand-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-brand-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.brand\");\n    }\n  }\n}\n:host([appearance=\"outline\"][kind=\"danger\"]) {\n  button,\n  a {\n    @apply border-color-danger bg-transparent;\n    color: theme(\"colors.danger\");\n    &:hover {\n      @apply border-color-danger-hover;\n      color: theme(\"colors.danger-hover\");\n      box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger-hover);\n    }\n    &:focus {\n      @apply border-color-danger;\n      color: theme(\"colors.danger\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger);\n    }\n    &:active {\n      @apply border-color-danger-press;\n      color: theme(\"colors.danger-press\");\n      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger-press);\n    }\n    calcite-loader {\n      color: theme(\"colors.danger\");\n    }\n  }\n}\n:host([appearance=\"outline\"][kind=\"neutral\"]) {\n  button,\n  a {\n    @apply text-color-1  bg-transparent;\n    border-color: theme(\"borderColor.color.1\");\n    &:hover {\n      box-shadow: inset 0 0 0 1px var(--calcite-color-foreground-3);\n    }\n    &:focus {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    &:active {\n      box-shadow: inset 0 0 0 2px var(--calcite-color-foreground-3);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n:host([appearance=\"outline\"][kind=\"inverse\"]) {\n  button,\n  a {\n    @apply text-color-1  bg-transparent;\n    border-color: var(--calcite-color-inverse);\n    &:hover {\n      border-color: var(--calcite-color-inverse-hover);\n      box-shadow: inset 0 0 0 1px var(--calcite-color-inverse-hover);\n    }\n    &:focus {\n      border-color: var(--calcite-color-inverse);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse);\n    }\n    &:active {\n      border-color: var(--calcite-color-inverse-press);\n      box-shadow: inset 0 0 0 2px var(--calcite-color-inverse-press);\n    }\n    calcite-loader {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([appearance=\"outline-fill\"][split-child=\"primary\"]) button,\n:host([appearance=\"outline\"][split-child=\"primary\"]) button {\n  border-inline-end-width: 0;\n  border-inline-start-width: theme(\"borderWidth.DEFAULT\");\n}\n\n:host([appearance=\"outline-fill\"][split-child=\"secondary\"]) button,\n:host([appearance=\"outline\"][split-child=\"secondary\"]) button {\n  border-inline-start-width: 0;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n// transparent\n:host([appearance=\"transparent\"]:not(.enable-editing-button)) {\n  button,\n  a {\n    @apply bg-transparent;\n    &:hover,\n    &:focus {\n      background-color: var(--calcite-color-transparent-hover);\n    }\n    &:active {\n      background-color: var(--calcite-color-transparent-press);\n    }\n  }\n}\n:host([appearance=\"transparent\"][kind=\"brand\"]) {\n  button,\n  a {\n    color: theme(\"colors.brand\");\n    &:hover {\n      color: theme(\"colors.brand-hover\");\n    }\n    &:focus {\n      color: theme(\"colors.brand\");\n    }\n    &:active {\n      color: theme(\"colors.brand-press\");\n    }\n    calcite-loader {\n      color: theme(\"colors.brand\");\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"danger\"]) {\n  button,\n  a {\n    color: theme(\"colors.danger\");\n    &:hover {\n      color: theme(\"colors.danger-hover\");\n    }\n    &:focus {\n      color: theme(\"colors.danger\");\n    }\n    &:active {\n      color: theme(\"colors.danger-press\");\n    }\n    calcite-loader {\n      color: theme(\"colors.danger\");\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"neutral\"]:not(.cancel-editing-button)) {\n  button,\n  a,\n  calcite-loader {\n    @apply text-color-1;\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"neutral\"].cancel-editing-button) {\n  button {\n    @apply text-color-3\n      border-t-color-input\n      border-b-color-input\n      border-t\n      border-b;\n    border-block-style: solid;\n\n    &:not(.content--slotted) {\n      --calcite-button-padding-y-internal: 0;\n    }\n\n    &:hover {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"neutral\"].enable-editing-button) {\n  button {\n    @apply bg-transparent;\n  }\n}\n\n:host(.confirm-changes-button),\n:host(.cancel-editing-button),\n:host(.enable-editing-button) {\n  button {\n    &:focus {\n      outline-offset: -2px; // ensure focus outlines work in Safari\n    }\n  }\n}\n\n:host([appearance=\"transparent\"][kind=\"inverse\"]) {\n  button,\n  a,\n  calcite-loader {\n    @apply text-color-inverse;\n  }\n}\n\n// generate button scales (scenario: text exists)\n:host([scale=\"s\"]) button.content--slotted,\n:host([scale=\"s\"]) a.content--slotted {\n  @apply text-n2h;\n}\n\n// accommodate for transparent buttons not having borders\n:host([scale=\"s\"][appearance=\"transparent\"]) button.content--slotted,\n:host([scale=\"s\"][appearance=\"transparent\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: theme(\"padding.2\");\n}\n\n:host([scale=\"s\"]) button,\n:host([scale=\"s\"]) a {\n  --calcite-button-padding-y-internal: 3px;\n}\n\n:host([scale=\"m\"]) button.content--slotted,\n:host([scale=\"m\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: 11px;\n  @apply text-n1h;\n}\n\n:host([scale=\"m\"]) button,\n:host([scale=\"m\"]) a {\n  --calcite-button-padding-y-internal: 7px;\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"m\"][appearance=\"transparent\"]) button.content--slotted,\n:host([scale=\"m\"][appearance=\"transparent\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: theme(\"padding.3\");\n}\n\n:host([scale=\"l\"]) button.content--slotted,\n:host([scale=\"l\"]) a.content--slotted {\n  --calcite-button-padding-x-internal: 15px;\n  @apply text-0h;\n}\n\n:host([scale=\"l\"]) {\n  .button-padding {\n    --calcite-button-padding-x-internal: theme(\"padding.4\");\n    --calcite-button-padding-y-internal: 11px;\n  }\n  //shrink the padding if an icon is present to preserve the height\n  .button-padding--shrunk {\n    --calcite-button-padding-y-internal: 9px;\n  }\n}\n\n// generate fab scales (scenario: 1 icon, ie., should be square)\n:host([scale=\"s\"]) button:not(.content--slotted),\n:host([scale=\"s\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding[0.5]\");\n  --calcite-button-padding-y-internal: 3px;\n  @apply text-0h w-6;\n  min-block-size: theme(\"height.6\");\n}\n\n:host([scale=\"m\"]) button:not(.content--slotted),\n:host([scale=\"m\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding[0.5]\");\n  --calcite-button-padding-y-internal: 7px;\n  @apply text-0h w-8;\n  min-block-size: theme(\"height.8\");\n}\n:host([scale=\"l\"]) button:not(.content--slotted),\n:host([scale=\"l\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding[0.5]\");\n  --calcite-button-padding-y-internal: 9px;\n  @apply text-0h w-11;\n  min-block-size: theme(\"height.11\");\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"l\"][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"l\"][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-y-internal: theme(\"padding[2.5]\");\n}\n\n// generate fab scales (scenario: 2 icons, ie., should not be square)\n:host([scale=\"s\"][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=\"s\"][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: 23px;\n  @apply text-0h h-6;\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"s\"][icon-start][icon-end][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"s\"][icon-start][icon-end][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding.6\");\n}\n:host([scale=\"m\"][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=\"m\"][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding.8\");\n  @apply text-0h h-8;\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"m\"][icon-start][icon-end][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"m\"][icon-start][icon-end][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: 33px;\n}\n:host([scale=\"l\"][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=\"l\"][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: 43px;\n  @apply text-0h h-11;\n  // add space between when only 2 icons\n  .icon--start + .icon--end {\n    margin-inline-start: theme(\"margin.4\");\n  }\n}\n// accommodate for transparent buttons not having borders\n:host([scale=\"l\"][icon-start][icon-end][appearance=\"transparent\"]) button:not(.content--slotted),\n:host([scale=\"l\"][icon-start][icon-end][appearance=\"transparent\"]) a:not(.content--slotted) {\n  --calcite-button-padding-x-internal: theme(\"padding.11\");\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  forceUpdate,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { findAssociatedForm, FormOwner, resetForm, submitForm } from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { ButtonMessages } from \"./assets/button/t9n\";\nimport { ButtonAlignment } from \"./interfaces\";\nimport { CSS } from \"./resources\";\nimport { toAriaBoolean } from \"../../utils/dom\";\n\n/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */\n\n/** @slot - A slot for adding text. */\n@Component({\n  tag: \"calcite-button\",\n  styleUrl: \"button.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Button\n  implements\n    LabelableComponent,\n    InteractiveComponent,\n    FormOwner,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"aria-expanded\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the alignment of the component's elements. */\n  @Prop({ reflect: true }) alignment: ButtonAlignment = \"center\";\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the kind of the component, which will apply to the border and background if applicable. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:\n   * Without a value, the browser will suggest a filename/extension\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.\n   */\n  @Prop({ reflect: true }) download: string | boolean = false;\n\n  /**\n   * Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * When `true`, a busy indicator is displayed and interaction is disabled.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Specifies the name of the component on form submission. */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Defines the relationship between the `href` value and the current document.\n   *\n   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\n   */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, adds a round style to the component. */\n  @Prop({ reflect: true }) round = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies if the component is a child of a `calcite-split-button`. */\n  @Prop({ reflect: true }) splitChild: \"primary\" | \"secondary\" | false = false;\n\n  /**\n   * Specifies where to open the linked document defined in the `href` property.\n   *\n   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n   */\n  @Prop({ reflect: true }) target: string;\n\n  /**\n   * Specifies the default behavior of the component.\n   *\n   * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)\n   */\n  @Prop({ reflect: true }) type = \"button\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ButtonMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ButtonMessages>;\n\n  @Watch(\"loading\")\n  loadingChanged(newValue: boolean, oldValue: boolean): void {\n    if (!!newValue && !oldValue) {\n      this.hasLoader = true;\n    }\n    if (!newValue && !!oldValue) {\n      window.setTimeout(() => {\n        this.hasLoader = false;\n      }, 300);\n    }\n  }\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /** referred in t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async connectedCallback(): Promise<void> {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.hasLoader = this.loading;\n    this.setupTextContentObserver();\n    connectLabel(this);\n    this.formEl = findAssociatedForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n    this.formEl = null;\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (Build.isBrowser) {\n      this.updateHasContent();\n      await setUpMessages(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.setTooltipText();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const childElType = this.href ? \"a\" : \"button\";\n    const Tag = childElType;\n    const loaderNode = this.hasLoader ? (\n      <div class={CSS.buttonLoader}>\n        <calcite-loader\n          class={this.loading ? CSS.loadingIn : CSS.loadingOut}\n          inline\n          label={this.messages.loading}\n          scale={this.scale === \"l\" ? \"m\" : \"s\"}\n        />\n      </div>\n    ) : null;\n    const noStartEndIcons = !this.iconStart && !this.iconEnd;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconStart]: true }}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconEnd]: true }}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const contentEl = (\n      <span class={CSS.content} ref={(el) => (this.contentEl = el)}>\n        <slot />\n      </span>\n    );\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <Tag\n          aria-disabled={childElType === \"a\" ? toAriaBoolean(this.disabled || this.loading) : null}\n          aria-expanded={this.el.getAttribute(\"aria-expanded\")}\n          aria-label={!this.loading ? getLabelText(this) : this.messages.loading}\n          aria-live=\"polite\"\n          class={{\n            [CSS.buttonPadding]: noStartEndIcons,\n            [CSS.buttonPaddingShrunk]: !noStartEndIcons,\n            [CSS.contentSlotted]: this.hasContent,\n            [CSS.iconStartEmpty]: !this.iconStart,\n            [CSS.iconEndEmpty]: !this.iconEnd,\n          }}\n          disabled={childElType === \"button\" ? this.disabled || this.loading : null}\n          download={\n            childElType === \"a\" && (this.download === \"\" || this.download) ? this.download : null\n          }\n          href={childElType === \"a\" && this.href}\n          name={childElType === \"button\" && this.name}\n          onClick={this.handleClick}\n          rel={childElType === \"a\" && this.rel}\n          tabIndex={this.disabled ? -1 : null}\n          target={childElType === \"a\" && this.target}\n          title={this.tooltipText}\n          type={childElType === \"button\" && this.type}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setChildEl}\n        >\n          {loaderNode}\n          {this.iconStart ? iconStartEl : null}\n          {this.hasContent ? contentEl : null}\n          {this.iconEnd ? iconEndEl : null}\n        </Tag>\n      </InteractiveContainer>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.childEl?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteButtonElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  /** watches for changing text content */\n  private mutationObserver = createObserver(\"mutation\", () => this.updateHasContent());\n\n  /** the rendered child element */\n  private childEl?: HTMLElement;\n\n  /** determine if there is slotted content for styling purposes */\n  @State() private hasContent = false;\n\n  /** determine if loader present for styling purposes */\n  @State() private hasLoader = false;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ButtonMessages;\n\n  private updateHasContent() {\n    const slottedContent = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;\n    this.hasContent =\n      this.el.childNodes.length === 1 && this.el.childNodes[0]?.nodeName === \"#text\"\n        ? this.el.textContent?.trim().length > 0\n        : slottedContent;\n  }\n\n  private setupTextContentObserver() {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  /** keeps track of the tooltipText */\n  @State() tooltipText: string;\n\n  /** keep track of the rendered contentEl */\n  private contentEl: HTMLSpanElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.setTooltipText());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.handleClick();\n    this.setFocus();\n  }\n\n  // act on a requested or nearby form based on type\n  private handleClick = (): void => {\n    const { type } = this;\n\n    if (this.href) {\n      return;\n    }\n\n    // this.type refers to type attribute, not child element type\n    if (type === \"submit\") {\n      submitForm(this);\n    } else if (type === \"reset\") {\n      resetForm(this);\n    }\n  };\n\n  private setTooltipText = (): void => {\n    const { contentEl } = this;\n    if (contentEl) {\n      this.tooltipText =\n        contentEl.offsetWidth < contentEl.scrollWidth ? this.el.innerText || null : null;\n    }\n  };\n\n  private setChildEl = (el: HTMLElement): void => {\n    this.childEl = el;\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n    }\n  };\n}\n"],"mappings":";;;;;8iBAAO,MAAMA,EAAM,CACjBC,aAAc,yBACdC,QAAS,UACTC,eAAgB,mBAChBC,KAAM,OACNC,UAAW,cACXC,QAAS,YACTC,UAAW,aACXC,WAAY,cACZC,eAAgB,mBAChBC,aAAc,iBACdC,cAAe,iBACfC,oBAAqB,0BCZvB,MAAMC,EAAY,k0uB,MCqDLC,EAAM,M,yBAqSTC,KAAAC,iBAAmBC,EAAe,YAAY,IAAMF,KAAKG,qBAsCjEH,KAAAI,eAAiBF,EAAe,UAAU,IAAMF,KAAKK,mBAc7CL,KAAAM,YAAc,KACpB,MAAMC,KAAEA,GAASP,KAEjB,GAAIA,KAAKQ,KAAM,CACb,M,CAIF,GAAID,IAAS,SAAU,CACrBE,EAAWT,K,MACN,GAAIO,IAAS,QAAS,CAC3BG,EAAUV,K,GAINA,KAAAK,eAAiB,KACvB,MAAMM,UAAEA,GAAcX,KACtB,GAAIW,EAAW,CACbX,KAAKY,YACHD,EAAUE,YAAcF,EAAUG,YAAcd,KAAKe,GAAGC,WAAa,KAAO,I,GAI1EhB,KAAAiB,WAAcF,IACpBf,KAAKkB,QAAUH,EAEf,GAAIA,EAAI,CACNf,KAAKI,gBAAgBe,QAAQJ,E,kBAzVqB,S,gBAMlD,Q,+BAOF,Q,cAGkC,M,kCAekB,M,4GAmBnB,M,kDAaF,M,WAGO,I,gBAG+B,M,gCAcvC,S,WAGQ,O,wEA0LV,M,eAGD,M,qBAEF,G,0DAhS3B,6BAAAK,GACEC,EAAYrB,K,CAiHd,cAAAsB,CAAeC,EAAmBC,GAChC,KAAMD,IAAaC,EAAU,CAC3BxB,KAAKyB,UAAY,I,CAEnB,IAAKF,KAAcC,EAAU,CAC3BE,OAAOC,YAAW,KAChB3B,KAAKyB,UAAY,KAAK,GACrB,I,EAKP,gBAAAG,G,CAUA,uBAAMC,GACJC,EAAmB9B,MACnB+B,EAAiB/B,MACjBgC,EAAgBhC,MAChBA,KAAKyB,UAAYzB,KAAKiC,QACtBjC,KAAKkC,2BACLC,EAAanC,MACbA,KAAKoC,OAASC,EAAmBrC,K,CAGnC,oBAAAsC,GACEtC,KAAKC,kBAAkBsC,aACvBC,EAAsBxC,MACtByC,EAAgBzC,MAChB0C,EAAoB1C,MACpB2C,EAAmB3C,MACnBA,KAAKI,gBAAgBmC,aACrBvC,KAAKoC,OAAS,I,CAGhB,uBAAMQ,GACJC,EAAuB7C,MACF,CACnBA,KAAKG,yBACC2C,EAAc9C,K,EAIxB,gBAAA+C,GACEC,EAAmBhD,MACnBA,KAAKK,gB,CAGP,kBAAA4C,GACEC,EAAsBlD,K,CAGxB,MAAAmD,GACE,MAAMC,EAAcpD,KAAKQ,KAAO,IAAM,SACtC,MAAM6C,EAAMD,EACZ,MAAME,EAAatD,KAAKyB,UACtB8B,EAAA,OAAKC,MAAOvE,EAAIC,cACdqE,EAAA,kBACEC,MAAOxD,KAAKiC,QAAUhD,EAAIO,UAAYP,EAAIQ,WAC1CgE,OAAM,KACNC,MAAO1D,KAAK2D,SAAS1B,QACrB2B,MAAO5D,KAAK4D,QAAU,IAAM,IAAM,OAGpC,KACJ,MAAMC,GAAmB7D,KAAKV,YAAcU,KAAKT,QAEjD,MAAMuE,EACJP,EAAA,gBACEC,MAAO,CAAE,CAACvE,EAAII,MAAO,KAAM,CAACJ,EAAIK,WAAY,MAC5CyE,QAAS/D,KAAKgE,cAAgB,SAAWhE,KAAKgE,cAAgB,OAC9D3E,KAAMW,KAAKV,UACXsE,MAAOK,EAAajE,KAAK4D,SAI7B,MAAMM,EACJX,EAAA,gBACEC,MAAO,CAAE,CAACvE,EAAII,MAAO,KAAM,CAACJ,EAAIM,SAAU,MAC1CwE,QAAS/D,KAAKgE,cAAgB,OAAShE,KAAKgE,cAAgB,OAC5D3E,KAAMW,KAAKT,QACXqE,MAAOK,EAAajE,KAAK4D,SAI7B,MAAMjD,EACJ4C,EAAA,QAAMC,MAAOvE,EAAIE,QAASgF,IAAMpD,GAAQf,KAAKW,UAAYI,GACvDwC,EAAA,cAIJ,OACEA,EAACa,EAAoB,CAACC,SAAUrE,KAAKqE,UACnCd,EAACF,EAAG,iBACaD,IAAgB,IAAMkB,EAActE,KAAKqE,UAAYrE,KAAKiC,SAAW,KAAI,gBACzEjC,KAAKe,GAAGwD,aAAa,iBAAgB,cACvCvE,KAAKiC,QAAUuC,EAAaxE,MAAQA,KAAK2D,SAAS1B,QAAO,YAC5D,SACVuB,MAAO,CACL,CAACvE,EAAIW,eAAgBiE,EACrB,CAAC5E,EAAIY,sBAAuBgE,EAC5B,CAAC5E,EAAIG,gBAAiBY,KAAKyE,WAC3B,CAACxF,EAAIS,iBAAkBM,KAAKV,UAC5B,CAACL,EAAIU,eAAgBK,KAAKT,SAE5B8E,SAAUjB,IAAgB,SAAWpD,KAAKqE,UAAYrE,KAAKiC,QAAU,KACrEyC,SACEtB,IAAgB,MAAQpD,KAAK0E,WAAa,IAAM1E,KAAK0E,UAAY1E,KAAK0E,SAAW,KAEnFlE,KAAM4C,IAAgB,KAAOpD,KAAKQ,KAClCmE,KAAMvB,IAAgB,UAAYpD,KAAK2E,KACvCC,QAAS5E,KAAKM,YACduE,IAAKzB,IAAgB,KAAOpD,KAAK6E,IACjCC,SAAU9E,KAAKqE,UAAY,EAAI,KAC/BU,OAAQ3B,IAAgB,KAAOpD,KAAK+E,OACpCC,MAAOhF,KAAKY,YACZL,KAAM6C,IAAgB,UAAYpD,KAAKO,KAEvC4D,IAAKnE,KAAKiB,YAETqC,EACAtD,KAAKV,UAAYwE,EAAc,KAC/B9D,KAAKyE,WAAa9D,EAAY,KAC9BX,KAAKT,QAAU2E,EAAY,M,CAcpC,cAAMe,SACEC,EAAmBlF,MAEzBA,KAAKkB,SAASiE,O,CA8BhB,qBAAAC,GACEC,EAAerF,KAAMA,KAAKsF,gB,CAKpB,gBAAAnF,GACN,MAAMoF,EAAiBvF,KAAKe,GAAGyE,YAAYC,OAAOC,OAAS,GAAK1F,KAAKe,GAAG4E,WAAWD,OAAS,EAC5F1F,KAAKyE,WACHzE,KAAKe,GAAG4E,WAAWD,SAAW,GAAK1F,KAAKe,GAAG4E,WAAW,IAAIC,WAAa,QACnE5F,KAAKe,GAAGyE,aAAaC,OAAOC,OAAS,EACrCH,C,CAGA,wBAAArD,GACNlC,KAAKC,kBAAkBkB,QAAQnB,KAAKe,GAAI,CAAE8E,UAAW,KAAMC,QAAS,M,CAiBtE,YAAAC,GACE/F,KAAKM,cACLN,KAAKiF,U"}

package/dist/calcite/p-7d4036d2.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var r={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function e(r){var m=r===1?"er":"";return""+r+m}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-7d4036d2.js.map

package/dist/calcite/p-7fce6038.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as e,h as t,g as s}from"./p-b803ea41.js";import{c as i,d as n}from"./p-3e11754e.js";import{u as a,c,s as r,d as o}from"./p-f70e0d88.js";import{c as l}from"./p-4c100949.js";import{x as d}from"./p-45ff4eb2.js";import"./p-18fefdd4.js";import"./p-61de3618.js";import"./p-a6db335a.js";const h={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=d(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){a(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){n(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:h.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:h.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
+//# sourceMappingURL=p-7fce6038.entry.js.map

package/dist/calcite/p-8030c613.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var m={name:"fr-ch",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),weekStart:1,weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),ordinal:function e(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-8030c613.js.map

package/dist/calcite/p-811224fc.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as e,c as t,h as n,H as i,g as o}from"./p-b803ea41.js";import{d as s,z as c,e as a,b as r,g as l,t as h,A as d}from"./p-45ff4eb2.js";import{c as u,d as f}from"./p-8f9611bd.js";import{c as m,d as p,u as b,I as k}from"./p-e2450177.js";import{C as x}from"./p-a6db335a.js";import{g as v}from"./p-2b02889a.js";import"./p-61de3618.js";import"./p-4c100949.js";import"./p-4ff2dc44.js";function g(e){return e?.tagName==="CALCITE-TREE-ITEM"}function y(e){return Array.from(e.querySelectorAll("calcite-tree-item:not([disabled])")).filter((t=>{let n=t;while(n!==e&&n!==undefined){const e=n.parentElement;const t=!g(e)||!e.hasChildren||e.expanded;if(!t){return false}n=n.parentElement}return true}))}const w=":host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const z=class{constructor(n){e(this,n);this.calciteTreeSelect=t(this,"calciteTreeSelect",6);this.keyDownHandler=e=>{if(this.child){return}const t=this.el;const n=e.target;const i=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(g(n)&&this.el.contains(n))||!i.includes(e.key)){return}const o=y(t);if(e.key==="Tab"){o.forEach((e=>e.tabIndex=-1));return}if(e.key==="ArrowDown"){const t=o.indexOf(n);const i=o[t+1];i?.focus();e.preventDefault();return}if(e.key==="ArrowUp"){const t=o.indexOf(n);const i=o[t-1];i?.focus();e.preventDefault();return}if(e.key==="ArrowLeft"){if(n.hasChildren&&n.expanded){n.expanded=false;e.preventDefault();return}const t=o.slice(0,o.indexOf(n)).reverse();const i=t.find((e=>e.depth===n.depth-1));i?.focus();e.preventDefault();return}if(e.key==="ArrowRight"){if(!n.disabled&&n.hasChildren){if(!n.expanded){n.expanded=true;e.preventDefault()}else{const t=o.indexOf(n);const i=o[t+1];i?.focus();e.preventDefault()}}return}if(e.key==="Home"){const t=o.shift();if(t){t.focus();e.preventDefault()}return}if(e.key==="End"){const t=o.pop();if(t){t.focus();e.preventDefault()}return}};this.lines=false;this.child=undefined;this.scale="m";this.selectionMode="single";this.selectedItems=[]}componentWillRender(){const e=this.el.parentElement?.closest("calcite-tree");this.lines=e?e.lines:this.lines;this.scale=e?e.scale:this.scale;this.selectionMode=e?e.selectionMode:this.selectionMode;this.child=!!e}render(){return n(i,{"aria-multiselectable":this.child?undefined:(this.selectionMode==="multiple"||this.selectionMode==="multichildren").toString(),onKeyDown:this.keyDownHandler,role:!this.child?"tree":undefined,tabIndex:this.getRootTabIndex()},n("slot",null))}onFocus(){if(!this.child){const e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");s(e)}}onFocusIn(e){const t=e.relatedTarget===this.el||!this.el.contains(e.relatedTarget);if(t){this.el.removeAttribute("tabindex")}}onFocusOut(e){const t=!this.el.contains(e.relatedTarget);if(t){this.el.tabIndex=this.getRootTabIndex()}}onInternalTreeItemSelect(e){if(this.child){return}const t=e.target;const n=c(t.querySelectorAll("calcite-tree-item"));e.preventDefault();e.stopPropagation();if(this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}const i=this.selectionMode==="none";const o=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren"));const s=this.selectionMode==="multichildren"&&t.hasChildren;const a=!i&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren");const r=!a&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&n.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren");const l=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren;const h=[];if(o){h.push(t)}if(r){const e=c(this.el.querySelectorAll("calcite-tree-item[selected]"));e.forEach((e=>{if(!h.includes(e)){e.selected=false}}))}if(l&&["multiple","none","single","single-persist"].includes(this.selectionMode)){t.expanded=!t.expanded}if(s){n.forEach((e=>{e.selected=false;if(e.hasChildren){e.expanded=false}}))}if(a){window.getSelection().removeAllRanges()}if(a&&t.selected){h.forEach((e=>{if(!e.disabled){e.selected=false}}))}else if(!i){h.forEach((e=>{if(!e.disabled){e.selected=true}}))}this.selectedItems=i?[]:c(this.el.querySelectorAll("calcite-tree-item")).filter((e=>e.selected));this.calciteTreeSelect.emit();e.stopPropagation()}updateAncestorTree(e){const t=e.target;const n=e.detail.updateItem;if(t.disabled||t.indeterminate&&!n){return}const i=[];let o=t.parentElement.closest("calcite-tree-item");while(o){i.push(o);o=o.parentElement.closest("calcite-tree-item")}const s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])"));const a=s.filter((e=>!e.hasChildren));const r=s.filter((e=>e.hasChildren));let l;if(n){l=t.hasChildren?!(t.selected||t.indeterminate):!t.selected}else{l=t.selected}a.forEach((e=>{e.selected=l;e.indeterminate=false}));function h(e,t){const n=e.filter((e=>e.selected));const i=e.filter((e=>!e.selected));t.selected=n.length===e.length;t.indeterminate=n.length>0&&i.length>0}r.reverse().forEach((e=>{const t=Array.from(e.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));h(t,e)}));if(n){if(t.hasChildren){h(s,t)}else{t.selected=l;t.indeterminate=false}}i.forEach((e=>{const t=c(e.querySelectorAll("calcite-tree-item"));const n=t.filter((e=>e.selected));if(n.length===0){e.selected=false;e.indeterminate=false;return}const i=n.length<t.length;e.indeterminate=i;e.selected=!i}));this.selectedItems=c(this.el.querySelectorAll("calcite-tree-item")).filter((e=>e.selected));if(n){this.calciteTreeSelect.emit()}}getRootTabIndex(){return!this.child?0:-1}get el(){return o(this)}};z.style=w;const A={actionsEnd:"actions-end",checkboxLabel:"checkbox-label",checkbox:"checkbox",chevron:"chevron",nodeContainer:"node-container",childrenContainer:"children-container",bulletPointIcon:"bullet-point",checkmarkIcon:"checkmark",itemExpanded:"item--expanded",iconStart:"icon-start",nodeAndActionsContainer:"node-actions-container"};const I={actionsEnd:"actions-end",children:"children"};const C={bulletPoint:"bullet-point",checkmark:"check",chevronRight:"chevron-right",blank:"blank"};const E=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}.node-actions-container{display:flex}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}';const S=class{constructor(n){e(this,n);this.calciteInternalTreeItemSelect=t(this,"calciteInternalTreeItemSelect",6);this.iconClickHandler=e=>{e.stopPropagation();this.expanded=!this.expanded};this.childrenClickHandler=e=>e.stopPropagation();this.userChangedValue=false;this.updateParentIsExpanded=(e,t)=>{const n=a(e,I.children,{all:true,selector:"calcite-tree-item"});n.forEach((e=>e.parentExpanded=t))};this.actionsEndSlotChangeHandler=e=>{this.hasEndActions=r(e)};this.disabled=false;this.expanded=false;this.iconFlipRtl=undefined;this.iconStart=undefined;this.selected=false;this.parentExpanded=false;this.depth=-1;this.hasChildren=null;this.lines=undefined;this.scale=undefined;this.indeterminate=false;this.selectionMode=undefined;this.hasEndActions=false;this.updateAfterInitialRender=false}expandedHandler(e){this.updateParentIsExpanded(this.el,e)}handleSelectedChange(e){if(this.selectionMode==="ancestors"&&!this.userChangedValue){if(e){this.indeterminate=false}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:true,updateItem:false})}}getSelectionMode(){this.isSelectionMultiLike=this.selectionMode==="multiple"||this.selectionMode==="multichildren"}connectedCallback(){this.parentTreeItem=this.el.parentElement?.closest("calcite-tree-item");if(this.parentTreeItem){const{expanded:e}=this.parentTreeItem;this.updateParentIsExpanded(this.parentTreeItem,e)}u(this);m(this)}disconnectedCallback(){f(this);p(this)}componentWillRender(){this.hasChildren=!!this.el.querySelector("calcite-tree");this.depth=0;let e=this.el.closest("calcite-tree");if(!e){return}this.selectionMode=e.selectionMode;this.scale=e.scale||"m";this.lines=e.lines;let t;while(e){t=e.parentElement?.closest("calcite-tree");if(t===e){break}else{e=t;this.depth=this.depth+1}}}componentWillLoad(){requestAnimationFrame((()=>this.updateAfterInitialRender=true))}componentDidLoad(){this.updateAncestorTree()}componentDidRender(){b(this)}render(){const e=l(this.el)==="rtl";const t=this.selectionMode==="single"||this.selectionMode==="children";const o=this.selectionMode==="multiple"||this.selectionMode==="multichildren";const s=this.selectionMode==="none"&&!this.hasChildren;const c=this.hasChildren?n("calcite-icon",{class:{[A.chevron]:true,[x.rtl]:e},"data-test-id":"icon",icon:C.chevronRight,onClick:this.iconClickHandler,scale:v(this.scale)}):null;const a=n("slot",{key:"default-slot"});const r=this.selectionMode==="ancestors"?n("label",{class:A.checkboxLabel,key:"checkbox-label"},n("calcite-checkbox",{checked:this.selected,class:A.checkbox,"data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),a):null;const d=t?C.bulletPoint:o?C.checkmark:s?C.blank:null;const u=d?n("calcite-icon",{class:{[A.bulletPointIcon]:d===C.bulletPoint,[A.checkmarkIcon]:d===C.checkmark,[x.rtl]:e},icon:d,scale:v(this.scale)}):null;const f=!(this.parentExpanded||this.depth===1);const m=this.updateAfterInitialRender&&this.expanded;const{hasEndActions:p}=this;const b=n("slot",{key:"actionsEndSlot",name:I.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler});const g=n("calcite-icon",{class:A.iconStart,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:v(this.scale)});return n(i,{"aria-expanded":this.hasChildren?h(m):undefined,"aria-hidden":h(f),"aria-selected":this.selected?"true":o?"false":undefined,"calcite-hydrated-hidden":f,role:"treeitem",tabIndex:this.disabled?-1:0},n(k,{disabled:this.disabled},n("div",{class:{[A.itemExpanded]:m}},n("div",{class:A.nodeAndActionsContainer},n("div",{class:{[A.nodeContainer]:true,[x.rtl]:e},"data-selection-mode":this.selectionMode,ref:e=>this.defaultSlotWrapper=e},c,u,this.iconStart?g:null,r?r:a),n("div",{class:A.actionsEnd,hidden:!p,ref:e=>this.actionSlotWrapper=e},b)),n("div",{class:{[A.childrenContainer]:true,[x.rtl]:e},"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,role:this.hasChildren?"group":undefined},n("slot",{name:I.children})))))}onClick(e){if(this.disabled||this.isActionEndEvent(e)){return}const[t]=d(this.el,"a");if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){const e=t.target===""?"_self":t.target;window.open(t.href,e)}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode==="ancestors"||this.isSelectionMultiLike,updateItem:true});this.userChangedValue=true}keyDownHandler(e){if(this.isActionEndEvent(e)||e.defaultPrevented){return}switch(e.key){case" ":this.userChangedValue=true;this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:true});e.preventDefault();break;case"Enter":const t=Array.from(this.el.children).find((e=>e.matches("a")));this.userChangedValue=true;if(t){t.click();this.selected=true}else{this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:true})}e.preventDefault()}}isActionEndEvent(e){const t=e.composedPath();return t.includes(this.actionSlotWrapper)}updateAncestorTree(){const e=this.parentTreeItem;if(this.selectionMode!=="ancestors"||!e){return}if(this.selected){const t=this.el.parentElement;const n=Array.from(t?.children);const i=n.filter((e=>e.selected));if(n.length===i.length){e.selected=true;e.indeterminate=false}else if(i.length>0){e.indeterminate=true}const o=Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])"));o.forEach((e=>{e.selected=true;e.indeterminate=false}))}else if(this.indeterminate){const e=this.parentTreeItem;e.indeterminate=true}}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"],selected:["handleSelectedChange"],selectionMode:["getSelectionMode"]}}};S.style=E;export{z as calcite_tree,S as calcite_tree_item};
+//# sourceMappingURL=p-811224fc.entry.js.map

package/dist/calcite/p-811224fc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTreeItem","element","tagName","getTraversableItems","root","Array","from","querySelectorAll","filter","item","currentItem","undefined","parent","parentElement","traversable","hasChildren","expanded","treeCss","Tree","this","keyDownHandler","event","child","el","target","supportedKeys","contains","includes","key","traversableItems","forEach","tabIndex","currentItemIndex","indexOf","nextItem","focus","preventDefault","previousItem","rootToItemPath","slice","reverse","parentItem","find","depth","disabled","firstNode","shift","lastNode","pop","componentWillRender","closest","lines","scale","selectionMode","render","h","Host","toString","onKeyDown","role","getRootTabIndex","onFocus","focusTarget","querySelector","focusElement","onFocusIn","focusedFromRootOrOutsideTree","relatedTarget","removeAttribute","onFocusOut","willFocusOutsideTree","onInternalTreeItemSelect","childItems","nodeListToArray","stopPropagation","updateAncestorTree","isNoneSelectionMode","shouldSelect","shouldDeselectAllChildren","shouldModifyToCurrentSelection","detail","modifyCurrentSelection","shouldClearCurrentSelection","length","shouldUpdateExpand","targetItems","push","selectedItems","treeItem","selected","window","getSelection","removeAllRanges","i","calciteTreeSelect","emit","updateItem","indeterminate","ancestors","childItemsWithNoChildren","childItemsWithChildren","futureSelected","updateItemState","unselected","directChildItems","ancestor","descendants","activeDescendants","CSS","actionsEnd","checkboxLabel","checkbox","chevron","nodeContainer","childrenContainer","bulletPointIcon","checkmarkIcon","itemExpanded","iconStart","nodeAndActionsContainer","SLOTS","children","ICONS","bulletPoint","checkmark","chevronRight","blank","treeItemCss","TreeItem","iconClickHandler","childrenClickHandler","userChangedValue","updateParentIsExpanded","items","getSlotted","all","selector","parentExpanded","actionsEndSlotChangeHandler","hasEndActions","slotChangeHasAssignedElement","expandedHandler","newValue","handleSelectedChange","value","calciteInternalTreeItemSelect","getSelectionMode","isSelectionMultiLike","connectedCallback","parentTreeItem","connectConditionalSlotComponent","connectInteractive","disconnectedCallback","disconnectConditionalSlotComponent","disconnectInteractive","parentTree","nextParentTree","componentWillLoad","requestAnimationFrame","updateAfterInitialRender","componentDidLoad","componentDidRender","updateHostInteraction","rtl","getElementDir","showBulletPoint","showCheckmark","showBlank","class","CSS_UTILITY","icon","onClick","getIconScale","defaultSlotNode","checked","selectedIcon","itemIndicator","hidden","isExpanded","slotNode","name","onSlotchange","iconStartEl","flipRtl","iconFlipRtl","toAriaBoolean","InteractiveContainer","ref","defaultSlotWrapper","actionSlotWrapper","isActionEndEvent","link","filterDirectChildren","composedPath","toLowerCase","open","href","defaultPrevented","matches","click","siblings","selectedSiblings"],"sources":["src/components/tree/utils.ts","src/components/tree/tree.scss?tag=calcite-tree&encapsulation=shadow","src/components/tree/tree.tsx","src/components/tree-item/resources.ts","src/components/tree-item/tree-item.scss?tag=calcite-tree-item&encapsulation=shadow","src/components/tree-item/tree-item.tsx"],"sourcesContent":["export function isTreeItem(element: Element): element is HTMLCalciteTreeItemElement {\n  return element?.tagName === \"CALCITE-TREE-ITEM\";\n}\n\nexport function getTraversableItems(root: HTMLCalciteTreeElement): HTMLCalciteTreeItemElement[] {\n  return Array.from(root.querySelectorAll<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\")).filter(\n    (item): boolean => {\n      let currentItem: HTMLElement = item;\n\n      while (currentItem !== root && currentItem !== undefined) {\n        const parent = currentItem.parentElement;\n        const traversable = !isTreeItem(parent) || !parent.hasChildren || parent.expanded;\n\n        if (!traversable) {\n          return false;\n        }\n\n        currentItem = currentItem.parentElement;\n      }\n\n      return true;\n    },\n  );\n}\n",":host {\n  @apply block;\n}\n\n:host(:focus) {\n  @apply outline-none;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { focusElement, nodeListToArray } from \"../../utils/dom\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { TreeItemSelectDetail } from \"../tree-item/interfaces\";\nimport { getTraversableItems, isTreeItem } from \"./utils\";\n\n/**\n * @slot - A slot for `calcite-tree-item` elements.\n */\n@Component({\n  tag: \"calcite-tree\",\n  styleUrl: \"tree.scss\",\n  shadow: true,\n})\nexport class Tree {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays indentation guide lines. */\n  @Prop({ mutable: true, reflect: true }) lines = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) child: boolean;\n\n  /** Specifies the size of the component. */\n  @Prop({ mutable: true, reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"ancestors\"` displays with a checkbox and allows any number of selections from corresponding parent and child selections,\n   *\n   * `\"children\"` allows any number of selections from one parent from corresponding parent and child selections,\n   *\n   * `\"multichildren\"` allows any number of selections from corresponding parent and child selections,\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"none\"` allows no selections,\n   *\n   * `\"single\"` allows one selection, and\n   *\n   * `\"single-persist\"` allows and requires one selection.\n   *\n   * @default \"single\"\n   */\n  @Prop({ mutable: true, reflect: true }) selectionMode: SelectionMode = \"single\";\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTreeItemElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillRender(): void {\n    const parent: HTMLCalciteTreeElement = this.el.parentElement?.closest(\"calcite-tree\");\n    this.lines = parent ? parent.lines : this.lines;\n    this.scale = parent ? parent.scale : this.scale;\n    this.selectionMode = parent ? parent.selectionMode : this.selectionMode;\n    this.child = !!parent;\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-multiselectable={\n          this.child\n            ? undefined\n            : (\n                this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\"\n              ).toString()\n        }\n        onKeyDown={this.keyDownHandler}\n        role={!this.child ? \"tree\" : undefined}\n        tabIndex={this.getRootTabIndex()}\n      >\n        <slot />\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"focus\") onFocus(): void {\n    if (!this.child) {\n      const focusTarget =\n        this.el.querySelector<HTMLCalciteTreeItemElement>(\n          \"calcite-tree-item[selected]:not([disabled])\",\n        ) || this.el.querySelector<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\");\n\n      focusElement(focusTarget);\n    }\n  }\n\n  @Listen(\"focusin\") onFocusIn(event: FocusEvent): void {\n    const focusedFromRootOrOutsideTree =\n      event.relatedTarget === this.el || !this.el.contains(event.relatedTarget as HTMLElement);\n\n    if (focusedFromRootOrOutsideTree) {\n      // gives user the ability to tab into external elements (modifying tabindex property will not work in firefox)\n      this.el.removeAttribute(\"tabindex\");\n    }\n  }\n\n  @Listen(\"focusout\") onFocusOut(event: FocusEvent): void {\n    const willFocusOutsideTree = !this.el.contains(event.relatedTarget as HTMLElement);\n\n    if (willFocusOutsideTree) {\n      this.el.tabIndex = this.getRootTabIndex();\n    }\n  }\n\n  @Listen(\"calciteInternalTreeItemSelect\")\n  onInternalTreeItemSelect(event: CustomEvent<TreeItemSelectDetail>): void {\n    if (this.child) {\n      return;\n    }\n\n    const target = event.target as HTMLCalciteTreeItemElement;\n    const childItems = nodeListToArray(\n      target.querySelectorAll(\"calcite-tree-item\"),\n    ) as HTMLCalciteTreeItemElement[];\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.selectionMode === \"ancestors\") {\n      this.updateAncestorTree(event);\n      return;\n    }\n\n    const isNoneSelectionMode = this.selectionMode === \"none\";\n\n    const shouldSelect =\n      this.selectionMode !== null &&\n      (!target.hasChildren ||\n        (target.hasChildren &&\n          (this.selectionMode === \"children\" || this.selectionMode === \"multichildren\")));\n\n    const shouldDeselectAllChildren = this.selectionMode === \"multichildren\" && target.hasChildren;\n\n    const shouldModifyToCurrentSelection =\n      !isNoneSelectionMode &&\n      event.detail.modifyCurrentSelection &&\n      (this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\");\n\n    const shouldClearCurrentSelection =\n      !shouldModifyToCurrentSelection &&\n      (((this.selectionMode === \"single\" || this.selectionMode === \"multiple\") &&\n        childItems.length <= 0) ||\n        this.selectionMode === \"children\" ||\n        this.selectionMode === \"multichildren\");\n\n    const shouldUpdateExpand =\n      [\"multiple\", \"none\", \"single\", \"single-persist\"].includes(this.selectionMode) &&\n      target.hasChildren;\n\n    const targetItems: HTMLCalciteTreeItemElement[] = [];\n\n    if (shouldSelect) {\n      targetItems.push(target);\n    }\n\n    if (shouldClearCurrentSelection) {\n      const selectedItems = nodeListToArray(\n        this.el.querySelectorAll(\"calcite-tree-item[selected]\"),\n      ) as HTMLCalciteTreeItemElement[];\n\n      selectedItems.forEach((treeItem) => {\n        if (!targetItems.includes(treeItem)) {\n          treeItem.selected = false;\n        }\n      });\n    }\n\n    if (\n      shouldUpdateExpand &&\n      [\"multiple\", \"none\", \"single\", \"single-persist\"].includes(this.selectionMode)\n    ) {\n      target.expanded = !target.expanded;\n    }\n\n    if (shouldDeselectAllChildren) {\n      childItems.forEach((item) => {\n        item.selected = false;\n        if (item.hasChildren) {\n          item.expanded = false;\n        }\n      });\n    }\n\n    if (shouldModifyToCurrentSelection) {\n      window.getSelection().removeAllRanges();\n    }\n\n    if (shouldModifyToCurrentSelection && target.selected) {\n      targetItems.forEach((treeItem) => {\n        if (!treeItem.disabled) {\n          treeItem.selected = false;\n        }\n      });\n    } else if (!isNoneSelectionMode) {\n      targetItems.forEach((treeItem) => {\n        if (!treeItem.disabled) {\n          treeItem.selected = true;\n        }\n      });\n    }\n\n    this.selectedItems = isNoneSelectionMode\n      ? []\n      : (nodeListToArray(this.el.querySelectorAll(\"calcite-tree-item\")).filter(\n          (i) => i.selected,\n        ) as HTMLCalciteTreeItemElement[]);\n\n    this.calciteTreeSelect.emit();\n\n    event.stopPropagation();\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.child) {\n      return;\n    }\n\n    const root = this.el;\n    const target = event.target as HTMLCalciteTreeItemElement;\n\n    const supportedKeys = [\"ArrowRight\", \"ArrowDown\", \"ArrowLeft\", \"ArrowUp\", \"Home\", \"End\", \"Tab\"];\n\n    if (!(isTreeItem(target) && this.el.contains(target)) || !supportedKeys.includes(event.key)) {\n      return;\n    }\n\n    const traversableItems = getTraversableItems(root);\n\n    if (event.key === \"Tab\") {\n      // root tabindex will be restored when blurred/focused\n      traversableItems.forEach((item) => (item.tabIndex = -1));\n      return;\n    }\n\n    if (event.key === \"ArrowDown\") {\n      const currentItemIndex = traversableItems.indexOf(target);\n      const nextItem = traversableItems[currentItemIndex + 1];\n      nextItem?.focus();\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      const currentItemIndex = traversableItems.indexOf(target);\n      const previousItem = traversableItems[currentItemIndex - 1];\n      previousItem?.focus();\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === \"ArrowLeft\") {\n      if (target.hasChildren && target.expanded) {\n        target.expanded = false;\n        event.preventDefault();\n        return;\n      }\n\n      const rootToItemPath = traversableItems.slice(0, traversableItems.indexOf(target)).reverse();\n      const parentItem = rootToItemPath.find((item) => item.depth === target.depth - 1);\n\n      parentItem?.focus();\n      event.preventDefault();\n\n      return;\n    }\n\n    if (event.key === \"ArrowRight\") {\n      if (!target.disabled && target.hasChildren) {\n        if (!target.expanded) {\n          target.expanded = true;\n          event.preventDefault();\n        } else {\n          const currentItemIndex = traversableItems.indexOf(target);\n          const nextItem = traversableItems[currentItemIndex + 1];\n          nextItem?.focus();\n          event.preventDefault();\n        }\n      }\n\n      return;\n    }\n\n    if (event.key === \"Home\") {\n      const firstNode = traversableItems.shift();\n      if (firstNode) {\n        firstNode.focus();\n        event.preventDefault();\n      }\n      return;\n    }\n\n    if (event.key === \"End\") {\n      const lastNode = traversableItems.pop();\n      if (lastNode) {\n        lastNode.focus();\n        event.preventDefault();\n      }\n      return;\n    }\n  };\n\n  private updateAncestorTree(event: CustomEvent<TreeItemSelectDetail>): void {\n    const item = event.target as HTMLCalciteTreeItemElement;\n    const updateItem = event.detail.updateItem;\n\n    if (item.disabled || (item.indeterminate && !updateItem)) {\n      return;\n    }\n\n    const ancestors: HTMLCalciteTreeItemElement[] = [];\n    let parent = item.parentElement.closest<HTMLCalciteTreeItemElement>(\"calcite-tree-item\");\n    while (parent) {\n      ancestors.push(parent);\n      parent = parent.parentElement.closest<HTMLCalciteTreeItemElement>(\"calcite-tree-item\");\n    }\n\n    const childItems = Array.from(\n      item.querySelectorAll<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\"),\n    );\n    const childItemsWithNoChildren = childItems.filter((child) => !child.hasChildren);\n    const childItemsWithChildren = childItems.filter((child) => child.hasChildren);\n\n    let futureSelected;\n    if (updateItem) {\n      futureSelected = item.hasChildren ? !(item.selected || item.indeterminate) : !item.selected;\n    } else {\n      futureSelected = item.selected;\n    }\n\n    childItemsWithNoChildren.forEach((el) => {\n      el.selected = futureSelected;\n      el.indeterminate = false;\n    });\n\n    function updateItemState(\n      childItems: HTMLCalciteTreeItemElement[],\n      item: HTMLCalciteTreeItemElement,\n    ): void {\n      const selected = childItems.filter((child) => child.selected);\n      const unselected = childItems.filter((child) => !child.selected);\n\n      item.selected = selected.length === childItems.length;\n      item.indeterminate = selected.length > 0 && unselected.length > 0;\n    }\n\n    childItemsWithChildren.reverse().forEach((el) => {\n      const directChildItems = Array.from(\n        el.querySelectorAll<HTMLCalciteTreeItemElement>(\n          \":scope > calcite-tree > calcite-tree-item\",\n        ),\n      );\n\n      updateItemState(directChildItems, el);\n    });\n\n    if (updateItem) {\n      if (item.hasChildren) {\n        updateItemState(childItems, item);\n      } else {\n        item.selected = futureSelected;\n        item.indeterminate = false;\n      }\n    }\n\n    ancestors.forEach((ancestor) => {\n      const descendants = nodeListToArray(ancestor.querySelectorAll(\"calcite-tree-item\"));\n      const activeDescendants = descendants.filter((el) => el.selected);\n      if (activeDescendants.length === 0) {\n        ancestor.selected = false;\n        ancestor.indeterminate = false;\n        return;\n      }\n\n      const indeterminate = activeDescendants.length < descendants.length;\n      ancestor.indeterminate = indeterminate;\n      ancestor.selected = !indeterminate;\n    });\n\n    this.selectedItems = (\n      nodeListToArray(this.el.querySelectorAll(\"calcite-tree-item\")) as HTMLCalciteTreeItemElement[]\n    ).filter((i) => i.selected);\n\n    if (updateItem) {\n      this.calciteTreeSelect.emit();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the user selects/deselects `calcite-tree-items`.\n   */\n  @Event({ cancelable: false }) calciteTreeSelect: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTreeElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  getRootTabIndex(): number {\n    return !this.child ? 0 : -1;\n  }\n}\n","export const CSS = {\n  actionsEnd: \"actions-end\",\n  checkboxLabel: \"checkbox-label\",\n  checkbox: \"checkbox\",\n  chevron: \"chevron\",\n  nodeContainer: \"node-container\",\n  childrenContainer: \"children-container\",\n  bulletPointIcon: \"bullet-point\",\n  checkmarkIcon: \"checkmark\",\n  itemExpanded: \"item--expanded\",\n  iconStart: \"icon-start\",\n  nodeAndActionsContainer: \"node-actions-container\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  children: \"children\",\n};\n\nexport const ICONS = {\n  bulletPoint: \"bullet-point\",\n  checkmark: \"check\",\n  chevronRight: \"chevron-right\",\n  blank: \"blank\",\n};\n",":host {\n  @apply text-color-3\n    block\n    max-w-full\n    cursor-pointer;\n}\n\n.node-actions-container {\n  @apply flex;\n}\n\n@include calciteHydratedHidden();\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply text-n2h;\n\n  .node-actions-container {\n    @apply min-h-[1.5rem];\n    .node-container {\n      .checkbox,\n      .chevron,\n      .checkmark,\n      .bullet-point {\n        margin-inline: theme(\"margin.1\");\n      }\n      .icon-start {\n        margin-inline: theme(\"margin.3\");\n      }\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n1h;\n\n  .node-actions-container {\n    @apply min-h-[2rem];\n    .node-container {\n      .checkbox,\n      .chevron,\n      .checkmark,\n      .bullet-point {\n        margin-inline: theme(\"margin.2\");\n      }\n      .icon-start {\n        margin-inline: theme(\"margin.3\");\n      }\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0h;\n\n  .node-actions-container {\n    @apply min-h-[2.75rem];\n    .node-container {\n      .checkbox,\n      .chevron,\n      .checkmark,\n      .bullet-point {\n        margin-inline: theme(\"margin.3\");\n      }\n      .icon-start {\n        margin-inline: theme(\"margin.3\");\n      }\n    }\n  }\n}\n\n:host([lines]) {\n  .children-container:after {\n    @apply transition-default\n        absolute\n        top-0\n        w-px\n        transition-colors\n        z-default;\n    // ensure lines don't overlap focus outline\n    block-size: 96%;\n    content: \"\";\n    background-color: var(--calcite-color-border-2);\n  }\n}\n\n:host(:not([lines])) .node-container:after {\n  @apply hidden;\n}\n\n::slotted(*) {\n  @apply min-w-0 max-w-full break-words;\n  color: inherit;\n  text-decoration: none !important;\n\n  &:hover {\n    text-decoration: none !important;\n  }\n}\n\n::slotted(a) {\n  @apply w-full no-underline;\n}\n\n// focus styles\n:host {\n  @apply outline-none;\n\n  .node-container {\n    @apply focus-base;\n  }\n  &:focus,\n  &:active {\n    .node-container {\n      @apply focus-inset;\n    }\n  }\n}\n\n:host(:focus:not([disabled])) {\n  .node-container {\n    @apply focus-inset outline-none;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch flex-row items-center;\n}\n\n.checkbox {\n  line-height: 0;\n}\n\n.checkbox-label {\n  @apply pointer-events-none flex items-center;\n}\n\n.checkbox:focus {\n  @apply outline-none;\n}\n\n.children-container {\n  @apply relative h-0 overflow-hidden opacity-0 origin-top;\n  margin-inline-start: theme(\"margin.5\");\n  transform: scaleY(0);\n  transition:\n    var(--calcite-animation-timing) $easing-function,\n    opacity var(--calcite-animation-timing) $easing-function,\n    all var(--calcite-animation-timing) ease-in-out; // note that we're transitioning transform, not height!\n\n  .item--expanded > & {\n    @apply overflow-visible opacity-100;\n    transform: none;\n    block-size: auto;\n  }\n}\n\n.node-container {\n  @apply relative flex grow items-center min-w-0;\n\n  .checkmark,\n  .bullet-point {\n    @apply transition-default opacity-0;\n    color: var(--calcite-color-border-1);\n  }\n}\n\n.node-container:hover,\n:host([selected]) .node-container:hover,\n:host(:focus:not([disabled])) .node-container {\n  .checkmark,\n  .bullet-point {\n    @apply opacity-100;\n  }\n}\n\n:host([selected]) .node-container,\n:host([selected]) .node-container:hover {\n  @apply font-medium text-color-1;\n\n  .bullet-point,\n  .checkmark {\n    @apply opacity-100;\n    color: theme(\"colors.brand\");\n  }\n}\n\n:host([selection-mode=\"none\"]:not([has-children])) {\n  &:host([scale=\"s\"]) .node-container {\n    padding-inline-start: theme(\"padding.2\");\n  }\n  &:host([scale=\"m\"]) .node-container {\n    padding-inline-start: theme(\"padding.4\");\n  }\n  &:host([scale=\"l\"]) .node-container {\n    padding-inline-start: theme(\"padding.6\");\n  }\n}\n\n// ancestors selection-mode, dropdown without children\n:host(:not([has-children])) {\n  &:host([scale=\"s\"]) .node-container[data-selection-mode=\"ancestors\"] .checkbox {\n    padding-inline-start: theme(\"padding.5\");\n  }\n  &:host([scale=\"m\"]) .node-container[data-selection-mode=\"ancestors\"] .checkbox {\n    padding-inline-start: theme(\"padding.6\");\n  }\n  &:host([scale=\"l\"]) .node-container[data-selection-mode=\"ancestors\"] .checkbox {\n    padding-inline-start: 1.75rem;\n  }\n}\n// ancestors selection-mode, dropdown with children\n:host([has-children]) .node-container[data-selection-mode=\"ancestors\"] {\n  .checkbox {\n    margin-inline-start: 0;\n  }\n}\n\n// dropdown with children\n:host([has-children]) .node-container {\n  .bullet-point,\n  .checkmark {\n    @apply hidden;\n  }\n}\n\n.chevron {\n  @apply transition-default\n    text-color-3\n    relative\n    self-center;\n  flex: 0 0 auto;\n  transform: rotate(0deg);\n\n  .calcite--rtl & {\n    transform: rotate(180deg);\n  }\n\n  .item--expanded .node-container > & {\n    transform: rotate(90deg);\n  }\n}\n\n:host([selected]) {\n  .checkmark,\n  .bullet-point {\n    color: var(--calcite-color-brand);\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  filterDirectChildren,\n  getElementDir,\n  getSlotted,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport { TreeItemSelectDetail } from \"./interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot - A slot for adding text.\n * @slot children - A slot for adding nested `calcite-tree` elements.\n * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.\n */\n@Component({\n  tag: \"calcite-tree-item\",\n  styleUrl: \"tree-item.scss\",\n  shadow: true,\n})\nexport class TreeItem implements ConditionalSlotComponent, InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, the component is expanded. */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(newValue: boolean): void {\n    this.updateParentIsExpanded(this.el, newValue);\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  @Watch(\"selected\")\n  handleSelectedChange(value: boolean): void {\n    if (this.selectionMode === \"ancestors\" && !this.userChangedValue) {\n      if (value) {\n        this.indeterminate = false;\n      }\n      this.calciteInternalTreeItemSelect.emit({\n        modifyCurrentSelection: true,\n        updateItem: false,\n      });\n    }\n  }\n\n  /**\n   * @internal\n   */\n  @Prop() parentExpanded = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) depth = -1;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hasChildren: boolean = null;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) lines: boolean;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) scale: Scale;\n\n  /**\n   * In ancestor selection mode, show as indeterminate when only some children are selected.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) indeterminate = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) selectionMode: SelectionMode;\n\n  @Watch(\"selectionMode\")\n  getSelectionMode(): void {\n    this.isSelectionMultiLike =\n      this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\";\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.parentTreeItem = this.el.parentElement?.closest(\"calcite-tree-item\");\n    if (this.parentTreeItem) {\n      const { expanded } = this.parentTreeItem;\n      this.updateParentIsExpanded(this.parentTreeItem, expanded);\n    }\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillRender(): void {\n    this.hasChildren = !!this.el.querySelector(\"calcite-tree\");\n    this.depth = 0;\n    let parentTree = this.el.closest(\"calcite-tree\");\n\n    if (!parentTree) {\n      return;\n    }\n\n    this.selectionMode = parentTree.selectionMode;\n    this.scale = parentTree.scale || \"m\";\n    this.lines = parentTree.lines;\n\n    let nextParentTree;\n    while (parentTree) {\n      nextParentTree = parentTree.parentElement?.closest(\"calcite-tree\");\n      if (nextParentTree === parentTree) {\n        break;\n      } else {\n        parentTree = nextParentTree;\n        this.depth = this.depth + 1;\n      }\n    }\n  }\n\n  componentWillLoad(): void {\n    requestAnimationFrame(() => (this.updateAfterInitialRender = true));\n  }\n\n  componentDidLoad(): void {\n    this.updateAncestorTree();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTreeItemElement;\n\n  private isSelectionMultiLike: boolean;\n\n  render(): VNode {\n    const rtl = getElementDir(this.el) === \"rtl\";\n    const showBulletPoint = this.selectionMode === \"single\" || this.selectionMode === \"children\";\n    const showCheckmark =\n      this.selectionMode === \"multiple\" || this.selectionMode === \"multichildren\";\n    const showBlank = this.selectionMode === \"none\" && !this.hasChildren;\n\n    const chevron = this.hasChildren ? (\n      <calcite-icon\n        class={{\n          [CSS.chevron]: true,\n          [CSS_UTILITY.rtl]: rtl,\n        }}\n        data-test-id=\"icon\"\n        icon={ICONS.chevronRight}\n        onClick={this.iconClickHandler}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n\n    const checkbox =\n      this.selectionMode === \"ancestors\" ? (\n        <label class={CSS.checkboxLabel} key=\"checkbox-label\">\n          <calcite-checkbox\n            checked={this.selected}\n            class={CSS.checkbox}\n            data-test-id=\"checkbox\"\n            indeterminate={this.hasChildren && this.indeterminate}\n            scale={this.scale}\n            tabIndex={-1}\n          />\n          {defaultSlotNode}\n        </label>\n      ) : null;\n    const selectedIcon = showBulletPoint\n      ? ICONS.bulletPoint\n      : showCheckmark\n        ? ICONS.checkmark\n        : showBlank\n          ? ICONS.blank\n          : null;\n    const itemIndicator = selectedIcon ? (\n      <calcite-icon\n        class={{\n          [CSS.bulletPointIcon]: selectedIcon === ICONS.bulletPoint,\n          [CSS.checkmarkIcon]: selectedIcon === ICONS.checkmark,\n          [CSS_UTILITY.rtl]: rtl,\n        }}\n        icon={selectedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n\n    const hidden = !(this.parentExpanded || this.depth === 1);\n    const isExpanded = this.updateAfterInitialRender && this.expanded;\n    const { hasEndActions } = this;\n    const slotNode = (\n      <slot\n        key=\"actionsEndSlot\"\n        name={SLOTS.actionsEnd}\n        onSlotchange={this.actionsEndSlotChangeHandler}\n      />\n    );\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    return (\n      <Host\n        aria-expanded={this.hasChildren ? toAriaBoolean(isExpanded) : undefined}\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-selected={this.selected ? \"true\" : showCheckmark ? \"false\" : undefined}\n        calcite-hydrated-hidden={hidden}\n        role=\"treeitem\"\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.itemExpanded]: isExpanded }}>\n            <div class={CSS.nodeAndActionsContainer}>\n              <div\n                class={{\n                  [CSS.nodeContainer]: true,\n                  [CSS_UTILITY.rtl]: rtl,\n                }}\n                data-selection-mode={this.selectionMode}\n                // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                ref={(el) => (this.defaultSlotWrapper = el as HTMLElement)}\n              >\n                {chevron}\n                {itemIndicator}\n                {this.iconStart ? iconStartEl : null}\n                {checkbox ? checkbox : defaultSlotNode}\n              </div>\n              <div\n                class={CSS.actionsEnd}\n                hidden={!hasEndActions}\n                ref={(el) => (this.actionSlotWrapper = el as HTMLElement)}\n              >\n                {slotNode}\n              </div>\n            </div>\n\n            <div\n              class={{\n                [CSS.childrenContainer]: true,\n                [CSS_UTILITY.rtl]: rtl,\n              }}\n              data-test-id=\"calcite-tree-children\"\n              onClick={this.childrenClickHandler}\n              role={this.hasChildren ? \"group\" : undefined}\n            >\n              <slot name={SLOTS.children} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\")\n  onClick(event: Event): void {\n    if (this.disabled || this.isActionEndEvent(event)) {\n      return;\n    }\n\n    // Solve for if the item is clicked somewhere outside the slotted anchor.\n    // Anchor is triggered anywhere you click\n    const [link] = filterDirectChildren<HTMLAnchorElement>(this.el, \"a\");\n    if (link && (event.composedPath()[0] as any).tagName.toLowerCase() !== \"a\") {\n      const target = link.target === \"\" ? \"_self\" : link.target;\n      window.open(link.href, target);\n    }\n    this.calciteInternalTreeItemSelect.emit({\n      modifyCurrentSelection: this.selectionMode === \"ancestors\" || this.isSelectionMultiLike,\n      updateItem: true,\n    });\n    this.userChangedValue = true;\n  }\n\n  private iconClickHandler = (event: MouseEvent): void => {\n    event.stopPropagation();\n    this.expanded = !this.expanded;\n  };\n\n  private childrenClickHandler = (event: MouseEvent): void => event.stopPropagation();\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (this.isActionEndEvent(event) || event.defaultPrevented) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n        this.userChangedValue = true;\n        this.calciteInternalTreeItemSelect.emit({\n          modifyCurrentSelection: this.isSelectionMultiLike,\n          updateItem: true,\n        });\n        event.preventDefault();\n        break;\n      case \"Enter\":\n        // activates a node, i.e., performs its default action. For parent nodes, one possible default action is to open or close the node. In single-select trees where selection does not follow focus (see note below), the default action is typically to select the focused node.\n        const link = Array.from(this.el.children).find((el) =>\n          el.matches(\"a\"),\n        ) as HTMLAnchorElement;\n\n        this.userChangedValue = true;\n\n        if (link) {\n          link.click();\n          this.selected = true;\n        } else {\n          this.calciteInternalTreeItemSelect.emit({\n            modifyCurrentSelection: this.isSelectionMultiLike,\n            updateItem: true,\n          });\n        }\n        event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTreeItemSelect: EventEmitter<TreeItemSelectDetail>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @State() hasEndActions = false;\n\n  /**\n   * Used to make sure initially expanded tree-item can properly\n   * transition and emit events from closed state when rendered.\n   *\n   * @private\n   */\n  @State() updateAfterInitialRender = false;\n\n  actionSlotWrapper!: HTMLElement;\n\n  childrenSlotWrapper!: HTMLElement;\n\n  defaultSlotWrapper!: HTMLElement;\n\n  private parentTreeItem?: HTMLCalciteTreeItemElement;\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private isActionEndEvent(event: Event): boolean {\n    const composedPath = event.composedPath();\n    return composedPath.includes(this.actionSlotWrapper);\n  }\n\n  private updateParentIsExpanded = (el: HTMLCalciteTreeItemElement, expanded: boolean): void => {\n    const items = getSlotted<HTMLCalciteTreeItemElement>(el, SLOTS.children, {\n      all: true,\n      selector: \"calcite-tree-item\",\n    });\n    items.forEach((item) => (item.parentExpanded = expanded));\n  };\n\n  /**\n   * This is meant to be called in `componentDidLoad` in order to take advantage of the hierarchical component lifecycle\n   * and help check for item selection as items are initialized\n   *\n   * @private\n   */\n  private updateAncestorTree(): void {\n    const parentItem = this.parentTreeItem;\n    if (this.selectionMode !== \"ancestors\" || !parentItem) {\n      return;\n    }\n\n    if (this.selected) {\n      const parentTree = this.el.parentElement;\n      const siblings = Array.from(parentTree?.children);\n      const selectedSiblings = siblings.filter(\n        (child: HTMLCalciteTreeItemElement) => child.selected,\n      );\n\n      if (siblings.length === selectedSiblings.length) {\n        parentItem.selected = true;\n        parentItem.indeterminate = false;\n      } else if (selectedSiblings.length > 0) {\n        parentItem.indeterminate = true;\n      }\n\n      const childItems = Array.from(\n        this.el.querySelectorAll<HTMLCalciteTreeItemElement>(\"calcite-tree-item:not([disabled])\"),\n      );\n\n      childItems.forEach((item: HTMLCalciteTreeItemElement) => {\n        item.selected = true;\n        item.indeterminate = false;\n      });\n    } else if (this.indeterminate) {\n      const parentItem = this.parentTreeItem;\n      parentItem.indeterminate = true;\n    }\n  }\n\n  private actionsEndSlotChangeHandler = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-81fe9774.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as i,h as t,H as e,g as s}from"./p-b803ea41.js";import{h as n}from"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";var o;(function(i){i["valid"]="check-circle";i["invalid"]="exclamation-mark-triangle";i["idle"]="information"})(o||(o={}));const a=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(t){i(this,t);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=n(o,this.icon,this.status)}connectedCallback(){this.requestedIcon=n(o,this.icon,this.status)}render(){const i=this.el.hidden;return t(e,{"calcite-hydrated-hidden":i},this.renderIcon(this.requestedIcon),t("slot",null))}renderIcon(i){if(i){return t("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};c.style=a;export{c as calcite_input_message};
+//# sourceMappingURL=p-81fe9774.entry.js.map

package/dist/calcite/p-81fe9774.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StatusIconDefaults","inputMessageCss","InputMessage","handleIconEl","this","requestedIcon","setRequestedIcon","icon","status","connectedCallback","render","hidden","el","h","Host","renderIcon","iconName","class","flipRtl","iconFlipRtl","scale"],"sources":["src/components/input-message/interfaces.ts","src/components/input-message/input-message.scss?tag=calcite-input-message&encapsulation=shadow","src/components/input-message/input-message.tsx"],"sourcesContent":["export enum StatusIconDefaults {\n  valid = \"check-circle\",\n  invalid = \"exclamation-mark-triangle\",\n  idle = \"information\",\n}\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-input-message-spacing-value: The top margin spacing above the component.\n */\n\n:host {\n  @apply text-color-1 transition-default box-border flex h-auto w-full items-center font-medium opacity-100;\n  --calcite-input-message-spacing-value: theme(\"spacing.1\");\n  margin-block-start: var(--calcite-input-message-spacing-value);\n}\n\n.calcite-input-message-icon {\n  @apply transition-default pointer-events-none inline-flex flex-shrink-0;\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host([status=\"invalid\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-status-danger);\n}\n\n:host([status=\"warning\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-status-warning);\n}\n\n:host([status=\"valid\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-status-success);\n}\n\n:host([status=\"idle\"]) .calcite-input-message-icon {\n  color: var(--calcite-color-brand);\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n3h;\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n2h;\n}\n\n:host([scale=\"l\"]) {\n  @apply text-n1h;\n}\n\n@include base-component();\n","import { Component, Element, h, Host, Prop, VNode, Watch } from \"@stencil/core\";\nimport { setRequestedIcon } from \"../../utils/dom\";\nimport { Scale, Status } from \"../interfaces\";\nimport { StatusIconDefaults } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-input-message\",\n  styleUrl: \"input-message.scss\",\n  shadow: true,\n})\nexport class InputMessage {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: boolean | string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  @Watch(\"status\")\n  @Watch(\"icon\")\n  handleIconEl(): void {\n    this.requestedIcon = setRequestedIcon(StatusIconDefaults, this.icon, this.status);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.requestedIcon = setRequestedIcon(StatusIconDefaults, this.icon, this.status);\n  }\n\n  render(): VNode {\n    const hidden = this.el.hidden;\n    return (\n      <Host calcite-hydrated-hidden={hidden}>\n        {this.renderIcon(this.requestedIcon)}\n        <slot />\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputMessageElement;\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private renderIcon(iconName: string): VNode {\n    if (iconName) {\n      return (\n        <calcite-icon\n          class=\"calcite-input-message-icon\"\n          flipRtl={this.iconFlipRtl}\n          icon={iconName}\n          scale=\"s\"\n        />\n      );\n    }\n  }\n}\n"],"mappings":";;;;;6IAAA,IAAYA,GAAZ,SAAYA,GACVA,EAAA,wBACAA,EAAA,uCACAA,EAAA,qBACD,EAJD,CAAYA,MAAkB,KCA9B,MAAMC,EAAkB,siD,MCaXC,EAAY,M,8DAWgB,M,WAGC,I,YAGE,M,CAI1C,YAAAC,GACEC,KAAKC,cAAgBC,EAAiBN,EAAoBI,KAAKG,KAAMH,KAAKI,O,CAS5E,iBAAAC,GACEL,KAAKC,cAAgBC,EAAiBN,EAAoBI,KAAKG,KAAMH,KAAKI,O,CAG5E,MAAAE,GACE,MAAMC,EAASP,KAAKQ,GAAGD,OACvB,OACEE,EAACC,EAAI,2BAA0BH,GAC5BP,KAAKW,WAAWX,KAAKC,eACtBQ,EAAA,a,CAsBE,UAAAE,CAAWC,GACjB,GAAIA,EAAU,CACZ,OACEH,EAAA,gBACEI,MAAM,6BACNC,QAASd,KAAKe,YACdZ,KAAMS,EACNI,MAAM,K"}

package/dist/calcite/p-843218b1.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var r={name:"zh-cn",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function e(r,t){switch(t){case"W":return r+"周";default:return r+"日"}},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s内",past:"%s前",s:"几秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},meridiem:function e(r,t){var _=r*100+t;if(_<600){return"凌晨"}else if(_<900){return"早上"}else if(_<1100){return"上午"}else if(_<1300){return"中午"}else if(_<1800){return"下午"}return"晚上"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-843218b1.js.map

package/dist/calcite/p-8619d3d2.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{a as i,r as t,h as s,H as n,g as e}from"./p-b803ea41.js";import{g as o,t as c}from"./p-45ff4eb2.js";import{c as a}from"./p-4c100949.js";import"./p-61de3618.js";import"./p-a6db335a.js";const l={icon:"icon",flipRtl:"flip-rtl"};const r={};const h={};const p={s:16,m:24,l:32};async function u({icon:t,scale:s}){const n=p[s];const e=d(t);const o=e.charAt(e.length-1)==="F";const c=o?e.substring(0,e.length-1):e;const a=`${c}${n}${o?"F":""}`;if(r[a]){return r[a]}if(!h[a]){h[a]=fetch(i(`./assets/icon/${a}.json`)).then((i=>i.json())).catch((()=>{console.error(`"${a}" is not a valid calcite-ui-icon name`);return""}))}const l=await h[a];r[a]=l;return l}function d(i){const t=!isNaN(Number(i.charAt(0)));const s=i.split("-");const n=s.length>0;if(n){const t=/[a-z]/i;i=s.map(((i,s)=>i.replace(t,(function i(t,n){const e=s===0&&n===0;if(e){return t}return t.toUpperCase()})))).join("")}return t?`i${i}`:i}const f=":host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";const m=class{constructor(i){t(this,i);this.icon=null;this.flipRtl=false;this.scale="m";this.textLabel=undefined;this.pathData=undefined;this.visible=false}connectedCallback(){this.waitUntilVisible((()=>{this.visible=true;this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver?.disconnect();this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:i,flipRtl:t,pathData:e,scale:a,textLabel:r}=this;const h=o(i);const u=p[a];const d=!!r;const f=[].concat(e||"");return s(n,{"aria-hidden":c(!d),"aria-label":d?r:null,role:d?"img":null},s("svg",{"aria-hidden":"true",class:{[l.flipRtl]:h==="rtl"&&t,svg:true},fill:"currentColor",height:"100%",viewBox:`0 0 ${u} ${u}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.map((i=>typeof i==="string"?s("path",{d:i}):s("path",{d:i.d,opacity:"opacity"in i?i.opacity:1})))))}async loadIconPathData(){const{icon:i,scale:t,visible:s}=this;if(!i||!s){return}const n=await u({icon:i,scale:t});if(i!==this.icon){return}this.pathData=n}waitUntilVisible(i){this.intersectionObserver=a("intersection",(t=>{t.forEach((t=>{if(t.isIntersecting){this.intersectionObserver.disconnect();this.intersectionObserver=null;i()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){i();return}this.intersectionObserver.observe(this.el)}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};m.style=f;export{m as calcite_icon};
+//# sourceMappingURL=p-8619d3d2.entry.js.map

package/dist/calcite/p-86793f03.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as a}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var r={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function a(r){return r+"."}};a.locale(r,null,true);export default r;
+//# sourceMappingURL=p-86793f03.js.map

package/dist/calcite/p-88fbd4b6.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{g as t}from"./p-06c64bbf.js";import{d as s,e as i,t as e}from"./p-45ff4eb2.js";import{d as n}from"./p-c526578a.js";import{h as o,H as a}from"./p-b803ea41.js";import{I as c}from"./p-e2450177.js";const r={heading:"heading",container:"container",indented:"container--indented"};const l={parentItem:"parent-item"};function f(){this.setUpItems();this.setUpFilter();this.deselectRemovedItems()}const h=["ArrowUp","ArrowDown"];function u(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=n(y.bind(this),0);this.emitCalciteListFilter=n(k.bind(this),0)}function d(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}function m(){this.mutationObserver?.disconnect()}function p(t){const{selectedValues:i}=this;const{item:e,value:n,selected:o,shiftPressed:a}=t.detail;if(o){if(this.multiple&&a){this.selectSiblings(e)}if(!this.multiple){this.deselectSiblingItems(e)}i.set(n,e)}else{i.delete(n);if(this.multiple&&a){this.selectSiblings(e,true)}}if(!this.multiple){C(e,o);if(o){s(e)}}this.lastSelectedItem=e;this.emitCalciteListChange()}function b(t){const s=t.detail.oldValue;const i=this.selectedValues;if(i.has(s)){const e=i.get(s);i.delete(s);i.set(t.detail.newValue,e)}t.stopPropagation()}function g(t){return!!h.find((s=>s===t))}function v(t){const{el:s,items:i,multiple:e,selectedValues:n}=this;if(e){return}const o=s.contains(t.relatedTarget);if(o){return}F(i).forEach((s=>{C(s,n.size===0?s.contains(t.target)||t.target===s:s.selected)}))}function w(t){const{key:i,target:e}=t;if(!g(i)){return}const{items:n,multiple:o,selectionFollowsFocus:a}=this;const{length:c}=n;const r=n.indexOf(e);if(!c||r===-1){return}t.preventDefault();const l=A(this,e,i==="ArrowUp"?"up":"down");const f=n[l];n.forEach((t=>C(t,t===f)));if(!o&&a){f.selected=true}s(f)}function A(s,i,e){const{items:n}=s;const{length:o}=n;const a=n.indexOf(i);const c=e==="up"?-1:1;let r=1;let l=t(a+c*r++,o);const f=l;while(n[l].disabled){l=t(a+c*r++,o);if(l===f){break}}return l}function x(t,s){const{items:i}=t;return i.indexOf(s)}function F(t){return t.filter((t=>!t.disabled))}function k(){this.calciteListFilter.emit()}function y(){this.calciteListChange.emit(this.selectedValues)}function E(t){if(t.defaultPrevented){return}const s=t.target;const i=this.selectedValues;if(s.parentElement.tagName==="CALCITE-PICK-LIST-GROUP"&&s.slot===l.parentItem){s.parentElement.remove();Array.from(s.parentElement.children).forEach((t=>i.delete(t.value)))}else{s.remove();i.delete(s.value)}this.emitCalciteListChange()}function C(t,s){if(t.disabled){return}if(s){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex","-1")}}async function I(t){if(this.filterEnabled&&t==="filter"){await s(this.filterEl);return}const{items:i,multiple:e,selectionFollowsFocus:n}=this;if(i.length===0){return}if(e){return F(i)[0]?.setFocus()}const o=F(i);const a=o.find((t=>t.selected))||o[0];if(n&&a){a.selected=true}return a.setFocus()}function j(t){this.items=Array.from(this.el.querySelectorAll(t));let s=false;const{items:i}=this;i.forEach((t=>{t.icon=this.getIconType();if(!this.multiple){t.deselectDisabled=true;C(t,false)}if(t.selected){s=true;C(t,true);this.selectedValues.set(t.value,t)}}));const[e]=i;if(!s&&e&&!e.disabled){C(e,true)}}function S(){const t=this.selectedValues;const s=this.items.map((({value:t})=>t));t.forEach((t=>{if(!s.includes(t.value)){this.selectedValues.delete(t.value)}}))}function L(t){this.items.forEach((s=>{if(s.value!==t.value){s.toggleSelected(false);if(this.selectedValues.has(s.value)){this.selectedValues.delete(s.value)}}}))}function P(t,s=false){if(!this.lastSelectedItem){return}const{items:i}=this;const e=i.findIndex((t=>t.value===this.lastSelectedItem.value));const n=i.findIndex((s=>s.value===t.value));i.slice(Math.min(e,n),Math.max(e,n)).forEach((t=>{t.toggleSelected(!s);if(!s){this.selectedValues.set(t.value,t)}else{this.selectedValues.delete(t.value)}}))}let T;function D(t=false){const{filteredData:s,filterText:e}=this;const n=s.map((t=>t.value));let o=false;if(!T){T=new Set}const a=this.items?.filter((t=>{const s=t.parentElement;const i=s.matches("calcite-pick-list-group");if(i){T.add(s)}const a=e?n.includes(t.value):true;t.hidden=!a;if(!o){o=a&&t.selected}return a}))||[];T.forEach((t=>{const s=a.some((s=>t.contains(s)));t.hidden=!s;if(!s){return}const e=i(t,"parent-item");if(e){e.hidden=false;if(a.includes(e)){Array.from(t.children).forEach((t=>t.hidden=false))}}}));T.clear();if(a.length>0&&!o&&!this.multiple){C(a[0],true)}this.setFilteredItems(a);if(t){this.emitCalciteListFilter()}}function U(){const t=this.filterEl?.filteredItems;if(t){this.filteredData=t}this.handleFilter()}function q(t){t.stopPropagation();const{filteredItems:s,value:i}=t.currentTarget;this.filterText=i;this.filteredData=s;this.handleFilter(true)}function M(){return this.items.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})))}const V={sticky:"sticky-pos"};var G;(function(t){t["circle"]="circle";t["square"]="square";t["grip"]="grip"})(G||(G={}));const H={menuActions:"menu-actions"};const K=({props:{disabled:t,loading:s,filterEnabled:i,dataForFilter:n,handleFilterEvent:r,filterPlaceholder:l,filterText:f,setFilterEl:h,dragEnabled:u,storeAssistiveEl:d},...m})=>{const p=o("slot",null);return o(a,{"aria-busy":e(s),role:"menu",...m},o(c,{disabled:t},o("section",null,u?o("span",{"aria-live":"assertive",class:"assistive-text",ref:d}):null,o("header",{class:{[V.sticky]:true}},i?o("calcite-filter",{"aria-label":l,disabled:t,items:n,onCalciteFilterChange:r,placeholder:l,value:f,ref:h}):null,o("slot",{name:H.menuActions})),s?o("calcite-scrim",{loading:s}):null,p)))};const O={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"};const R={checked:"check",remove:"x"};const z={actionsEnd:"actions-end",actionsStart:"actions-start"};export{O as C,G as I,K as L,z as S,L as a,q as b,M as c,S as d,A as e,d as f,x as g,D as h,u as i,U as j,w as k,m as l,f as m,v as n,p as o,b as p,j as q,E as r,P as s,I as t,l as u,r as v,R as w};
+//# sourceMappingURL=p-88fbd4b6.js.map

package/dist/calcite/p-8bd430bd.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var r={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function e(r){return r},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-8bd430bd.js.map

package/dist/calcite/p-8f9611bd.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{f as t}from"./p-b803ea41.js";import{c as o}from"./p-4c100949.js";const n=new Set;let c;const s={childList:true};function f(t){if(!c){c=o("mutation",r)}c.observe(t.el,s)}function i(t){n.delete(t.el);r(c.takeRecords());c.disconnect();for(const[t]of n.entries()){c.observe(t,s)}}function r(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d};
+//# sourceMappingURL=p-8f9611bd.js.map

package/dist/calcite/p-930148c2.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var r={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,ordinal:function e(r){return r+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-930148c2.js.map

package/dist/calcite/p-93a0bf32.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as e,c as t,h as i,H as n,g as o}from"./p-b803ea41.js";import{g as l,t as a}from"./p-45ff4eb2.js";import{a as s,c as r,d as c,H as d}from"./p-4806287d.js";import{c as h,d as m,u as p,I as u}from"./p-e2450177.js";import{c as f,d as g}from"./p-f293a0e6.js";import{s as b,a as v,c as k}from"./p-395e11a4.js";import{c as w}from"./p-4c100949.js";import{V as x}from"./p-a3f74f31.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";import"./p-2b02889a.js";const y={itemWrapper:"item-wrapper"};const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-color-border-input);outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const C=class{constructor(i){e(this,i);this.calciteSegmentedControlChange=t(this,"calciteSegmentedControlChange",6);this.handleClick=e=>{if(this.disabled){return}if(e.target.localName==="calcite-segmented-control-item"){this.selectItem(e.target,true)}};this.mutationObserver=w("mutation",(()=>this.setUpItems()));this.appearance="solid";this.disabled=false;this.form=undefined;this.required=false;this.name=undefined;this.layout="horizontal";this.scale="m";this.value=null;this.selectedItem=undefined;this.status="idle";this.validationMessage=undefined;this.validationIcon=undefined;this.width="auto"}handlePropsChange(){this.handleItemPropChange()}valueHandler(e){const t=this.getItems();t.forEach((t=>t.checked=t.value===e))}handleSelectedItemChange(e,t){this.value=e?.value;if(e===t){return}const i=this.getItems();const n=i.filter((t=>t===e)).pop();if(n){this.selectItem(n)}else if(i[0]){i[0].tabIndex=0}}componentWillLoad(){b(this);this.setUpItems()}componentDidLoad(){s(this,this.value);v(this)}connectedCallback(){h(this);f(this);r(this);this.mutationObserver?.observe(this.el,{childList:true});this.handleItemPropChange()}disconnectedCallback(){m(this);g(this);c(this);this.mutationObserver?.unobserve(this.el)}componentDidRender(){p(this)}render(){return i(n,{onClick:this.handleClick,role:"radiogroup"},i("div",{class:y.itemWrapper},i(u,{disabled:this.disabled},i("slot",null),i(d,{component:this}))),this.validationMessage&&this.status==="invalid"?i(x,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null)}handleSelected(e){e.preventDefault();this.selectItem(e.target);e.stopPropagation()}handleKeyDown(e){const t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:i}=e;const{el:n,selectedItem:o}=this;if(t.indexOf(i)===-1){return}let a=i;if(l(n)==="rtl"){if(i==="ArrowRight"){a="ArrowLeft"}if(i==="ArrowLeft"){a="ArrowRight"}}const s=this.getItems();let r=-1;s.forEach(((e,t)=>{if(e===o){r=t}}));switch(a){case"ArrowLeft":case"ArrowUp":e.preventDefault();const t=r<1?s[s.length-1]:s[r-1];this.selectItem(t,true);return;case"ArrowRight":case"ArrowDown":e.preventDefault();const i=r===-1?s[1]:s[r+1]||s[0];this.selectItem(i,true);return;case" ":e.preventDefault();this.selectItem(e.target,true);return;default:return}}async setFocus(){await k(this);(this.selectedItem||this.getItems()[0])?.focus()}handleItemPropChange(){const e=this.getItems();e.forEach((e=>{e.appearance=this.appearance;e.layout=this.layout;e.scale=this.scale}))}onLabelClick(){this.setFocus()}getItems(){return Array.from(this.el.querySelectorAll("calcite-segmented-control-item"))}selectItem(e,t=false){if(e===this.selectedItem){return}const i=this.getItems();let n=null;i.forEach((i=>{const o=i===e;if(o&&!i.checked||!o&&i.checked){i.checked=o}i.tabIndex=o?0:-1;if(o){n=i;if(t){this.calciteSegmentedControlChange.emit()}}}));this.selectedItem=n;if(n){n.focus()}}setUpItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).pop();if(t){this.selectItem(t)}else if(e[0]){e[0].tabIndex=0}}get el(){return o(this)}static get watchers(){return{appearance:["handlePropsChange"],layout:["handlePropsChange"],scale:["handlePropsChange"],value:["valueHandler"],selectedItem:["handleSelectedItemChange"]}}};C.style=z;const j={input:"input"};const A={segmentedControlItemIcon:"segmented-control-item-icon"};const I=":host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:0.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out, border-color var(--calcite-internal-animation-timing-fast) ease-in-out, color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.label--scale-s{padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:0.125rem}.label--scale-m{padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:0.375rem}.label--scale-l{padding-inline:1rem;padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .segmented-control-item-icon{color:highlightText}}.segmented-control-item-icon{position:relative;margin:0px;display:inline-flex;line-height:inherit}:host([icon-start]) .label--scale-s .segmented-control-item-icon{margin-inline-end:0.5rem}:host([icon-end]) .label--scale-s .segmented-control-item-icon{margin-inline-start:0.5rem}:host([icon-start]) .label--scale-m .segmented-control-item-icon{margin-inline-end:0.75rem}:host([icon-end]) .label--scale-m .segmented-control-item-icon{margin-inline-start:0.75rem}:host([icon-start]) .label--scale-l .segmented-control-item-icon{margin-inline-end:1rem}:host([icon-end]) .label--scale-l .segmented-control-item-icon{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(i){e(this,i);this.calciteInternalSegmentedControlItemChange=t(this,"calciteInternalSegmentedControlItemChange",6);this.checked=false;this.iconFlipRtl=false;this.iconStart=undefined;this.iconEnd=undefined;this.value=undefined;this.appearance="solid";this.layout="horizontal";this.scale="m"}handleCheckedChange(){this.calciteInternalSegmentedControlItemChange.emit()}render(){const{appearance:e,checked:t,layout:o,scale:l,value:s}=this;const r=this.iconStart?i("calcite-icon",{class:A.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconStart,key:"icon-start",scale:"s"}):null;const c=this.iconEnd?i("calcite-icon",{class:A.segmentedControlItemIcon,flipRtl:this.iconFlipRtl,icon:this.iconEnd,key:"icon-end",scale:"s"}):null;return i(n,{"aria-checked":a(t),"aria-label":s,role:"radio"},i("label",{class:{"label--scale-s":l==="s","label--scale-m":l==="m","label--scale-l":l==="l","label--horizontal":o==="horizontal","label--outline":e==="outline","label--outline-fill":e==="outline-fill"}},this.iconStart?r:null,i("slot",null,s),i("slot",{name:j.input}),this.iconEnd?c:null))}get el(){return o(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};L.style=I;export{C as calcite_segmented_control,L as calcite_segmented_control_item};
+//# sourceMappingURL=p-93a0bf32.entry.js.map