@esri/solutions-components 5.1.0-next.27 → 5.1.0-next.28

package/dist/cdn/XCILPMDZ.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import f from"./5KD4GK7Y.js";import e from"./P4FX4W2X.js";import b from"./KGUELU4O.js";import a from"./36HEIJAI.js";import{a as g}from"./NM3YBQUM.js";import{b as p}from"./EGFXSDFS.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{H as o,J as d,K as l,L as c,h as s,i as t,r}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,{i:h,t:v}])=>{var _=s`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .esri-widget__heading{overflow:hidden}:host .esri-widget__heading{margin:0;overflow-x:hidden}:host .esri-widget__heading{display:inline-block;font-size:var(--instant-apps-interactive-legend-heading-font-size)}:host .esri-widget__heading{font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}:host header{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host header h3{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__heading-text--group-item{-webkit-line-clamp:2;line-clamp:2}:host header span{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__header-action-container{display:flex;align-items:center}:host .esri-widget__heading header{padding:var(--instant-apps-interactive-legend-ui-padding)}:host .esri-widget--panel{margin:0}:host(.calcite-mode-dark) .instant-apps-interactive-legend__header{background-color:#242424;color:var(--calcite-color-text-1)}:host(.calcite-mode-light) .instant-apps-interactive-legend__header{background-color:#fff;color:var(--calcite-color-text-1)}`,e={label:"esri-legend__service-label",header:"esri-widget__heading",interactiveLegendHeader:"instant-apps-interactive-legend__header",headerActionContainer:"instant-apps-interactive-legend__header-action-container"},a=class extends o{constructor(){super(...arguments),this._messages=g({name:"instant-apps-interactive-legend",blocking:!0}),this.isChild=!1,this.expanded=!0,this.groupLayerCaptionElementExpandUpdated=r()}static{this.properties={legendvm:0,featureCount:5,activeLayerInfo:0,isChild:5,expanded:5}}static{this.styles=_}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.groupLayerCaptionElementExpandUpdated.emit(this.expanded)}}render(){let m=h(this.activeLayerInfo),{expanded:n}=this,i=n?this._messages.collapse:this._messages.expand,f=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"";return t`<header class=${`${e.interactiveLegendHeader} ${v(this.el)}`} style=${l({borderLeft:"1px solid var(--calcite-color-border-3)"})}><span><span class=${d(e.headerActionContainer)}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${i} .label=${i} scale=s></calcite-action><h3 class=${`${e.header} ${e.label}${f}`} title=${this.activeLayerInfo?.title??""??c}>${this.activeLayerInfo?.title}</h3></span>${this.featureCount&&m?t`<instant-apps-interactive-legend-count .activeLayerInfo=${this.activeLayerInfo} show-total .legendvm=${this.legendvm}></instant-apps-interactive-legend-count>`:null}</span></header>`}};p("instant-apps-interactive-legend-group-legend-element-caption",a);return a},a,b,e,f)

package/dist/cdn/XTDFTH5X.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as p}from"./PYBOC3DB.js";import{a as m}from"./ONLHK7DM.js";import{a as c}from"./VVZAS55G.js";import{b as g}from"./EGFXSDFS.js";import{H as d,J as o,K as a,h as l,i as e,l as i,r}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";var u=l`:host{--instant-apps-header-height: auto;--instant-apps-header-min-height: 50px;--instant-apps-header-title-text-link-decoration: underline;--instant-apps-header-height--logo-scale--s: 55px;--instant-apps-header-logo-width--logo-scale--s: 35px;--instant-apps-header-logo-height--logo-scale--s: 35px;--instant-apps-header-height--logo-scale--m: 70px;--instant-apps-header-logo-width--logo-scale--m: 50px;--instant-apps-header-logo-height--logo-scale--m: 50px;--instant-apps-header-height--logo-scale--l: 80px;--instant-apps-header-logo-width--logo-scale--l: 60px;--instant-apps-header-logo-height--logo-scale--l: 60px;--instant-apps-header-actions-end-height: auto;width:100%}:host .image.image_resized img{width:100%}:host .header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--instant-apps-header-height);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);font-family:var(--calcite-sans-family);min-height:var(--instant-apps-header-min-height)}:host .header-container{display:flex;align-items:center;width:100%;height:inherit}:host .header-container slot{display:flex;height:inherit}:host .header-container ::slotted(*){display:flex;min-height:var(--instant-apps-header-min-height);height:var(--instant-apps-header-height)}:host .header-container ::slotted(*) calcite-button{height:100%}:host .header-content{box-sizing:border-box;display:flex;align-items:center;width:100%;min-width:0;height:inherit;padding:5px 10px}:host .header-content a{display:flex;align-items:center;text-decoration:var(--instant-apps-header-title-text-link-decoration);overflow:hidden}:host .header-content img{margin:10px}:host .header-content h1{margin:0;font-size:1.25rem;color:var(--calcite-color-text-1);font-weight:430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .header-content #infoButton{margin-inline-start:10px}:host .header-content.center{justify-content:center}:host .header-content.right{justify-content:end}:host .header.height-s{height:var(--instant-apps-header-height--logo-scale--s)}:host .header.height-s h1{font-size:1.125rem}:host .header.height-s img{width:var(--instant-apps-header-logo-width--logo-scale--s);height:var(--instant-apps-header-logo-height--logo-scale--s)}:host .header.height-m{height:var(--instant-apps-header-height--logo-scale--m)}:host .header.height-m img{width:var(--instant-apps-header-logo-width--logo-scale--m);height:var(--instant-apps-header-logo-height--logo-scale--m)}:host .header.height-l{height:var(--instant-apps-header-height--logo-scale--l)}:host .header.height-l h1{font-size:1.375rem}:host .header.height-l img{width:var(--instant-apps-header-logo-width--logo-scale--l);height:var(--instant-apps-header-logo-height--logo-scale--l)}:host .actions-end-container{height:var(--instant-apps-header-actions-end-height);display:flex}`,s={base:"header",headerContainer:"header-container",headerContent:"header-content",actionsEndContainer:"actions-end-container"},h=class extends d{constructor(){super(...arguments),this._sanitizer=new c({whiteList:{h1:["style"],h2:["style"],h3:["style"],h4:["style"],h5:["style"],h6:["style"],img:["style","src","width","height"],pre:["style"],p:["id","class","style"],div:["id","class","style","role"],span:["id","class","style","role"],figure:["class","style"],header:["id","class","style","role"]}},!0),this.handleMobileMediaQueryChange=t=>{let{matches:n}=t;if(n){this.logoScale="s";return}this.logoScale=this.initialScale},this.initialScale="m",this.titleText="",this.logoScale="m",this.infoButton=!1,this.infoIsOpen=!1,this.headerAlignment="left",this.fontFamily="var(--calcite-sans-family);",this.mobileWidthBreakpoint=p.medium[1],this.infoIsOpenChanged=r({cancelable:!1})}static{this.properties={initialScale:16,titleText:1,titleTextLink:1,backgroundColor:1,textColor:1,logoImage:1,logoScale:3,logoImageAltText:1,logoLink:1,infoButton:7,infoIsOpen:7,infoTitleText:1,customHeaderHtml:1,headerAlignment:1,customHeaderCss:1,fontFamily:3,mobileWidthBreakpoint:9}}static{this.styles=u}async toggleInfo(){this.infoIsOpen=!this.infoIsOpen,this.infoIsOpenChanged.emit(this.infoIsOpen)}load(){this.handleMobileBreakpoints(),this.sanitizeCustomHeaderHtml()}willUpdate(t){t.has("customHeaderHtml")&&this.sanitizeCustomHeaderHtml()}disconnectedCallback(){super.disconnectedCallback(),this._mobileMediaQuery?.removeEventListener("change",this.handleMobileMediaQueryChange)}sanitizeCustomHeaderHtml(){this.customHeaderHtml=this._sanitizer.sanitize(this.customHeaderHtml)}handleMobileBreakpoints(){this.initialScale=this.logoScale,this._mobileMediaQuery=window.matchMedia(`(max-width: ${this.mobileWidthBreakpoint}px)`),this._mobileMediaQuery.matches&&(this.logoScale="s"),this._mobileMediaQuery.addEventListener("change",this.handleMobileMediaQueryChange)}get hasEmptyLogo(){return this.logoImage==="undefined"||this.logoImage?.split("?")[0]==="undefined"||this.logoImage?.split("?")[0]===""||!this.logoImage}render(){let t=this.renderLogo(),n=this.renderTitle(),f=m(this.fontFamily);return this.customHeaderHtml?[e`<style>${this.customHeaderCss}</style>`,e`<div id=customHeader .innerHTML=${this.customHeaderHtml??""}></div>`]:e`<header class=${o({[s.base]:s.base,[`height-${this.logoScale}`]:!!t})} style=${a({backgroundColor:this.backgroundColor,fontFamily:f})}><div class=${o(s.headerContainer)}><span class=${`${s.headerContent} ${this.headerAlignment}`}>${t}${n}${this.infoButton?e`<calcite-button style=${a({"--calcite-color-text-1":this.textColor})} id=infoButton alignment=start appearance=transparent kind=neutral icon-start=information-f scale=s .label=${this.infoTitleText} title=${this.infoTitleText??i} @click=${this.toggleInfo}></calcite-button>`:null}</span><div class=${o(s.actionsEndContainer)}><slot name=actions-end></slot></div></div></header>`}renderLogo(){if(this.hasEmptyLogo)return null;let t=e`<img src=${this.logoImage??i} alt=${this.logoImageAltText??i}>`;return this.logoLink?e`<a href=${this.logoLink??i} target=_blank>${t}</a>`:t}renderTitle(){return this.titleText&&this.titleTextLink?e`<a style=${a({color:this.textColor})} href=${this.titleTextLink??i} rel="noopener noreferrer" target=_blank>${e`<h1 style=${a({color:this.textColor})}>${this.titleText}</h1>`}</a>`:e`<h1 style=${a({color:this.textColor})}>${this.titleText}</h1>`}};g("instant-apps-header",h);export{h as InstantAppsHeader};