You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8 lines
5.3 KiB
8 lines
5.3 KiB
// All material copyright Esri, All Rights Reserved, unless otherwise specified. |
|
// See https://js.arcgis.com/4.30/esri/copyright.txt for details. |
|
//>>built |
|
define("exports ./componentsUtils ./dom ./form ./interactive ./key ./label2 ./loadable".split(" "),function(g,a,h,d,c,m,e,f){function k(){"undefined"!==typeof customElements&&["calcite-switch"].forEach(b=>{switch(b){case "calcite-switch":customElements.get(b)||customElements.define(b,l)}})}const l=a.proxyCustomElement(class extends a.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calciteSwitchChange=a.createEvent(this,"calciteSwitchChange",6);this.keyDownHandler=b=>{!this.disabled&& |
|
m.isActivationKey(b.key)&&(this.toggle(),b.preventDefault())};this.clickHandler=()=>{this.disabled||this.toggle()};this.setSwitchEl=b=>{this.switchEl=b};this.disabled=!1;this.name=this.label=this.form=void 0;this.scale="m";this.checked=!1;this.value=void 0}async setFocus(){await f.componentFocusable(this);h.focusElement(this.switchEl)}syncHiddenFormInput(b){b.type="checkbox"}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){c.connectInteractive(this); |
|
e.connectLabel(this);d.connectForm(this)}componentWillLoad(){f.setUpLoadableComponent(this)}componentDidLoad(){f.setComponentLoaded(this)}disconnectedCallback(){c.disconnectInteractive(this);e.disconnectLabel(this);d.disconnectForm(this)}componentDidRender(){c.updateHostInteraction(this)}render(){return a.h(a.Host,{key:"3844964b46482e9b6e902c07eccf97264970f3de",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},a.h(c.InteractiveContainer,{key:"c0028a5587e7d346ba4d0d7a214f649606f85e17",disabled:this.disabled}, |
|
a.h("div",{key:"ff48a447bbe579ff1b3f104dea12e76c91cbcb88","aria-checked":h.toAriaBoolean(this.checked),"aria-label":e.getLabelText(this),class:"container",role:"switch",tabIndex:0,ref:this.setSwitchEl},a.h("div",{key:"5b9f7b7dcab019e92d62c8ff18bf00068a286b36",class:"track"},a.h("div",{key:"7d05ec0e24c81db645735a7d6e03163ec77a2230",class:"handle"})),a.h(d.HiddenFormInputSlot,{key:"191a29b812bb8e1f31f56a7a84d941a48fb80372",component:this}))))}get el(){return this}static get style(){return":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\x3ds]) .container{block-size:0.75rem}:host([scale\x3ds]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale\x3ds]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale\x3dm]) .container{block-size:1rem}:host([scale\x3dm]) .track{block-size:1rem;inline-size:2rem}:host([scale\x3dm]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale\x3dl]) .container{block-size:1.5rem}:host([scale\x3dl]) .track{block-size:1.5rem;inline-size:3rem}:host([scale\x3dl]) .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}:host(: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}:host(:hover) .handle,:host(: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]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]: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\x3dhidden-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}"}}, |
|
[1,"calcite-switch",{disabled:[516],form:[513],label:[1],name:[513],scale:[513],checked:[1540],value:[8],setFocus:[64]}]);k();g.Switch=l;g.defineCustomElement=k}); |