@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/calcite/p-ba1afe48.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-17581615.js";import{b as s}from"./p-cbc54e80.js";import{c,s as r,a as l}from"./p-ff633d19.js";import{H as d}from"./p-af2ce6e6.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-6861beb6.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const m=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const b=m;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,ref:e=>this.navigationActionEl=e,text:this.label}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"e7719159ddeee3397fd1e483c8417978b2b72c66"},n("div",{key:"9d3096793d009c813f1bc42f8fecf46736747afc",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"4e35300aeaea8f4ceb1b69d913157306d11a17ec",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"50c46611fcab6af0fe8d458641123d40823334bd",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"3f0b76520d4de477629397f607c0520472dd9419",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"fb5d2f6a84e5e7a05ced40f955f36e215a923217",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"53aa3fdadf8fedefa9a9aec810e28277629bfb01",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"5e83ab5c75b1f1a76bbf0d12f3d3ae43625842f3",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"2b531019c48c10fc2d4dadfd34ae61f75233b80a",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"feb1fae923a3540158fc889fdaf0c70a8db2f964",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"99544caa2724f8ec40d1bbd54b018c28893b822e",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"2f0a3e1fc4ea5ba221699089b62986b96ed12f75",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"0f289531aa4d3805ac0774643f43988095db2a8d"},n("slot",{key:"466d1b0aab0fd4ee4a4736746dd4eb441cfa6ebd",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"3f2520c21f474cf0147865881724269970a9d8bd",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=b;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;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:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"b76572e79734c7190d373225662f453423450d9a"},n("a",{key:"77d1604fd344f2d5aea65842067a615343aa591b",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{key:"abf6396d63acf26f5ad5e2bb5c9dd280c3728134",alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;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;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"71dafc89185ed082fa48f68f10620f680703edf7"},n("button",{key:"e175503f28873b42aa231f29077449da12696072","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"de83763dcb0811cd7abfdb32003e69fbaf580b6f","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{key:"a54fd497c59ef3ad171b2f35394a27f5dd060d64",class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
+//# sourceMappingURL=p-ba1afe48.entry.js.map

package/dist/calcite/p-bac694f0.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+const s="24px";const a="32px";const c="44px";const o="48px";export{s as a,a as b,o as c,c as d};
+//# sourceMappingURL=p-bac694f0.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["calciteSize24","calciteSize32","calciteSize44","calciteSize48"],"sources":["../calcite-design-tokens/dist/es6/core.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 30 Aug 2024 16:45:48 GMT\n */\n\nexport const calciteColorNeutralBlk000 = \"#ffffff\";\nexport const calciteColorNeutralBlk005 = \"#f8f8f8\";\nexport const calciteColorNeutralBlk010 = \"#f3f3f3\";\nexport const calciteColorNeutralBlk020 = \"#eaeaea\";\nexport const calciteColorNeutralBlk030 = \"#dfdfdf\";\nexport const calciteColorNeutralBlk040 = \"#d4d4d4\";\nexport const calciteColorNeutralBlk050 = \"#cacaca\";\nexport const calciteColorNeutralBlk060 = \"#bfbfbf\";\nexport const calciteColorNeutralBlk070 = \"#b5b5b5\";\nexport const calciteColorNeutralBlk080 = \"#aaaaaa\";\nexport const calciteColorNeutralBlk090 = \"#9f9f9f\";\nexport const calciteColorNeutralBlk100 = \"#949494\";\nexport const calciteColorNeutralBlk110 = \"#8a8a8a\";\nexport const calciteColorNeutralBlk120 = \"#808080\";\nexport const calciteColorNeutralBlk130 = \"#757575\";\nexport const calciteColorNeutralBlk140 = \"#6a6a6a\";\nexport const calciteColorNeutralBlk150 = \"#606060\";\nexport const calciteColorNeutralBlk160 = \"#555555\";\nexport const calciteColorNeutralBlk170 = \"#4a4a4a\";\nexport const calciteColorNeutralBlk180 = \"#404040\";\nexport const calciteColorNeutralBlk190 = \"#353535\";\nexport const calciteColorNeutralBlk200 = \"#2b2b2b\";\nexport const calciteColorNeutralBlk210 = \"#202020\";\nexport const calciteColorNeutralBlk220 = \"#151515\";\nexport const calciteColorNeutralBlk230 = \"#0b0b0b\";\nexport const calciteColorNeutralBlk235 = \"#060606\";\nexport const calciteColorNeutralBlk240 = \"#000000\";\nexport const calciteColorHighSaturationBlueHBb010 = \"#c7eaff\";\nexport const calciteColorHighSaturationBlueHBb020 = \"#9fd4f3\";\nexport const calciteColorHighSaturationBlueHBb030 = \"#77bde7\";\nexport const calciteColorHighSaturationBlueHBb040 = \"#50a7da\";\nexport const calciteColorHighSaturationBlueHBb050 = \"#2890ce\";\nexport const calciteColorHighSaturationBlueHBb060 = \"#007ac2\";\nexport const calciteColorHighSaturationBlueHBb070 = \"#00619b\";\nexport const calciteColorHighSaturationBlueHBb080 = \"#004874\";\nexport const calciteColorHighSaturationBlueHBb090 = \"#00304d\";\nexport const calciteColorHighSaturationBlueHBb100 = \"#001726\";\nexport const calciteColorHighSaturationGreenBlueHGb010 = \"#cef5f4\";\nexport const calciteColorHighSaturationGreenBlueHGb020 = \"#afedec\";\nexport const calciteColorHighSaturationGreenBlueHGb030 = \"#8fe6e5\";\nexport const calciteColorHighSaturationGreenBlueHGb040 = \"#5ae0de\";\nexport const calciteColorHighSaturationGreenBlueHGb050 = \"#28cecb\";\nexport const calciteColorHighSaturationGreenBlueHGb060 = \"#00bab5\";\nexport const calciteColorHighSaturationGreenBlueHGb070 = \"#009b98\";\nexport const calciteColorHighSaturationGreenBlueHGb080 = \"#007472\";\nexport const calciteColorHighSaturationGreenBlueHGb090 = \"#004d4c\";\nexport const calciteColorHighSaturationGreenBlueHGb100 = \"#002625\";\nexport const calciteColorHighSaturationGreenHGg010 = \"#bdf2c4\";\nexport const calciteColorHighSaturationGreenHGg020 = \"#a2e4ab\";\nexport const calciteColorHighSaturationGreenHGg030 = \"#87d692\";\nexport const calciteColorHighSaturationGreenHGg040 = \"#6bc878\";\nexport const calciteColorHighSaturationGreenHGg050 = \"#50ba5f\";\nexport const calciteColorHighSaturationGreenHGg060 = \"#35ac46\";\nexport const calciteColorHighSaturationGreenHGg070 = \"#288835\";\nexport const calciteColorHighSaturationGreenHGg080 = \"#1a6324\";\nexport const calciteColorHighSaturationGreenHGg090 = \"#0d3f14\";\nexport const calciteColorHighSaturationGreenHGg100 = \"#001a03\";\nexport const calciteColorHighSaturationYellowGreenHYg010 = \"#e5f7b4\";\nexport const calciteColorHighSaturationYellowGreenHYg020 = \"#d9ef9f\";\nexport const calciteColorHighSaturationYellowGreenHYg030 = \"#cde78a\";\nexport const calciteColorHighSaturationYellowGreenHYg040 = \"#c2e075\";\nexport const calciteColorHighSaturationYellowGreenHYg050 = \"#b6d860\";\nexport const calciteColorHighSaturationYellowGreenHYg060 = \"#aad04b\";\nexport const calciteColorHighSaturationYellowGreenHYg070 = \"#84a338\";\nexport const calciteColorHighSaturationYellowGreenHYg080 = \"#5e7526\";\nexport const calciteColorHighSaturationYellowGreenHYg090 = \"#384813\";\nexport const calciteColorHighSaturationYellowGreenHYg100 = \"#121a00\";\nexport const calciteColorHighSaturationYellowHYy010 = \"#fff7cc\";\nexport const calciteColorHighSaturationYellowHYy020 = \"#fef3ad\";\nexport const calciteColorHighSaturationYellowHYy030 = \"#fcee8d\";\nexport const calciteColorHighSaturationYellowHYy040 = \"#fbea6e\";\nexport const calciteColorHighSaturationYellowHYy050 = \"#f9e54e\";\nexport const calciteColorHighSaturationYellowHYy060 = \"#edd317\";\nexport const calciteColorHighSaturationYellowHYy070 = \"#d9bc00\";\nexport const calciteColorHighSaturationYellowHYy080 = \"#bfa200\";\nexport const calciteColorHighSaturationYellowHYy090 = \"#8c7500\";\nexport const calciteColorHighSaturationYellowHYy100 = \"#5c4e00\";\nexport const calciteColorHighSaturationOrangeYellowHOy010 = \"#ffe2bf\";\nexport const calciteColorHighSaturationOrangeYellowHOy020 = \"#fed3a1\";\nexport const calciteColorHighSaturationOrangeYellowHOy030 = \"#fcc582\";\nexport const calciteColorHighSaturationOrangeYellowHOy040 = \"#fbb664\";\nexport const calciteColorHighSaturationOrangeYellowHOy050 = \"#f9a845\";\nexport const calciteColorHighSaturationOrangeYellowHOy060 = \"#f89927\";\nexport const calciteColorHighSaturationOrangeYellowHOy070 = \"#c67718\";\nexport const calciteColorHighSaturationOrangeYellowHOy080 = \"#9a5b10\";\nexport const calciteColorHighSaturationOrangeYellowHOy090 = \"#6d3f08\";\nexport const calciteColorHighSaturationOrangeYellowHOy100 = \"#402300\";\nexport const calciteColorHighSaturationOrangeHOo010 = \"#ffd8bf\";\nexport const calciteColorHighSaturationOrangeHOo020 = \"#fdc39f\";\nexport const calciteColorHighSaturationOrangeHOo030 = \"#faae7f\";\nexport const calciteColorHighSaturationOrangeHOo040 = \"#f89960\";\nexport const calciteColorHighSaturationOrangeHOo050 = \"#f58440\";\nexport const calciteColorHighSaturationOrangeHOo060 = \"#f36f20\";\nexport const calciteColorHighSaturationOrangeHOo070 = \"#c65a18\";\nexport const calciteColorHighSaturationOrangeHOo080 = \"#9a4410\";\nexport const calciteColorHighSaturationOrangeHOo090 = \"#6d2f08\";\nexport const calciteColorHighSaturationOrangeHOo100 = \"#401900\";\nexport const calciteColorHighSaturationRedOrangeHRo010 = \"#ffc7b3\";\nexport const calciteColorHighSaturationRedOrangeHRo020 = \"#f8af95\";\nexport const calciteColorHighSaturationRedOrangeHRo030 = \"#f09677\";\nexport const calciteColorHighSaturationRedOrangeHRo040 = \"#e97e5a\";\nexport const calciteColorHighSaturationRedOrangeHRo050 = \"#e1653c\";\nexport const calciteColorHighSaturationRedOrangeHRo060 = \"#da4d1e\";\nexport const calciteColorHighSaturationRedOrangeHRo070 = \"#ad3c16\";\nexport const calciteColorHighSaturationRedOrangeHRo080 = \"#802c0f\";\nexport const calciteColorHighSaturationRedOrangeHRo090 = \"#531b07\";\nexport const calciteColorHighSaturationRedOrangeHRo100 = \"#260a00\";\nexport const calciteColorHighSaturationRedHRr010 = \"#ffc6bf\";\nexport const calciteColorHighSaturationRedHRr020 = \"#ffaaa1\";\nexport const calciteColorHighSaturationRedHRr030 = \"#f2877b\";\nexport const calciteColorHighSaturationRedHRr040 = \"#f07062\";\nexport const calciteColorHighSaturationRedHRr050 = \"#e65240\";\nexport const calciteColorHighSaturationRedHRr060 = \"#d83020\";\nexport const calciteColorHighSaturationRedHRr070 = \"#a82b1e\";\nexport const calciteColorHighSaturationRedHRr080 = \"#7c1d13\";\nexport const calciteColorHighSaturationRedHRr090 = \"#4f0e08\";\nexport const calciteColorHighSaturationRedHRr100 = \"#210300\";\nexport const calciteColorHighSaturationPinkHPk010 = \"#ffd1ef\";\nexport const calciteColorHighSaturationPinkHPk020 = \"#fabee4\";\nexport const calciteColorHighSaturationPinkHPk030 = \"#f2a5d6\";\nexport const calciteColorHighSaturationPinkHPk040 = \"#eb8dc9\";\nexport const calciteColorHighSaturationPinkHPk050 = \"#e673bb\";\nexport const calciteColorHighSaturationPinkHPk060 = \"#e04ea6\";\nexport const calciteColorHighSaturationPinkHPk070 = \"#ba2f7e\";\nexport const calciteColorHighSaturationPinkHPk080 = \"#851b52\";\nexport const calciteColorHighSaturationPinkHPk090 = \"#590b32\";\nexport const calciteColorHighSaturationPinkHPk100 = \"#260404\";\nexport const calciteColorHighSaturationVioletRedHVr010 = \"#fadbff\";\nexport const calciteColorHighSaturationVioletRedHVr020 = \"#e4beeb\";\nexport const calciteColorHighSaturationVioletRedHVr030 = \"#cfa1d7\";\nexport const calciteColorHighSaturationVioletRedHVr040 = \"#b983c3\";\nexport const calciteColorHighSaturationVioletRedHVr050 = \"#a466af\";\nexport const calciteColorHighSaturationVioletRedHVr060 = \"#8e499b\";\nexport const calciteColorHighSaturationVioletRedHVr070 = \"#73377e\";\nexport const calciteColorHighSaturationVioletRedHVr080 = \"#572561\";\nexport const calciteColorHighSaturationVioletRedHVr090 = \"#3c1243\";\nexport const calciteColorHighSaturationVioletRedHVr100 = \"#200026\";\nexport const calciteColorHighSaturationVioletHVv010 = \"#e8d9ff\";\nexport const calciteColorHighSaturationVioletHVv020 = \"#cdb9eb\";\nexport const calciteColorHighSaturationVioletHVv030 = \"#b39ad7\";\nexport const calciteColorHighSaturationVioletHVv040 = \"#987ac3\";\nexport const calciteColorHighSaturationVioletHVv050 = \"#7e5baf\";\nexport const calciteColorHighSaturationVioletHVv060 = \"#633b9b\";\nexport const calciteColorHighSaturationVioletHVv070 = \"#4e2c7e\";\nexport const calciteColorHighSaturationVioletHVv080 = \"#3a1e61\";\nexport const calciteColorHighSaturationVioletHVv090 = \"#250f43\";\nexport const calciteColorHighSaturationVioletHVv100 = \"#100026\";\nexport const calciteColorVibrantBlueVBb120 = \"#59d6ff\";\nexport const calciteColorVibrantBlueVBb140 = \"#3db8ff\";\nexport const calciteColorVibrantBlueVBb160 = \"#009af2\";\nexport const calciteColorVibrantBlueVBb180 = \"#009af2\";\nexport const calciteColorVibrantGreenBlueVGb120 = \"#59fffc\";\nexport const calciteColorVibrantGreenBlueVGb140 = \"#00f7f3\";\nexport const calciteColorVibrantGreenBlueVGb160 = \"#00e6e2\";\nexport const calciteColorVibrantGreenBlueVGb180 = \"#00cfca\";\nexport const calciteColorVibrantGreenVGg120 = \"#73ff84\";\nexport const calciteColorVibrantGreenVGg140 = \"#3bed52\";\nexport const calciteColorVibrantGreenVGg160 = \"#00b81b\";\nexport const calciteColorVibrantGreenVGg180 = \"#00a118\";\nexport const calciteColorVibrantYellowGreenVYg120 = \"#d7ff73\";\nexport const calciteColorVibrantYellowGreenVYg140 = \"#bbed3b\";\nexport const calciteColorVibrantYellowGreenVYg160 = \"#96cc00\";\nexport const calciteColorVibrantYellowGreenVYg180 = \"#7fab00\";\nexport const calciteColorVibrantYellowVYy120 = \"#fff766\";\nexport const calciteColorVibrantYellowVYy140 = \"#ffee33\";\nexport const calciteColorVibrantYellowVYy160 = \"#f5d000\";\nexport const calciteColorVibrantYellowVYy180 = \"#ebba17\";\nexport const calciteColorVibrantOrangeYellowVOy120 = \"#ffb54d\";\nexport const calciteColorVibrantOrangeYellowVOy140 = \"#ff9500\";\nexport const calciteColorVibrantOrangeYellowVOy160 = \"#e68600\";\nexport const calciteColorVibrantOrangeYellowVOy180 = \"#d17300\";\nexport const calciteColorVibrantRedOrangeVRo120 = \"#ff824d\";\nexport const calciteColorVibrantRedOrangeVRo140 = \"#ff4d00\";\nexport const calciteColorVibrantRedOrangeVRo160 = \"#de4300\";\nexport const calciteColorVibrantRedOrangeVRo180 = \"#c93b00\";\nexport const calciteColorVibrantRedVRr120 = \"#ff624d\";\nexport const calciteColorVibrantRedVRr140 = \"#ff0015\";\nexport const calciteColorVibrantRedVRr160 = \"#d90012\";\nexport const calciteColorVibrantRedVRr180 = \"#b3000f\";\nexport const calciteColorVibrantPinkVPk120 = \"#ff66c2\";\nexport const calciteColorVibrantPinkVPk140 = \"#ff19a4\";\nexport const calciteColorVibrantPinkVPk160 = \"#d11486\";\nexport const calciteColorVibrantPinkVPk180 = \"#c00073\";\nexport const calciteColorVibrantVioletRedVVr120 = \"#ea80ff\";\nexport const calciteColorVibrantVioletRedVVr140 = \"#dd33ff\";\nexport const calciteColorVibrantVioletRedVVr160 = \"#ac08cc\";\nexport const calciteColorVibrantVioletRedVVr180 = \"#83009e\";\nexport const calciteColorVibrantVioletVVv120 = \"#b580ff\";\nexport const calciteColorVibrantVioletVVv140 = \"#974dff\";\nexport const calciteColorVibrantVioletVVv160 = \"#8129ff\";\nexport const calciteColorVibrantVioletVVv180 = \"#6a0be6\";\nexport const calciteColorDarkGreenDGg410 = \"#44ed51\";\nexport const calciteColorDarkGreenDGg420 = \"#36da43\";\nexport const calciteColorDarkGreenDGg430 = \"#36da43\";\nexport const calciteColorDarkYellowDYy410 = \"#ffe24d\";\nexport const calciteColorDarkYellowDYy420 = \"#ffc900\";\nexport const calciteColorDarkYellowDYy430 = \"#f4b000\";\nexport const calciteColorDarkRedDRr410 = \"#ff7465\";\nexport const calciteColorDarkRedDRr420 = \"#fe583e\";\nexport const calciteColorDarkRedDRr430 = \"#f3381b\";\nexport const calciteColorDarkBlueDBb410 = \"#47bbff\";\nexport const calciteColorDarkBlueDBb420 = \"#00a0ff\";\nexport const calciteColorDarkBlueDBb430 = \"#0087d7\";\nexport const calciteContainerSize0 = \"0\";\nexport const calciteContainerSize154 = \"154px\";\nexport const calciteContainerSize320 = \"320px\";\nexport const calciteContainerSize328 = \"328px\";\nexport const calciteContainerSize476 = \"476px\";\nexport const calciteContainerSize504 = \"504px\";\nexport const calciteContainerSize678 = \"678px\";\nexport const calciteContainerSize768 = \"768px\";\nexport const calciteContainerSize854 = \"854px\";\nexport const calciteContainerSize1152 = \"1152px\";\nexport const calciteContainerSize1440 = \"1440px\";\nexport const calciteFontFamilyAndaleMono = \"Andale Mono\"; // Fallback for Monaco\nexport const calciteFontFamilyAvenirNextPro = \"Avenir Next LT Pro\";\nexport const calciteFontFamilyAvenirNextWorld = \"Avenir Next World\";\nexport const calciteFontFamilyAvenirNext = \"Avenir Next\"; // Primary font family\nexport const calciteFontFamilyAvenir = \"Avenir\"; // Fallback for Avenir Next\nexport const calciteFontFamilyConsolas = \"Consolas\"; // Fallback for Monaco\nexport const calciteFontFamilyHelveticaNeue = \"Helvetica Neue\"; // Fallback for Avenir Next\nexport const calciteFontFamilyLucidaConsole = \"Lucida Console\"; // Fallback for Monaco\nexport const calciteFontFamilyMonaco = \"Monaco\";\nexport const calciteFontFamilyMonospace = \"monospace\"; // Fallback for Monaco\nexport const calciteFontFamilySansSerif = \"sans-serif\"; // Fallback for Avenir Next\nexport const calciteFontStyleItalic = \"italic\"; // used in ratings\nexport const calciteFontWeightUltralight = \"200\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightThin = \"100\";\nexport const calciteFontWeightLight = \"300\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightMediumItalic = \"Medium Italic\";\nexport const calciteFontWeightDemi = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontWeightExtrabold = \"800\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightBlack = \"900\"; // only for Avenir Next World (secondary font family)\nexport const calciteFontWeightHeavy = \"900\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacity0 = \"0\";\nexport const calciteOpacity4 = \"0.04\";\nexport const calciteOpacity8 = \"0.08\";\nexport const calciteOpacity10 = \"0.1\";\nexport const calciteOpacity20 = \"0.2\";\nexport const calciteOpacity30 = \"0.3\";\nexport const calciteOpacity40 = \"0.4\";\nexport const calciteOpacity50 = \"0.5\";\nexport const calciteOpacity60 = \"0.6\";\nexport const calciteOpacity70 = \"0.7\";\nexport const calciteOpacity80 = \"0.8\";\nexport const calciteOpacity85 = \"0.85\";\nexport const calciteOpacity90 = \"0.9\";\nexport const calciteOpacity92 = \"0.92\";\nexport const calciteOpacity96 = \"0.96\";\nexport const calciteOpacity100 = \"1\";\nexport const calciteShadow0 = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadow1 = {\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"};\nexport const calciteShadow2 = {\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"};\nexport const calciteShadow3 = {\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"};\nexport const calciteShadow4 = {\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"};\nexport const calciteSize1 = \"1px\";\nexport const calciteSize2 = \"2px\";\nexport const calciteSize4 = \"4px\";\nexport const calciteSize6 = \"6px\";\nexport const calciteSize8 = \"8px\";\nexport const calciteSize10 = \"10px\";\nexport const calciteSize12 = \"12px\";\nexport const calciteSize14 = \"14px\";\nexport const calciteSize16 = \"16px\";\nexport const calciteSize20 = \"20px\";\nexport const calciteSize24 = \"24px\";\nexport const calciteSize28 = \"28px\";\nexport const calciteSize32 = \"32px\";\nexport const calciteSize36 = \"36px\";\nexport const calciteSize40 = \"40px\";\nexport const calciteSize44 = \"44px\";\nexport const calciteSize48 = \"48px\";\nexport const calciteSize56 = \"56px\";\nexport const calciteSize64 = \"64px\";\nexport const calciteSize72 = \"72px\";\nexport const calciteSize80 = \"80px\";\nexport const calciteSize96 = \"96px\";\nexport const calciteSize112 = \"112px\";\nexport const calciteSize128 = \"128px\";\nexport const calciteSize144 = \"144px\";\nexport const calciteSize160 = \"160px\";\nexport const calciteSize192 = \"192px\";\nexport const calciteSize224 = \"224px\";\nexport const calciteSize256 = \"256px\";\nexport const calciteSize288 = \"288px\";\nexport const calciteSizeNone = \"0\";\nexport const calciteSizeRelative50 = \"50%\";\nexport const calciteSizeRelative100 = \"100%\";\nexport const calciteSizeRelative125 = \"125%\";\nexport const calciteSizeRelative137 = \"137.5%\";\nexport const calciteSizeRelative150 = \"150%\";\nexport const calciteSizeRelative162 = \"162.5%\";\nexport const calciteSizeRelative200 = \"200%\";\nexport const calciteSizeRelativeAuto = \"auto\";\nexport const calciteZIndex0 = \"-999999\";\nexport const calciteZIndex1 = \"1\";\nexport const calciteZIndex3 = \"300\";\nexport const calciteZIndex4 = \"400\";\nexport const calciteZIndex5 = \"500\";\nexport const calciteZIndex6 = \"600\";\nexport const calciteZIndex7 = \"700\";\nexport const calciteZIndex8 = \"800\";\nexport const calciteZIndex9 = \"900\";\n"],"mappings":";;;;;AAuRY,MAACA,EAAgB,OAEjB,MAACC,EAAgB,OAGjB,MAACC,EAAgB,OACjB,MAACC,EAAgB,c","ignoreList":[]}

package/dist/calcite/p-bbac8d98.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{h as t,r as i,c as e,H as s,g as a}from"./p-17581615.js";import{c as n,d as o,H as c}from"./p-48c46ebf.js";import{g as r}from"./p-3cf89117.js";import{u as l,I as h}from"./p-176e985b.js";import{c as d,d as u}from"./p-f099b69b.js";import{s as p,a as f,c as b}from"./p-ff633d19.js";import{c as m,d as g}from"./p-a3136988.js";import{u as v,c as y,s as k,d as w}from"./p-62a45517.js";import{f as x}from"./p-cbc54e80.js";import"./p-02522147.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-fbf41cbc.js";import"./p-d32e5254.js";const j=({full:i,scale:e,partial:s})=>t("calcite-icon",{class:s?undefined:"icon",icon:i?"star-f":"star",scale:e});const z=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{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;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{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;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::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=z;const L=class{constructor(t){i(this,t);this.calciteRatingChange=e(this,"calciteRatingChange",6);this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=false};this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=true;this.hoverValue=null};this.handleHostKeyDown=()=>{this.isKeyboardInteraction=true};this.handleLabelKeyDown=t=>{const i=this.getValueFromLabelEvent(t);const e=t.key;const s=e==" "?undefined:Number(e);this.emit=true;if(isNaN(s)){switch(e){case"Enter":case" ":this.value=!this.required&&this.value===i?0:i;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(i);this.updateFocus();t.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(i);this.updateFocus();t.preventDefault();break;case"Tab":this.hoverValue=null;break}}else{if(!this.required&&s>=0&&s<=this.max){this.value=s}else if(this.required&&s>0&&s<=this.max){this.value=s}this.updateFocus()}};this.handleInputChange=t=>{if(this.isKeyboardInteraction===true){const i=Number(t.target["value"]);this.hoverValue=i;this.value=i}};this.handleLabelPointerOver=t=>{this.hoverValue=this.getValueFromLabelEvent(t)};this.handleLabelPointerDown=t=>{const i=t.currentTarget;const e=this.getValueFromLabelEvent(t);this.hoverValue=e;this.emit=true;this.value=!this.required&&this.value===e?0:e;i.focus()};this.handleLabelClick=t=>{t.preventDefault()};this.handleLabelFocus=t=>{const i=this.getValueFromLabelEvent(t);this.hoverValue=i};this.setLabelEl=t=>{this.labelElements.push(t)};this.emit=false;this.guid=`calcite-ratings-${r()}`;this.isKeyboardInteraction=true;this.labelElements=[];this.max=5;this.average=undefined;this.count=undefined;this.disabled=false;this.form=undefined;this.messages=undefined;this.messageOverrides=undefined;this.name=undefined;this.readOnly=false;this.required=false;this.scale="m";this.showChip=false;this.value=0;this.effectiveLocale="";this.defaultMessages=undefined;this.hoverValue=undefined}onMessagesChange(){}handleValueUpdate(t){this.hoverValue=t;if(this.emit){this.calciteRatingChange.emit()}this.emit=false}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){m(this);y(this);d(this);n(this)}async componentWillLoad(){await k(this);p(this)}componentWillRender(){this.starsMap=Array.from({length:this.max},((t,i)=>{const e=i+1;const s=!this.hoverValue&&this.average&&!this.value&&e<=this.average;const a=e===this.value;const n=this.average&&this.average+1-e;const o=e<=this.hoverValue;const c=`${this.guid}-${e}`;const r=!this.hoverValue&&!this.value&&!o&&n>0&&n<1;const l=this.value>=e;const h=this.getTabIndex(e);return{average:s,checked:a,fraction:n,hovered:o,id:c,partial:r,selected:l,value:e,tabIndex:h}}))}componentDidLoad(){f(this)}disconnectedCallback(){g(this);w(this);u(this);o(this)}componentDidRender(){l(this)}render(){return t(s,{key:"0ff4ea58dddbebd7ceb343f557361417f4a574dd",onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},t(h,{key:"3416927456c4b6c8ccb8e7cc5d6fcdb8f3e9741d",disabled:this.disabled},t("span",{key:"b7544344df9a6212750704106402d0af15836341",class:"wrapper"},t("fieldset",{key:"80ea0d15da4eefc8c57d01a9074e13beb06dff35",class:"fieldset",disabled:this.disabled},t("legend",{key:"32c0efc9513fbcf67cea4c3fa98cc32b8d3164a1",class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:i,checked:e,fraction:s,hovered:a,id:n,partial:o,selected:c,value:r,tabIndex:l})=>t("label",{class:{star:true,selected:c,hovered:a,average:i,partial:o},"data-value":r,htmlFor:n,onClick:this.handleLabelClick,onFocus:this.handleLabelFocus,onKeyDown:this.handleLabelKeyDown,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver,ref:this.setLabelEl,tabIndex:l},t("input",{checked:e,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:n,name:this.guid,onChange:this.handleInputChange,tabIndex:-1,type:"radio",value:r}),t(j,{full:c||i,scale:this.scale}),o&&t("div",{class:"fraction",style:{width:`${s*100}%`}},t(j,{full:true,partial:true,scale:this.scale})),t("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${r}`))))),(this.count||this.average)&&this.showChip?t("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&t("span",{class:"number--average"},this.average.toString()),!!this.count&&t("span",{class:"number--count"},"(",this.count?.toString(),")")):null),t(c,{key:"7d286cc17e662603da251822081c5739ff53f991",component:this}))))}onLabelClick(){this.setFocus()}updateFocus(){this.hoverValue=this.value;this.labelElements[this.value-1].focus()}getTabIndex(t){if(this.readOnly||this.value!==t&&(this.value||t!==1)){return-1}return 0}getValueFromLabelEvent(t){const i=t.currentTarget;return Number(i.getAttribute("data-value"))}getNextRatingValue(t){return t===5?1:t+1}getPreviousRatingValue(t){return t===1?5:t-1}async setFocus(){await b(this);x(this.el)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};L.style=C;export{L as calcite_rating};
+//# sourceMappingURL=p-bbac8d98.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StarIcon","full","scale","partial","h","class","undefined","icon","ratingCss","CalciteRatingStyle0","Rating","this","handleRatingPointerOver","isKeyboardInteraction","handleRatingPointerOut","hoverValue","handleHostKeyDown","handleLabelKeyDown","event","inputValue","getValueFromLabelEvent","key","numberKey","Number","emit","isNaN","value","required","getPreviousRatingValue","updateFocus","preventDefault","getNextRatingValue","max","handleInputChange","inputVal","target","handleLabelPointerOver","handleLabelPointerDown","currentTarget","focus","handleLabelClick","handleLabelFocus","setLabelEl","el","labelElements","push","guid","onMessagesChange","handleValueUpdate","newValue","calciteRatingChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","connectLabel","connectForm","componentWillLoad","setUpMessages","setUpLoadableComponent","componentWillRender","starsMap","Array","from","length","_","i","average","checked","fraction","hovered","id","selected","tabIndex","getTabIndex","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","Host","onKeyDown","onPointerOut","onPointerOver","InteractiveContainer","disabled","messages","rating","map","star","htmlFor","onClick","onFocus","onPointerDown","ref","readOnly","name","onChange","type","style","width","stars","replace","count","showChip","toString","HiddenFormInputSlot","component","onLabelClick","setFocus","getAttribute","currentValue","componentFocusable","focusFirstTabbable"],"sources":["src/components/rating/functional/star.tsx","src/components/rating/rating.scss?tag=calcite-rating&encapsulation=shadow","src/components/rating/rating.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from \"@stencil/core\";\nimport { StarIconProps } from \"../interfaces\";\n\nexport const StarIcon: FunctionalComponent<StarIconProps> = ({ full, scale, partial }): VNode => (\n  <calcite-icon\n    {...{\n      class: partial ? undefined : \"icon\",\n      icon: full ? \"star-f\" : \"star\",\n      scale,\n    }}\n  />\n);\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.\n */\n\n:host {\n  @apply relative flex items-center;\n  inline-size: fit-content;\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  @apply h-6;\n  --calcite-rating-spacing-unit: theme(\"spacing.1\");\n}\n\n:host([scale=\"m\"]) {\n  @apply h-8;\n  --calcite-rating-spacing-unit: theme(\"spacing.2\");\n}\n\n:host([scale=\"l\"]) {\n  @apply h-11;\n  --calcite-rating-spacing-unit: theme(\"spacing.3\");\n}\n\n:host([read-only]) {\n  @extend %non-interactive-host-contents;\n}\n\n.fieldset {\n  margin: 0;\n  display: flex;\n  border-width: 0;\n  padding: 0;\n  align-items: center;\n  gap: var(--calcite-rating-spacing-unit);\n}\n\n.wrapper {\n  display: inline-block;\n}\n\n.star {\n  @apply transition-default;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  color: theme(\"borderColor.color.input\");\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.average,\n.fraction {\n  color: theme(\"colors.warning\");\n}\n\n.hovered,\n.selected {\n  color: theme(\"colors.brand\");\n}\n\n.fraction {\n  @apply transition-default;\n  position: absolute;\n  pointer-events: none;\n  inset-block-start: 0;\n  overflow: hidden;\n  inset-inline-start: 0;\n}\n\n// rating count\ncalcite-chip {\n  pointer-events: none;\n  cursor: default;\n}\n\n.number--average {\n  font-weight: bold;\n}\n\n.number--count {\n  color: var(--calcite-color-text-2);\n  font-style: italic;\n  &:not(:first-child) {\n    margin-inline-start: var(--calcite-rating-spacing-unit);\n  }\n}\n\n.visually-hidden {\n  @apply sr-only;\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, 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 {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { focusFirstTabbable } from \"../../utils/dom\";\nimport { RatingMessages } from \"./assets/rating/t9n\";\nimport { StarIcon } from \"./functional/star\";\nimport { Star } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-rating\",\n  styleUrl: \"rating.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Rating\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies a cumulative average from previous ratings to display. */\n  @Prop({ reflect: true }) average: number;\n\n  /** Specifies the number of previous ratings to display. */\n  @Prop({ reflect: true }) count: number;\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 }) form: string;\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: RatingMessages;\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<RatingMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component's value can be read, but cannot be modified. */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */\n  @Prop({ reflect: true }) showChip = false;\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value = 0;\n\n  @Watch(\"value\")\n  handleValueUpdate(newValue: number): void {\n    this.hoverValue = newValue;\n    if (this.emit) {\n      this.calciteRatingChange.emit();\n    }\n\n    this.emit = false;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's value changes.\n   */\n  @Event({ cancelable: false }) calciteRatingChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Static\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: RatingMessages;\n\n  @State() hoverValue: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentWillRender(): void {\n    this.starsMap = Array.from({ length: this.max }, (_, i) => {\n      const value = i + 1;\n      const average = !this.hoverValue && this.average && !this.value && value <= this.average;\n      const checked = value === this.value;\n      const fraction = this.average && this.average + 1 - value;\n      const hovered = value <= this.hoverValue;\n      const id = `${this.guid}-${value}`;\n      const partial = !this.hoverValue && !this.value && !hovered && fraction > 0 && fraction < 1;\n      const selected = this.value >= value;\n      const tabIndex = this.getTabIndex(value);\n      return {\n        average,\n        checked,\n        fraction,\n        hovered,\n        id,\n        partial,\n        selected,\n        value,\n        tabIndex,\n      };\n    });\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleHostKeyDown}\n        onPointerOut={this.handleRatingPointerOut}\n        onPointerOver={this.handleRatingPointerOver}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <span class=\"wrapper\">\n            <fieldset class=\"fieldset\" disabled={this.disabled}>\n              <legend class=\"visually-hidden\">{this.messages.rating}</legend>\n              {this.starsMap.map(\n                ({\n                  average,\n                  checked,\n                  fraction,\n                  hovered,\n                  id,\n                  partial,\n                  selected,\n                  value,\n                  tabIndex,\n                }) => {\n                  return (\n                    <label\n                      class={{\n                        star: true,\n                        selected,\n                        hovered,\n                        average,\n                        partial,\n                      }}\n                      data-value={value}\n                      htmlFor={id}\n                      onClick={this.handleLabelClick}\n                      onFocus={this.handleLabelFocus}\n                      onKeyDown={this.handleLabelKeyDown}\n                      onPointerDown={this.handleLabelPointerDown}\n                      onPointerOver={this.handleLabelPointerOver}\n                      ref={this.setLabelEl}\n                      tabIndex={tabIndex}\n                    >\n                      <input\n                        checked={checked}\n                        class=\"visually-hidden\"\n                        disabled={this.disabled || this.readOnly}\n                        id={id}\n                        name={this.guid}\n                        onChange={this.handleInputChange}\n                        tabIndex={-1}\n                        type=\"radio\"\n                        value={value}\n                      />\n                      <StarIcon full={selected || average} scale={this.scale} />\n                      {partial && (\n                        <div class=\"fraction\" style={{ width: `${fraction * 100}%` }}>\n                          <StarIcon full partial scale={this.scale} />\n                        </div>\n                      )}\n                      <span class=\"visually-hidden\">\n                        {this.messages.stars.replace(\"{num}\", `${value}`)}\n                      </span>\n                    </label>\n                  );\n                },\n              )}\n\n              {(this.count || this.average) && this.showChip ? (\n                <calcite-chip scale={this.scale} value={this.count?.toString()}>\n                  {!!this.average && <span class=\"number--average\">{this.average.toString()}</span>}\n                  {!!this.count && <span class=\"number--count\">({this.count?.toString()})</span>}\n                </calcite-chip>\n              ) : null}\n            </fieldset>\n            <HiddenFormInputSlot component={this} />\n          </span>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private handleRatingPointerOver = () => {\n    this.isKeyboardInteraction = false;\n  };\n\n  private handleRatingPointerOut = () => {\n    this.isKeyboardInteraction = true;\n    this.hoverValue = null;\n  };\n\n  private handleHostKeyDown = () => {\n    this.isKeyboardInteraction = true;\n  };\n\n  private handleLabelKeyDown = (event: KeyboardEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    const key = event.key;\n    const numberKey = key == \" \" ? undefined : Number(key);\n\n    this.emit = true;\n    if (isNaN(numberKey)) {\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n          break;\n        case \"ArrowLeft\":\n          this.value = this.getPreviousRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n          this.value = this.getNextRatingValue(inputValue);\n          this.updateFocus();\n          event.preventDefault();\n          break;\n        case \"Tab\":\n          this.hoverValue = null;\n          break;\n      }\n    } else {\n      if (!this.required && numberKey >= 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      } else if (this.required && numberKey > 0 && numberKey <= this.max) {\n        this.value = numberKey;\n      }\n      this.updateFocus();\n    }\n  };\n\n  private handleInputChange = (event: InputEvent) => {\n    if (this.isKeyboardInteraction === true) {\n      const inputVal = Number(event.target[\"value\"]);\n      this.hoverValue = inputVal;\n      this.value = inputVal;\n    }\n  };\n\n  private handleLabelPointerOver = (event: PointerEvent) => {\n    this.hoverValue = this.getValueFromLabelEvent(event);\n  };\n\n  private handleLabelPointerDown = (event: PointerEvent) => {\n    const target = event.currentTarget as HTMLLabelElement;\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n    this.emit = true;\n    this.value = !this.required && this.value === inputValue ? 0 : inputValue;\n    target.focus();\n  };\n\n  private handleLabelClick = (event: Event) => {\n    //preventing pointerdown event will supress any compatability mouse events except for click event.\n    event.preventDefault();\n  };\n\n  private handleLabelFocus = (event: FocusEvent) => {\n    const inputValue = this.getValueFromLabelEvent(event);\n    this.hoverValue = inputValue;\n  };\n\n  private updateFocus(): void {\n    this.hoverValue = this.value;\n    this.labelElements[this.value - 1].focus();\n  }\n\n  private getTabIndex(value: number): number {\n    if (this.readOnly || (this.value !== value && (this.value || value !== 1))) {\n      return -1;\n    }\n    return 0;\n  }\n\n  private setLabelEl = (el: HTMLLabelElement): void => {\n    this.labelElements.push(el);\n  };\n\n  private getValueFromLabelEvent(event: FocusEvent | PointerEvent | KeyboardEvent): number {\n    const target = event.currentTarget as HTMLLabelElement;\n    return Number(target.getAttribute(\"data-value\"));\n  }\n\n  getNextRatingValue(currentValue: number): number {\n    return currentValue === 5 ? 1 : currentValue + 1;\n  }\n\n  getPreviousRatingValue(currentValue: number): number {\n    return currentValue === 1 ? 5 : currentValue - 1;\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    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private State / Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRatingElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Rating[\"value\"];\n\n  private emit = false;\n\n  private guid = `calcite-ratings-${guid()}`;\n\n  private isKeyboardInteraction = true;\n\n  private labelElements: HTMLLabelElement[] = [];\n\n  private max = 5;\n\n  private starsMap: Star[];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-bd29fda5.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as e}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";function r(e){return e>1&&e<5&&~~(e/10)!==1}function t(e,t,s,n){var m=e+" ";switch(s){case"s":return t||n?"pár sekund":"pár sekundami";case"m":return t?"minuta":n?"minutu":"minutou";case"mm":if(t||n){return m+(r(e)?"minuty":"minut")}return m+"minutami";case"h":return t?"hodina":n?"hodinu":"hodinou";case"hh":if(t||n){return m+(r(e)?"hodiny":"hodin")}return m+"hodinami";case"d":return t||n?"den":"dnem";case"dd":if(t||n){return m+(r(e)?"dny":"dní")}return m+"dny";case"M":return t||n?"měsíc":"měsícem";case"MM":if(t||n){return m+(r(e)?"měsíce":"měsíců")}return m+"měsíci";case"y":return t||n?"rok":"rokem";case"yy":if(t||n){return m+(r(e)?"roky":"let")}return m+"lety"}}var s={name:"cs",weekdays:"neděle_pondělí_úterý_středa_čtvrtek_pátek_sobota".split("_"),weekdaysShort:"ne_po_út_st_čt_pá_so".split("_"),weekdaysMin:"ne_po_út_st_čt_pá_so".split("_"),months:"leden_únor_březen_duben_květen_červen_červenec_srpen_září_říjen_listopad_prosinec".split("_"),monthsShort:"led_úno_bře_dub_kvě_čvn_čvc_srp_zář_říj_lis_pro".split("_"),weekStart:1,yearStart:4,ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"před %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(s,null,true);export{s as default};
+//# sourceMappingURL=p-bd29fda5.js.map

package/dist/calcite/p-c49d0c9b.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as i,h as t,H as e,g as n}from"./p-17581615.js";import{g as o,d as s}from"./p-cbc54e80.js";import{u as a,I as c}from"./p-176e985b.js";import{s as l,a as r,c as d}from"./p-ff633d19.js";import{C as h}from"./p-d32e5254.js";import"./p-3cf89117.js";import"./p-6861beb6.js";const p=":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}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;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;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;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-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);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;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const b=p;const f=class{constructor(t){i(this,t);this.childElClickHandler=i=>{if(!i.isTrusted){i.stopPropagation()}};this.storeTagRef=i=>{this.childEl=i};this.disabled=false;this.download=false;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.rel=undefined;this.target=undefined}componentWillLoad(){l(this)}componentDidLoad(){r(this)}componentDidRender(){a(this)}render(){const{download:i,el:n}=this;const s=o(n);const a=this.href?"a":"span";const l=t("calcite-icon",{key:"97671ac491bb59c2c24cf33d243efeeecb03f509",class:"calcite-link--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});const r=t("calcite-icon",{key:"6093c4bde008df245c388c648ce8855270dabb1e",class:"calcite-link--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});const d=a;const p=a==="span"?"link":null;const b=a==="span"?0:null;return t(e,{key:"ba5308eef4c3c54b61038f36f3d43fdd90f98a9a",role:"presentation"},t(c,{key:"da2a8ec93933d7a16df31607bfaf71bd4170e60d",disabled:this.disabled},t(d,{key:"acef60a1538c832058594e606f01232dbfa3ba34",class:{[h.rtl]:s==="rtl"},download:d==="a"&&(i===""||i)?i:null,href:d==="a"&&this.href,onClick:this.childElClickHandler,ref:this.storeTagRef,rel:d==="a"&&this.rel,role:p,tabIndex:b,target:d==="a"&&this.target},this.iconStart?l:null,t("slot",{key:"2df738861c674ac77bbe5162da42fd8158878bac"}),this.iconEnd?r:null)))}clickHandler(i){if(this.disabled){return}if(!i.isTrusted){this.childEl.click()}}async setFocus(){await d(this);s(this.childEl)}get el(){return n(this)}};f.style=b;export{f as calcite_link};
+//# sourceMappingURL=p-c49d0c9b.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["linkCss","CalciteLinkStyle0","Link","this","childElClickHandler","event","isTrusted","stopPropagation","storeTagRef","el","childEl","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","download","dir","getElementDir","childElType","href","iconStartEl","h","key","class","flipRtl","iconFlipRtl","icon","iconStart","scale","iconEndEl","iconEnd","Tag","role","tabIndex","Host","InteractiveContainer","disabled","CSS_UTILITY","rtl","onClick","ref","rel","target","clickHandler","click","setFocus","componentFocusable","focusElement"],"sources":["src/components/link/link.scss?tag=calcite-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n// link base\n:host a,\n:host span {\n  @apply font-inherit\n    transition-default\n    relative\n    flex\n    cursor-pointer\n    items-center\n    justify-center\n    rounded-none\n    border-none;\n  text-decoration: none;\n  line-height: inherit;\n  font-size: inherit;\n  -webkit-appearance: none;\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n// focus styles\n:host a,\n:host span {\n  @apply focus-base;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\ncalcite-icon {\n  inline-size: 1em;\n  block-size: 1em;\n  min-inline-size: unset;\n  min-block-size: unset;\n}\n\n.calcite-link--icon {\n  @apply transition-default align-middle;\n  margin-block-start: -0.25em;\n}\n\n// icon positioning and styles\n:host .calcite-link--icon.icon-start {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host .calcite-link--icon.icon-end {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n:host {\n  span,\n  a {\n    @apply text-color-link\n      transition-default\n      relative\n      inline\n      border-none\n      bg-transparent\n      p-0;\n    line-height: inherit;\n    white-space: initial;\n    background-image: linear-gradient(currentColor, currentColor),\n      linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));\n    background-position-x: 0%, 100%;\n    background-position-y: min(1.5em, 100%);\n    background-repeat: no-repeat, no-repeat;\n    background-size:\n      0% 1px,\n      100% 1px;\n\n    &:hover,\n    &:focus {\n      background-size:\n        100% 1px,\n        100% 1px;\n    }\n    &:active {\n      background-size:\n        100% 2px,\n        100% 2px;\n    }\n    &.calcite--rtl {\n      background-position:\n        100% 100%,\n        100% 100%;\n    }\n  }\n}\n\n@include disabled();\n@include base-component();\n","import { Component, Element, h, Host, Listen, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement, getElementDir } from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { FlipContext } from \"../interfaces\";\nimport { IconNameOrString } from \"../icon/interfaces\";\n\n/** Any attributes placed on <calcite-link> component will propagate to the rendered child */\n/** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */\n\n/** @slot - A slot for adding text. */\n@Component({\n  tag: \"calcite-link\",\n  styleUrl: \"link.scss\",\n  shadow: true,\n})\nexport class Link implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\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  /** Specifies the URL of the linked resource, which can be set as an absolute or relative path. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\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: IconNameOrString;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop() rel: string;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop() target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { download, el } = this;\n    const dir = getElementDir(el);\n    const childElType = this.href ? \"a\" : \"span\";\n    const iconStartEl = (\n      <calcite-icon\n        class=\"calcite-link--icon icon-start\"\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale=\"s\"\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class=\"calcite-link--icon icon-end\"\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale=\"s\"\n      />\n    );\n\n    const Tag = childElType;\n    const role = childElType === \"span\" ? \"link\" : null;\n    const tabIndex = childElType === \"span\" ? 0 : null;\n\n    return (\n      <Host role=\"presentation\">\n        <InteractiveContainer disabled={this.disabled}>\n          <Tag\n            class={{ [CSS_UTILITY.rtl]: dir === \"rtl\" }}\n            /*\n          When the 'download' property of type 'boolean | string' is set to true, the value is \"\".\n          This works around that issue for now.\n          */\n            download={Tag === \"a\" && (download === \"\" || download) ? download : null}\n            href={Tag === \"a\" && this.href}\n            onClick={this.childElClickHandler}\n            ref={this.storeTagRef}\n            rel={Tag === \"a\" && this.rel}\n            role={role}\n            tabIndex={tabIndex}\n            target={Tag === \"a\" && this.target}\n          >\n            {this.iconStart ? iconStartEl : null}\n            <slot />\n            {this.iconEnd ? iconEndEl : null}\n          </Tag>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\")\n  clickHandler(event: PointerEvent): void {\n    if (this.disabled) {\n      return;\n    }\n\n    // forwards the click() to the internal link for non user-initiated events\n    if (!event.isTrusted) {\n      this.childEl.click();\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    focusElement(this.childEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteLinkElement;\n\n  /** the rendered child element */\n  private childEl: HTMLAnchorElement | HTMLSpanElement;\n\n  private childElClickHandler = (event: PointerEvent): void => {\n    if (!event.isTrusted) {\n      // click was invoked internally, we stop it here\n      event.stopPropagation();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private storeTagRef = (el: Link[\"childEl\"]): void => {\n    this.childEl = el;\n  };\n}\n"],"mappings":";;;;;qRAAA,MAAMA,EAAU,u3FAChB,MAAAC,EAAeD,E,MC0BFE,EAAI,M,yBAqJPC,KAAAC,oBAAuBC,IAC7B,IAAKA,EAAMC,UAAW,CAEpBD,EAAME,iB,GAUFJ,KAAAK,YAAeC,IACrBN,KAAKO,QAAUD,CAAE,E,cA3JiB,M,cAOkB,M,wIA0BtD,iBAAAE,GACEC,EAAuBT,K,CAGzB,gBAAAU,GACEC,EAAmBX,K,CAGrB,kBAAAY,GACEC,EAAsBb,K,CAGxB,MAAAc,GACE,MAAMC,SAAEA,EAAQT,GAAEA,GAAON,KACzB,MAAMgB,EAAMC,EAAcX,GAC1B,MAAMY,EAAclB,KAAKmB,KAAO,IAAM,OACtC,MAAMC,EACJC,EAAA,gBAAAC,IAAA,2CACEC,MAAM,gCACNC,QAASxB,KAAKyB,cAAgB,SAAWzB,KAAKyB,cAAgB,OAC9DC,KAAM1B,KAAK2B,UACXC,MAAM,MAIV,MAAMC,EACJR,EAAA,gBAAAC,IAAA,2CACEC,MAAM,8BACNC,QAASxB,KAAKyB,cAAgB,OAASzB,KAAKyB,cAAgB,OAC5DC,KAAM1B,KAAK8B,QACXF,MAAM,MAIV,MAAMG,EAAMb,EACZ,MAAMc,EAAOd,IAAgB,OAAS,OAAS,KAC/C,MAAMe,EAAWf,IAAgB,OAAS,EAAI,KAE9C,OACEG,EAACa,EAAI,CAAAZ,IAAA,2CAACU,KAAK,gBACTX,EAACc,EAAoB,CAAAb,IAAA,2CAACc,SAAUpC,KAAKoC,UACnCf,EAACU,EAAG,CAAAT,IAAA,2CACFC,MAAO,CAAE,CAACc,EAAYC,KAAMtB,IAAQ,OAKpCD,SAAUgB,IAAQ,MAAQhB,IAAa,IAAMA,GAAYA,EAAW,KACpEI,KAAMY,IAAQ,KAAO/B,KAAKmB,KAC1BoB,QAASvC,KAAKC,oBACduC,IAAKxC,KAAKK,YACVoC,IAAKV,IAAQ,KAAO/B,KAAKyC,IACzBT,KAAMA,EACNC,SAAUA,EACVS,OAAQX,IAAQ,KAAO/B,KAAK0C,QAE3B1C,KAAK2B,UAAYP,EAAc,KAChCC,EAAA,QAAAC,IAAA,6CACCtB,KAAK8B,QAAUD,EAAY,O,CActC,YAAAc,CAAazC,GACX,GAAIF,KAAKoC,SAAU,CACjB,M,CAIF,IAAKlC,EAAMC,UAAW,CACpBH,KAAKO,QAAQqC,O,EAYjB,cAAMC,SACEC,EAAmB9C,MAEzB+C,EAAa/C,KAAKO,Q","ignoreList":[]}

package/dist/calcite/p-c4f58fae.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as r}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var e={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(e){return e+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(e,t,n,p){return"néhány másodperc"+(p||t?"":"e")},m:function r(e,t,n,p){return"egy perc"+(p||t?"":"e")},mm:function r(e,t,n,p){return e+" perc"+(p||t?"":"e")},h:function r(e,t,n,p){return"egy "+(p||t?"óra":"órája")},hh:function r(e,t,n,p){return e+" "+(p||t?"óra":"órája")},d:function r(e,t,n,p){return"egy "+(p||t?"nap":"napja")},dd:function r(e,t,n,p){return e+" "+(p||t?"nap":"napja")},M:function r(e,t,n,p){return"egy "+(p||t?"hónap":"hónapja")},MM:function r(e,t,n,p){return e+" "+(p||t?"hónap":"hónapja")},y:function r(e,t,n,p){return"egy "+(p||t?"év":"éve")},yy:function r(e,t,n,p){return e+" "+(p||t?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-c4f58fae.js.map

package/dist/calcite/p-c64f7f92.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as r}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var e={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 r(e,t){switch(t){case"W":return e+"周";default:return e+"日"}},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 r(e,t){var _=e*100+t;if(_<600){return"凌晨"}else if(_<900){return"早上"}else if(_<1100){return"上午"}else if(_<1300){return"中午"}else if(_<1800){return"下午"}return"晚上"}};r.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-c64f7f92.js.map

package/dist/calcite/p-c7a88fda.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-17581615.js";import{b as a,t as n,e as l,h as r}from"./p-cbc54e80.js";import{g as c}from"./p-02522147.js";import{s as d,a as h,c as u}from"./p-ff633d19.js";import{N as m,c as f,d as p}from"./p-a3136988.js";import{o as g}from"./p-50fa027f.js";import{c as b,s as v,d as k,u as x}from"./p-62a45517.js";import{K as w}from"./p-b6a71674.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-fbf41cbc.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerActive:"container--active",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerEmbedded:"container--embedded",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container",focused:"focused"};const j=300;class A{constructor(){this.registeredElements=[];this.queueTimeoutId=null}registerElement(t){const{registeredElements:e}=this;if(!e.includes(t)){switch(t.queue){case"immediate":e.unshift(t);break;case"next":e.splice(1,0,t);break;case"last":e.push(t);break}this.updateAlerts()}}unregisterElement(t){const{registeredElements:e}=this;const i=e.indexOf(t);if(i!==-1){e.splice(i,1)}t.active=false;this.updateAlerts()}updateAlerts(){window.clearTimeout(this.queueTimeoutId);this.queueTimeoutId=null;this.registeredElements.forEach(((t,e)=>{t.openAlertCount=this.registeredElements.length;if(e===0){this.queueTimeoutId=window.setTimeout((()=>t.active=true),j)}else{t.active=false}}))}}const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);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;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress::after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container--active{border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container--active[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container--active[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after,:host(:focus[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after,:host(:focus[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after,:host(:focus[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}.container.focused .dismiss-progress::after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--embedded{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const D=q;const E=new A;const S=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.handleKeyBoardFocus=()=>{this.isFocused=true;this.handleFocus()};this.handleKeyBoardBlur=()=>{this.isFocused=false;if(!this.isHovered){this.handleBlur()}};this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.open=false;this.clearAutoCloseTimeout()};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=a(t)};this.handleMouseOver=()=>{this.isHovered=true;this.handleFocus()};this.handleMouseLeave=()=>{this.isHovered=false;if(!this.isFocused){this.handleBlur()}};this.handleFocus=()=>{this.clearAutoCloseTimeout();this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleBlur=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.active=false;this.openAlertCount=0;this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.embedded=false;this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.queue="last";this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.isFocused=false}handleActiveChange(){this.clearAutoCloseTimeout();if(this.active&&this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}openHandler(){g(this);if(this.open){E.registerElement(this.el)}else{E.unregisterElement(this.el)}}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){this.clearAutoCloseTimeout();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}onMessagesChange(){}handleQueueChange(){if(this.open){E.unregisterElement(this.el);E.registerElement(this.el)}}connectedCallback(){f(this);b(this);const t=this.open;if(t){E.registerElement(this.el)}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){g(this)}}componentDidLoad(){h(this)}disconnectedCallback(){E.unregisterElement(this.el);this.clearAutoCloseTimeout();p(this);k(this);this.embedded=false}render(){const{open:t,autoClose:e,label:o,placement:a,active:l,openAlertCount:c}=this;const d=e?"alert":"alertdialog";const h=!t;const u=r(w,this.icon,this.kind);const m=c>1;return i(s,{key:"925efaa1db32fd70f778106456e1dbb11d5a33b1","aria-hidden":n(h),"aria-label":o,"calcite-hydrated-hidden":h,role:d},i("div",{key:"fc92bdb0f32f2e5461144fcc95d4cf77f1f1c916",class:{[C.container]:true,[C.containerActive]:l,[`${C.container}--${a}`]:true,[C.containerEmbedded]:this.embedded,[C.focused]:this.isFocused},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose?this.handleMouseLeave:null,ref:this.setTransitionEl},u&&this.renderIcon(u),i("div",{key:"52fe536e5f4feb0714431c5a46e0a0a2dbf27110",class:C.textContainer,onFocusin:this.autoClose&&this.autoCloseTimeoutId?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null},i("slot",{key:"6037f775c962ba14084e8ec8b86c7a177fef037f",name:z.title}),i("slot",{key:"736344f5602889a2a4a8fc0d22963b827a41519a",name:z.message}),i("slot",{key:"8eea607803b78c9ff554682bb36fbea3e1693d6e",name:z.link})),this.renderActionsEnd(),m?this.renderQueueCount():null,this.renderCloseButton(),t&&l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,onFocusin:this.autoClose?this.handleKeyBoardFocus:null,onFocusout:this.autoClose?this.handleKeyBoardBlur:null,ref:t=>this.closeButton=t,type:"button"},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const{openAlertCount:t}=this;const e=t>2?t-1:1;const s=this.numberStringFormatter.numberFormatter.format(e);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:t>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:s},s))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){x(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}clearAutoCloseTimeout(){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=null}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{active:["handleActiveChange"],open:["openHandler"],autoCloseDuration:["updateDuration"],messageOverrides:["onMessagesChange"],queue:["handleQueueChange"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=D;export{S as calcite_alert};
+//# sourceMappingURL=p-c7a88fda.entry.js.map

package/dist/calcite/p-c86e8125.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as i,h as t,H as c,g as a}from"./p-17581615.js";import{b as n,t as s}from"./p-cbc54e80.js";import{a as l,s as o,c as r}from"./p-ff633d19.js";import{u as d,c as p,d as h,s as g}from"./p-62a45517.js";import{u as m,I as v}from"./p-176e985b.js";import{c as u,d as b}from"./p-a3136988.js";import{i as f}from"./p-b92ebeef.js";import{g as x}from"./p-02522147.js";import{i as k}from"./p-6861beb6.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-fbf41cbc.js";const y={title:"title",close:"close",imageContainer:"image-container",chipIcon:"chip-icon",textSlotted:"text--slotted",container:"container",imageSlotted:"image--slotted",closable:"closable",multiple:"multiple",single:"single",selectable:"selectable",selectIcon:"select-icon",selectIconActive:"select-icon--active",nonInteractive:"non-interactive",isCircle:"is-circle",selected:"selected"};const z={image:"image"};const w={close:"x",checkedSingle:"circle-f",uncheckedMultiple:"square",checkedMultiple:"check-square-f"};const C=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.container,.select-icon,.title{padding-inline-start:var(--calcite-internal-chip-padding-start);padding-inline-end:var(--calcite-internal-chip-padding-end)}.select-icon:not(.select-icon--active){padding-inline:0}:host([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-s-internal:0.25rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=s]) .close,:host([scale=s]) .select-icon--active{block-size:1rem;inline-size:1rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=s]) .container.is-circle,:host([scale=s]) .container.is-circle.image--slotted{block-size:1.5rem;inline-size:1.5rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-px)}:host([scale=s]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=s]) .multiple.image--slotted.text--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container.image--slotted.closable{--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=s]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-xs)}:host([scale=s]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:var(--calcite-spacing-base);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-s-internal:0.375rem;--calcite-chip-spacing-l-internal:0.5rem}:host([scale=m]) .close,:host([scale=m]) .image-container,:host([scale=m]) .select-icon--active{block-size:1.5rem;inline-size:1.5rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]) .container.is-circle,:host([scale=m]) .container.is-circle.image--slotted{block-size:2rem;inline-size:2rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-px);--calcite-internal-chip-padding-end:var(--calcite-spacing-px)}:host([scale=m]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-base);--calcite-internal-chip-padding-end:var(--calcite-spacing-base)}:host([scale=m]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=m]) .multiple.image--slotted.text--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=m]) .container.image--slotted.closable{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=m]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-px)}:host([scale=m]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-sm)}:host([scale=m][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-s-internal:0.5rem;--calcite-chip-spacing-l-internal:0.75rem}:host([scale=l]) .image-container,:host([scale=l]) .close,:host([scale=l]) .select-icon--active{block-size:2rem;inline-size:2rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .container.is-circle,:host([scale=l]) .container.is-circle.image--slotted{block-size:2.75rem;inline-size:2.75rem;--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .multiple .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}:host([scale=l]) .multiple.image--slotted .select-icon{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-md)}:host([scale=l]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-sm);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=l]) .container.image--slotted{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-sm)}:host([scale=l]) .container.image--slotted.closable{--calcite-internal-chip-padding-start:var(--calcite-spacing-xs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host([scale=l]) .container:not(.is-circle):not(.multiple):not(.image-slotted) .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-xxs)}:host([scale=l]) .container:not(.is-circle):not(.multiple).image--slotted .select-icon.select-icon--active{padding-inline-start:0;padding-inline-end:var(--calcite-spacing-md)}:host([scale=l][closable]) .container{--calcite-internal-chip-padding-start:var(--calcite-spacing-sm);--calcite-internal-chip-padding-end:var(--calcite-spacing-xs)}:host{display:inline-flex;cursor:default;border-radius:9999px}.container{box-sizing:border-box;display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);font-weight:var(--calcite-font-weight-medium);outline-color:transparent}.container.selectable{cursor:pointer}.container:not(.non-interactive):focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .container.selectable.single.image--slotted{--calcite-internal-chip-padding-end:calc(0.125rem / 2)}:host([scale=s]) .container:not(.selected):not(.multiple).image--slotted{--calcite-internal-chip-padding-start:calc(0.125rem / 2)}.container.text--slotted .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--calcite-internal-chip-padding-start:var(--calcite-chip-spacing-s-internal);--calcite-internal-chip-padding-end:var(--calcite-chip-spacing-s-internal)}.container:not(.text--slotted) .title{display:none}.container:not(.image--slotted) .image-container{display:none}.container:not(.is-circle).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).image--slotted .image-container~.chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle).selectable:not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.selectable):not(.text--slotted) .chip-icon{margin-inline-start:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text--slotted) .chip-icon{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.text-slotted).image--slotted .image-container{margin-inline-end:var(--calcite-chip-spacing-s-internal)}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container{margin-inline-end:0}.container:not(.is-circle):not(.closable):not(.text--slotted).image--slotted.selectable .image-container~.chip-icon{margin-inline-start:calc(var(--calcite-chip-spacing-s-internal) * 2)}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline:var(--calcite-chip-spacing-s-internal)}.image-container{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;pointer-events:none}.close{margin:0px;cursor:pointer;align-items:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-1);outline-color:transparent;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;-webkit-appearance:none;display:flex;border-radius:50%;align-content:center;justify-content:center;--calcite-chip-transparent-hover:var(--calcite-color-transparent-hover);--calcite-chip-transparent-press:var(--calcite-color-transparent-press);--calcite-internal-chip-padding-start:var(--calcite-spacing-xxs);--calcite-internal-chip-padding-end:var(--calcite-spacing-xxs)}.close:hover{background-color:var(--calcite-chip-transparent-hover)}.close:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:active{background-color:var(--calcite-chip-transparent-press)}.close calcite-icon{color:inherit}.select-icon{align-self:center;justify-content:center;align-items:center;display:flex;inset-block-start:-1px;position:relative;visibility:hidden;inline-size:0;opacity:0;transition:opacity 0.15s ease-in-out, inline-size 0.15s ease-in-out}.select-icon.select-icon--active{visibility:visible;opacity:0.5}:host([selected]) .select-icon{opacity:1}.container:hover .select-icon--active{opacity:1}.multiple .select-icon{display:flex;align-items:center;justify-content:center}slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}:host([kind=neutral]){background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host([kind=neutral]) .container{border-color:transparent}:host([kind=neutral]) .close{color:var(--calcite-color-text-3)}:host([kind=inverse]){background-color:var(--calcite-color-inverse);color:var(--calcite-color-text-inverse)}:host([kind=inverse]) .container{border-color:transparent}:host([kind=inverse]) .close{color:var(--calcite-color-text-inverse)}:host([kind=brand]){background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) .container{border-color:transparent}:host([kind=brand]) .close{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]),:host([appearance=outline]){background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}:host([appearance=outline-fill]) .close,:host([appearance=outline]) .close{color:var(--calcite-color-text-3)}:host([appearance=outline-fill]){background-color:var(--calcite-color-foreground-1)}:host([appearance=outline]){background-color:transparent}:host([kind=neutral][appearance=outline-fill]) .container,:host([kind=neutral][appearance=outline]) .container{border-color:var(--calcite-color-border-1)}:host([kind=inverse][appearance=outline-fill]) .container,:host([kind=inverse][appearance=outline]) .container{border-color:var(--calcite-color-border-inverse)}:host([kind=brand][appearance=outline-fill]) .container,:host([kind=brand][appearance=outline]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand][appearance=solid]) button,:host([kind=inverse][appearance=solid]) button{outline-color:var(--calcite-color-text-inverse)}:host([closed]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const j=C;const I=class{constructor(t){e(this,t);this.calciteChipClose=i(this,"calciteChipClose",6);this.calciteChipSelect=i(this,"calciteChipSelect",6);this.calciteInternalChipKeyEvent=i(this,"calciteInternalChipKeyEvent",6);this.calciteInternalChipSelect=i(this,"calciteInternalChipSelect",6);this.calciteInternalSyncSelectedChips=i(this,"calciteInternalSyncSelectedChips",6);this.handleDefaultSlotChange=()=>{this.updateHasText()};this.close=()=>{this.calciteChipClose.emit();this.selected=false;this.closed=true};this.closeButtonKeyDownHandler=e=>{if(f(e.key)){e.preventDefault();this.close()}};this.handleSlotImageChange=e=>{this.hasImage=n(e)};this.handleEmittingEvent=()=>{if(this.interactive){this.calciteChipSelect.emit()}};this.disabled=false;this.appearance="solid";this.kind="neutral";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.label=undefined;this.value=undefined;this.closed=false;this.selectionMode="none";this.selected=false;this.messageOverrides=undefined;this.messages=undefined;this.interactive=false;this.parentChipGroup=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false;this.hasImage=false}watchSelected(e){if(this.selectionMode==="none"){return}this.handleSelectionPropertyChange(e)}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}connectedCallback(){u(this);p(this)}componentDidLoad(){l(this);if(this.selectionMode!=="none"&&this.interactive&&this.selected){this.handleSelectionPropertyChange(this.selected)}}componentDidRender(){m(this)}disconnectedCallback(){b(this);h(this)}async componentWillLoad(){o(this);if(k()){await g(this);this.updateHasText()}}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleEmittingEvent();e.preventDefault();break;case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalChipKeyEvent.emit(e);e.preventDefault();break}}}clickHandler(){if(!this.interactive&&this.closable){this.closeButtonEl.focus()}}async setFocus(){await r(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}else if(!this.disabled&&this.closable){this.closeButtonEl?.focus()}}updateHasText(){this.hasText=this.el.textContent.trim().length>0}handleSelectionPropertyChange(e){if(this.selectionMode==="single"){this.calciteInternalSyncSelectedChips.emit()}const i=this.parentChipGroup.selectedItems.includes(this.el);if(!i&&e&&this.selectionMode!=="multiple"){this.calciteInternalChipSelect.emit()}if(this.selectionMode!=="single"){this.calciteInternalSyncSelectedChips.emit()}}renderChipImage(){return t("div",{class:y.imageContainer},t("slot",{name:z.image,onSlotchange:this.handleSlotImageChange}))}renderSelectionIcon(){const e=this.selectionMode==="multiple"?this.selected?w.checkedMultiple:w.uncheckedMultiple:this.selected?w.checkedSingle:undefined;return t("div",{class:{[y.selectIcon]:true,[y.selectIconActive]:this.selectionMode==="multiple"||this.selected}},e?t("calcite-icon",{icon:e,scale:x(this.scale)}):null)}renderCloseButton(){return t("button",{"aria-label":this.messages.dismissLabel,class:y.close,onClick:this.close,onKeyDown:this.closeButtonKeyDownHandler,ref:e=>this.closeButtonEl=e,tabIndex:this.disabled?-1:0},t("calcite-icon",{icon:w.close,scale:x(this.scale)}))}renderIcon(){return t("calcite-icon",{class:y.chipIcon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:x(this.scale)})}render(){const{disabled:e}=this;const i=e||!e&&!this.interactive;const a=this.selectionMode==="multiple"&&this.interactive?"checkbox":this.selectionMode!=="none"&&this.interactive?"radio":this.interactive?"button":undefined;return t(c,{key:"3a1a1b8f2ee556048db84661b3471e193e8369ab"},t(v,{key:"41107303be8be1dc3a591d3a5577c108e3bb5bd8",disabled:e},t("div",{key:"66fc23716742af883dddfe25a030d2052c6050b4","aria-checked":this.selectionMode!=="none"&&this.interactive?s(this.selected):undefined,"aria-disabled":i?s(e):undefined,"aria-label":this.label,class:{[y.container]:true,[y.textSlotted]:this.hasText,[y.imageSlotted]:this.hasImage,[y.selectable]:this.selectionMode!=="none",[y.multiple]:this.selectionMode==="multiple",[y.single]:this.selectionMode==="single"||this.selectionMode==="single-persist",[y.selected]:this.selected,[y.closable]:this.closable,[y.nonInteractive]:!this.interactive,[y.isCircle]:!this.closable&&!this.hasText&&(!this.icon||!this.hasImage)&&(this.selectionMode==="none"||!!this.selectionMode&&this.selectionMode!=="multiple"&&!this.selected)},onClick:this.handleEmittingEvent,ref:e=>this.containerEl=e,role:a,tabIndex:i?-1:0},this.selectionMode!=="none"&&this.renderSelectionIcon(),this.renderChipImage(),this.icon&&this.renderIcon(),t("span",{key:"2fae7be4c41cb78f11b3ecc9739f36114069b0c7",class:y.title},t("slot",{key:"7f84235908569b7c805c6b5aed2d0821af51a46e",onSlotchange:this.handleDefaultSlotChange})),this.closable&&this.renderCloseButton())))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{selected:["watchSelected"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=j;export{I as calcite_chip};
+//# sourceMappingURL=p-c86e8125.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","title","close","imageContainer","chipIcon","textSlotted","container","imageSlotted","closable","multiple","single","selectable","selectIcon","selectIconActive","nonInteractive","isCircle","selected","SLOTS","image","ICONS","checkedSingle","uncheckedMultiple","checkedMultiple","chipCss","CalciteChipStyle0","Chip","this","handleDefaultSlotChange","updateHasText","calciteChipClose","emit","closed","closeButtonKeyDownHandler","event","isActivationKey","key","preventDefault","handleSlotImageChange","hasImage","slotChangeHasAssignedElement","handleEmittingEvent","interactive","calciteChipSelect","watchSelected","selectionMode","handleSelectionPropertyChange","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","isBrowser","setUpMessages","keyDownHandler","target","el","calciteInternalChipKeyEvent","clickHandler","closeButtonEl","focus","setFocus","componentFocusable","disabled","containerEl","hasText","textContent","trim","length","calciteInternalSyncSelectedChips","selectedInParent","parentChipGroup","selectedItems","includes","calciteInternalChipSelect","renderChipImage","h","class","name","onSlotchange","renderSelectionIcon","icon","undefined","scale","getIconScale","renderCloseButton","messages","dismissLabel","onClick","onKeyDown","ref","tabIndex","renderIcon","flipRtl","iconFlipRtl","render","disableInteraction","role","Host","InteractiveContainer","toAriaBoolean","label"],"sources":["src/components/chip/resources.ts","src/components/chip/chip.scss?tag=calcite-chip&encapsulation=shadow","src/components/chip/chip.tsx"],"sourcesContent":["export const CSS = {\n  title: \"title\",\n  close: \"close\",\n  imageContainer: \"image-container\",\n  chipIcon: \"chip-icon\",\n  textSlotted: \"text--slotted\",\n  container: \"container\",\n  imageSlotted: \"image--slotted\",\n  closable: \"closable\",\n  multiple: \"multiple\",\n  single: \"single\",\n  selectable: \"selectable\",\n  selectIcon: \"select-icon\",\n  selectIconActive: \"select-icon--active\",\n  nonInteractive: \"non-interactive\",\n  isCircle: \"is-circle\",\n  selected: \"selected\",\n};\n\nexport const SLOTS = {\n  image: \"image\",\n};\n\nexport const ICONS = {\n  close: \"x\",\n  checkedSingle: \"circle-f\",\n  uncheckedMultiple: \"square\",\n  checkedMultiple: \"check-square-f\",\n} as const;\n",".container,\n.select-icon,\n.title {\n  padding-inline-start: var(--calcite-internal-chip-padding-start);\n  padding-inline-end: var(--calcite-internal-chip-padding-end);\n}\n\n.select-icon:not(.select-icon--active) {\n  padding-inline: 0;\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2 h-6;\n\n  --calcite-chip-spacing-s-internal: theme(\"spacing[1]\");\n  --calcite-chip-spacing-l-internal: theme(\"spacing[2]\");\n\n  .close,\n  .select-icon--active {\n    @apply h-4 w-4;\n  }\n\n  .image-container {\n    @apply h-5 w-5;\n  }\n\n  .container.is-circle,\n  .container.is-circle.image--slotted {\n    @apply w-6 h-6;\n\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-px);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-px);\n  }\n\n  .multiple {\n    .select-icon {\n      --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n      --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n    }\n\n    &.image--slotted {\n      .select-icon {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);\n      }\n\n      &.text--slotted {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-px);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n      }\n    }\n  }\n\n  .container {\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n\n    &.image--slotted {\n      --calcite-internal-chip-padding-start: var(--calcite-spacing-px);\n      --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n\n      &.closable {\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n      }\n    }\n  }\n\n  .container:not(.is-circle):not(.multiple) {\n    &:not(.image-slotted) .select-icon.select-icon--active {\n      padding-inline-start: 0;\n      padding-inline-end: var(--calcite-spacing-xs);\n    }\n\n    &.image--slotted .select-icon.select-icon--active {\n      padding-inline-start: var(--calcite-spacing-base);\n      padding-inline-end: var(--calcite-spacing-sm);\n    }\n  }\n}\n\n:host([scale=\"s\"][closable]) .container {\n  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n1 h-8;\n  --calcite-chip-spacing-s-internal: theme(\"spacing[1.5]\");\n  --calcite-chip-spacing-l-internal: theme(\"spacing[2]\");\n\n  .close,\n  .image-container,\n  .select-icon--active {\n    @apply h-6 w-6;\n\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n  }\n\n  .container.is-circle,\n  .container.is-circle.image--slotted {\n    @apply w-8 h-8;\n\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-px);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-px);\n  }\n\n  .multiple {\n    .select-icon {\n      --calcite-internal-chip-padding-start: var(--calcite-spacing-base);\n      --calcite-internal-chip-padding-end: var(--calcite-spacing-base);\n    }\n\n    &.image--slotted {\n      .select-icon {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);\n      }\n\n      &.text--slotted {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);\n      }\n    }\n  }\n\n  .container {\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);\n\n    &.image--slotted {\n      --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n      --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);\n\n      &.closable {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n      }\n    }\n  }\n\n  .container:not(.is-circle):not(.multiple) {\n    &:not(.image-slotted) .select-icon.select-icon--active {\n      padding-inline-start: 0;\n      padding-inline-end: var(--calcite-spacing-px);\n    }\n\n    &.image--slotted .select-icon.select-icon--active {\n      padding-inline-start: 0;\n      padding-inline-end: var(--calcite-spacing-sm);\n    }\n  }\n}\n\n:host([scale=\"m\"][closable]) .container {\n  --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);\n  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0 h-11;\n\n  --calcite-chip-spacing-s-internal: theme(\"spacing[2]\");\n  --calcite-chip-spacing-l-internal: theme(\"spacing[3]\");\n\n  .image-container,\n  .close,\n  .select-icon--active {\n    @apply h-8 w-8;\n\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n  }\n\n  .container.is-circle,\n  .container.is-circle.image--slotted {\n    @apply w-11 h-11;\n\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n  }\n\n  .multiple {\n    .select-icon {\n      --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n      --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n    }\n\n    &.image--slotted {\n      .select-icon {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-md);\n      }\n    }\n  }\n\n  .container {\n    --calcite-internal-chip-padding-start: var(--calcite-spacing-sm);\n    --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);\n\n    &.image--slotted {\n      --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);\n      --calcite-internal-chip-padding-end: var(--calcite-spacing-sm);\n\n      &.closable {\n        --calcite-internal-chip-padding-start: var(--calcite-spacing-xs);\n        --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);\n      }\n    }\n  }\n\n  .container:not(.is-circle):not(.multiple) {\n    &:not(.image-slotted) .select-icon.select-icon--active {\n      padding-inline-start: 0;\n      padding-inline-end: var(--calcite-spacing-xxs);\n    }\n\n    &.image--slotted .select-icon.select-icon--active {\n      padding-inline-start: 0;\n      padding-inline-end: var(--calcite-spacing-md);\n    }\n  }\n}\n\n:host([scale=\"l\"][closable]) .container {\n  --calcite-internal-chip-padding-start: var(--calcite-spacing-sm);\n  --calcite-internal-chip-padding-end: var(--calcite-spacing-xs);\n}\n\n:host {\n  @apply inline-flex\n    cursor-default\n    rounded-full;\n}\n\n.container {\n  @apply inline-flex\n  h-full\n  max-w-full\n  items-center\n  rounded-full\n  focus-base\n  justify-center\n  border\n  border-solid\n  border-color-1\n  box-border\n  font-medium;\n\n  &.selectable {\n    @apply cursor-pointer;\n  }\n  &:not(.non-interactive):focus {\n    @apply focus-outset;\n  }\n}\n\n:host([scale=\"s\"]) .container.selectable.single.image--slotted {\n  --calcite-internal-chip-padding-end: calc(theme(\"spacing[0.5]\") / 2);\n}\n\n:host([scale=\"s\"]) .container:not(.selected):not(.multiple).image--slotted {\n  --calcite-internal-chip-padding-start: calc(theme(\"spacing[0.5]\") / 2);\n}\n\n.container.text--slotted .title {\n  @apply truncate;\n\n  --calcite-internal-chip-padding-start: var(--calcite-chip-spacing-s-internal);\n  --calcite-internal-chip-padding-end: var(--calcite-chip-spacing-s-internal);\n}\n\n.container:not(.text--slotted) .title {\n  display: none;\n}\n\n.container:not(.image--slotted) .image-container {\n  display: none;\n}\n\n.container:not(.is-circle) {\n  &.image--slotted .image-container {\n    margin-inline-end: var(--calcite-chip-spacing-s-internal);\n  }\n\n  &.image--slotted .image-container ~ .chip-icon {\n    margin-inline-start: var(--calcite-chip-spacing-s-internal);\n  }\n\n  &.selectable:not(.text--slotted) .chip-icon {\n    margin-inline-end: var(--calcite-chip-spacing-s-internal);\n  }\n\n  &:not(.selectable):not(.text--slotted) .chip-icon {\n    margin-inline-start: var(--calcite-chip-spacing-s-internal);\n  }\n\n  &:not(.text--slotted) .chip-icon {\n    margin-inline-end: var(--calcite-chip-spacing-s-internal);\n  }\n\n  &:not(.text-slotted).image--slotted .image-container {\n    margin-inline-end: var(--calcite-chip-spacing-s-internal);\n  }\n\n  &:not(.closable):not(.text--slotted).image--slotted.selectable .image-container {\n    margin-inline-end: 0;\n    ~ .chip-icon {\n      margin-inline-start: calc(var(--calcite-chip-spacing-s-internal) * 2);\n    }\n  }\n}\n\n.chip-icon {\n  @apply relative my-0 inline-flex duration-150 ease-in-out;\n  margin-inline: var(--calcite-chip-spacing-s-internal);\n}\n\n.image-container {\n  @apply inline-flex overflow-hidden;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n.close {\n  @apply focus-base\n    transition-default\n    text-color-1\n    m-0\n    cursor-pointer\n    items-center\n    border-none\n    bg-transparent;\n  -webkit-appearance: none;\n  display: flex;\n  border-radius: 50%;\n  align-content: center;\n  justify-content: center;\n  --calcite-chip-transparent-hover: var(--calcite-color-transparent-hover);\n  --calcite-chip-transparent-press: var(--calcite-color-transparent-press);\n  --calcite-internal-chip-padding-start: var(--calcite-spacing-xxs);\n  --calcite-internal-chip-padding-end: var(--calcite-spacing-xxs);\n  &:hover {\n    background-color: var(--calcite-chip-transparent-hover);\n  }\n  &:focus {\n    background-color: var(--calcite-chip-transparent-hover);\n    @apply focus-inset;\n  }\n  &:active {\n    background-color: var(--calcite-chip-transparent-press);\n  }\n  & calcite-icon {\n    color: inherit;\n  }\n}\n\n.select-icon {\n  align-self: center;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  inset-block-start: -1px;\n  position: relative;\n  visibility: hidden;\n  inline-size: 0;\n  opacity: 0;\n  transition:\n    opacity 0.15s ease-in-out,\n    inline-size 0.15s ease-in-out;\n  &.select-icon--active {\n    visibility: visible;\n    opacity: 0.5;\n  }\n}\n\n:host([selected]) .select-icon {\n  opacity: 1;\n}\n\n.container:hover .select-icon--active {\n  opacity: 1;\n}\n\n.multiple .select-icon {\n  @apply flex justify-center items-center;\n}\n\nslot[name=\"image\"]::slotted(*) {\n  @apply rounded-half flex h-full w-full overflow-hidden;\n}\n\n:host([kind=\"neutral\"]) {\n  background-color: var(--calcite-color-foreground-2);\n  color: var(--calcite-color-text-1);\n  .container {\n    border-color: transparent;\n  }\n  .close {\n    color: var(--calcite-color-text-3);\n  }\n}\n\n:host([kind=\"inverse\"]) {\n  background-color: var(--calcite-color-inverse);\n  @apply text-color-inverse;\n  .container {\n    border-color: transparent;\n  }\n  .close {\n    @apply text-color-inverse;\n  }\n}\n\n:host([kind=\"brand\"]) {\n  background-color: var(--calcite-color-brand);\n  color: var(--calcite-color-text-inverse);\n  .container {\n    border-color: transparent;\n  }\n  .close {\n    @apply text-color-inverse;\n  }\n}\n\n:host([appearance=\"outline-fill\"]),\n:host([appearance=\"outline\"]) {\n  @apply text-color-1 bg-foreground-1;\n  .close {\n    @apply text-color-3;\n  }\n}\n\n:host([appearance=\"outline-fill\"]) {\n  @apply bg-foreground-1;\n}\n\n:host([appearance=\"outline\"]) {\n  @apply bg-transparent;\n}\n\n:host([kind=\"neutral\"][appearance=\"outline-fill\"]) .container,\n:host([kind=\"neutral\"][appearance=\"outline\"]) .container {\n  border-color: var(--calcite-color-border-1);\n}\n\n:host([kind=\"inverse\"][appearance=\"outline-fill\"]) .container,\n:host([kind=\"inverse\"][appearance=\"outline\"]) .container {\n  border-color: var(--calcite-color-border-inverse);\n}\n\n:host([kind=\"brand\"][appearance=\"outline-fill\"]) .container,\n:host([kind=\"brand\"][appearance=\"outline\"]) .container {\n  border-color: var(--calcite-color-brand);\n}\n\n:host([kind=\"brand\"][appearance=\"solid\"]),\n:host([kind=\"inverse\"][appearance=\"solid\"]) {\n  button {\n    outline-color: var(--calcite-color-text-inverse);\n  }\n}\n\n:host([closed]) {\n  display: none;\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { Appearance, Kind, Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { getIconScale } from \"../../utils/component\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { isBrowser } from \"../../utils/browser\";\nimport { ChipMessages } from \"./assets/chip/t9n\";\nimport { CSS, SLOTS, ICONS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot image - A slot for adding an image.\n */\n@Component({\n  tag: \"calcite-chip\",\n  styleUrl: \"chip.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Chip\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"solid\";\n\n  /** Specifies the kind of the component, which will apply to border and background if applicable. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"inverse\" | \"neutral\", Kind> = \"neutral\";\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: IconNameOrString;\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. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** The component's value. */\n  @Prop() value!: any;\n\n  /** When `true`, hides the component. */\n  @Prop({ reflect: true, mutable: true }) closed = false;\n\n  /**\n   * This internal property, managed by a containing `calcite-chip-group`, is\n   * conditionally set based on the `selectionMode` of the parent\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"multiple\" | \"single\" | \"single-persist\" | \"none\", SelectionMode> =\n    \"none\";\n\n  /** When `true`, the component is selected.  */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  watchSelected(selected: boolean): void {\n    if (this.selectionMode === \"none\") {\n      return;\n    }\n    this.handleSelectionPropertyChange(selected);\n  }\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<ChipMessages>;\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: ChipMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit.\n   * This is set to `true` by a parent Chip Group component.\n   *\n   * @internal\n   */\n  @Prop() interactive = false;\n\n  /**\n   * @internal\n   */\n  @Prop() parentChipGroup: HTMLCalciteChipGroupElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteChipElement;\n\n  @State() defaultMessages: ChipMessages;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() private hasText = false;\n\n  @State() private hasImage = false;\n\n  private containerEl: HTMLDivElement;\n\n  private closeButtonEl: HTMLButtonElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's close button is selected.\n   */\n  @Event({ cancelable: false }) calciteChipClose: EventEmitter<void>;\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event({ cancelable: false }) calciteChipSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalChipKeyEvent: EventEmitter<KeyboardEvent>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalChipSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalSyncSelectedChips: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    if (this.selectionMode !== \"none\" && this.interactive && this.selected) {\n      this.handleSelectionPropertyChange(this.selected);\n    }\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (isBrowser()) {\n      await setUpMessages(this);\n      this.updateHasText();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.handleEmittingEvent();\n          event.preventDefault();\n          break;\n        case \"ArrowRight\":\n        case \"ArrowLeft\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalChipKeyEvent.emit(event);\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"click\")\n  clickHandler(): void {\n    if (!this.interactive && this.closable) {\n      this.closeButtonEl.focus();\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    if (!this.disabled && this.interactive) {\n      this.containerEl?.focus();\n    } else if (!this.disabled && this.closable) {\n      this.closeButtonEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleDefaultSlotChange = (): void => {\n    this.updateHasText();\n  };\n\n  private close = (): void => {\n    this.calciteChipClose.emit();\n    this.selected = false;\n    this.closed = true;\n  };\n\n  private closeButtonKeyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      event.preventDefault();\n      this.close();\n    }\n  };\n\n  private updateHasText() {\n    this.hasText = this.el.textContent.trim().length > 0;\n  }\n\n  private handleSlotImageChange = (event: Event): void => {\n    this.hasImage = slotChangeHasAssignedElement(event);\n  };\n\n  private handleEmittingEvent = (): void => {\n    if (this.interactive) {\n      this.calciteChipSelect.emit();\n    }\n  };\n\n  private handleSelectionPropertyChange(selected: boolean): void {\n    if (this.selectionMode === \"single\") {\n      this.calciteInternalSyncSelectedChips.emit();\n    }\n    const selectedInParent = this.parentChipGroup.selectedItems.includes(this.el);\n\n    if (!selectedInParent && selected && this.selectionMode !== \"multiple\") {\n      this.calciteInternalChipSelect.emit();\n    }\n    if (this.selectionMode !== \"single\") {\n      this.calciteInternalSyncSelectedChips.emit();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChipImage(): VNode {\n    return (\n      <div class={CSS.imageContainer}>\n        <slot name={SLOTS.image} onSlotchange={this.handleSlotImageChange} />\n      </div>\n    );\n  }\n\n  renderSelectionIcon(): VNode {\n    const icon =\n      this.selectionMode === \"multiple\"\n        ? this.selected\n          ? ICONS.checkedMultiple\n          : ICONS.uncheckedMultiple\n        : this.selected\n          ? ICONS.checkedSingle\n          : undefined;\n\n    return (\n      <div\n        class={{\n          [CSS.selectIcon]: true,\n          [CSS.selectIconActive]: this.selectionMode === \"multiple\" || this.selected,\n        }}\n      >\n        {icon ? <calcite-icon icon={icon} scale={getIconScale(this.scale)} /> : null}\n      </div>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    return (\n      <button\n        aria-label={this.messages.dismissLabel}\n        class={CSS.close}\n        onClick={this.close}\n        onKeyDown={this.closeButtonKeyDownHandler}\n        ref={(el) => (this.closeButtonEl = el)}\n        tabIndex={this.disabled ? -1 : 0}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderIcon(): VNode {\n    return (\n      <calcite-icon\n        class={CSS.chipIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.icon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n    const disableInteraction = disabled || (!disabled && !this.interactive);\n    const role =\n      this.selectionMode === \"multiple\" && this.interactive\n        ? \"checkbox\"\n        : this.selectionMode !== \"none\" && this.interactive\n          ? \"radio\"\n          : this.interactive\n            ? \"button\"\n            : undefined;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div\n            aria-checked={\n              this.selectionMode !== \"none\" && this.interactive\n                ? toAriaBoolean(this.selected)\n                : undefined\n            }\n            aria-disabled={disableInteraction ? toAriaBoolean(disabled) : undefined}\n            aria-label={this.label}\n            class={{\n              [CSS.container]: true,\n              [CSS.textSlotted]: this.hasText,\n              [CSS.imageSlotted]: this.hasImage,\n              [CSS.selectable]: this.selectionMode !== \"none\",\n              [CSS.multiple]: this.selectionMode === \"multiple\",\n              [CSS.single]:\n                this.selectionMode === \"single\" || this.selectionMode === \"single-persist\",\n              [CSS.selected]: this.selected,\n              [CSS.closable]: this.closable,\n              [CSS.nonInteractive]: !this.interactive,\n              [CSS.isCircle]:\n                !this.closable &&\n                !this.hasText &&\n                (!this.icon || !this.hasImage) &&\n                (this.selectionMode === \"none\" ||\n                  (!!this.selectionMode && this.selectionMode !== \"multiple\" && !this.selected)),\n            }}\n            onClick={this.handleEmittingEvent}\n            ref={(el) => (this.containerEl = el)}\n            role={role}\n            tabIndex={disableInteraction ? -1 : 0}\n          >\n            {this.selectionMode !== \"none\" && this.renderSelectionIcon()}\n            {this.renderChipImage()}\n            {this.icon && this.renderIcon()}\n            <span class={CSS.title}>\n              <slot onSlotchange={this.handleDefaultSlotChange} />\n            </span>\n            {this.closable && this.renderCloseButton()}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-c96353cc.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{t}from"./p-3bffea95.js";import{e as n,i as e}from"./p-f51a68ab.js";const o=new Date;const s=o.toISOString();const r=365;const c=r;const a={groupDateRange:c,startDate:s};const l=(t,n,e)=>{const o=[];let s=e.create(t);for(let t=0;t<=n;t++){s=e.increase(s);o.push(e.formatToIsoDateString(s))}return o};const i=(t,o,s,r)=>{const c=new Map;const a=l(o,s,r);return t.map((t=>{const{label:o}=t;const s=n(o);const l=a.map((t=>{const n=`${t}-${o}`;let e=c.get(n);if(e){return e}e=r.isoToTimeZone(t,o);c.set(n,e);return e}));return{...t,continent:s,isRegularContinent:e(s),dates:l}}))};const u=(t,n,e)=>t.length===n.length&&t.every(((t,o)=>e.same(t,n[o])));const f=(t,o=5)=>{const s=t.filter((({label:t})=>e(n(t))));if(s.length===0){return[0]}const r=s.map((n=>t.indexOf(n)));return b(r,o)};function b(t,n=5){const e=t.length;if(e<=n){return t}const o=Math.min(e-2,n-2);const s=(e-1)/(o+1);return[t[0],...Array.from({length:o},((n,e)=>t[Math.round((e+1)*s)])),t[e-1]]}async function g(n){const{groupDateRange:e,startDate:o,dateEngine:s}={...a,...n};const r=[];if(!s){throw new Error("dateEngine is required")}const c=t.map((t=>({label:t})));const l=i(c,o,e,s);for(const t of l){const{label:n,continent:e,dates:o}=t;if(t.visited){continue}t.visited=true;const c={labelIdx:[],tzs:[{label:n}]};for(const t of l.filter((t=>!t.visited))){const{label:n,continent:r,isRegularContinent:a,dates:l}=t;if((e===r||!a)&&u(o,l,s)){const e={label:n};c.tzs.push(e);t.visited=true}}r.push(c)}return r.map((t=>{t.tzs=t.tzs.sort(((t,n)=>t.label.localeCompare(n.label)));return{labelTzIdx:f(t.tzs,7),tzs:t.tzs.map((t=>t.label))}})).sort(((t,n)=>n.tzs.length-t.tzs.length))}export{g as groupByOffset};
+//# sourceMappingURL=p-c96353cc.js.map

package/dist/calcite/p-cbc54e80.js

@@ -0,0 +1,12 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{g as n}from"./p-3cf89117.js";import{C as r}from"./p-d32e5254.js";
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var t=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var e=t.join(",");var i=typeof Element==="undefined";var o=i?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var u=!i&&Element.prototype.getRootNode?function(n){var r;return n===null||n===void 0?void 0:(r=n.getRootNode)===null||r===void 0?void 0:r.call(n)}:function(n){return n===null||n===void 0?void 0:n.ownerDocument};var a=function n(r,t){var e;if(t===void 0){t=true}var i=r===null||r===void 0?void 0:(e=r.getAttribute)===null||e===void 0?void 0:e.call(r,"inert");var o=i===""||i==="true";var u=o||t&&r&&n(r.parentNode);return u};var f=function n(r){var t;var e=r===null||r===void 0?void 0:(t=r.getAttribute)===null||t===void 0?void 0:t.call(r,"contenteditable");return e===""||e==="true"};var s=function n(r,t,i){if(a(r)){return[]}var u=Array.prototype.slice.apply(r.querySelectorAll(e));if(t&&o.call(r,e)){u.unshift(r)}u=u.filter(i);return u};var c=function n(r,t,i){var u=[];var f=Array.from(r);while(f.length){var s=f.shift();if(a(s,false)){continue}if(s.tagName==="SLOT"){var c=s.assignedElements();var l=c.length?c:s.children;var v=n(l,true,i);if(i.flatten){u.push.apply(u,v)}else{u.push({scopeParent:s,candidates:v})}}else{var d=o.call(s,e);if(d&&i.filter(s)&&(t||!r.includes(s))){u.push(s)}var p=s.shadowRoot||typeof i.getShadowRoot==="function"&&i.getShadowRoot(s);var y=!a(p,false)&&(!i.shadowRootFilter||i.shadowRootFilter(s));if(p&&y){var m=n(p===true?s.children:p.children,true,i);if(i.flatten){u.push.apply(u,m)}else{u.push({scopeParent:s,candidates:m})}}else{f.unshift.apply(f,s.children)}}}return u};var l=function n(r){return!isNaN(parseInt(r.getAttribute("tabindex"),10))};var v=function n(r){if(!r){throw new Error("No node provided")}if(r.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(r.tagName)||f(r))&&!l(r)){return 0}}return r.tabIndex};var d=function n(r,t){var e=v(r);if(e<0&&t&&!l(r)){return 0}return e};var p=function n(r,t){return r.tabIndex===t.tabIndex?r.documentOrder-t.documentOrder:r.tabIndex-t.tabIndex};var y=function n(r){return r.tagName==="INPUT"};var m=function n(r){return y(r)&&r.type==="hidden"};var w=function n(r){var t=r.tagName==="DETAILS"&&Array.prototype.slice.apply(r.children).some((function(n){return n.tagName==="SUMMARY"}));return t};var h=function n(r,t){for(var e=0;e<r.length;e++){if(r[e].checked&&r[e].form===t){return r[e]}}};var A=function n(r){if(!r.name){return true}var t=r.form||u(r);var e=function n(r){return t.querySelectorAll('input[type="radio"][name="'+r+'"]')};var i;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){i=e(window.CSS.escape(r.name))}else{try{i=e(r.name)}catch(n){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message);return false}}var o=h(i,r.form);return!o||o===r};var E=function n(r){return y(r)&&r.type==="radio"};var S=function n(r){return E(r)&&!A(r)};var g=function n(r){var t;var e=r&&u(r);var i=(t=e)===null||t===void 0?void 0:t.host;var o=false;if(e&&e!==r){var a,f,s;o=!!((a=i)!==null&&a!==void 0&&(f=a.ownerDocument)!==null&&f!==void 0&&f.contains(i)||r!==null&&r!==void 0&&(s=r.ownerDocument)!==null&&s!==void 0&&s.contains(r));while(!o&&i){var c,l,v;e=u(i);i=(c=e)===null||c===void 0?void 0:c.host;o=!!((l=i)!==null&&l!==void 0&&(v=l.ownerDocument)!==null&&v!==void 0&&v.contains(i))}}return o};var N=function n(r){var t=r.getBoundingClientRect(),e=t.width,i=t.height;return e===0&&i===0};var b=function n(r,t){var e=t.displayCheck,i=t.getShadowRoot;if(getComputedStyle(r).visibility==="hidden"){return true}var a=o.call(r,"details>summary:first-of-type");var f=a?r.parentElement:r;if(o.call(f,"details:not([open]) *")){return true}if(!e||e==="full"||e==="legacy-full"){if(typeof i==="function"){var s=r;while(r){var c=r.parentElement;var l=u(r);if(c&&!c.shadowRoot&&i(c)===true){return N(r)}else if(r.assignedSlot){r=r.assignedSlot}else if(!c&&l!==r.ownerDocument){r=l.host}else{r=c}}r=s}if(g(r)){return!r.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return N(r)}return false};var I=function n(r){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(r.tagName)){var t=r.parentElement;while(t){if(t.tagName==="FIELDSET"&&t.disabled){for(var e=0;e<t.children.length;e++){var i=t.children.item(e);if(i.tagName==="LEGEND"){return o.call(t,"fieldset[disabled] *")?true:!i.contains(r)}}return true}t=t.parentElement}}return false};var T=function n(r,t){if(t.disabled||a(t)||m(t)||b(t,r)||w(t)||I(t)){return false}return true};var x=function n(r,t){if(S(t)||v(t)<0||!T(r,t)){return false}return true};var $=function n(r){var t=parseInt(r.getAttribute("tabindex"),10);if(isNaN(t)||t>=0){return true}return false};var C=function n(r){var t=[];var e=[];r.forEach((function(r,i){var o=!!r.scopeParent;var u=o?r.scopeParent:r;var a=d(u,o);var f=o?n(r.candidates):u;if(a===0){o?t.push.apply(t,f):t.push(u)}else{e.push({documentOrder:i,tabIndex:a,item:r,isScope:o,content:f})}}));return e.sort(p).reduce((function(n,r){r.isScope?n.push.apply(n,r.content):n.push(r.content);return n}),[]).concat(t)};var D=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=c([r],t.includeContainer,{filter:x.bind(null,t),flatten:false,getShadowRoot:t.getShadowRoot,shadowRootFilter:$})}else{e=s(r,t.includeContainer,x.bind(null,t))}return C(e)};var F=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=c([r],t.includeContainer,{filter:T.bind(null,t),flatten:true,getShadowRoot:t.getShadowRoot})}else{e=s(r,t.includeContainer,T.bind(null,t))}return e};var L=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(o.call(r,e)===false){return false}return x(t,r)};var R=t.concat("iframe").join(",");var k=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(o.call(r,R)===false){return false}return T(t,r)};const O={getShadowRoot:true};function P(r){if(!r){return""}return r.id=r.id||`${r.tagName.toLowerCase()}-${n()}`}function U(n){return Array.isArray(n)?n:Array.from(n)}function B(n){const t=X(n,`.${r.darkMode}, .${r.lightMode}`);return t?.classList.contains("calcite-mode-dark")?"dark":"light"}function j(n){const r="dir";const t=`[${r}]`;const e=X(n,t);return e?e.getAttribute(r):"ltr"}function q(n){if(!n){return 0}return parseFloat(getComputedStyle(n).inlineSize)}function z(n){return n.getRootNode()}function G(n){const r=z(n);return"host"in r?r:null}function M(n,r){if(!n){return 0}const t=document.createElement("canvas");const e=t.getContext("2d");e.font=r;return e.measureText(n).width}function H(n){return n.host||null}function V(n,{selector:r,id:t}){function e(n){if(!n){return null}if(n.assignedSlot){n=n.assignedSlot}const i=z(n);const o=t?"getElementById"in i?i.getElementById(t):null:r?i.querySelector(r):null;const u=H(i);return o?o:u?e(u):null}return e(n)}function X(n,r){function t(n){return n?n.closest(r)||t(H(z(n))):null}return t(n)}function Y(n,r){return J(n,r)}function J(n,r){if(!n){return}const t=r(n);if(t!==undefined){return t}const{parentNode:e}=n;return J(e instanceof ShadowRoot?e.host:e,r)}function K(n,r){return!!Y(r,(r=>r===n?true:undefined))}function Q(n){return typeof n?.setFocus==="function"}async function W(n){if(!n){return}return Q(n)?n.setFocus():n.focus()}function Z(n){if(!n){return}return D(n,O)[0]??n}function _(n){Z(n)?.focus()}const nn=":not([slot])";function rn(n,r,t){if(r&&!Array.isArray(r)&&typeof r!=="string"){t=r;r=null}const e=r?Array.isArray(r)?r.map((n=>`[slot="${n}"]`)).join(","):`[slot="${r}"]`:nn;if(t?.all){return en(n,e,t)}return on(n,e,t)}function tn(n,r){return n?Array.from(n.children||[]).filter((n=>n?.matches(r))):[]}function en(n,r,t){let e=r===nn?tn(n,nn):Array.from(n.querySelectorAll(r));e=t&&t.direct===false?e:e.filter((r=>r.parentElement===n));e=t?.matches?e.filter((n=>n?.matches(t.matches))):e;const i=t?.selector;return i?e.map((n=>Array.from(n.querySelectorAll(i)))).reduce(((n,r)=>[...n,...r]),[]).filter((n=>!!n)):e}function on(n,r,t){let e=r===nn?tn(n,nn)[0]||null:n.querySelector(r);e=t&&t.direct===false?e:e?.parentElement===n?e:null;e=t?.matches?e?.matches(t.matches)?e:null:e;const i=t?.selector;return i?e?.querySelector(i):e}function un(n,r){return Array.from(n.children).filter((n=>n.matches(r)))}function an(n,r){return n.filter((n=>n.matches(r)))}function fn(n,r,t){if(typeof r==="string"&&r!==""){return r}else if(r===""){return n[t]}}function sn(n,r){return!(r.left>n.right||r.right<n.left||r.top>n.bottom||r.bottom<n.top)}function cn(n){return Boolean(n).toString()}function ln(n){return yn(n)||dn(n)}function vn(n){return pn(n).filter((n=>n.nodeType===Node.TEXT_NODE)).map((n=>n.textContent)).join("").trim()}function dn(n){return!!vn(n)}function pn(n){return n.currentTarget.assignedNodes({flatten:true})}function yn(n){return!!mn(n).length}function mn(n,r){return wn(n.target,r)}function wn(n,r){const t=n.assignedElements({flatten:true});return r?an(t,r):t}function hn(n){return!!(n.isPrimary&&n.button===0)}function An(n){return n.detail===0}const En=(n,r,t,e=true)=>{const i=n.indexOf(r);const o=i===0;const u=i===n.length-1;if(e){t=t==="previous"&&o?"last":t==="next"&&u?"first":t}let a;if(t==="previous"){a=n[i-1]||n[e?n.length-1:i]}else if(t==="next"){a=n[i+1]||n[e?0:i]}else if(t==="last"){a=n[n.length-1]}else{a=n[0]}W(a);return a};function Sn(n,r){if(n.parentNode!==r.parentNode){return false}const t=Array.from(n.parentNode.children);return t.indexOf(n)<t.indexOf(r)}async function gn(n,r,t,e){return bn(n,r,"animation",t,e)}async function Nn(n,r,t,e){return bn(n,r,"transition",t,e)}async function bn(n,r,t,e,i){const o=window.getComputedStyle(n);const u=t==="transition"?o.transitionDuration:o.animationDuration;const a=t==="transition"?o.transitionProperty:o.animationName;const f=u.split(",");const s=a.split(",").map((n=>n.trim()));const c=s.indexOf(r);const l=f[c]??f[0];function v(){requestAnimationFrame((()=>{e?.();requestAnimationFrame((()=>i?.()))}))}if(l==="0s"){v();return}const d=t==="transition"?"transitionstart":"animationstart";const p=t==="transition"?"transitionend":"animationend";const y=t==="transition"?"transitioncancel":"animationcancel";return new Promise((t=>{const o=window.setTimeout((()=>{n.removeEventListener(d,u);n.removeEventListener(p,a);n.removeEventListener(y,a);v();t()}),parseFloat(l)*1e3);n.addEventListener(d,u);n.addEventListener(p,a);n.addEventListener(y,a);function u(t){if(t.target===n&&Tn(t)===r){window.clearTimeout(o);n.removeEventListener(d,u);e?.()}}function a(e){if(e.target===n&&Tn(e)===r){n.removeEventListener(p,a);n.removeEventListener(y,a);i?.();t()}}}))}function In(n){return"propertyName"in n}function Tn(n){return In(n)?n.propertyName:n.animationName}export{G as A,gn as B,U as C,un as D,q as E,M as F,Z as G,wn as H,X as a,yn as b,K as c,W as d,rn as e,_ as f,j as g,fn as h,B as i,Sn as j,En as k,k as l,D as m,F as n,L as o,v as p,V as q,O as r,mn as s,cn as t,hn as u,sn as v,Nn as w,P as x,An as y,ln as z};
+//# sourceMappingURL=p-cbc54e80.js.map

package/dist/calcite/p-cc6a06c5.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/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as o,h as i,H as t,g as a}from"./p-17581615.js";import{d as s,t as r}from"./p-cbc54e80.js";import{c as n,d as c,H as l}from"./p-48c46ebf.js";import{u as d,I as h}from"./p-176e985b.js";import{i as b}from"./p-b92ebeef.js";import{c as p,d as m,g as f}from"./p-f099b69b.js";import{c as u,s as k,a as v}from"./p-ff633d19.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-02522147.js";import"./p-6861beb6.js";const y={container:"container",track:"track",handle:"handle"};const x=":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}.container:focus .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}.container:hover .handle,.container:focus .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]) .container:hover .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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 g=x;const z=class{constructor(i){e(this,i);this.calciteSwitchChange=o(this,"calciteSwitchChange",6);this.keyDownHandler=e=>{if(!this.disabled&&b(e.key)){this.toggle();e.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.setSwitchEl=e=>{this.switchEl=e};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.scale="m";this.checked=false;this.value=undefined}async setFocus(){await u(this);s(this.switchEl)}syncHiddenFormInput(e){e.type="checkbox"}onLabelClick(){if(!this.disabled){this.toggle();this.setFocus()}}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){p(this);n(this)}componentWillLoad(){k(this)}componentDidLoad(){v(this)}disconnectedCallback(){m(this);c(this)}componentDidRender(){d(this)}render(){return i(t,{key:"96dbfb5a84bc4fe9bccd946a10f14a302fdbe53f",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},i(h,{key:"985e0c7005a276fcac4a680b0a8c01f43729f8cf",disabled:this.disabled},i("div",{key:"b207efb218b0e343ca81e5e0ff7340c758c7afad","aria-checked":r(this.checked),"aria-label":f(this),class:y.container,ref:this.setSwitchEl,role:"switch",tabIndex:0},i("div",{key:"5b9984c73068b5ecc688d0fddadb10b6573abe12",class:y.track},i("div",{key:"ee7e926c7bca9614ee917e930b0321ca9aa04ef2",class:y.handle})),i(l,{key:"671754a8379764d741c4fa318d54ee6fbd2308ef",component:this}))))}get el(){return a(this)}};z.style=g;export{z as calcite_switch};
+//# sourceMappingURL=p-cc6a06c5.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","track","handle","switchCss","CalciteSwitchStyle0","Switch","this","keyDownHandler","event","disabled","isActivationKey","key","toggle","preventDefault","clickHandler","setSwitchEl","el","switchEl","setFocus","componentFocusable","focusElement","syncHiddenFormInput","input","type","onLabelClick","checked","calciteSwitchChange","emit","connectedCallback","connectLabel","connectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","ref","role","tabIndex","HiddenFormInputSlot","component"],"sources":["src/components/switch/resources.ts","src/components/switch/switch.scss?tag=calcite-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  track: \"track\",\n  handle: \"handle\",\n};\n","// sizes\n:host([scale=\"s\"]) {\n  .container {\n    @apply h-3;\n  }\n  .track {\n    @apply h-3 w-6;\n  }\n  .handle {\n    @apply h-2 w-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply h-4;\n  }\n  .track {\n    @apply h-4 w-8;\n  }\n  .handle {\n    @apply h-3 w-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply h-6;\n  }\n  .track {\n    @apply h-6 w-12;\n  }\n  .handle {\n    @apply h-5 w-5;\n  }\n}\n\n:host {\n  @apply relative\n    inline-block\n    w-auto\n    cursor-pointer\n    select-none\n    align-middle;\n  tap-highlight-color: transparent;\n}\n\n@include disabled();\n\n.container {\n  @apply outline-0;\n}\n\n.track {\n  @apply bg-foreground-2\n    border-color-2\n    pointer-events-none\n    relative\n    box-border\n    inline-block\n    rounded-full\n    border\n    border-solid\n    align-top\n    focus-base;\n}\n\n.container:focus .track {\n  @apply focus-outset;\n}\n\n.handle {\n  @apply bg-foreground-1\n    border-color-input\n    pointer-events-none\n    absolute\n    block\n    rounded-full\n    border-2\n    border-solid\n    transition-all\n    duration-150\n    ease-in-out;\n  inset-block-start: -1px;\n  inset-inline: -1px theme(\"inset.auto\");\n}\n\n.container:hover,\n.container:focus {\n  .handle {\n    @apply border-color-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n\n:host([checked]) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand;\n    inset-inline: theme(\"inset.auto\") -1px;\n  }\n\n  .container:hover {\n    .handle {\n      @apply border-color-brand-hover;\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]) {\n    .track {\n      background-color: canvasText;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-switch\",\n  styleUrl: \"switch.scss\",\n  shadow: true,\n})\nexport class Switch\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\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  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSwitchElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  switchEl: HTMLDivElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Switch[\"checked\"];\n\n  defaultChecked: boolean;\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    focusElement(this.switchEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  onLabelClick(): void {\n    if (!this.disabled) {\n      this.toggle();\n      this.setFocus();\n    }\n  }\n\n  private toggle(): void {\n    this.checked = !this.checked;\n    this.calciteSwitchChange.emit();\n  }\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  private setSwitchEl = (el: HTMLDivElement): void => {\n    this.switchEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `checked` value has changed.\n   */\n  @Event({ cancelable: false }) calciteSwitchChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            ref={this.setSwitchEl}\n            role=\"switch\"\n            tabIndex={0}\n          >\n            <div class={CSS.track}>\n              <div class={CSS.handle} />\n            </div>\n            <HiddenFormInputSlot component={this} />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;gbAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,MAAO,QACPC,OAAQ,UCHV,MAAMC,EAAY,k3FAClB,MAAAC,EAAeD,E,MCsCFE,EAAM,M,kFAiFjBC,KAAAC,eAAkBC,IAChB,IAAKF,KAAKG,UAAYC,EAAgBF,EAAMG,KAAM,CAChDL,KAAKM,SACLJ,EAAMK,gB,GAgBFP,KAAAQ,aAAe,KACrB,GAAIR,KAAKG,SAAU,CACjB,M,CAGFH,KAAKM,QAAQ,EAGPN,KAAAS,YAAeC,IACrBV,KAAKW,SAAWD,CAAE,E,cAnGgB,M,wEAqBI,I,aAGU,M,qBA+BlD,cAAME,SACEC,EAAmBb,MAEzBc,EAAad,KAAKW,S,CASpB,mBAAAI,CAAoBC,GAClBA,EAAMC,KAAO,U,CAUf,YAAAC,GACE,IAAKlB,KAAKG,SAAU,CAClBH,KAAKM,SACLN,KAAKY,U,EAID,MAAAN,GACNN,KAAKmB,SAAWnB,KAAKmB,QACrBnB,KAAKoB,oBAAoBC,M,CAgC3B,iBAAAC,GACEC,EAAavB,MACbwB,EAAYxB,K,CAGd,iBAAAyB,GACEC,EAAuB1B,K,CAGzB,gBAAA2B,GACEC,EAAmB5B,K,CAGrB,oBAAA6B,GACEC,EAAgB9B,MAChB+B,EAAe/B,K,CAGjB,kBAAAgC,GACEC,EAAsBjC,K,CASxB,MAAAkC,GACE,OACEC,EAACC,EAAI,CAAA/B,IAAA,2CAACgC,QAASrC,KAAKQ,aAAc8B,UAAWtC,KAAKC,gBAChDkC,EAACI,EAAoB,CAAAlC,IAAA,2CAACF,SAAUH,KAAKG,UACnCgC,EAAA,OAAA9B,IAAA,0DACgBmC,EAAcxC,KAAKmB,SAAQ,aAC7BsB,EAAazC,MACzB0C,MAAOjD,EAAIC,UACXiD,IAAK3C,KAAKS,YACVmC,KAAK,SACLC,SAAU,GAEVV,EAAA,OAAA9B,IAAA,2CAAKqC,MAAOjD,EAAIE,OACdwC,EAAA,OAAA9B,IAAA,2CAAKqC,MAAOjD,EAAIG,UAElBuC,EAACW,EAAmB,CAAAzC,IAAA,2CAAC0C,UAAW/C,S","ignoreList":[]}