@esri/calcite-components 1.9.0-next.16 → 1.9.0-next.17

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

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.16
- */
-import{r as e,c as t,h as i,a}from"./p-452dff0e.js";import{t as s}from"./p-8300ad16.js";import{s as n,a as o,c as r}from"./p-861697c5.js";import{c,d as l}from"./p-19a2878e.js";import{c as h,s as d,d as p,u}from"./p-66de140d.js";import"./p-58d05e66.js";import"./p-c46df303.js";import"./p-112c7ca9.js";import"./p-00dd35a5.js";const g=class{constructor(i){e(this,i),this.calciteHandleNudge=t(this,"calciteHandleNudge",6),this.calciteInternalHandleChange=t(this,"calciteInternalHandleChange",6),this.handleKeyDown=e=>{switch(e.key){case" ":this.activated=!this.activated,e.preventDefault();break;case"ArrowUp":if(!this.activated)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"up"});break;case"ArrowDown":if(!this.activated)return;e.preventDefault(),this.calciteHandleNudge.emit({direction:"down"})}},this.handleBlur=()=>{this.activated=!1},this.activated=!1,this.dragHandle=void 0,this.messages=void 0,this.setPosition=void 0,this.setSize=void 0,this.label=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}handleAriaTextChange(){const e=this.getAriaText("live");e&&this.calciteInternalHandleChange.emit({message:e})}onMessagesChange(){}connectedCallback(){h(this),c(this)}async componentWillLoad(){n(this),await d(this)}componentDidLoad(){o(this)}disconnectedCallback(){p(this),l(this)}effectiveLocaleChange(){u(this,this.effectiveLocale)}async setFocus(){await r(this),this.handleButton?.focus()}getAriaText(e){const{setPosition:t,setSize:i,label:a,messages:s,activated:n}=this;return s&&a&&"number"==typeof i&&"number"==typeof t?("label"===e?n?s.dragHandleChange:s.dragHandleIdle:n?s.dragHandleActive:s.dragHandleCommit).replace("{position}",t.toString()).replace("{itemLabel}",a).replace("{total}",i.toString()):null}render(){return i("span",{"aria-label":this.getAriaText("label"),"aria-pressed":s(this.activated),class:{handle:!0,"handle--activated":this.activated},onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,role:"button",tabindex:"0",title:this.messages?.dragHandle,ref:e=>{this.handleButton=e}},i("calcite-icon",{icon:"drag",scale:"s"}))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messages:["handleAriaTextChange"],label:["handleAriaTextChange"],activated:["handleAriaTextChange"],setPosition:["handleAriaTextChange"],setSize:["handleAriaTextChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};g.style=":host{display:flex}.handle{display:flex;cursor:move;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}:host([hidden]){display:none}[hidden]{display:none}";export{g as calcite_handle}

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

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.16
- */
-import{r as t,c as i,h as n,F as e,H as o,a}from"./p-452dff0e.js";import{b as s}from"./p-8300ad16.js";import{c as r,s as l,a as c}from"./p-861697c5.js";import"./p-58d05e66.js";import"./p-c46df303.js";const h="hide",d="logo",u="user",m="progress",v="navigation-secondary",g="navigation-tertiary",p=class{constructor(n){t(this,n),this.calciteNavigationActionSelect=i(this,"calciteNavigationActionSelect",6),this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()},this.handleUserSlotChange=t=>{this.isPrimaryLevel()&&(this.userSlotHasElements=s(t))},this.handleLogoSlotChange=t=>{this.isPrimaryLevel()&&(this.logoSlotHasElements=s(t))},this.handleContentStartSlotChange=t=>{this.isPrimaryLevel()&&(this.primaryContentStartSlotHasElements=s(t))},this.handleContentEndSlotChange=t=>{this.isPrimaryLevel()&&(this.primaryContentEndSlotHasElements=s(t))},this.handleContentCenterSlotChange=t=>{this.isPrimaryLevel()&&(this.primaryContentCenterSlotHasElements=s(t))},this.handleSecondarySlotChange=t=>{this.secondarySlotHasElements=s(t)},this.handleTertiarySlotChange=t=>{this.tertiarySlotHasElements=s(t)},this.handleMenuActionSlotChange=t=>{this.isPrimaryLevel()&&(this.navigationActionSlotHasElements=s(t),this.navigationActionSlotHasElements&&(this.navigationAction=!1))},this.handleProgressSlotChange=t=>{this.isPrimaryLevel()&&(this.progressSlotHasElement=s(t))},this.label=void 0,this.navigationAction=!1,this.logoSlotHasElements=void 0,this.navigationActionSlotHasElements=void 0,this.primaryContentCenterSlotHasElements=void 0,this.primaryContentEndSlotHasElements=void 0,this.primaryContentStartSlotHasElements=void 0,this.progressSlotHasElement=void 0,this.secondarySlotHasElements=void 0,this.tertiarySlotHasElements=void 0,this.userSlotHasElements=void 0}async setFocus(){return await r(this),this.navigationActionEl?.setFocus()}componentWillLoad(){l(this)}componentDidLoad(){c(this)}isPrimaryLevel(){return this.el.slot!==v&&this.el.slot!==g}renderMenuAction(){return n("slot",{name:"navigation-action",onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:"hamburger",onClick:this.actionClickHandler,text:this.label,ref:t=>this.navigationActionEl=t}))}render(){const t=this.el.slot;return n(o,null,n("div",{class:{container:!0,secondary:t===v,tertiary:t===g,primary:this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction}},n("div",{class:{[h]:!this.progressSlotHasElement,[m]:!0}},n("slot",{name:m,onSlotchange:this.handleProgressSlotChange})),n("div",{class:{"container-content":!0,"progress-bar":this.progressSlotHasElement}},this.renderMenuAction(),n("div",{class:{[h]:!this.logoSlotHasElements,[d]:!0}},n("slot",{name:d,onSlotchange:this.handleLogoSlotChange})),n("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}),n("slot",{name:"content-center",onSlotchange:this.handleContentCenterSlotChange}),n("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}),n("div",{class:{[h]:!this.userSlotHasElements,[u]:!0}},n("slot",{name:u,onSlotchange:this.handleUserSlotChange})))),n(e,null,n("slot",{name:v,onSlotchange:this.handleSecondarySlotChange}),n("slot",{name:g,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};p.style=":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-ui-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-ui-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 f="heading",x="description",b=class{constructor(i){t(this,i),this.active=void 0,this.href=void 0,this.label=void 0,this.rel=void 0,this.description=void 0,this.target=void 0,this.heading=void 0,this.thumbnail=void 0}async setFocus(){await r(this),this.href&&this.el.focus()}componentWillLoad(){l(this)}componentDidLoad(){c(this)}render(){const{heading:t,description:i,thumbnail:e}=this;return n(o,null,n("a",{class:"anchor",href:this.href,rel:this.rel,target:this.target},e&&n("img",{alt:this.label||"",class:"image",src:e}),(t||i)&&n("div",{class:"container"},t&&n("span",{"aria-label":this.heading,class:{[f]:!0,standalone:!this.description},key:f},t),i&&n("span",{"aria-label":this.description,class:x,key:x},i))))}static get delegatesFocus(){return!0}get el(){return a(this)}};b.style=":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:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-ui-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-ui-foreground-3)}.image{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-ui-text-1)}:host([active]) .anchor{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand);--calcite-ui-icon-color:var(--calcite-ui-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-ui-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y="full-name",k="username",z=class{constructor(i){t(this,i),this.active=void 0,this.fullName=void 0,this.label=void 0,this.textDisabled=!1,this.thumbnail=void 0,this.userId=void 0,this.username=void 0}async setFocus(){await r(this),this.el.focus()}componentWillLoad(){l(this)}componentDidLoad(){c(this)}render(){return n(o,null,n("button",{"aria-label":this.label,class:"button"},n("calcite-avatar",{"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",{class:"text-container"},this.fullName&&n("span",{class:y,key:y},this.fullName),this.username&&n("span",{class:k,key:k},this.username))))}static get delegatesFocus(){return!0}get el(){return a(this)}};z.style=":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-sans-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:all 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-ui-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}:host([active]) .button{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1);--calcite-ui-icon-color:var(--calcite-ui-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.username{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";export{p as calcite_navigation,b as calcite_navigation_logo,z as calcite_navigation_user}

package/dist/calcite/p-dbb9c928.js

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

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

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.16
- */
-import{r as t,h as o,a as s}from"./p-452dff0e.js";import{c as a,d as i}from"./p-dbb9c928.js";import{c as e,s as c,a as n}from"./p-861697c5.js";import{c as r,d as l}from"./p-19a2878e.js";import{u as d,c as p,d as h,s as u}from"./p-66de140d.js";import{S as g}from"./p-f83aa147.js";import{S as m,I as f,C as x}from"./p-451d740f.js";import{b as v}from"./p-8300ad16.js";import"./p-00dd35a5.js";import"./p-112c7ca9.js";import"./p-58d05e66.js";import"./p-c46df303.js";const b=class{constructor(o){t(this,o),this.setMenuOpen=t=>{this.menuOpen=!!t.target.open},this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=v(t)},this.expanded=!1,this.label=void 0,this.layout="vertical",this.columns=void 0,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.hasMenuActions=!1}expandedHandler(){this.menuOpen=!1}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await e(this),this.el.focus()}connectedCallback(){r(this),p(this),a(this)}disconnectedCallback(){l(this),h(this),i(this)}async componentWillLoad(){c(this),await u(this)}componentDidLoad(){n(this)}renderMenu(){const{expanded:t,menuOpen:s,scale:a,layout:i,messages:e,overlayPositioning:c,hasMenuActions:n}=this;return o("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!n,label:e.more,onCalciteActionMenuOpen:this.setMenuOpen,open:s,overlayPositioning:c,placement:"horizontal"===i?"bottom-start":"leading-start",scale:a},o("calcite-action",{icon:f.menu,scale:a,slot:g.trigger,text:e.more,textEnabled:t}),o("slot",{name:m.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),o("slot",{name:m.menuTooltip,slot:g.tooltip}))}render(){return o("div",{"aria-label":this.label,class:x.container,role:"group"},o("slot",null),this.renderMenu())}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};b.style=':host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-ui-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}';export{b as calcite_action_group}

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

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.16
- */
-import{r as t,c as i,f as s,h as e,H as a,a as o}from"./p-452dff0e.js";import{g as r}from"./p-86c0bfc5.js";import{g as c,d,t as n}from"./p-8300ad16.js";import{c as h,d as l,H as u}from"./p-6504b26d.js";import{g as p}from"./p-58d05e66.js";import{c as b,d as f,u as m}from"./p-5847dcc4.js";import{c as v,d as k,g as x}from"./p-4cca7184.js";import{c as g,s as w,a as y}from"./p-861697c5.js";import"./p-c46df303.js";import"./p-13e36b0d.js";const z=class{constructor(s){t(this,s),this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6),this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6),this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6),this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6),this.selectItem=(t,i)=>{t[i].click()},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name)),this.isFocusable=()=>{const t=this.queryButtons(),i=t.find((t=>!t.disabled)),s=t.find((t=>t.checked));return i===this.el&&!s},this.check=()=>{this.disabled||(this.focused=!0,this.setFocus(),this.checked||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.calciteRadioButtonChange.emit()))},this.clickHandler=()=>{this.disabled||this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const{key:i}=t,{el:s}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return this.check(),void t.preventDefault();let e=i;"rtl"===c(s)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let o=0;const d=a.length;switch(a.some(((t,i)=>{if(t.checked)return o=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(a,r(Math.max(o-1,-1),d));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(a,r(o+1,d));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())},this.checked=!1,this.disabled=!1,this.focused=!1,this.form=void 0,this.guid=void 0,this.hidden=!1,this.hovered=!1,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=void 0}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}disabledChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}hiddenChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await g(this),this.disabled||d(this.containerEl)}syncHiddenFormInput(t){t.type="radio"}onLabelClick(t){if(this.disabled||this.hidden)return;const i=t.currentTarget,s=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);s&&(s.focused=!0,this.setFocus(),s.checked||(this.uncheckOtherRadioButtonsInGroup(),s.checked=!0,this.calciteRadioButtonChange.emit()))}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if(t?.length>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}updateTabIndexOfOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid&&!t.disabled)).forEach((t=>{s(t)}))}getTabIndex(){if(!this.disabled)return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){this.disabled||(this.hovered=!0)}pointerLeaveHandler(){this.disabled||(this.hovered=!1)}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${p()}`,this.name&&this.checkLastRadioButton(),b(this),v(this),h(this),this.updateTabIndexOfOtherRadioButtonsInGroup()}componentWillLoad(){w(this)}componentDidLoad(){y(this),this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){f(this),k(this),l(this),this.updateTabIndexOfOtherRadioButtonsInGroup()}componentDidRender(){m(this)}render(){const t=this.getTabIndex();return e(a,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},e("div",{"aria-checked":n(this.checked),"aria-label":x(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"radio",tabIndex:t,ref:this.setContainerEl},e("div",{class:"radio"})),e(u,{component:this}))}get el(){return o(this)}static get watchers(){return{checked:["checkedChanged"],disabled:["disabledChanged"],hidden:["hiddenChanged"],name:["nameChanged"]}}};z.style=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';export{z as calcite_radio_button}