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.
11 lines
5.9 KiB
11 lines
5.9 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 ./key ./locale ./t9n ./loadable ./icon ./label ./switch".split(" "),function(k,b,f,t,m,g,l,u,v,w){function n(){"undefined"!==typeof customElements&&["calcite-block-section","calcite-icon","calcite-label","calcite-switch"].forEach(a=>{switch(a){case "calcite-block-section":customElements.get(a)||customElements.define(a,p);break;case "calcite-icon":customElements.get(a)||u.defineCustomElement();break;case "calcite-label":customElements.get(a)||v.defineCustomElement(); |
|
break;case "calcite-switch":customElements.get(a)||w.defineCustomElement()}})}const h={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right",valid:"check-circle",invalid:"exclamation-mark-triangle"},p=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calciteBlockSectionToggle=b.createEvent(this,"calciteBlockSectionToggle",6);this.handleHeaderKeyDown=a=>{t.isActivationKey(a.key)&&(this.toggleSection(),a.preventDefault(), |
|
a.stopPropagation())};this.toggleSection=()=>{this.open=!this.open;this.calciteBlockSectionToggle.emit()};this.open=!1;this.text=this.status=void 0;this.toggleDisplay="button";this.defaultMessages=this.effectiveLocale=this.messageOverrides=this.messages=void 0}onMessagesChange(){}async setFocus(){await l.componentFocusable(this);f.focusFirstTabbable(this.el)}effectiveLocaleChange(){g.updateMessages(this,this.effectiveLocale)}connectedCallback(){m.connectLocalized(this);g.connectMessages(this)}async componentWillLoad(){await g.setUpMessages(this); |
|
l.setUpLoadableComponent(this)}componentDidLoad(){l.setComponentLoaded(this)}disconnectedCallback(){m.disconnectLocalized(this);g.disconnectMessages(this)}renderStatusIcon(){var {status:a}=this;const d=h[a]??!1;a={["status-icon"]:!0,valid:"valid"==a,invalid:"invalid"==a};return d?b.h("calcite-icon",{class:a,icon:d,scale:"s"}):null}render(){const {el:a,messages:d,open:c,text:q,toggleDisplay:x}=this;var e=f.getElementDir(a);e=c?h.menuOpen:"rtl"===e?h.menuClosedLeft:h.menuClosedRight;const r=c?d.collapse: |
|
d.expand;e="switch"===x?b.h("div",{class:{["toggle--switch-container"]:!0}},b.h("div",{"aria-controls":"content","aria-expanded":f.toAriaBoolean(c),class:{toggle:!0,["toggle--switch"]:!0},id:"toggle",onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,role:"button",tabIndex:0,title:r},b.h("div",{class:"toggle--switch__content"},b.h("span",{class:"toggle--switch__text"},q)),this.renderStatusIcon()),b.h("calcite-label",{class:"focus-guard",layout:"inline",tabIndex:-1},b.h("calcite-switch", |
|
{checked:c,label:r,scale:"s"}))):b.h("button",{"aria-controls":"content","aria-expanded":f.toAriaBoolean(c),class:{["section-header"]:!0,toggle:!0},id:"toggle",onClick:this.toggleSection},b.h("calcite-icon",{icon:e,scale:"s"}),b.h("span",{class:"section-header__text"},q),this.renderStatusIcon());return b.h(b.Host,{key:"76e223811594d99984f6e110e430725030574d83"},e,b.h("section",{key:"336e2701112e69eefb0461fbb8052d70a73b16fb","aria-labelledby":"toggle",class:"content",hidden:!c,id:"content"},b.h("slot", |
|
{key:"3bd4125a763c91c22065162c5d5a1e2ee8d2f931"})))}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}static get style(){return":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}.toggle--switch .status-icon{margin-inline-start:0.5rem}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header: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 )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-color-text-1)}.section-header .status-icon{align-self:flex-end}.section-header__text{margin-inline:0.75rem;margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle--switch-container{position:relative;display:flex;inline-size:100%;align-items:center;background-color:transparent;word-break:break-word}.toggle--switch-container .focus-guard{--calcite-label-margin-bottom:0;pointer-events:none;position:absolute;inset-inline-end:0;margin-inline-start:0.25rem}.toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([toggle-display\x3dswitch]) .toggle .toggle--switch__content{margin-inline-end:1.75rem}:host([hidden]){display:none}[hidden]{display:none}"}}, |
|
[1,"calcite-block-section",{open:[1540],status:[513],text:[1],toggleDisplay:[513,"toggle-display"],messages:[1040],messageOverrides:[1040],effectiveLocale:[32],defaultMessages:[32],setFocus:[64]},void 0,{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}]);n();k.CalciteBlockSection=p;k.defineCustomElement=n;Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}); |