https://maps.geoscience.org.za/portal/apps/sites//calcite-components/3.0.2/METSX5PL.js

1/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3v3.0.2 */
4import{c as w,e as f,h as g}from"./R4XN3TM5.js";import{c as k,d as u,e as v}from"./ZYEB6OOM.js";import{a as b,b as p}from"./WRT5VFG2.js";import{a as m}from"./R4WJ47LZ.js";import{b as n}from"./FC7N6LLB.js";import{l as d}from"./GO4QOK2G.js";import{b as h}from"./PBIOUIAG.js";import"./P7S34RN4.js";import{J as l,e as a,f as c,v as r,w as s,x as o}from"./63TOND25.js";var t={container:"container",track:"track",handle:"handle"},x=a`: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:.75rem}:host([scale=s]) .track{block-size:.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:.5rem;inline-size:.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:.75rem;inline-size:.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-width:1px;border-style:solid;vertical-align:top;outline-color:transparent;border-radius:var(--calcite-switch-corner-radius, 9999px);border-color:var(--calcite-switch-border-color, var(--calcite-color-border-2));background-color:var(--calcite-switch-background-color, var(--calcite-color-foreground-2))}.container:focus .track{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.handle{pointer-events:none;position:absolute;display:block;border-width:2px;border-style:solid;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-block-start:-1px;inset-inline:-1px auto;background-color:var(--calcite-switch-handle-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-border-input));border-radius:var(--calcite-switch-corner-radius, 9999px);box-shadow:var(--calcite-switch-handle-shadow)}:host(:hover:not([disabled])) .handle,:host(:focus:not([disabled])) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand));box-shadow:var(--calcite-switch-handle-shadow, inset 0 0 0 1px var(--calcite-color-brand))}:host([checked]) .track{border-color:var(--calcite-switch-border-color, var(--calcite-color-brand-hover));background-color:var(--calcite-switch-background-color, var(--calcite-color-brand))}:host([checked]) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand));inset-inline:auto -1px}:host([checked]):host(:hover:not([disabled])) .handle{border-color:var(--calcite-switch-handle-border-color, var(--calcite-color-brand-hover));box-shadow:var(--calcite-switch-handle-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}`,i=class extends s{constructor(){super(),this.checked=!1,this.disabled=!1,this.scale="m",this.calciteSwitchChange=r({cancelable:!1}),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}

4static{this.properties={checked:7,disabled:7,form:3,label:1,name:3,scale:3,value:1}}static{this.styles=x}async setFocus(){await h(this),d(this.switchEl)}connectedCallback(){super.connectedCallback(),k(this),w(this)}load(){}updated(){b(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),u(this),f(this)}syncHiddenFormInput(e){e.type="checkbox"}keyDownHandler(e){!this.disabled&&m(e.key)&&(this.toggle(),e.preventDefault())}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit()}clickHandler(){this.disabled||this.toggle()}setSwitchEl(e){this.switchEl=e}render(){return p({disabled:this.disabled,children:c`<div .ariaChecked=${this.checked} .ariaLabel=${v(this)} class=${o(t.container)} role=switch tabindex=0 ${n(this.setSwitchEl)}><div class=${o(t.track)}><div class=${o(t.handle)}></div></div>${g({component:this})}</div>`})}};l("calcite-switch",i);export{i as Switch};