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.
12 lines
11 KiB
12 lines
11 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 ./guid ./interactive ./loadable ./locale ./observers ./component ./t9n ./icon ./loader".split(" "),function(t,b,n,x,k,p,u,y,z,l,A,B){function v(){"undefined"!==typeof customElements&&["calcite-action","calcite-icon","calcite-loader"].forEach(a=>{switch(a){case "calcite-action":customElements.get(a)||customElements.define(a,w);break;case "calcite-icon":customElements.get(a)||A.defineCustomElement();break;case "calcite-loader":customElements.get(a)||B.defineCustomElement()}})} |
|
const w=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();this.mutationObserver=y.createObserver("mutation",()=>b.forceUpdate(this));this.guid=`calcite-action-${x.guid()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=a=>{if(a=a.target.assignedElements({flatten:!0}).filter(c=>c?.matches("calcite-tooltip"))[0])a.referenceElement=this.buttonEl};this.active=!1;this.alignment=void 0;this.appearance= |
|
"solid";this.disabled=this.compact=!1;this.icon=void 0;this.indicator=this.iconFlipRtl=!1;this.label=void 0;this.loading=!1;this.scale="m";this.text=void 0;this.textEnabled=!1;this.messageOverrides=this.messages=void 0;this.effectiveLocale="";this.defaultMessages=void 0}onMessagesChange(){}effectiveLocaleChange(){l.updateMessages(this,this.effectiveLocale)}connectedCallback(){k.connectInteractive(this);u.connectLocalized(this);l.connectMessages(this);this.mutationObserver?.observe(this.el,{childList:!0, |
|
subtree:!0})}async componentWillLoad(){p.setUpLoadableComponent(this);await l.setUpMessages(this)}componentDidLoad(){p.setComponentLoaded(this)}disconnectedCallback(){k.disconnectInteractive(this);u.disconnectLocalized(this);l.disconnectMessages(this);this.mutationObserver?.disconnect()}componentDidRender(){k.updateHostInteraction(this)}async setFocus(){await p.componentFocusable(this);this.buttonEl?.focus()}renderTextContainer(){const {text:a,textEnabled:c}=this,d={["text-container"]:!0,["text-container--visible"]:c}; |
|
return a?b.h("div",{class:d,key:"text-container"},a):null}renderIndicatorText(){const {indicator:a,messages:c,indicatorId:d,buttonId:e}=this;return b.h("div",{"aria-labelledby":e,"aria-live":"polite",class:"indicator-text",id:d,role:"region"},a?c.indicator:null)}renderIconContainer(){const {loading:a,icon:c,scale:d,el:e,iconFlipRtl:q,indicator:r}=this;var f=a?b.h("calcite-loader",{inline:!0,label:this.messages.loading,scale:"l"===d?"l":"m"}):null,g=c?b.h("calcite-icon",{class:{["indicator-with-icon"]:r}, |
|
flipRtl:q,icon:c,scale:z.getIconScale(this.scale)}):null;g=(f=f||g)||e.children?.length;const h=b.h("div",{class:{["slot-container"]:!0,["slot-container--hidden"]:a}},b.h("slot",null));return g?b.h("div",{"aria-hidden":"true",class:"icon-container",key:"icon-container"},f,h):null}render(){const {active:a,compact:c,disabled:d,icon:e,loading:q,textEnabled:r,label:f,text:g,indicator:h,indicatorId:C,buttonId:D,messages:E}=this;var m=f||g;m=m?`${m}${h?` (${E.indicator})`:""}`:"";const F={button:!0,["button--text-visible"]:r, |
|
["button--compact"]:c};return b.h(b.Host,{key:"ea1d66de5f1b0d591306a8f40d1ce22c6b99a8cd"},b.h(k.InteractiveContainer,{key:"ac7794e91182528fa2729ecac860a1abe4fbaeec",disabled:d},b.h("button",{key:"32d7d5461e68006e2baadf7f65e504fbf2f0f9a0","aria-busy":n.toAriaBoolean(q),"aria-controls":h?C:null,"aria-disabled":n.toAriaBoolean(d),"aria-label":m,"aria-pressed":n.toAriaBoolean(a),class:F,disabled:d,id:D,ref:G=>this.buttonEl=G},this.renderIconContainer(),this.renderTextContainer(),!e&&h&&b.h("div",{class:"indicator-without-icon", |
|
key:"indicator-no-icon"})),b.h("slot",{key:"5e4ba8c04428b6797dfdaaa8ca1e96d6bc8487a7",name:"tooltip",onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText()))}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;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-color-brand);--calcite-action-color-transparent-hover:var(--calcite-color-transparent-hover);--calcite-action-color-transparent-press:var(--calcite-color-transparent-press)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-color-foreground-1);fill:var(--calcite-color-text-3);font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.button:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1);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 )}.button:active{background-color:var(--calcite-color-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1.5rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([data-active]) .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([scale\x3ds]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale\x3ds]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale\x3dm]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale\x3dm]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale\x3dl]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale\x3dl]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment\x3dcenter]) .button{justify-content:center}:host([alignment\x3dend]) .button{justify-content:flex-end}:host([alignment\x3dcenter]) .button .text-container--visible,:host([alignment\x3dend]) .button .text-container--visible{flex:0 1 auto}:host([scale\x3ds][compact]) .button,:host([scale\x3dm][compact]) .button,:host([scale\x3dl][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-color-foreground-3);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}:host([appearance\x3dtransparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([active]) .button:active{background-color:var(--calcite-color-foreground-1)}:host([appearance\x3dtransparent][active]) .button,:host([appearance\x3dtransparent]) .button:hover,:host([appearance\x3dtransparent]) .button:focus{background-color:var(--calcite-action-color-transparent-hover)}:host([appearance\x3dtransparent]) .button:active{background-color:var(--calcite-action-color-transparent-press)}:host([appearance\x3dtransparent][disabled]) .button{background-color:transparent}:host([loading][appearance\x3dsolid]) .button,:host([loading][appearance\x3dsolid]) .button:hover,:host([loading][appearance\x3dsolid]) .button:focus{background-color:var(--calcite-color-foreground-1)}:host([loading][appearance\x3dsolid]) .button .text-container,:host([loading][appearance\x3dsolid]) .button:hover .text-container,:host([loading][appearance\x3dsolid]) .button:focus .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-color-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-text{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}:host([hidden]){display:none}[hidden]{display:none}'}}, |
|
[1,"calcite-action",{active:[516],alignment:[513],appearance:[513],compact:[516],disabled:[516],icon:[1],iconFlipRtl:[516,"icon-flip-rtl"],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],messages:[1040],messageOverrides:[1040],effectiveLocale:[32],defaultMessages:[32],setFocus:[64]},void 0,{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}]);v();t.Action=w;t.defineCustomElement=v}); |