https://www.ewz.ch/etc.clientlibs/ewz/webportal-sync/clientlibs/resources/1.12.337/js/4223.js

1"use strict";(self.webpackChunk_ewz_webportal_components=self.webpackChunk_ewz_webportal_components||[]).push([[4223],{44223:function(t,i,a){a.d(i,{P:function(){return y}});var e=a(56636),r=a(92635),n=a(24625),s=a(92840),o=a(93540),l=a(74248),d=a(52583),p=a(70164),h=a(63697),c=a(96435),u=a(70654);let $=class extends c._m{constructor(){super(...arguments),this.xxs="1",this.direction="row",this.tag="div"}connectedCallback(){super.connectedCallback();const{unsubscribe:t}=(0,h.iz)((()=>this.requestUpdate()));this.unsubscribeViewportsChanged=t}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeViewportsChanged&&this.unsubscribeViewportsChanged()}render(){const{tag:t,distribution:i,direction:a,noGutter:e,noWrap:n,justifyContent:s,alignContent:o,alignItems:c,shrinkContent:u,innerCss:$}=this,y=(0,h.iz)().viewports;i&&(this.xs=i);const g=[`--wb-layout__flex-direction: ${a};\n`,`--wb-layout__flex-wrap: ${n?"nowrap":"wrap"};\n`,`--wb-layout__justify-content: ${s||"normal"};\n`,`--wb-layout__align-content: ${o||"initial"};\n`,`--wb-layout__align-items: ${c||"initial"};`];e&&g.push("\n                --wb-layout__gutter-width--override: 0;\n","--wb-layout__gutter-height--override: 0;");let b=`\n            :host {\n                ${g.join("                ")}\n            }\n        `;b+="stretch"===s?"\n            ::slotted(*) {\n                flex-grow: 1;\n            }\n            ":u?"\n            ::slotted(*) {\n                flex-shrink: 1;\n                width: auto;\n            }\n            ":`    ${y.map((([t,i])=>this.getViewportStyle(t,i))).join("\n").trim()}`,$&&(b+=`\n            ${$}\n            `);const J=`<style>\n            ${b.trim()}\n        </style>`;return p.qy`<link rel="stylesheet" href="${(0,r.l)()}/layout.css" />\n            ${(0,d._)(J)}
2            <${(0,p.Bk)(t)}
3                class="wb-layout"
4                aria-activedescendant=${(0,l.J)(this.ariaActiveDescendant)}
5                aria-atomic=${(0,l.J)(this.ariaAtomic)}
6                aria-autocomplete=${(0,l.J)(this.ariaAutoComplete)}
7                aria-busy=${(0,l.J)(this.ariaBusy)}
8                aria-checked=${(0,l.J)(this.ariaChecked)}
9                aria-colcount=${(0,l.J)(this.ariaColCount)}
10                aria-colindex=${(0,l.J)(this.ariaColIndex)}
11                aria-colspan=${(0,l.J)(this.ariaColSpan)}
12                aria-controls=${(0,l.J)(this.ariaControls)}
13                aria-current=${(0,l.J)(this.ariaCurrent)}
14                aria-describedby=${(0,l.J)(this.ariaDescribedBy)}
15                aria-description=${(0,l.J)(this.ariaDescription)}
16                aria-details=${(0,l.J)(this.ariaDetails)}
17                aria-disabled=${(0,l.J)(this.ariaDisabled)}
18                aria-dropeffect=${(0,l.J)(this.ariaDropeffect)}
19                aria-errormessage=${(0,l.J)(this.ariaErrorMessage)}
20                aria-expanded=${(0,l.J)(this.ariaExpanded)}
21                aria-flowto=${(0,l.J)(this.ariaFlowto)}
22                aria-grabbed=${(0,l.J)(this.ariaGrabbed)}
23                aria-haspopup=${(0,l.J)(this.ariaHasPopup)}
24                aria-hidden=${(0,l.J)(this.ariaHidden)}
25                aria-invalid=${(0,l.J)(this.ariaInvalid)}
26                aria-keyshortcuts=${(0,l.J)(this.ariaKeyShortcuts)}
27                aria-label=${(0,l.J)(this.ariaLabel)}
28                aria-labelledby=${(0,l.J)(this.ariaLabelledBy)}
29                aria-level=${(0,l.J)(this.ariaLevel)}
30                aria-live=${(0,l.J)(this.ariaLive)}
31                aria-modal=${(0,l.J)(this.ariaModal)}
32                aria-multiline=${(0,l.J)(this.ariaMultiLine)}
33                aria-multiselectable=${(0,l.J)(this.ariaMultiSelectable)}
34                aria-orientation=${(0,l.J)(this.ariaOrientation)}
35                aria-owns=${(0,l.J)(this.ariaOwns)}
36                aria-placeholder=${(0,l.J)(this.ariaPlaceholder)}
37                aria-posinset=${(0,l.J)(this.ariaPosInSet)}
38                aria-pressed=${(0,l.J)(this.ariaPressed)}
39                aria-readonly=${(0,l.J)(this.ariaReadOnly)}
40                aria-relevant=${(0,l.J)(this.ariaRelevant)}
41                aria-required=${(0,l.J)(this.ariaRequired)}
42                aria-roledescription=${(0,l.J)(this.ariaRoleDescription)}

43                aria-rowcount=${(0,l.J)(this.ariaRowCount)}
44                aria-rowindex=${(0,l.J)(this.ariaRowIndex)}
45                aria-rowindextext=${(0,l.J)(this.ariaRowIndexText)}
46                aria-rowspan=${(0,l.J)(this.ariaRowSpan)}
47                aria-selected=${(0,l.J)(this.ariaSelected)}
48                aria-setsize=${(0,l.J)(this.ariaSetSize)}
49                aria-sort=${(0,l.J)(this.ariaSort)}
50                aria-valuemax=${(0,l.J)(this.ariaValueMax)}
51                aria-valuemin=${(0,l.J)(this.ariaValueMin)}
52                aria-valuenow=${(0,l.J)(this.ariaValueNow)}
53                aria-valuetext=${(0,l.J)(this.ariaValueText)}
54                role=${(0,l.J)(this.role)}
55            >
56                <slot></slot>
57            </${(0,p.Bk)(t)}>
58        `}getViewportStyle(t,i){const a=this[t];if(!a)return"";if("1"===a&&0===i)return`\n            /* Breakpoint: ${t} Distribution === 1 */\n            ::slotted(*) {\n                flex-basis: 100%;\n                max-width: 100%;\n            }\n            `;const e=a.split("|").map((t=>parseInt(t,10))),r=e.length,n=e.reduce(((t,i)=>t+i)),s=e.map(((i,e)=>{const s=(1/n*i*100).toFixed(6);let o=`calc(${+s}% - var(--wb-layout__gutter-width--value))`;return(this.noGutter||1===n)&&(o=+s+"%"),`\n                /* Breakpoint: ${t} Distribution: ${a} ${this.noGutter?"- No Gutter ":""}*/\n                ::slotted(:nth-child(${r}n-${2*r-(e+1)})) {\n                    flex-basis: ${o};\n                    max-width: ${o};\n                }`}));return 0===i?s.join("\n"):`\n            @media (min-width: ${i}px) {\n                ${s.join("\n")}\n            }\n        `}static finalizeStyles(t){const i=(0,s.g2)("wb-layout");return!n.S$||i.cssText?[...super.finalizeStyles(t),i]:super.finalizeStyles(t)}};(0,e.Cg)([(0,o.MZ)({reflect:!0,type:Boolean,attribute:"no-gutter"}),(0,e.Sn)("design:type",Boolean)],$.prototype,"noGutter",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",Object)],$.prototype,"xxs",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"xs",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"sm",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"md",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"lg",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"xl",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"xxl",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",String)],$.prototype,"distribution",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",Object)],$.prototype,"direction",void 0),(0,e.Cg)([(0,o.MZ)({type:Boolean}),(0,e.Sn)("design:type",Boolean)],$.prototype,"noWrap",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",Object)],$.prototype,"justifyContent",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",Object)],$.prototype,"alignContent",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",Object)],$.prototype,"alignItems",void 0),(0,e.Cg)([(0,o.MZ)({type:Boolean}),(0,e.Sn)("design:type",Boolean)],$.prototype,"shrinkContent",void 0),(0,e.Cg)([(0,o.MZ)(),(0,e.Sn)("design:type",Object)],$.prototype,"tag",void 0),$=(0,e.Cg)([(0,u.E)("wb-layout")],$);var y=$}}]);