@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.6

package/dist/design-system/p-3134821ac6.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,I as t,w as a,E as s,F as e,G as o,d as r}from"./p-C6MVahkC.js";import{_ as n,L as p,a as d}from"./p-DgVaaZT_.js";import{S as h}from"./p-BkTv_bQR.js";import{T as c}from"./p-CwCAiaMq.js";import{O as l}from"./p-BvEM6oCl.js";import{L as u}from"./p-LCY5n5tq.js";import{a as b,c as m,s as g,f as v,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-B1e0kNRJ.js";import{i as k}from"./p-Uy_dVz21.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const C=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(e,{key:"bf8f75a23cda49f75931b8d2d61134268aa87024",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"c84019c7626898f7d464422690654ff387840da3",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"5a4f1b3d5415ba267e8f0fdd632b0be12a36b569",class:{container:!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"aaabb4ab6de152c3d21947a482aa0e0c3fccd82e",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"ef27b510ca776a39a56904b00661565101599dfe"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};n([p("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],C.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],C.prototype,"open",void 0),n([c("boolean"),d("design:type",Boolean)],C.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],C.prototype,"backdropDismiss",void 0),n([c("string"),d("design:type",String)],C.prototype,"label",void 0),n([l(["default","fluid","compact"]),d("design:type",String)],C.prototype,"container",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],C.prototype,"configChanged",null),C.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-padding:var(--drawer-padding, var(--mod-drawer-padding, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .container ds-close{position:absolute;top:1rem;right:1rem}:host .container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-base);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-padding);position:relative}:host .container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const z=new Map,j=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),e=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,o=!!e&&a.includes(e);s||o||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:e}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?g():void 0,v(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:i,y:t}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(z.has(this.group)||z.set(this.group,new Set),z.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=z.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=z.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(e,{key:"1acef99537a662beb11707ea44705635eb093f85",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"229be10bffd71308a8050f748990d277969c7555",part:"backdrop"}),s("div",{key:"ddc418c04afeca07d97763a576f3c76928977c55",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"04bd45355d808e0246c3501056edfcb74a8dd941",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"d324a0c8cff055c82f0b907159a8d17cc55d9898",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"06ad646944b283c6337a32ad17267f947ab9be8f"})))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};n([p("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null),n([c("boolean"),d("design:type",Boolean)],j.prototype,"open",void 0),n([l(x),d("design:type",String)],j.prototype,"placement",void 0),n([c("number"),d("design:type",Number)],j.prototype,"offset",void 0),n([l(_),d("design:type",String)],j.prototype,"role",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"closable",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdropDismiss",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"backdrop",void 0),n([c("string"),d("design:type",Object)],j.prototype,"group",void 0),n([c("string"),d("design:type",String)],j.prototype,"label",void 0),n([c("boolean"),d("design:type",Boolean)],j.prototype,"arrow",void 0),n([c("boolean"),d("design:type",Object)],j.prototype,"trapFocus",void 0),n([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-padding:var(--popup-padding, var(--mod-popup-padding, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-padding);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-padding) + var(--_popup-padding))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{C as ds_drawer,j as ds_popup}

package/dist/design-system/p-3292ae6a05.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as a,E as e,F as s,G as t}from"./p-C6MVahkC.js";import{_ as r,L as o,a as n}from"./p-DgVaaZT_.js";import{T as i}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const d=class{constructor(e){a(this,e),this.required=!1}createLogger(a){this.log=a}render(){return e(s,{key:"605cf2c6c7d1c6f87dd8a2b8193dd0cdfa3e0280"},e("slot",{key:"283a1682ea8a8c062978fceb7438a8aa70c8359b"}),this.required?e("span",null,"*"):"")}get el(){return t(this)}};r([o("data-label"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],d.prototype,"createLogger",null),r([i("boolean"),n("design:type",Boolean)],d.prototype,"required",void 0),d.style=":host{display:contents}";export{d as ds_data_label}

package/dist/design-system/p-372bf379f9.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as t,E as o,F as r,G as s}from"./p-C6MVahkC.js";import{_ as u,L as n,a as e}from"./p-DgVaaZT_.js";import{a as i,b as a}from"./p-BPGfTrrM.js";import{O as p}from"./p-BvEM6oCl.js";import{R as g}from"./p-1VXOIrN2.js";import{T as b}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const m=class{constructor(o){t(this,o),this.align="",this.direction="auto",this.reverse=!1,this.wide=!1}createLogger(t){this.log=t}render(){return o(r,{key:"f78e5114bbffced3e94ac2c6c2079a6e5ca56a56"},o("div",{key:"c5db2feee2df26cd1ab648b909bd18c95e7b2f0f",id:"group",part:"group",class:{"as-col":"column"===this.direction,"as-row":"row"===this.direction,"is-reverse":this.reverse,"is-wide":this.wide,"is-left":"left"===this.align,"is-center":"center"===this.align,"is-right":"right"===this.align}},o("slot",{key:"9cc6073a79f570a432f5005ecc1ef50652d59912"})))}get el(){return s(this)}};u([n("button-group"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],m.prototype,"createLogger",null),u([p(i),e("design:type",String)],m.prototype,"align",void 0),u([g(),p(a),e("design:type",String)],m.prototype,"direction",void 0),u([b("boolean"),e("design:type",Boolean)],m.prototype,"reverse",void 0),u([b("boolean"),e("design:type",Boolean)],m.prototype,"wide",void 0),m.style=":host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){:host #group ::slotted(.button:not(.is-square,.is-circle)),:host #group .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square,.is-circle)),:host #group ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.button),:host #group.as-col .button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.button),:host #group.as-col-reverse .button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.button:not(.is-square,.is-circle)),:host #group.is-wide .button:not(.is-square,.is-circle),:host #group.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),:host #group.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}";export{m as ds_button_group}

package/dist/design-system/p-3895178b39.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{x as r,B as o,I as i,v as e,N as t,E as n,G as a}from"./p-C6MVahkC.js";import{_ as s,L as d,a as c}from"./p-DgVaaZT_.js";import{g as l}from"./p-Duhf3ymL.js";import{e as h,g as m,b as f,f as u,c as p,d as v,h as b}from"./p-BATOumsf.js";import{b as g,d as y,c as _}from"./p-DHeVI6dR.js";import{i as w}from"./p-CYHzHtnv.js";import{i as k}from"./p-B62ocg4Q.js";import{F as x,s as z}from"./p-C7i6xLTJ.js";import{h as j}from"./p-BhdSNuGP.js";import{u as C}from"./p-DTxLRTYr.js";import{N as B,A as I}from"./p-D86WpWIE.js";import{F}from"./p-BLGVE-7Z.js";import{I as S}from"./p-BMM6Nxeh.js";import{O as T}from"./p-BvEM6oCl.js";import{T as N}from"./p-CwCAiaMq.js";import{L}from"./p-LCY5n5tq.js";import"./p-HwbqEzpk.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";const D=()=>{const o=C();return o&&o.locale&&"fr-CH"===o.locale?"de-CH":o&&o.locale||r};function M(){return Intl.NumberFormat(D()).format(1.1).replace(/\p{Number}/gu,"")}function E(){return Intl.NumberFormat(D()).format(11111).replace(/\p{Number}/gu,"")}var P,$,K,O,V,q,H=l(function(){if($)return P;$=1;var r=h(),o=m(),i=f(),e=g(),t=u(),n=p(),a=b(),s=v(),d=Object.prototype.hasOwnProperty;return P=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||s(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(a(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}()),A=function(){if(q)return V;q=1;var r=function(){if(O)return K;O=1;var r=y(),o=_();return K=function(i){return"number"==typeof i||o(i)&&"[object Number]"==r(i)}}();return V=function(o){return r(o)&&o!=+o}}(),G=l(A);function Y(r){return"string"==typeof r&&"."!==E()}function R(r){const o=parseFloat(r);return"number"==typeof o&&!G(o)}function W(r,o=0){let i=r;if(""!==i&&null!=i&&!G(i)&&"-"!==i&&i!==M()&&R(i))return Y(i)&&(i=i.split(E()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(M(),".")),0===o?parseInt(i,10):parseFloat(i)}function Z(r){return r.replace(".",M())}function J(r,o=0,i=""){if(w(r))return"";r.charAt(0)===M()&&(r=`0${r}`);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?` ${i.trim()}`:"";return G(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(D(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const Q=class{constructor(r){o(this,r),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.numberInputId="ds-number-input-"+U++,this.inheritedAttributes={},this.control=new x(this),this.lastValue="",this.focused=!1,this.language=e.language,this.region=e.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o,i;if(this.nativeInput&&!R(i=this.nativeInput.value)&&""!==i&&"-"!==i&&i!==M())return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const e=null!==(o=W(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=e,this.dsInput.emit(e)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=Z(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(w(i))return"";Y(i)&&(i=i.split(E()).join("").split("`").join("").split("'").join("")),i.charAt(0)===M()&&(i=`0${i}`);const e=0===o?parseInt(i,10):parseFloat(i.replace(M(),"."));return G(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=J(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=W(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===M()){if(0===a)return!1;if(((n.split(M())||[]).length-1||0)>1)return!1}if(![...B,...I,M(),"-"].includes(r))return!1;if(0!==a&&n.includes(M())&&[...B].includes(r)){const r=n.split(M());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:z(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=t(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||G(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?Z(o):J(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=k(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?Z(this.lastValue):J(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(w(this.lastValue)||H(this.lastValue))?"0":this.lastValue}createPattern(){if(j(this.pattern))return this.pattern;let r=this.suffix||"";j(r)&&(r=` ${r}`);const o=E();let i=M();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){return n(F,{key:"a8af3f272c3522c566a98904ebbc2dcfcd85352d",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},n("input",Object.assign({key:"29f61a574130cef9184b4252b60fe8a69c8eadf5",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}};s([d("number-input"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],Q.prototype,"createLogger",null),s([T(S),c("design:type",String)],Q.prototype,"color",void 0),s([N("number"),c("design:type",Number)],Q.prototype,"debounce",void 0),s([N("number"),c("design:type",Number)],Q.prototype,"decimal",void 0),s([N("string"),c("design:type",String)],Q.prototype,"description",void 0),s([N("boolean"),c("design:type",Boolean)],Q.prototype,"disabled",void 0),s([N("boolean"),c("design:type",Boolean)],Q.prototype,"exactNumber",void 0),s([N("boolean"),c("design:type",Boolean)],Q.prototype,"invalid",void 0),s([N("string"),c("design:type",String)],Q.prototype,"invalidText",void 0),s([N("string"),c("design:type",String)],Q.prototype,"label",void 0),s([N("string"),c("design:type",String)],Q.prototype,"max",void 0),s([N("string"),c("design:type",String)],Q.prototype,"min",void 0),s([N("string"),c("design:type",String)],Q.prototype,"name",void 0),s([N("boolean"),c("design:type",Boolean)],Q.prototype,"onlyPositive",void 0),s([N("string"),c("design:type",String)],Q.prototype,"pattern",void 0),s([N("string"),c("design:type",String)],Q.prototype,"placeholder",void 0),s([N("boolean"),c("design:type",Boolean)],Q.prototype,"readonly",void 0),s([N("boolean"),c("design:type",Boolean)],Q.prototype,"required",void 0),s([N("string"),c("design:type",String)],Q.prototype,"suffix",void 0),s([L(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],Q.prototype,"configChanged",null);let U=0;Q.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}";export{Q as ds_number_input}

package/dist/design-system/p-3c6b7a2967.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as e,E as s,F as t,G as a}from"./p-C6MVahkC.js";import{_ as o,L as r,a as d}from"./p-DgVaaZT_.js";const n=class{constructor(s){e(this,s)}createLogger(e){this.log=e}connectedCallback(){this.el.slot="body"}render(){return s(t,{key:"2e1c21ff62b36dc89b1589174b3ede2979eeb384"},s("slot",{key:"d1bb0237d1ac252c645da88b7375500b01c14ae1"}))}get el(){return a(this)}};o([r("modal-body"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],n.prototype,"createLogger",null),n.style=":host{display:contents}";export{n as ds_modal_body}

package/dist/design-system/p-3ef4bd1c59.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as a,E as e,F as o,G as d}from"./p-C6MVahkC.js";import{_ as r,L as g,a as b}from"./p-DgVaaZT_.js";import{h as s}from"./p-BhdSNuGP.js";import{n as t}from"./p-DR5LIaCn.js";import{T as i}from"./p-CwCAiaMq.js";import{O as n}from"./p-BvEM6oCl.js";import"./p-HwbqEzpk.js";const c=class{constructor(e){a(this,e),this.icon="",this.size="",this.color="",this.position="",this.pulse=!1}createLogger(a){this.log=a}render(){const a=t(this.size)||"";return e(o,{key:"96172084445525ad98729b13be73fd5608f20c3f",class:{[`is-${this.color}`]:s(this.color),[`is-${a}`]:s(this.size),"is-pulse":this.pulse}},e("span",{key:"23c0d0ddfd7be982b9d3538e5a6fba39993b3a99",id:"badge",part:"badge"},e("slot",{key:"c477848d6d4cb7079c12dfc667e3d63c15041ef9"}),"sm"!==a&&s(this.icon)?e("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return d(this)}};r([g("badge"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],c.prototype,"createLogger",null),r([i("string"),b("design:type",String)],c.prototype,"icon",void 0),r([n(["sm","lg","small","large",""]),b("design:type",String)],c.prototype,"size",void 0),r([n(["grey","danger","warning","success","red","yellow","green","purple",""]),b("design:type",String)],c.prototype,"color",void 0),r([n(["card","button","tabs",""]),b("design:type",String)],c.prototype,"position",void 0),r([i("boolean"),b("design:type",Boolean)],c.prototype,"pulse",void 0),c.style=":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-text-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-text-weight)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, calc(var(--ds-badge-size-base) / 2)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-color-base-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-color-base-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-color-base-background)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, 85%));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, 0.875rem));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-color-base-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, 4px));--_badge-padding-inline:var(--badge-padding-inline, var(--mod-badge-padding-inline, 4px));--_badge-padding-block:var(--badge-padding-block, var(--mod-badge-padding-block, 4px))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:1;z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block)}:host>ds-icon{--icon-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-red){--mod-badge-color-text:var(--ds-badge-color-red-text);--mod-badge-color-background:var(--ds-badge-color-red-background);--mod-badge-pulse-color:var(--ds-badge-color-red-background);--mod-badge-icon-color:var(--ds-badge-color-red-text)}:host(.is-green){--mod-badge-color-text:var(--ds-badge-color-green-text);--mod-badge-color-background:var(--ds-badge-color-green-background);--mod-badge-pulse-color:var(--ds-badge-color-green-background);--mod-badge-icon-color:var(--ds-badge-color-green-text)}:host(.is-yellow){--mod-badge-color-text:var(--ds-badge-color-yellow-text);--mod-badge-color-background:var(--ds-badge-color-yellow-background);--mod-badge-pulse-color:var(--ds-badge-color-yellow-background);--mod-badge-icon-color:var(--ds-badge-color-yellow-text)}:host(.is-purple){--mod-badge-color-text:var(--ds-badge-color-purple-text);--mod-badge-color-background:var(--ds-badge-color-purple-background);--mod-badge-pulse-color:var(--ds-badge-color-purple-background);--mod-badge-icon-color:var(--ds-badge-color-purple-text)}:host(.is-grey){--mod-badge-color-text:var(--ds-badge-color-grey-text);--mod-badge-color-background:var(--ds-badge-color-grey-background);--mod-badge-pulse-color:var(--ds-badge-color-grey-background);--mod-badge-icon-color:var(--ds-badge-color-grey-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-color-success-text);--mod-badge-color-background:var(--ds-badge-color-success-background);--mod-badge-pulse-color:var(--ds-badge-color-success-background);--mod-badge-icon-color:var(--ds-badge-color-success-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-color-warning-text);--mod-badge-color-background:var(--ds-badge-color-warning-background);--mod-badge-pulse-color:var(--ds-badge-color-warning-background);--mod-badge-icon-color:var(--ds-badge-color-warning-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-color-danger-text);--mod-badge-color-background:var(--ds-badge-color-danger-background);--mod-badge-pulse-color:var(--ds-badge-color-danger-background);--mod-badge-icon-color:var(--ds-badge-color-danger-text)}:host(.is-sm){--mod-badge-radius:calc(var(--ds-badge-size-sm) / 2);--mod-badge-height:var(--ds-badge-size-sm);--mod-badge-min-width:var(--ds-badge-size-sm);--mod-badge-padding-inline:0;--mod-badge-padding-block:0;--mod-badge-font-size:0;max-width:var(--ds-badge-size-sm);padding:0;overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg);--mod-badge-height:var(--ds-badge-size-lg);--mod-badge-radius:calc(var(--ds-badge-size-lg) / 2);--mod-badge-font-size:1rem;--mod-badge-icon-size:1.125rem}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}";export{c as ds_badge}

package/dist/design-system/p-493b18cc46.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as e,E as t,F as a,G as o}from"./p-C6MVahkC.js";import{_ as r,L as s,a as i}from"./p-DgVaaZT_.js";import{T as n}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const p=class{constructor(t){e(this,t),this.label=""}createLogger(e){this.log=e}render(){return t(a,{key:"7392bfdc8ec2afaedea8e1c686b7263878609e77","aria-hidden":"true"},t("slot",{key:"88a3d0e1109799d29fe48ce2d130d50fda9250ca"}))}get el(){return o(this)}};r([s("select-optgroup"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],p.prototype,"createLogger",null),r([n("string"),i("design:type",String)],p.prototype,"label",void 0),p.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{p as ds_select_optgroup}

package/dist/design-system/p-4a99464dae.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,v as o,E as n,F as r,G as e,D as s,L as t}from"./p-C6MVahkC.js";import{_ as a,L as l,a as c}from"./p-DgVaaZT_.js";import{g as d}from"./p-Duhf3ymL.js";import{d as h,c as f,a as v,b as g}from"./p-DHeVI6dR.js";import{h as p}from"./p-BhdSNuGP.js";import{f as m,s as u}from"./p-B8KVoKrH.js";import{n as b}from"./p-DR5LIaCn.js";import{T as x}from"./p-CwCAiaMq.js";import{O as z}from"./p-BvEM6oCl.js";import{L as y}from"./p-LCY5n5tq.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";var w,_,k,F,C,E,B,A,D,L,j,S,O,T,U,R,I,Z,M,$,H,N,G,P,V,Y,K,q,J,W,Q,X,ii,oi,ni,ri,ei,si,ti,ai,li,ci,di,hi,fi,vi;function gi(){if(A)return B;A=1;var i=function(){if(E)return C;E=1;var i=v(),o=_?w:(_=1,w=function(i,o){for(var n=-1,r=null==i?0:i.length,e=Array(r);++n<r;)e[n]=o(i[n],n,i);return e}),n=g(),r=function(){if(F)return k;F=1;var i=h(),o=f();return k=function(n){return"symbol"==typeof n||o(n)&&"[object Symbol]"==i(n)}}(),e=i?i.prototype:void 0,s=e?e.toString:void 0;return C=function i(e){if("string"==typeof e)return e;if(n(e))return o(e,i)+"";if(r(e))return s?s.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}}();return B=function(o){return null==o?"":i(o)}}function pi(){if(T)return O;T=1;var i=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");return O=function(o){return i.test(o)}}function mi(){if(P)return G;P=1;var i=function(){if(N)return H;N=1;var i=function(){if(S)return j;S=1;var i=L?D:(L=1,D=function(i,o,n){var r=-1,e=i.length;o<0&&(o=-o>e?0:e+o),(n=n>e?e:n)<0&&(n+=e),e=o>n?0:n-o>>>0,o>>>=0;for(var s=Array(e);++r<e;)s[r]=i[r+o];return s});return j=function(o,n,r){var e=o.length;return r=void 0===r?e:r,!n&&r>=e?o:i(o,n,r)}}(),o=pi(),n=function(){if($)return M;$=1;var i=R?U:(R=1,U=function(i){return i.split("")}),o=pi(),n=function(){if(Z)return I;Z=1;var i="\\ud800-\\udfff",o="["+i+"]",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\\ud83c[\\udffb-\\udfff]",e="[^"+i+"]",s="(?:\\ud83c[\\udde6-\\uddff]){2}",t="[\\ud800-\\udbff][\\udc00-\\udfff]",a="(?:"+n+"|"+r+")?",l="[\\ufe0e\\ufe0f]?",c=l+a+"(?:\\u200d(?:"+[e,s,t].join("|")+")"+l+a+")*",d="(?:"+[e+n+"?",n,s,t,o].join("|")+")",h=RegExp(r+"(?="+r+")|"+d+c,"g");return I=function(i){return i.match(h)||[]}}();return M=function(r){return o(r)?n(r):i(r)}}(),r=gi();return H=function(e){return function(s){s=r(s);var t=o(s)?n(s):void 0,a=t?t[0]:s.charAt(0),l=t?i(t,1).join(""):s.slice(1);return a[e]()+l}}}()("toUpperCase");return G=i}function ui(){if(hi)return di;hi=1;var i=q?K:(q=1,K=function(i,o,n,r){var e=-1,s=null==i?0:i.length;for(r&&s&&(n=i[++e]);++e<s;)n=o(n,i[e],e,i);return n}),o=function(){if(oi)return ii;oi=1;var i=function(){if(X)return Q;X=1;var i=(W?J:(W=1,J=function(i){return function(o){return null==i?void 0:i[o]}}))({À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",IJ:"IJ",ij:"ij",Œ:"Oe",œ:"oe",ʼn:"'n",ſ:"s"});return Q=i}(),o=gi(),n=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,r=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");return ii=function(e){return(e=o(e))&&e.replace(n,i).replace(r,"")}}(),n=function(){if(ci)return li;ci=1;var i=function(){if(ri)return ni;ri=1;var i=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;return ni=function(o){return o.match(i)||[]}}(),o=function(){if(si)return ei;si=1;var i=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;return ei=function(o){return i.test(o)}}(),n=gi(),r=function(){if(ai)return ti;ai=1;var i="\\ud800-\\udfff",o="\\u2700-\\u27bf",n="a-z\\xdf-\\xf6\\xf8-\\xff",r="A-Z\\xc0-\\xd6\\xd8-\\xde",e="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",s="["+e+"]",t="\\d+",a="["+o+"]",l="["+n+"]",c="[^"+i+e+t+o+n+r+"]",d="(?:\\ud83c[\\udde6-\\uddff]){2}",h="[\\ud800-\\udbff][\\udc00-\\udfff]",f="["+r+"]",v="(?:"+l+"|"+c+")",g="(?:"+f+"|"+c+")",p="(?:['’](?:d|ll|m|re|s|t|ve))?",m="(?:['’](?:D|LL|M|RE|S|T|VE))?",u="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",b="[\\ufe0e\\ufe0f]?",x=b+u+"(?:\\u200d(?:"+["[^"+i+"]",d,h].join("|")+")"+b+u+")*",z="(?:"+[a,d,h].join("|")+")"+x,y=RegExp([f+"?"+l+"+"+p+"(?="+[s,f,"$"].join("|")+")",g+"+"+m+"(?="+[s,f+v,"$"].join("|")+")",f+"?"+v+"+"+p,f+"+"+m,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",t,z].join("|"),"g");return ti=function(i){return i.match(y)||[]}}();return li=function(e,s,t){return e=n(e),void 0===(s=t?void 0:s)?o(e)?r(e):i(e):e.match(s)||[]}}(),r=RegExp("['’]","g");return di=function(e){return function(s){return i(n(o(s).replace(r,"")),e,"")}}}var bi=function(){if(vi)return fi;vi=1;var i=function(){if(Y)return V;Y=1;var i=gi(),o=mi();return V=function(n){return o(i(n).toLowerCase())}}(),o=ui()((function(o,n,r){return n=n.toLowerCase(),o+(r?i(n):n)}));return fi=o}(),xi=d(bi),zi=d(mi());const yi=class{constructor(n){i(this,n),this._fetchedSrc="",this.icons=o.icons,this.svgContent="",this.name="",this.svg="",this.src="",this.shape="",this.tile=!1,this.tileColor="purple",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){const o=this.icons[`Icon${zi(xi(i))}`];if(o)return void(o!==this.svgContent&&(this.svgContent=o));console.error(`Icon "${i}" not found in design system configuration.`,"\n\nCheck out the documentation on how to import icons during initialization.","\nhttps://design.baloise.dev/?path=/docs/components-data-display-icon--documentation&globals=framework:angular#import-during-initialization")}if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await m(this.src));if(this.svg){const i=u(this.svg);i!==this.svgContent&&(this.svgContent=i)}}}createLogger(i){this.log=i}connectedCallback(){this.generateSvgContent(this.name)}async componentWillRender(){await this.generateSvgContent(this.name)}async configChanged(i){this.icons=i.icons,await this.generateSvgContent(this.name)}parseColor(){return this.disabled?"grey":this.invalid?"danger":p(this.color)||this.svg||this.src?this.color:"primary"}render(){const i=this.parseColor(),o=b(this.size)||"";return n(r,{key:"ef88ac381462c6bdb94a26ea1a34ae305d835bc0","aria-hidden":"true",class:{"is-filled":!this.svg&&!this.src,[`is-${i}`]:p(i),[`is-${o}`]:p(this.size),[`turn-${this.name}`]:this.turn,"is-inverted":this.inverted,"is-inline":this.inline,"is-tile":this.tile,[`is-tile-${this.tileColor}`]:this.tile,"has-shadow":this.shadow,"is-disabled":this.disabled,"is-invalid":this.invalid,[`has-shape-${this.shape}`]:p(this.shape)}},n("div",{key:"48d72dc12d2c48d394538a8a41c990d29d21b927",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return e(this)}};a([l("icon"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],yi.prototype,"createLogger",null),a([x("string"),c("design:type",String)],yi.prototype,"name",void 0),a([x("string"),c("design:type",String)],yi.prototype,"svg",void 0),a([x("string"),c("design:type",String)],yi.prototype,"src",void 0),a([z(["xs","sm","md","lg","xl","2xl","3xl","","xsmall","x-small","small","medium","large","x-large","xx-large"]),c("design:type",Object)],yi.prototype,"size",void 0),a([z(["auto","blue","light-blue","success","success-dark","success-darker","danger","danger-dark","danger-darker","info","warning","warning-dark","warning-darker","white","grey","grey-light","grey-dark","primary","primary-light","primary-dark",""]),c("design:type",Object)],yi.prototype,"color",void 0),a([z(["","triangle","circle"]),c("design:type",String)],yi.prototype,"shape",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"tile",void 0),a([z(["purple","red","yellow","green"]),c("design:type",String)],yi.prototype,"tileColor",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"inline",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"inverted",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"turn",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"shadow",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"disabled",void 0),a([x("boolean"),c("design:type",Boolean)],yi.prototype,"invalid",void 0),a([y(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],yi.prototype,"configChanged",null),yi.style=':host{--_icon-position:var(--icon-position, var(--mod-icon-position, static));--_icon-top:var(--icon-top, var(--mod-icon-top));--_icon-right:var(--icon-right, var(--mod-icon-right));--_icon-bottom:var(--icon-bottom, var(--mod-icon-bottom));--_icon-left:var(--icon-left, var(--mod-icon-left));position:var(--_icon-position);top:var(--_icon-top);right:var(--_icon-right);bottom:var(--_icon-bottom);left:var(--_icon-left);--_icon-m:var(--icon-m, var(--mod-icon-m, 0));--_icon-my:var(--icon-my, var(--mod-icon-my));--_icon-mx:var(--icon-mx, var(--mod-icon-mx));--_icon-ml:var(--icon-ml, var(--mod-icon-ml));--_icon-mr:var(--icon-mr, var(--mod-icon-mr));--_icon-mt:var(--icon-mt, var(--mod-icon-mt));--_icon-mb:var(--icon-mb, var(--mod-icon-mb));margin:var(--_icon-m);margin-inline:var(--_icon-mx);margin-block:var(--_icon-my);margin-left:var(--_icon-ml);margin-right:var(--_icon-mr);margin-top:var(--_icon-mt);margin-bottom:var(--_icon-mb);--_icon-size:var(--icon-size, var(--mod-icon-size, var(--ds-icon-size-base)));--_icon-inner-size:var(--icon-inner-size, var(--mod-icon-inner-size, var(--ds-icon-size-base)));--_icon-inner-mt:var(--icon-inner-mt, var(--mod-icon-inner-mt, 0));--_icon-color:var(--icon-color, var(--mod-icon-color, var(--ds-icon-color-primary)));--_icon-shape:var(--icon-shape, var(--mod-icon-shape, var(--ds-icon-color-primary)));--_icon-tile-size:var(--icon-tile-size, var(--mod-icon-tile-size, var(--ds-icon-tile-size-base-mobile)));--_icon-tile-size-tablet:var(--icon-tile-size-tablet, var(--mod-icon-tile-size-tablet, var(--ds-icon-tile-size-base-tablet)));--_icon-tile-color-background:var(--icon-tile-color-background, var(--mod-icon-tile-color-background, var(--ds-icon-tile-color-purple)));--_icon-tile-radius:var(--icon-tile-radius, var(--mod-icon-tile-radius, var(--ds-icon-tile-radius)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_icon-size);height:var(--_icon-size);max-height:var(--_icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_icon-inner-mt);width:var(--_icon-inner-size);height:var(--_icon-inner-size);max-height:var(--_icon-inner-size)}:host #inner>svg{vertical-align:top}:host(.is-filled) svg svg,:host(.is-filled) svg g,:host(.is-filled) svg path,:host(.is-filled) svg circle{fill:var(--_icon-color)}:host(:not(.is-filled)) svg path[fill="#E9FBF7"]{fill:var(--icon-brand-color, #E9FBF7)}:host(:not(.is-filled)) svg path[fill="#e9fbf7"]{fill:var(--icon-brand-color, #e9fbf7)}:host(:not(.is-filled)) svg path[fill="#CBF2EC"]{fill:var(--icon-brand-color, #CBF2EC)}:host(:not(.is-filled)) svg path[fill="#cbf2ec"]{fill:var(--icon-brand-color, #cbf2ec)}:host(:not(.is-filled)) svg path[fill="#94E3D4"]{fill:var(--icon-brand-color, #94E3D4)}:host(:not(.is-filled)) svg path[fill="#94e3d4"]{fill:var(--icon-brand-color, #94e3d4)}:host(:not(.is-filled)) svg path[fill="#21D9AC"]{fill:var(--icon-brand-color, #21D9AC)}:host(:not(.is-filled)) svg path[fill="#21d9ac"]{fill:var(--icon-brand-color, #21d9ac)}:host(:not(.is-filled)) svg path[fill="#00B28F"]{fill:var(--icon-brand-color, #00B28F)}:host(:not(.is-filled)) svg path[fill="#00b28f"]{fill:var(--icon-brand-color, #00b28f)}:host(:not(.is-filled)) svg path[fill="#1B5951"]{fill:var(--icon-brand-color, #1B5951)}:host(:not(.is-filled)) svg path[fill="#1b5951"]{fill:var(--icon-brand-color, #1b5951)}:host(:not(.is-filled)) svg path[fill="#FFF9E8"]{fill:var(--icon-brand-color, #FFF9E8)}:host(:not(.is-filled)) svg path[fill="#fff9e8"]{fill:var(--icon-brand-color, #fff9e8)}:host(:not(.is-filled)) svg path[fill="#FFECBC"]{fill:var(--icon-brand-color, #FFECBC)}:host(:not(.is-filled)) svg path[fill="#ffecbc"]{fill:var(--icon-brand-color, #ffecbc)}:host(:not(.is-filled)) svg path[fill="#FAE052"]{fill:var(--icon-brand-color, #FAE052)}:host(:not(.is-filled)) svg path[fill="#fae052"]{fill:var(--icon-brand-color, #fae052)}:host(:not(.is-filled)) svg path[fill="#FFBE19"]{fill:var(--icon-brand-color, #FFBE19)}:host(:not(.is-filled)) svg path[fill="#ffbe19"]{fill:var(--icon-brand-color, #ffbe19)}:host(:not(.is-filled)) svg path[fill="#FA9319"]{fill:var(--icon-brand-color, #FA9319)}:host(:not(.is-filled)) svg path[fill="#fa9319"]{fill:var(--icon-brand-color, #fa9319)}:host(:not(.is-filled)) svg path[fill="#B24A00"]{fill:var(--icon-brand-color, #B24A00)}:host(:not(.is-filled)) svg path[fill="#b24a00"]{fill:var(--icon-brand-color, #b24a00)}:host(:not(.is-filled)) svg path[fill="#FFEEF1"]{fill:var(--icon-brand-color, #FFEEF1)}:host(:not(.is-filled)) svg path[fill="#ffeef1"]{fill:var(--icon-brand-color, #ffeef1)}:host(:not(.is-filled)) svg path[fill="#FFD7D7"]{fill:var(--icon-brand-color, #FFD7D7)}:host(:not(.is-filled)) svg path[fill="#ffd7d7"]{fill:var(--icon-brand-color, #ffd7d7)}:host(:not(.is-filled)) svg path[fill="#FFACA6"]{fill:var(--icon-brand-color, #FFACA6)}:host(:not(.is-filled)) svg path[fill="#ffaca6"]{fill:var(--icon-brand-color, #ffaca6)}:host(:not(.is-filled)) svg path[fill="#FF596F"]{fill:var(--icon-brand-color, #FF596F)}:host(:not(.is-filled)) svg path[fill="#ff596f"]{fill:var(--icon-brand-color, #ff596f)}:host(:not(.is-filled)) svg path[fill="#D9304C"]{fill:var(--icon-brand-color, #D9304C)}:host(:not(.is-filled)) svg path[fill="#d9304c"]{fill:var(--icon-brand-color, #d9304c)}:host(:not(.is-filled)) svg path[fill="#99172D"]{fill:var(--icon-brand-color, #99172D)}:host(:not(.is-filled)) svg path[fill="#99172d"]{fill:var(--icon-brand-color, #99172d)}:host(:not(.is-filled)) svg path[fill="#F9F3FF"]{fill:var(--icon-brand-color, #F9F3FF)}:host(:not(.is-filled)) svg path[fill="#f9f3ff"]{fill:var(--icon-brand-color, #f9f3ff)}:host(:not(.is-filled)) svg path[fill="#E1D9FF"]{fill:var(--icon-brand-color, #E1D9FF)}:host(:not(.is-filled)) svg path[fill="#e1d9ff"]{fill:var(--icon-brand-color, #e1d9ff)}:host(:not(.is-filled)) svg path[fill="#B8B2FF"]{fill:var(--icon-brand-color, #B8B2FF)}:host(:not(.is-filled)) svg path[fill="#b8b2ff"]{fill:var(--icon-brand-color, #b8b2ff)}:host(:not(.is-filled)) svg path[fill="#BE82FA"]{fill:var(--icon-brand-color, #BE82FA)}:host(:not(.is-filled)) svg path[fill="#be82fa"]{fill:var(--icon-brand-color, #be82fa)}:host(:not(.is-filled)) svg path[fill="#9F52CC"]{fill:var(--icon-brand-color, #9F52CC)}:host(:not(.is-filled)) svg path[fill="#9f52cc"]{fill:var(--icon-brand-color, #9f52cc)}:host(:not(.is-filled)) svg path[fill="#6C2273"]{fill:var(--icon-brand-color, #6C2273)}:host(:not(.is-filled)) svg path[fill="#6c2273"]{fill:var(--icon-brand-color, #6c2273)}:host(:not(.is-filled)) svg path[fill="#000D6E"]{fill:var(--icon-brand-color, #000D6E)}:host(:not(.is-filled)) svg path[fill="#000d6e"]{fill:var(--icon-brand-color, #000d6e)}:host(.is-inline){display:-ms-inline-flexbox;display:inline-flex;line-height:1}:host(.has-shadow) svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}:host(.turn-plus) #inner{-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.turn-nav-go-down) #inner,:host(.turn-caret-down) #inner,:host(.turn-caret-up) #inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.is-tile){background:var(--_icon-tile-color-background);border-radius:var(--_icon-tile-radius);height:var(--_icon-tile-size);--mod-icon-size:var(--_icon-tile-size);--mod-icon-inner-size:var(--_icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_icon-tile-size-tablet);--mod-icon-size:var(--_icon-tile-size-tablet);--mod-icon-inner-size:var(--_icon-tile-size-tablet)}}:host(.is-xs:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-xs);--mod-icon-inner-size:var(--ds-icon-size-xs)}:host(.is-sm:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-sm);--mod-icon-inner-size:var(--ds-icon-size-sm)}:host(.is-md:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:var(--ds-icon-size-md)}:host(.is-lg:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:var(--ds-icon-size-lg)}:host(.is-xl:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:var(--ds-icon-size-xl)}:host(.is-2xl:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-2xl);--mod-icon-inner-size:var(--ds-icon-size-2xl)}:host(.is-3xl:not(.is-tile,.has-shape-circle,.has-shape-triangle)){--mod-icon-size:var(--ds-icon-size-3xl);--mod-icon-inner-size:var(--ds-icon-size-3xl)}:host(.is-tile.is-lg){--mod-icon-tile-size:var(--ds-icon-tile-size-lg-mobile);--mod-icon-tile-size-tablet:var(--ds-icon-tile-size-lg-tablet)}:host(.is-tile.is-xl){--mod-icon-tile-size:var(--ds-icon-tile-size-xl-mobile);--mod-icon-tile-size-tablet:var(--ds-icon-tile-size-xl-tablet)}:host(.is-inverted){--mod-icon-color:var(--ds-icon-color-white)}:host(.is-disabled){--mod-icon-color:var(--ds-icon-color-disabled)}:host(.is-primary){--mod-icon-color:var(--ds-icon-color-primary);--mod-icon-shape:var(--ds-global-color-primary-5)}:host(.is-primary-light){--mod-icon-color:var(--ds-icon-color-primary-light);--mod-icon-shape:var(--ds-global-color-primary-light-5)}:host(.is-info){--mod-icon-color:var(--ds-icon-color-info);--mod-icon-shape:var(--ds-global-color-info-5)}:host(.is-success){--mod-icon-color:var(--ds-icon-color-success);--mod-icon-shape:var(--ds-global-color-success-5)}:host(.is-danger){--mod-icon-color:var(--ds-icon-color-danger);--mod-icon-shape:var(--ds-global-color-danger-5)}:host(.is-warning){--mod-icon-color:var(--ds-icon-color-warning);--mod-icon-shape:var(--ds-global-color-warning-5)}:host(.is-white){--mod-icon-color:var(--ds-icon-color-white);--mod-icon-shape:var(--ds-global-color-white-5)}:host(.is-grey){--mod-icon-color:var(--ds-icon-color-grey);--mod-icon-shape:var(--ds-global-color-grey-5)}:host(.is-tile-green){--mod-icon-tile-color-background:var(--ds-icon-tile-color-green)}:host(.is-tile-red){--mod-icon-tile-color-background:var(--ds-icon-tile-color-red)}:host(.is-tile-yellow){--mod-icon-tile-color-background:var(--ds-icon-tile-color-yellow)}:host(.has-shape-circle),:host(.has-shape-triangle){--mod-icon-color:white}:host(.has-shape-triangle){--mod-icon-inner-mt:2px}:host(.has-shape-circle),:host(.has-shape-triangle){--mod-icon-size:var(--ds-icon-size-base);--mod-icon-inner-size:calc(var(--ds-icon-size-base) * 0.6)}:host(.has-shape-circle.is-md),:host(.has-shape-triangle.is-md){--mod-icon-size:var(--ds-icon-size-md);--mod-icon-inner-size:calc(var(--ds-icon-size-md) * 0.6)}:host(.has-shape-circle.is-lg),:host(.has-shape-triangle.is-lg){--mod-icon-size:var(--ds-icon-size-lg);--mod-icon-inner-size:calc(var(--ds-icon-size-lg) * 0.6)}:host(.has-shape-circle.is-xl),:host(.has-shape-triangle.is-xl){--mod-icon-size:var(--ds-icon-size-xl);--mod-icon-inner-size:calc(var(--ds-icon-size-xl) * 0.6)}:host(.has-shape-circle.is-2xl),:host(.has-shape-triangle.is-2xl){--mod-icon-size:var(--ds-icon-size-2xl);--mod-icon-inner-size:calc(var(--ds-icon-size-2xl) * 0.6)}:host(.has-shape-circle)::before{content:"";-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8995 4.10051C21.9416 2.14257 19.447 0.809205 16.7313 0.269012C14.0155 -0.271181 11.2006 0.00606573 8.64244 1.06569C6.08426 2.12532 3.89777 3.91973 2.35943 6.22202C0.821087 8.52431 -3.3718e-07 11.2311 0 14C1.6859e-07 16.769 0.821085 19.4757 2.35943 21.778C3.89777 24.0803 6.08426 25.8747 8.64244 26.9343C11.2006 27.994 14.0155 28.2712 16.7313 27.731C19.447 27.1908 21.9416 25.8575 23.8995 23.8995C26.525 21.274 28 17.7131 28 14C28 10.287 26.525 6.72602 23.8995 4.10051Z" fill="black"/></svg>\');mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8995 4.10051C21.9416 2.14257 19.447 0.809205 16.7313 0.269012C14.0155 -0.271181 11.2006 0.00606573 8.64244 1.06569C6.08426 2.12532 3.89777 3.91973 2.35943 6.22202C0.821087 8.52431 -3.3718e-07 11.2311 0 14C1.6859e-07 16.769 0.821085 19.4757 2.35943 21.778C3.89777 24.0803 6.08426 25.8747 8.64244 26.9343C11.2006 27.994 14.0155 28.2712 16.7313 27.731C19.447 27.1908 21.9416 25.8575 23.8995 23.8995C26.525 21.274 28 17.7131 28 14C28 10.287 26.525 6.72602 23.8995 4.10051Z" fill="black"/></svg>\');-webkit-mask-size:cover;mask-size:cover;background:var(--_icon-shape);position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);margin:2px}:host(.has-shape-triangle)::before{content:"";-webkit-mask-image:url("data:image/svg+xml;charset=UTF-8,  <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 14 14\'>    <path fill=\'black\' d=\'M7 .006a1.5 1.5 0 0 0-1.335.816l-.002.004-5.5 10.999a1.503 1.503 0 0 0 .606 1.983 1.5 1.5 0 0 0 .73.192h11.003a1.5 1.5 0 0 0 1.335-2.174l-5.5-11-.002-.004A1.5 1.5 0 0 0 7 .006\'/>  </svg>");mask-image:url("data:image/svg+xml;charset=UTF-8,  <svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 14 14\'>    <path fill=\'black\' d=\'M7 .006a1.5 1.5 0 0 0-1.335.816l-.002.004-5.5 10.999a1.503 1.503 0 0 0 .606 1.983 1.5 1.5 0 0 0 .73.192h11.003a1.5 1.5 0 0 0 1.335-2.174l-5.5-11-.002-.004A1.5 1.5 0 0 0 7 .006\'/>  </svg>");-webkit-mask-size:cover;mask-size:cover;background:var(--_icon-shape);position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);margin:2px}';const wi={de:{loading:"Laden"},en:{loading:"Loading"},fr:{loading:"Chargement"},it:{loading:"Caricamento"},nl:{loading:"Laden"},es:{loading:"Cargando"},pl:{loading:"Ładowanie"},pt:{loading:"Carregando"},sv:{loading:"Laddar"},fi:{loading:"Ladataan"}},_i=class{constructor(n){i(this,n),this.animated=o.animated,this.language=o.language,this.region=o.region,this.color="blue",this.deactivated=!1,this.inverted=!1,this.size="",this.small=!1,this.label="",this.labelPosition="right",this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=s((async()=>{this.animationFunction&&this.innerEl&&this.animationFunction(this.innerEl,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.innerEl.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((i,o)=>{if(this.animationFunction)return i();t((async()=>{import("./p-BUK_uRdC.js").then((o=>{this.animationFunction=o.animate,i()})).catch(o)}))}))}createLogger(i){this.log=i}deactivatedChanged(i,o){i!==o&&(this.deactivated?this.destroy():this.animate())}variationChanged(i,o){i!==o&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&this.innerEl&&!this.el.isConnected&&this.destroy()}async configChanged(i){this.animated=i.animated,this.language=i.language,this.region=i.region,!1===i.animated&&this.destroy()}getColor(){try{const i=this.el?getComputedStyle(this.el).getPropertyValue("--spinner-color").trim():"";if(i)return i}catch(i){}return this.inverted?"#ffffff":"#151f6d"}render(){let i=this.size;return!0===this.small&&(i="sm"),n(r,{key:"86264d495d7ae16626bdf476d81c16dd87e0e12a",role:"progressbar","aria-label":this.label||wi[this.language].loading,class:{"is-animated":this.animated,"is-circle":"circle"===this.variation,"is-sm":"sm"===i,"is-white":"white"===this.color,"is-label-right":p(this.label)&&"right"===this.labelPosition,"is-label-bottom":p(this.label)&&"bottom"===this.labelPosition}},n("div",{key:"2ef9e800128c98ce79f83b49e4c43cbc21f749e9"},n("div",{key:"c9086777b5ac64cb59d2df42aa198a6e193aec80",id:"inner",part:"inner",ref:i=>this.innerEl=i})),p(this.label)&&n("span",{key:"e8c5d1b0c1bb6cfab6e4fe0caae96684fa0af889",part:"label"},this.label))}get el(){return e(this)}static get watchers(){return{deactivated:[{deactivatedChanged:0}],variation:[{variationChanged:0}]}}};a([l("spinner"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],_i.prototype,"createLogger",null),a([z(["blue","white"]),c("design:type",String)],_i.prototype,"color",void 0),a([x("boolean"),c("design:type",Boolean)],_i.prototype,"deactivated",void 0),a([x("boolean"),c("design:type",Boolean)],_i.prototype,"inverted",void 0),a([z(["sm",""]),c("design:type",String)],_i.prototype,"size",void 0),a([x("boolean"),c("design:type",Boolean)],_i.prototype,"small",void 0),a([x("string"),c("design:type",String)],_i.prototype,"label",void 0),a([z(["right","bottom"]),c("design:type",String)],_i.prototype,"labelPosition",void 0),a([z(["logo","circle"]),c("design:type",String)],_i.prototype,"variation",void 0),a([y(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",Promise)],_i.prototype,"configChanged",null),_i.style=":host{--_spinner-position:var(--spinner-position, var(--mod-spinner-position, static));--_spinner-top:var(--spinner-top, var(--mod-spinner-top));--_spinner-right:var(--spinner-right, var(--mod-spinner-right));--_spinner-bottom:var(--spinner-bottom, var(--mod-spinner-bottom));--_spinner-left:var(--spinner-left, var(--mod-spinner-left));position:var(--_spinner-position);top:var(--_spinner-top);right:var(--_spinner-right);bottom:var(--_spinner-bottom);left:var(--_spinner-left);--_spinner-m:var(--spinner-m, var(--mod-spinner-m, 0));--_spinner-my:var(--spinner-my, var(--mod-spinner-my));--_spinner-mx:var(--spinner-mx, var(--mod-spinner-mx));--_spinner-ml:var(--spinner-ml, var(--mod-spinner-ml));--_spinner-mr:var(--spinner-mr, var(--mod-spinner-mr));--_spinner-mt:var(--spinner-mt, var(--mod-spinner-mt));--_spinner-mb:var(--spinner-mb, var(--mod-spinner-mb));margin:var(--_spinner-m);margin-inline:var(--_spinner-mx);margin-block:var(--_spinner-my);margin-left:var(--_spinner-ml);margin-right:var(--_spinner-mr);margin-top:var(--_spinner-mt);margin-bottom:var(--_spinner-mb);--_spinner-size:var(--spinner-size, var(--mod-spinner-size, var(--ds-spinner-size)));--_spinner-circle-size:var(--spinner-circle-size, var(--mod-spinner-circle-size, var(--ds-spinner-circle-size)));--_spinner-circle-border-width:var(--spinner-circle-border-width, var(--mod-spinner-circle-border-width, var(--ds-spinner-circle-border-width)));--_spinner-circle-color-border-background:var(--spinner-circle-color-border-background, var(--mod-spinner-circle-color-border-background, var(--ds-spinner-circle-color-background)));--_spinner-circle-color-border-progress:var(--spinner-circle-color-border-progress, var(--mod-spinner-circle-color-border-progress, var(--ds-spinner-circle-color-progress)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}:host,:host>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}:host svg{-webkit-transform:unset !important;transform:unset !important}:host(:not(.is-circle))>div{width:var(--_spinner-size)}:host(.is-circle) #inner{border-radius:50%;border-style:solid;border-width:var(--_spinner-circle-border-width);border-color:var(--_spinner-circle-color-border-background);border-top-color:var(--_spinner-circle-color-border-progress);width:var(--_spinner-circle-size);height:var(--_spinner-circle-size)}:host(.is-animated) #inner{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}:host(.is-sm){--mod-spinner-size:2rem;--mod-spinner-circle-size:1.125rem;--mod-spinner-circle-border-width:0.2rem}:host(.is-white){--mod-spinner-circle-color-border-background:var(--ds-spinner-circle-color-inverted-background);--mod-spinner-circle-color-border-progress:var(--ds-spinner-circle-color-progress-inverted)}:host(.is-label-right){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:.5rem;width:auto}:host(.is-label-bottom){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.25rem;width:auto}::part(label){font-family:var(--ds-global-font-family-text);line-height:var(--ds-typography-line-height-base)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{yi as ds_icon,_i as ds_spinner}

package/dist/design-system/p-4e6638d14e.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as t,I as i,d as o,E as a,F as r,G as e}from"./p-C6MVahkC.js";import{_ as s,L as l,a as n}from"./p-DgVaaZT_.js";import{a as p,c as m,s as d,f as c,o as b}from"./p-BqY0KzJC.js";import{O as h}from"./p-BvEM6oCl.js";import"./p-HwbqEzpk.js";let v=0;const f=class{constructor(o){t(this,o),this.dsWillAnimate=i(this,"dsWillAnimate"),this.dsDidAnimate=i(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+v++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",`${t}px`)}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=p(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:i,y:a,placement:r}=await m(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[o.hasWindow&&!window.frameElement?d():void 0,c(),b(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:`${i}px`,top:`${a}px`}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return o.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return a(r,{key:"4b6018fca5ddd89e53f8cefcc90af9ac530679dc",id:this.tooltipId,role:"tooltip","aria-hidden":`${!this.presented}`},a("div",{key:"abb02eb66ea7991879fdbd8275e4638e050b3ec6",part:"container",ref:t=>this.containerEl=t},a("div",{key:"4087e11edcd4728524d59b08c173668d69d0d146",part:"content","data-testid":"ds-tooltip-content"},a("slot",{key:"e50b739cabe6e2a2c892def29bbd860a38c60369"}))))}get el(){return e(this)}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}};s([l("tooltip"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],f.prototype,"createLogger",null),s([h(["top","right","bottom","left"]),n("design:type",String)],f.prototype,"placement",void 0),f.style=":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-bg:var(--tooltip-bg, var(--mod-tooltip-bg, var(--ds-tooltip-bg)));--_tooltip-color:var(--tooltip-color, var(--mod-tooltip-color, var(--ds-tooltip-color)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-px)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-py)));--_tooltip-font-family:var(--tooltip-font-family, var(--mod-tooltip-font-family, var(--ds-tooltip-font-family)));--_tooltip-font-size:var(--tooltip-font-size, var(--mod-tooltip-font-size, var(--ds-tooltip-font-size)));--_tooltip-line-height:var(--tooltip-line-height, var(--mod-tooltip-line-height, var(--ds-tooltip-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-bg);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color);font-family:var(--_tooltip-font-family);font-size:var(--_tooltip-font-size);line-height:var(--_tooltip-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}";export{f as ds_tooltip}

package/dist/design-system/p-53dda5d400.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as o,I as e,v as a,E as t,F as r,G as i}from"./p-C6MVahkC.js";import{_ as l,L as s,a as n}from"./p-DgVaaZT_.js";import{i as f,F as c}from"./p-BrJFPhMA.js";import{O as d}from"./p-BvEM6oCl.js";import{T as g}from"./p-CwCAiaMq.js";import{L as m}from"./p-LCY5n5tq.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const v=class{constructor(t){o(this,t),this.dsLanguageChange=e(this,"dsLanguageChange"),this.brand=a.brand,this.language=a.language,this.region=a.region,this.allowedLanguages=a.allowedLanguages,this.container="",this.hideLanguageSelection=!1,this.disableDefaultLinks=!1,this.disableDefaultSocialLinks=!1,this.legalText=void 0,this.handleLanguageChange=o=>{const e=o.target.value;this.language=e,this.dsLanguageChange.emit({language:e})}}createLogger(o){this.log=o}async configChanged(o){var e,a,t,r;this.brand=o.brand,this.language=o.language,this.region=o.region,this.allowedLanguages=o.allowedLanguages,this.legalLinksConfig=null===(e=o.legalLinks)||void 0===e?void 0:e[o.region],this.legalTextConfig=null===(t=null===(a=o.legalText)||void 0===a?void 0:a[o.region])||void 0===t?void 0:t[o.language],this.socialLinksConfig=null===(r=o.socialLinks)||void 0===r?void 0:r[o.region]}hasNamedSlot(o){return null!==this.el.querySelector(`[slot="${o}"]`)}getLanguageLabel(o){return f[this.language].languageLabels[o]||o.toUpperCase()}renderLogo(){return this.hasNamedSlot("logo")?t("slot",{name:"logo"}):t("ds-logo",{brand:this.brand,color:"white"})}renderLinkList(o,e){return t("ul",{class:e},o.map((o=>t("li",{key:`${o.href}-${o.label}`},t("a",{href:o.href,target:o.target,rel:o.rel},o.label)))))}renderSocialList(o){return t("ul",{class:"social-list","aria-label":"Social links"},o.map((o=>t("li",{key:`${o.href}-${o.icon}`},t("a",{href:o.href,target:o.target,rel:o.rel,"aria-label":o.ariaLabel||o.label,title:o.ariaLabel||o.label},t("ds-icon",{name:o.icon,"aria-hidden":"true"}))))))}render(){var o;const e=this.hasNamedSlot("links"),a=this.hasNamedSlot("social-links"),i=!this.disableDefaultLinks&&(null===(o=this.legalLinksConfig)||void 0===o?void 0:o[this.language]),l=!this.disableDefaultSocialLinks&&this.socialLinksConfig,s=this.legalText||this.legalTextConfig,n=e||i&&i.length>0,c=a||l&&l.length>0;return t(r,{key:"f5041f27ffaa02706365e348e9fbcd433b61e597"},t("footer",{key:"fa7fc4395a0181d27866703ca109ee7b14e1be69",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},t("div",{key:"e99d0e4e3a2043579d74082828c433bfa49bee77",class:"top-row"},t("div",{key:"b6d3605f12ffbcc3a90474c7dff995d51a59ac3c",class:"logo-area"},this.renderLogo()),!this.hideLanguageSelection&&t("label",{key:"becbaddae40dce976c39033513e911d49611b9bf",class:"language-picker","aria-label":f[this.language].languageSelector},t("ds-icon",{key:"6ff2ab4a2ac6bb92a817f55bafa5496c76a4c72f",name:"web","aria-hidden":"true"}),t("select",{key:"f12f1ad864b76d9ac7d4cd9958fa9b6a426fe80c","data-testid":"footer-language-select",onChange:this.handleLanguageChange},this.allowedLanguages.map((o=>t("option",{key:o,value:o,selected:this.language===o},this.getLanguageLabel(o))))))),t("div",{key:"6179015e628411a0baa40db7f3c43e0a1fe73c24",class:"content"},t("slot",{key:"1726a81dc4ab97761840e4b8540d1998479fc3f5"})),t("ds-divider",{key:"c393531689e81c30a561a720bc9db3b53c0c7e7f",space:"sm",color:"primary-light"}),t("div",{key:"11bbe98d7c55c063275f6f1dfb2790b4027e6071",class:"bottom-row"},s&&t("p",{key:"216b2953c145b87c50f1dbc6995a60b2fa38110f",class:"legal"},s),c&&t("nav",{key:"c0b32fc3ee82d898fd167c00415a947ca69c9c42",class:"social","aria-label":"Social navigation"},t("slot",{key:"e1cd6bdccbe2b175135035d8bb3ca60bf7cf6c90",name:"social-links"}),!a&&l&&this.renderSocialList(l)),n&&t("nav",{key:"3fa8077bda4f64f43323be9867d6e379b310b20f",class:"links","aria-label":"Footer links"},t("slot",{key:"05cc5e0987afdf5eec45eac14fe146610e54c142",name:"links"}),!e&&i&&this.renderLinkList(i,"link-list")))))}get el(){return i(this)}};l([s("footer"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],v.prototype,"createLogger",null),l([d(c),n("design:type",String)],v.prototype,"container",void 0),l([g("boolean"),n("design:type",Boolean)],v.prototype,"hideLanguageSelection",void 0),l([g("boolean"),n("design:type",Boolean)],v.prototype,"disableDefaultLinks",void 0),l([g("boolean"),n("design:type",Boolean)],v.prototype,"disableDefaultSocialLinks",void 0),l([g("string"),n("design:type",Object)],v.prototype,"legalText",void 0),l([m(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],v.prototype,"configChanged",null),v.style=':host{--_footer-position:var(--footer-position, var(--mod-footer-position, static));--_footer-top:var(--footer-top, var(--mod-footer-top));--_footer-right:var(--footer-right, var(--mod-footer-right));--_footer-bottom:var(--footer-bottom, var(--mod-footer-bottom));--_footer-left:var(--footer-left, var(--mod-footer-left));position:var(--_footer-position);top:var(--_footer-top);right:var(--_footer-right);bottom:var(--_footer-bottom);left:var(--_footer-left);--_footer-m:var(--footer-m, var(--mod-footer-m, 0));--_footer-my:var(--footer-my, var(--mod-footer-my));--_footer-mx:var(--footer-mx, var(--mod-footer-mx));--_footer-ml:var(--footer-ml, var(--mod-footer-ml));--_footer-mr:var(--footer-mr, var(--mod-footer-mr));--_footer-mt:var(--footer-mt, var(--mod-footer-mt));--_footer-mb:var(--footer-mb, var(--mod-footer-mb));margin:var(--_footer-m);margin-inline:var(--_footer-mx);margin-block:var(--_footer-my);margin-left:var(--_footer-ml);margin-right:var(--_footer-mr);margin-top:var(--_footer-mt);margin-bottom:var(--_footer-mb);--_footer-background:var(--footer-background, var(--mod-footer-background, var(--ds-footer-color-background)));--_footer-color:var(--footer-color, var(--mod-footer-color, var(--ds-footer-color-text)));--_footer-link-color:var(--footer-link-color, var(--mod-footer-link-color, var(--ds-footer-color-link-base)));--_footer-link-color-hover:var(--footer-link-color-hover, var(--mod-footer-link-color-hover, var(--ds-footer-color-link-hover)));--_footer-divider-color:var(--footer-divider-color, var(--mod-footer-divider-color, var(--ds-footer-color-divider)));--_footer-content-max-width:var(--footer-content-max-width, var(--mod-footer-content-max-width, var(--ds-footer-space-content-max-width)));--_footer-padding:var(--footer-padding, var(--mod-footer-padding, var(--ds-footer-space-padding-base)));--_footer-content-padding-top:var(--footer-content-padding-top, var(--mod-footer-content-padding-top, var(--ds-footer-space-content-padding-top)));--_footer-gap-row:var(--footer-gap-row, var(--mod-footer-gap-row, var(--ds-footer-space-gap-row)));--_footer-gap-column:var(--footer-gap-column, var(--mod-footer-gap-column, var(--ds-footer-space-gap-column)));--_footer-language-font-family:var(--footer-language-font-family, var(--mod-footer-language-font-family, var(--ds-footer-typography-language-family)));--_footer-language-font-weight:var(--footer-language-font-weight, var(--mod-footer-language-font-weight, var(--ds-footer-typography-language-weight)));--_footer-language-gap:var(--footer-language-gap, var(--mod-footer-language-gap, var(--ds-footer-space-language-gap)));--_footer-bottom-gap:var(--footer-bottom-gap, var(--mod-footer-bottom-gap, var(--ds-footer-space-bottom-gap)));--_footer-link-gap:var(--footer-link-gap, var(--mod-footer-link-gap, var(--ds-footer-space-link-gap)));--_footer-social-gap:var(--footer-social-gap, var(--mod-footer-social-gap, var(--ds-footer-space-social-gap)));--_footer-font-size:var(--footer-font-size, var(--mod-footer-font-size, var(--ds-footer-typography-font-size)));--_footer-line-height:var(--footer-line-height, var(--mod-footer-line-height, var(--ds-footer-typography-line-height)));--_footer-social-icon-size:var(--footer-social-icon-size, var(--mod-footer-social-icon-size, var(--ds-footer-space-social-icon-size)));--_footer-social-icon-gap:var(--footer-social-icon-gap, var(--mod-footer-social-icon-gap, var(--ds-footer-space-social-icon-gap)));--_footer-slotted-margin-right:var(--footer-slotted-margin-right, var(--mod-footer-slotted-margin-right, var(--ds-footer-space-slotted-margin-right)));margin:var(--_footer-m);margin-inline:var(--_footer-mx);margin-block:var(--_footer-my);margin-left:var(--_footer-ml);margin-right:var(--_footer-mr);margin-top:var(--_footer-mt);margin-bottom:var(--_footer-mb);position:var(--_footer-position);top:var(--_footer-top);right:var(--_footer-right);bottom:var(--_footer-bottom);left:var(--_footer-left);display:block;color:var(--_footer-color);background:var(--_footer-background)}footer{margin:0 auto;padding-block:var(--_footer-padding);padding-inline:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}footer.is-fluid{max-width:var(--ds-alias-container-width-fluid)}footer.is-compact{max-width:var(--ds-alias-container-width-compact)}.top-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_footer-gap-row) var(--_footer-gap-column);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.logo-area{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo-link{display:-ms-inline-flexbox;display:inline-flex;color:inherit}.logo-svg{display:-ms-inline-flexbox;display:inline-flex}.language-picker{-ms-flex-align:center;align-items:center;border:0;color:var(--_footer-color);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--_footer-language-font-family);font-weight:var(--_footer-language-font-weight);gap:var(--_footer-language-gap);margin:0 0 0 auto;max-width:100%;width:auto}.language-picker ds-icon{--icon-color:currentColor;-ms-flex-negative:0;flex-shrink:0}.language-picker select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:rgba(0,0,0,0);border:0;border-radius:0;color:inherit;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;line-height:1.3;min-width:auto;padding:0}.language-picker select:hover,.language-picker select:focus-visible{color:var(--_footer-link-color-hover)}.content{padding-top:var(--_footer-content-padding-top)}.bottom-row{display:grid;font-size:var(--_footer-font-size);gap:var(--_footer-bottom-gap);grid-template-columns:1fr;line-height:var(--_footer-line-height)}.legal{margin:0;font-size:var(--_footer-font-size);line-height:var(--_footer-line-height)}.links,.social{min-width:0}.link-list,.social-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_footer-link-gap);margin:0;padding:0}.social-list{gap:var(--_footer-social-gap)}.link-list li,.social-list li{list-style:none}.links a,::slotted([slot=links]){color:var(--_footer-link-color);text-decoration:none}.links a:hover,::slotted([slot=links]:hover){color:var(--_footer-link-color-hover);text-decoration:underline}.social a,::slotted([slot=social-links]){--icon-color:var(--ds-alias-text-color-white);--icon-size:var(--ds-icon-size-sm);-ms-flex-align:center;align-items:center;color:var(--_footer-link-color);display:-ms-inline-flexbox;display:inline-flex;height:var(--_footer-social-icon-size);-ms-flex-pack:center;justify-content:center;text-decoration:none;width:var(--_footer-social-icon-size)}.social a:hover,::slotted([slot=social-links]:hover){--icon-color:var(--_footer-link-color-hover);color:var(--_footer-link-color-hover)}::slotted([slot=links]),::slotted([slot=social-links]){margin-right:var(--_footer-slotted-margin-right)}@media screen and (min-width: 769px){.bottom-row{-ms-flex-align:start;align-items:start;grid-template-columns:1fr}.social,.links{justify-self:start}}@media screen and (min-width: 1024px){.bottom-row{-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto;grid-template-areas:"legal social" "links links"}.legal{align-self:center;grid-area:legal}.social{align-self:center;grid-area:social;justify-self:end}.links{grid-area:links;justify-self:stretch;width:100%}}';export{v as ds_footer}

package/dist/design-system/p-5d17209d91.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,E as r,F as o,G as d,L as e}from"./p-C6MVahkC.js";import{_ as a,L as t,a as s}from"./p-DgVaaZT_.js";import{h as v}from"./p-BhdSNuGP.js";import{n as l}from"./p-DR5LIaCn.js";import{O as h}from"./p-BvEM6oCl.js";import{T as g}from"./p-CwCAiaMq.js";import{d as m}from"./p-Dm2lqE3-.js";import{L as n}from"./p-ij4OEkzJ.js";import{L as c}from"./p-LCY5n5tq.js";import"./p-HwbqEzpk.js";import"./p-hLAmwHiq.js";import"./p-78NZc8PM.js";import"./p-DTxLRTYr.js";const p=class{constructor(r){i(this,r),this.layout="horizontal",this.space="none",this.color="grey",this.dashed=!1}createLogger(i){this.log=i}render(){const i=l(this.space)||"";return r(o,{key:"b8c46c8b8746484960d92be8e9005b5f5f2a9792",role:"separator",class:{[`is-${this.layout}`]:v(this.layout),[`is-${this.color}`]:v(this.color),[`has-space-${i}`]:v(this.space),"is-dashed":this.dashed}})}get el(){return d(this)}};a([t("divider"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],p.prototype,"createLogger",null),a([h(["horizontal","vertical",""]),s("design:type",String)],p.prototype,"layout",void 0),a([h(["none","2xs","xs","sm","base","md","lg","xl","2xl","3xl","xx-small","x-small","small","normal","medium","large","x-large","xx-large","xxx-large",""]),s("design:type",String)],p.prototype,"space",void 0),a([h(["primary","primary-light","primary-dark","grey-light","grey","grey-dark","warning","success","danger","danger-dark","danger-darker","white","light-blue"]),s("design:type",String)],p.prototype,"color",void 0),a([g("boolean"),s("design:type",Boolean)],p.prototype,"dashed",void 0),p.style=":host{--_divider-position:var(--divider-position, var(--mod-divider-position, static));--_divider-top:var(--divider-top, var(--mod-divider-top));--_divider-right:var(--divider-right, var(--mod-divider-right));--_divider-bottom:var(--divider-bottom, var(--mod-divider-bottom));--_divider-left:var(--divider-left, var(--mod-divider-left));position:var(--_divider-position);top:var(--_divider-top);right:var(--_divider-right);bottom:var(--_divider-bottom);left:var(--_divider-left);--_divider-m:var(--divider-m, var(--mod-divider-m, 0));--_divider-my:var(--divider-my, var(--mod-divider-my));--_divider-mx:var(--divider-mx, var(--mod-divider-mx));--_divider-ml:var(--divider-ml, var(--mod-divider-ml));--_divider-mr:var(--divider-mr, var(--mod-divider-mr));--_divider-mt:var(--divider-mt, var(--mod-divider-mt));--_divider-mb:var(--divider-mb, var(--mod-divider-mb));margin:var(--_divider-m);margin-inline:var(--_divider-mx);margin-block:var(--_divider-my);margin-left:var(--_divider-ml);margin-right:var(--_divider-mr);margin-top:var(--_divider-mt);margin-bottom:var(--_divider-mb);--_divider-color:var(--divider-color, var(--mod-divider-color, var(--ds-divider-color-base)));--_divider-width:var(--divider-width, var(--mod-divider-width, var(--ds-divider-width)));--_divider-radius:var(--divider-radius, var(--mod-divider-radius, var(--ds-divider-radius)));--_divider-space:var(--divider-space, var(--mod-divider-space, 0))}:host{display:block;padding:0;margin:0;border:none;border-radius:var(--_divider-radius);height:var(--_divider-width);background-color:var(--_divider-color)}:host(:not(.is-vertical)),:host(.is-horizontal){-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--_divider-width);height:var(--_divider-width);margin-top:var(--_divider-space);margin-bottom:var(--_divider-space)}:host(.is-vertical){height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--_divider-width);margin-left:var(--_divider-space);margin-right:var(--_divider-space)}:host(.is-primary){--mod-divider-color:var(--ds-divider-color-primary)}:host(.is-primary-light){--mod-divider-color:var(--ds-divider-color-primary-light)}:host(.is-primary-dark){--mod-divider-color:var(--ds-divider-color-primary-dark)}:host(.is-grey-light){--mod-divider-color:var(--ds-divider-color-grey-light)}:host(.is-grey){--mod-divider-color:var(--ds-divider-color-grey)}:host(.is-grey-dark){--mod-divider-color:var(--ds-divider-color-grey-dark)}:host(.is-warning){--mod-divider-color:var(--ds-divider-color-warning)}:host(.is-success){--mod-divider-color:var(--ds-divider-color-success)}:host(.is-danger){--mod-divider-color:var(--ds-divider-color-danger)}:host(.is-danger-dark){--mod-divider-color:var(--ds-divider-color-danger-dark)}:host(.is-danger-darker){--mod-divider-color:var(--ds-divider-color-danger-darker)}:host(.is-white){--mod-divider-color:var(--ds-divider-color-white)}:host(.is-light-blue){--mod-divider-color:var(--ds-divider-color-light-blue)}:host(.has-space-none){--mod-divider-space:var(--ds-alias-space-none-device)}:host(.has-space-2xs){--mod-divider-space:var(--ds-alias-space-2xs-device)}:host(.has-space-xs){--mod-divider-space:var(--ds-alias-space-xs-device)}:host(.has-space-sm){--mod-divider-space:var(--ds-alias-space-sm-device)}:host(.has-space-base){--mod-divider-space:var(--ds-alias-space-base-device)}:host(.has-space-md){--mod-divider-space:var(--ds-alias-space-md-device)}:host(.has-space-lg){--mod-divider-space:var(--ds-alias-space-lg-device)}:host(.has-space-xl){--mod-divider-space:var(--ds-alias-space-xl-device)}:host(.has-space-2xl){--mod-divider-space:var(--ds-alias-space-2xl-device)}:host(.has-space-3xl){--mod-divider-space:var(--ds-alias-space-3xl-device)}:host.is-dashed:not(.is-vertical){background:repeating-linear-gradient(90deg, var(--_divider-color) 0, var(--_divider-color) 8px, transparent 8px, transparent 16px)}:host.is-dashed.is-vertical{background:repeating-linear-gradient(180deg, var(--_divider-color) 0, var(--_divider-color) 8px, transparent 8px, transparent 16px)}:host{display:block}";const _=({onlyText:i,height:o})=>r("svg",{focusable:"false","aria-hidden":"true",width:1084/204*o,height:o,viewBox:(!0===i?"230":"0")+" 0 1084 204",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52,97.92c-3.36,3.36-3.36,8.8,0,12.15l91.41,91.41c3.36,3.36,8.8,3.36,12.15,0l50.72-50.72-30.87-30.87-25.93,25.93-41.81-41.81,41.81-41.81,72.69,72.69,24.8-24.8c3.36-3.36,3.36-8.8,0-12.15L106.08,6.52c-3.36-3.36-8.8-3.36-12.15,0L2.52,97.92ZM352.2,101.98v73.06h-36.42v-65.86c0-12.43-8.5-19.63-19.41-19.63s-19.85,7.85-19.85,18.32v67.17h-36.42V15.62h36.42v51.9c7.85-6.32,18.32-10.25,30.97-10.25,27.04,0,44.71,18.32,44.71,44.71ZM403.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM453.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM503.97,175.04V15.62h36.42v159.42h-36.42ZM638.52,60.11h37.51l-40.78,114.93h-42.53l-40.78-114.93h37.51l24.42,79.16,24.64-79.16ZM712.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM762.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM867.71,175.04c-29.66,0-44.71-17.66-44.71-44.27v-39.69h-19.19v-30.97h9.16c8.07,0,12.21-4.36,12.21-12.87v-17.66h35.33v30.53h26.17v30.97h-27.48v35.33c0,11.12,5.89,17.01,16.14,17.01h11.99v31.62h-19.63ZM902.6,22.46c0-12.87,10.03-22.46,22.9-22.46s22.9,9.6,22.9,22.46-10.03,22.24-22.9,22.24-22.9-9.16-22.9-22.24ZM907.18,175.04V60.11h36.42v114.93h-36.42ZM1050.42,60.11h33.58v114.93h-33.58v-10.47c-8.07,8.5-18.97,13.3-33.15,13.3-33.37,0-57.35-25.73-57.35-60.19s23.99-58.01,57.35-58.01c14.18,0,25.08,4.36,33.15,12.43v-11.99ZM1049.11,117.68c0-16.79-10.69-28.35-26.61-28.35s-26.39,11.99-26.39,28.35,10.9,28.13,26.39,28.13,26.61-11.56,26.61-28.13Z",fill:"#000D6E"})),C=({onlyText:i,height:o})=>r("svg",{focusable:"false","aria-hidden":"true",width:4.9375*o,height:o,viewBox:(!0===i?"36":"0")+" 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"})),b=class{constructor(r){i(this,r),this.isTouch=m.isTouch,this.doesConfigAllowAnimation=!0,this.configBrand="baloise",this.animated=!1,this.brand="",this.color="primary",this.size=""}createLogger(i){this.log=i}animatedChanged(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedChanged()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}listenToBreakpoint(i){this.isTouch=i.touch}async configChanged(i){this.doesConfigAllowAnimation=i.animated,this.configBrand=i.brand}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.getColor(),!1)))}async loadAnimation(){return new Promise(((i,r)=>{if(this.animationFunction)return i();e((async()=>{import("./p-Br3Spw-v.js").then((r=>{this.animationFunction=r.animate,i()})).catch(r)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.animatedLogoElement&&(this.animatedLogoElement.innerHTML="")}getColor(){return"white"===this.color?"#ffffff":"#151f6d"}getHeight(){return"sm"===this.size?22:"lg"===this.size?this.isTouch?32:48:this.isTouch?22:32}render(){const i=l(this.size)||"",d=r("helvetia"===this.brand||""===this.brand&&"helvetia"===this.configBrand?_:C,{onlyText:this.animated,height:this.getHeight()});return r(o,{key:"549891bcf54e833cc226fecd178f6aabbfd8bcfa",class:{"is-animated":this.isAnimated,"is-white":"white"===this.color,"is-sm":"sm"===i,"is-lg":"lg"===i}},r("div",{key:"91dd1d3eb07ee2b0da7396558137dde63bcde0da",id:"animated",part:"animated",ref:i=>this.animatedLogoElement=i,"aria-hidden":"true",style:{display:this.isAnimated?"block":"none",width:this.getHeight()+"px",height:this.getHeight()+"px"}}),d)}get el(){return d(this)}static get watchers(){return{animated:[{animatedChanged:0}]}}};a([t("logo"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],b.prototype,"createLogger",null),a([g("boolean"),s("design:type",Boolean)],b.prototype,"animated",void 0),a([h(["baloise","helvetia",""]),s("design:type",String)],b.prototype,"brand",void 0),a([h(["primary","white"]),s("design:type",String)],b.prototype,"color",void 0),a([h(["lg","sm","","large","small"]),s("design:type",String)],b.prototype,"size",void 0),a([n(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],b.prototype,"listenToBreakpoint",null),a([c(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],b.prototype,"configChanged",null),b.style=":host{--_logo-position:var(--logo-position, var(--mod-logo-position, static));--_logo-top:var(--logo-top, var(--mod-logo-top));--_logo-right:var(--logo-right, var(--mod-logo-right));--_logo-bottom:var(--logo-bottom, var(--mod-logo-bottom));--_logo-left:var(--logo-left, var(--mod-logo-left));position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);--_logo-m:var(--logo-m, var(--mod-logo-m, 0));--_logo-my:var(--logo-my, var(--mod-logo-my));--_logo-mx:var(--logo-mx, var(--mod-logo-mx));--_logo-ml:var(--logo-ml, var(--mod-logo-ml));--_logo-mr:var(--logo-mr, var(--mod-logo-mr));--_logo-mt:var(--logo-mt, var(--mod-logo-mt));--_logo-mb:var(--logo-mb, var(--mod-logo-mb));margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);--_logo-color:var(--logo-color, var(--mod-logo-color, var(--ds-global-color-primary-5)));--_logo-height:var(--logo-height, var(--mod-logo-height, 22px))}:host{margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);position:static;display:grid;grid-template-columns:1fr;gap:4px}:host svg{-webkit-transform:unset !important;transform:unset !important}:host svg svg,:host svg g,:host svg path,:host svg circle{fill:var(--_logo-color)}:host{height:var(--_logo-height)}:host>div{height:var(--_logo-height)}@media screen and (min-width: 1024px){:host{--mod-logo-height:32px}}:host #animated{display:none;width:0;height:0}:host(.is-animated){grid-template-columns:auto 1fr}:host(.is-animated) #animated{display:block;width:var(--_logo-height);height:var(--_logo-height)}:host(.is-white){--mod-logo-color:var(--ds-global-color-white)}:host(.is-sm){--mod-logo-height:22px}@media screen and (min-width: 1024px){:host(.is-sm){--mod-logo-height:22px}}:host(.is-lg){--mod-logo-height:32px}@media screen and (min-width: 1024px){:host(.is-lg){--mod-logo-height:48px}}";export{p as ds_divider,b as ds_logo}

package/dist/design-system/p-5e51fa8df4.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as e,I as o,v as i,E as l,G as r}from"./p-C6MVahkC.js";import{_ as a,L as d,a as t}from"./p-DgVaaZT_.js";import{a as s}from"./p-tl_BegdE.js";import{s as n}from"./p-C7i6xLTJ.js";import{F as c}from"./p-BLGVE-7Z.js";import{I as p}from"./p-BMM6Nxeh.js";import{T as h}from"./p-CwCAiaMq.js";import{O as f}from"./p-BvEM6oCl.js";import{L as b}from"./p-LCY5n5tq.js";import"./p-Duhf3ymL.js";import"./p-BATOumsf.js";import"./p-DHeVI6dR.js";import"./p-CYHzHtnv.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const u=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},v={en:{dropZoneLabel:"Drop files or browse",selectedFilesLabel:"Selected files",removeFileLabel:"Remove"},de:{dropZoneLabel:"Dateien ablegen oder durchsuchen",selectedFilesLabel:"Ausgewählte Dateien",removeFileLabel:"Entfernen"},fr:{dropZoneLabel:"Déposez les fichiers ou parcourez",selectedFilesLabel:"Fichiers sélectionnés",removeFileLabel:"Supprimer"},it:{dropZoneLabel:"Rilascia i file o sfoglia",selectedFilesLabel:"File selezionati",removeFileLabel:"Rimuovi"},nl:{dropZoneLabel:"Zet bestanden neer of blader",selectedFilesLabel:"Geselecteerde bestanden",removeFileLabel:"Verwijderen"},es:{dropZoneLabel:"Suelta archivos o busca",selectedFilesLabel:"Archivos seleccionados",removeFileLabel:"Eliminar"},pl:{dropZoneLabel:"Upuść pliki lub przeglądaj",selectedFilesLabel:"Wybrane pliki",removeFileLabel:"Usuń"},pt:{dropZoneLabel:"Solte ficheiros ou procure",selectedFilesLabel:"Ficheiros selecionados",removeFileLabel:"Remover"},sv:{dropZoneLabel:"Släpp filer eller bläddra",selectedFilesLabel:"Valda filer",removeFileLabel:"Ta bort"},fi:{dropZoneLabel:"Pudota tiedostot tai selaa",selectedFilesLabel:"Valitut tiedostot",removeFileLabel:"Poista"}},m=class{constructor(l){e(this,l),this.dsChange=o(this,"dsChange"),this.dsFilesAdded=o(this,"dsFilesAdded"),this.dsFilesRemoved=o(this,"dsFilesRemoved"),this.dsRejectedFile=o(this,"dsRejectedFile"),this.dsInputClick=o(this,"dsInputClick"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),this.fileUploadId="ds-file-upload-"+g++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=i.language,this.region=i.region,this.value=[],this.name=this.fileUploadId,this.label="Choose or drop a file...",this.dropZoneLabel="",this.description="",this.invalidText="",this.color="primary",this.invalid=!1,this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept="",this.hasFileList=!0,this.autoInvalidOff=!1,this.addDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.addEventListener("dragenter",this.handleDragenter),this.dropZoneEl.addEventListener("dragover",this.handleDragover),this.dropZoneEl.addEventListener("dragleave",this.handleDragleave),this.dropZoneEl.addEventListener("drop",this.handleDrop))},this.removeDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.removeEventListener("dragenter",this.handleDragenter),this.dropZoneEl.removeEventListener("dragover",this.handleDragover),this.dropZoneEl.removeEventListener("dragleave",this.handleDragleave),this.dropZoneEl.removeEventListener("drop",this.handleDrop))},this.handleFiles=e=>{const o=(i=e,Array.from(null!=i?i:[]));var i;const l=((e,o,i)=>{const l=[],r=[...e],a=[];for(let d=0;d<o.length;d++){const t=o[d];if(t){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(t.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&t.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const d=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&d+t.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&r.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const s=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>s(e,t))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:t,reasons:o}):(r.push(t),l.push(t))}}return{validFiles:l,invalidFiles:a}})(this.files,o,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});l.invalidFiles.length>0&&l.invalidFiles.forEach((e=>this.dsRejectedFile.emit(e))),l.validFiles.length>0&&(this.files=[...this.files,...l.validFiles],this.dsChange.emit(this.files),this.dsFilesAdded.emit(l.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{this.nativeInput&&(this.nativeInput.files=u(this.files))},this.handleDragenter=e=>{n(e),this.disabled||this.readonly||this.loading||(this.isDragOver=!0)},this.handleDragover=e=>{n(e)},this.handleDragleave=e=>{n(e),this.isDragOver=!1},this.handleDrop=e=>{if(n(e),this.isDragOver=!1,!this.disabled&&!this.readonly&&!this.loading){const o=e.dataTransfer;o&&this.handleFiles(o.files)}},this.handleInputChange=()=>{var e;this.disabled||this.readonly||this.loading||(null===(e=this.nativeInput)||void 0===e?void 0:e.files)&&this.handleFiles(this.nativeInput.files)},this.handleInputClick=e=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.dsInputClick.emit(e)},this.handleInputFocus=e=>{this.focused=!0,this.dsFocus.emit(e)},this.handleInputBlur=e=>{this.focused=!1,this.dsBlur.emit(e)},this.handleRemoveFile=(e,o)=>{if(n(e),o>=0&&o<this.files.length){const e=this.files,i=e.splice(o,1);this.dsFilesRemoved.emit(i),this.files=[...e],this.dsChange.emit(this.files),this.updateFileInput()}}}createLogger(e){this.log=e}valueChanged(){const e=this.value||[];s(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]]}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){this.removeDragListeners()}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=u(this.initialValue))})))}async configChanged(e){this.language=e.language,this.region=e.region}async clear(){this.files=[],this.updateFileInput()}async setFocus(){var e;null===(e=this.nativeInput)||void 0===e||e.focus()}render(){const e=this.disabled||this.readonly||this.loading,o=this.dropZoneLabel||v[this.language].dropZoneLabel,i=v[this.language].selectedFilesLabel,r=v[this.language].removeFileLabel;return l(c,{key:"0262acd3da4ebb07ab1207c456eb49e2b7abd638",color:this.color,disabled:this.disabled,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"53ef4c5d329415ccd17d0be52ab73aadd1845612",id:"drop-zone",part:"drop-zone",ref:e=>this.dropZoneEl=e,class:{"file-upload-drop-zone":!0,"is-dragover":this.isDragOver,"is-disabled":e},onClick:()=>{var o;return!e&&(null===(o=this.nativeInput)||void 0===o?void 0:o.click())}},l("span",{key:"a4a362449b720986bbd9d6d82032c0004c760b19",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"456e17b2975c5ee0755b16d07a8ab3c2fa4f66d6",part:"input",ref:e=>this.nativeInput=e,id:this.fileUploadId,type:"file",name:this.name,multiple:this.multiple,disabled:e,required:this.required,accept:this.accept||void 0,"aria-invalid":this.invalid?"true":"false","aria-describedby":"description",onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,"data-testid":"ds-file-upload-input"}),l("div",{key:"dfe3c5972da1593bef6c0aa94cc79851b6fe7b44",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"a76bb47e49f108cf9c054cba02a78110869870ce"},l("div",{key:"bc52009e955c1267d28f097a37e64019caaf364d",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"dcab355b1cb4a89a8c8b2d67e3ab3f22d4a0eb7a",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"8e5451696abcdb8679d6741b53ce8267234b6435",variation:"circle"}),l("span",{key:"e7989e8a8d431d0cb3709e890929d9fc59f01fef"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"973570b4094cad00ee06b6dd1ca4ffbc55e76fee",id:"file-list",part:"file-list",role:"list","aria-label":i,class:{"file-list":!0,"is-disabled":e}},this.files.map(((o,i)=>{return l("li",{id:`file-list-item-${i}`,key:o.name,class:"file-list-item"},l("ds-stack",{direction:"row",align:"center"},l("ds-icon",{name:"document",size:"md"}),l("ds-content",{space:"none"},l("span",{class:"file-name",title:o.name},o.name),l("span",{class:"file-size"},(a=o.size)<1024?`${a} B`:a<1048576?`${(a/1024).toFixed(1)} KB`:`${(a/1048576).toFixed(1)} MB`)),l("ds-button",{size:"sm",icon:"trash",square:!0,color:"secondary",a11yLabel:`${r} ${o.name}`,disabled:e,onKeyDown:e=>{"Delete"===e.key&&this.handleRemoveFile(e,i)},onClick:e=>this.handleRemoveFile(e,i)})));var a}))))}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}]}}};a([d("file-upload"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],m.prototype,"createLogger",null),a([h("array"),t("design:type",Array)],m.prototype,"value",void 0),a([h("string"),t("design:type",String)],m.prototype,"name",void 0),a([h("string"),t("design:type",String)],m.prototype,"label",void 0),a([h("string"),t("design:type",String)],m.prototype,"dropZoneLabel",void 0),a([h("string"),t("design:type",String)],m.prototype,"description",void 0),a([h("string"),t("design:type",String)],m.prototype,"invalidText",void 0),a([f(p),t("design:type",String)],m.prototype,"color",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"invalid",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"multiple",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"disabled",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"readonly",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"loading",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"required",void 0),a([h("string"),t("design:type",String)],m.prototype,"accept",void 0),a([h("number"),t("design:type",Number)],m.prototype,"maxFiles",void 0),a([h("number"),t("design:type",Number)],m.prototype,"maxFileSize",void 0),a([h("number"),t("design:type",Number)],m.prototype,"maxBundleSize",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"hasFileList",void 0),a([h("boolean"),t("design:type",Boolean)],m.prototype,"autoInvalidOff",void 0),a([b(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],m.prototype,"configChanged",null);let g=0;m.style=":host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-body)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base-device)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-body)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-background-color-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-background-color-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-background-color-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-border-focus)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-background-color-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-background-color-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-control-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-control-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-control-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-control-size-device)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-control-color-value-base)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-control-color-placeholder-base)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-base);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base-device)}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base-device)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs-device)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-input-description-color-danger);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-danger-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-danger-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-file-upload-description-color:var(--ds-input-description-color-success);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-success-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-success-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-input-description-color-warning);--mod-file-upload-drop-zone-border-color:var(--ds-input-container-color-warning-border);--mod-file-upload-drop-zone-hover-border-color:var(--ds-input-container-color-warning-border);--mod-file-upload-drop-zone-active-border-color:var(--ds-input-container-color-warning-border)}";export{m as ds_file_upload}

package/dist/design-system/p-60d29d8b8e.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as t,I as e,J as i,E as s,F as n,G as r}from"./p-C6MVahkC.js";import{_ as a,L as o,a as d}from"./p-DgVaaZT_.js";import{T as p}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const g=class{constructor(i){t(this,i),this.dsWillUpdate=e(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){this.debouncedWillUpdate=i((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(n,{key:"87db62287d1b2a329ed1175ef71a3528bb7b1ce8","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return r(this)}};a([o("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),a([p("string"),d("design:type",String)],g.prototype,"description",void 0),a([p("string"),d("design:type",String)],g.prototype,"icon",void 0),a([p("string"),d("design:type",String)],g.prototype,"label",void 0),a([p("string"),d("design:type",String)],g.prototype,"svg",void 0),g.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{g as ds_segment_item}

package/dist/design-system/p-62cb503015.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,I as o,v as e,f as s,M as t,E as r,G as a}from"./p-C6MVahkC.js";import{_ as n,L as l,a as h}from"./p-DgVaaZT_.js";import{F as d}from"./p-BLGVE-7Z.js";import{a as p}from"./p-tl_BegdE.js";import{s as m}from"./p-C7i6xLTJ.js";import{h as c}from"./p-BhdSNuGP.js";import{I as f}from"./p-BMM6Nxeh.js";import{b as g,C as b,a as v}from"./p-LCAsAZzj.js";import{O as y}from"./p-BvEM6oCl.js";import{T as u}from"./p-CwCAiaMq.js";import{L as w}from"./p-LCY5n5tq.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-Duhf3ymL.js";import"./p-BATOumsf.js";import"./p-DHeVI6dR.js";import"./p-CYHzHtnv.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const x=class{constructor(s){i(this,s),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.inputId="ds-cg-"+_++,this.language=e.language,this.region=e.region,this.internalValue=[],this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.control=!1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.value=[],this.vertical=!1,this.handleValueChange=async()=>{if(this.control){const i=i=>{for(let o=0;o<this.internalValue.length;o++){const e=this.internalValue[o];if(void 0!==e&&e.toString()===i.value.toString())return!0}return!1};this.getCheckboxes().forEach((o=>{o.checked=i(o)}))}}}createLogger(i){this.log=i}valueChanged(){if(this.control){const i=this.formatValueToArray(this.value);p(i,this.internalValue)||(this.internalValue=i,this.handleValueChange())}}connectedCallback(){this.valueChanged(),this.passDownAttributes(),this.internals.setFormValue(this.internalValue.join(","))}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsBlur(i){const{target:o}=i;o&&s(this.el,o)&&t(o,"ds-checkbox")&&m(i)}listenToDsChange(i){this.control&&s(this.el,i.target)&&(m(i),this.updateValues())}listenToDsFocus(i){const{target:o}=i;o&&s(this.el,o)&&t(o,"ds-checkbox")&&m(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.internalValue=[]),this.handleValueChange())}async configChanged(i){this.language=i.language,this.region=i.region}formatValueToArray(i){return Array.isArray(i)?i:null!=i&&""!==i?"string"==typeof i?i.split(",").map((i=>i.trim())):[i]:[]}getCheckboxes(){return Array.from(this.el.querySelectorAll("ds-checkbox"))}passDownAttributes(){this.getCheckboxes().forEach((i=>{this.control&&(c(this.disabled)&&(i.disabled=this.disabled),c(this.readonly)&&(i.readonly=this.readonly),c(this.invalid)&&(i.invalid=this.invalid)),i.name=this.name,i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}updateValues(){const i=[];this.getCheckboxes().forEach((o=>{o.checked&&i.push(o.value)})),p(this.internalValue,i)||(this.internalValue=[...i],this.dsChange.emit(this.internalValue),this.internals.setFormValue(this.internalValue.join(",")))}render(){return r(d,{key:"ebd36e47675b46855d72d0c66f78e56fd7fea7e0",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile}},r("slot",{key:"7fa32f49d9e613e6eb946cf5b0b6eb1f7fecd1c8"}))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}]}}};n([l("checkbox-group"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],x.prototype,"createLogger",null),n([y(f),h("design:type",String)],x.prototype,"color",void 0),n([y(g),h("design:type",Number)],x.prototype,"cols",void 0),n([y(g),h("design:type",Number)],x.prototype,"colsMobile",void 0),n([y(g),h("design:type",Number)],x.prototype,"colsTablet",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"control",void 0),n([u("string"),h("design:type",String)],x.prototype,"description",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"disabled",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"invalid",void 0),n([u("string"),h("design:type",String)],x.prototype,"invalidText",void 0),n([u("string"),h("design:type",String)],x.prototype,"label",void 0),n([y(b),h("design:type",String)],x.prototype,"labelPosition",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"loading",void 0),n([u("string"),h("design:type",String)],x.prototype,"name",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"readonly",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"required",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"tile",void 0),n([y(v),h("design:type",String)],x.prototype,"tileColor",void 0),n([u("boolean"),h("design:type",Boolean)],x.prototype,"vertical",void 0),n([w(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",Promise)],x.prototype,"configChanged",null);let _=0;x.style=":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-label-color-disabled);--mod-checkbox-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{x as ds_checkbox_group}

package/dist/design-system/p-650289138a.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as s,I as e,E as t,F as o,G as r}from"./p-C6MVahkC.js";import{_ as l,L as c,a as i}from"./p-DgVaaZT_.js";import{s as p}from"./p-C7i6xLTJ.js";import{O as a}from"./p-BvEM6oCl.js";import{T as n}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const d=class{constructor(t){s(this,t),this.dsChange=e(this,"dsChange"),this.color="",this.label="",this.vertical=!1,this.handleKeyDown=s=>{var e,t,o,r;if(this.isNavigation())return;const l=this.getSteps().filter((s=>!s.disabled&&!s.hidden)),c=l.findIndex((s=>s.name===this.value)),i=this.vertical?"ArrowDown"===s.key:"ArrowRight"===s.key,p=this.vertical?"ArrowUp"===s.key:"ArrowLeft"===s.key;"Home"===s.key?(s.preventDefault(),this.activateStep(null===(e=l[0])||void 0===e?void 0:e.name)):"End"===s.key?(s.preventDefault(),this.activateStep(null===(t=l[l.length-1])||void 0===t?void 0:t.name)):i?(s.preventDefault(),this.activateStep(null===(o=l[(c+1)%l.length])||void 0===o?void 0:o.name)):p&&(s.preventDefault(),this.activateStep(null===(r=l[(c-1+l.length)%l.length])||void 0===r?void 0:r.name))},this.handleSlotChange=()=>{this.setup()}}createLogger(s){this.log=s}componentDidLoad(){this.setup()}componentDidUpdate(){this.updateChildren()}listenToDsStepSelect(s){p(s),this.activateStep(s.detail.name)}getSteps(){return Array.from(this.el.querySelectorAll(":scope > ds-step"))}getPanels(){return Array.from(this.el.querySelectorAll(":scope > ds-step-panel"))}isNavigation(){return 0===this.getPanels().length}setup(){const s=this.getSteps(),e=this.getPanels(),t=this.isNavigation();let o=0;if(s.forEach((s=>{if(s.slot="step",s.navigation=t,s.vertical=this.vertical,s.hidden?s.index=0:(o++,s.index=o),!t&&s.name){s.id||(s.id="ds-step-"+v++);const t=e.find((e=>e.for===s.name));t&&(t.id||(t.id="ds-step-panel-"+v++),s.setAttribute("aria-controls",t.id),t.setAttribute("aria-labelledby",s.id))}})),!t&&!this.value){const e=s.find((s=>!s.hidden&&!s.disabled));e&&(this.value=e.name)}this.updateChildren()}updateChildren(){const s=this.isNavigation(),e=this.getSteps(),t=this.getPanels();let o=this.value;if(!s&&o){const s=e.find((s=>s.name===o));s&&(s.disabled||s.hasAttribute("disabled"))&&(o=void 0)}const r=e.find((s=>s.name===o)),l=r?r.index:0;e.forEach((e=>{e.navigation=s,e.vertical=this.vertical,e.selected=s?!!e.querySelector("[aria-current]"):e.name===o,e.activeIndex=l})),t.forEach((s=>{s.selected=s.for===o}))}activateStep(s){if(s===this.value)return;const e=this.getSteps().find((e=>e.name===s));(null==e?void 0:e.disabled)||(this.value=s,this.dsChange.emit({value:s}),this.focusSelectedStep())}focusSelectedStep(){const s=this.getSteps().find((s=>s.name===this.value));null==s||s.focus()}render(){const s=this.isNavigation(),e=s=>{s&&(this.steplistEl=s)};return t(o,{class:{"is-vertical":this.vertical,"is-navigation":s,"is-purple":"purple"===this.color,"is-green":"green"===this.color,"is-red":"red"===this.color,"is-yellow":"yellow"===this.color}},s?t("nav",{"aria-label":this.label||void 0},t("ol",{id:"steplist",part:"steplist",ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange}))):t("div",{id:"steplist",part:"steplist",role:"tablist","aria-orientation":this.vertical?"vertical":void 0,onKeyDown:this.handleKeyDown,ref:e},t("slot",{name:"step",onSlotchange:this.handleSlotChange})),t("slot",{onSlotchange:this.handleSlotChange}))}get el(){return r(this)}};l([c("steps"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],d.prototype,"createLogger",null),l([a(["","purple","green","red","yellow"]),i("design:type",String)],d.prototype,"color",void 0),l([n("string"),i("design:type",String)],d.prototype,"label",void 0),l([n("string"),i("design:type",Object)],d.prototype,"value",void 0),l([n("boolean"),i("design:type",Boolean)],d.prototype,"vertical",void 0);let v=0;d.style=':host{--_steps-connector-color:var(--steps-connector-color, var(--mod-steps-connector-color, var(--ds-steps-connector-color)));--_steps-connector-color-filled:var(--steps-connector-color-filled, var(--mod-steps-connector-color-filled, var(--ds-steps-connector-color-filled)));--_steps-connector-height:var(--steps-connector-height, var(--mod-steps-connector-height, var(--ds-steps-connector-height)));--_steps-circle-size:var(--steps-circle-size, var(--mod-steps-circle-size, var(--ds-steps-circle-size)));--_steps-circle-size-sm:var(--steps-circle-size-sm, var(--mod-steps-circle-size-sm, var(--ds-steps-circle-size-sm)));--_steps-circle-color-bg:var(--steps-circle-color-bg, var(--mod-steps-circle-color-bg, var(--ds-steps-circle-color-bg)));--_steps-circle-color-bg-selected:var(--steps-circle-color-bg-selected, var(--mod-steps-circle-color-bg-selected, var(--ds-steps-circle-color-bg-selected)));--_steps-circle-color-bg-done:var(--steps-circle-color-bg-done, var(--mod-steps-circle-color-bg-done, var(--ds-steps-circle-color-bg-done)));--_steps-circle-color-bg-invalid:var(--steps-circle-color-bg-invalid, var(--mod-steps-circle-color-bg-invalid, var(--ds-steps-circle-color-bg-invalid)));--_steps-circle-color-bg-disabled:var(--steps-circle-color-bg-disabled, var(--mod-steps-circle-color-bg-disabled, var(--ds-steps-circle-color-bg-disabled)));--_steps-circle-color-text:var(--steps-circle-color-text, var(--mod-steps-circle-color-text, var(--ds-steps-circle-color-text)));--_steps-circle-color-text-selected:var(--steps-circle-color-text-selected, var(--mod-steps-circle-color-text-selected, var(--ds-steps-circle-color-text-selected)));--_steps-circle-color-text-done:var(--steps-circle-color-text-done, var(--mod-steps-circle-color-text-done, var(--ds-steps-circle-color-text-done)));--_steps-circle-color-text-invalid:var(--steps-circle-color-text-invalid, var(--mod-steps-circle-color-text-invalid, var(--ds-steps-circle-color-text-invalid)));--_steps-circle-color-text-disabled:var(--steps-circle-color-text-disabled, var(--mod-steps-circle-color-text-disabled, var(--ds-steps-circle-color-text-disabled)));--_steps-step-font-family:var(--steps-step-font-family, var(--mod-steps-step-font-family, var(--ds-steps-step-font-family)));--_steps-step-font-size:var(--steps-step-font-size, var(--mod-steps-step-font-size, var(--ds-steps-step-font-size)));--_steps-step-font-size-sm:var(--steps-step-font-size-sm, var(--mod-steps-step-font-size-sm, var(--ds-steps-step-font-size-sm)));--_steps-step-font-weight:var(--steps-step-font-weight, var(--mod-steps-step-font-weight, var(--ds-steps-step-font-weight)));--_steps-step-color:var(--steps-step-color, var(--mod-steps-step-color, var(--ds-steps-step-color-base)));--_steps-step-color-selected:var(--steps-step-color-selected, var(--mod-steps-step-color-selected, var(--ds-steps-step-color-selected)));--_steps-step-color-focus:var(--steps-step-color-focus, var(--mod-steps-step-color-focus, var(--ds-steps-step-color-focus)));--_steps-panel-padding:var(--steps-panel-padding, var(--mod-steps-panel-padding, var(--ds-steps-panel-padding)));--_steps-color-purple:var(--steps-color-purple, var(--mod-steps-color-purple, var(--ds-steps-color-purple)));--_steps-color-green:var(--steps-color-green, var(--mod-steps-color-green, var(--ds-steps-color-green)));--_steps-color-red:var(--steps-color-red, var(--mod-steps-color-red, var(--ds-steps-color-red)));--_steps-color-yellow:var(--steps-color-yellow, var(--mod-steps-color-yellow, var(--ds-steps-color-yellow)));display:block}:host(.is-purple){--_steps-connector-color:var(--_steps-color-purple);--_steps-circle-color-bg:var(--_steps-color-purple);--_steps-circle-color-bg-disabled:var(--_steps-color-purple)}:host(.is-green){--_steps-connector-color:var(--_steps-color-green);--_steps-circle-color-bg:var(--_steps-color-green);--_steps-circle-color-bg-disabled:var(--_steps-color-green)}:host(.is-red){--_steps-connector-color:var(--_steps-color-red);--_steps-circle-color-bg:var(--_steps-color-red);--_steps-circle-color-bg-disabled:var(--_steps-color-red)}:host(.is-yellow){--_steps-connector-color:var(--_steps-color-yellow);--_steps-circle-color-bg:var(--_steps-color-yellow);--_steps-circle-color-bg-disabled:var(--_steps-color-yellow)}:host #steplist{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;width:100%}:host(.is-navigation) nav,:host(.is-navigation) ol{display:contents}:host ::slotted(ds-step-panel){--step-panel-padding:var(--_steps-panel-padding)}:host(.is-vertical) #steplist{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:relative}:host(.is-vertical) #steplist::before{content:"";position:absolute;left:calc(var(--_steps-circle-size)/2);-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--_steps-circle-size)/2);bottom:calc(var(--_steps-circle-size)/2);width:var(--_steps-connector-height);background-color:var(--_steps-connector-color);z-index:0}@media screen and (max-width: 768px){:host(.is-vertical) #steplist::before{left:calc(var(--_steps-circle-size-sm)/2);top:calc(var(--_steps-circle-size-sm)/2);bottom:calc(var(--_steps-circle-size-sm)/2)}}';export{d as ds_steps}

package/dist/design-system/p-65c221261c.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as i,I as o,v as s,f as t,M as e,E as r,G as a}from"./p-C6MVahkC.js";import{_ as n,L as l,a as d}from"./p-DgVaaZT_.js";import{s as h}from"./p-C7i6xLTJ.js";import{F as m}from"./p-BLGVE-7Z.js";import{I as p}from"./p-BMM6Nxeh.js";import{R as c,a as f,b as g}from"./p-BFeO6Gq4.js";import{T as b}from"./p-CwCAiaMq.js";import{O as v}from"./p-BvEM6oCl.js";import{L as y}from"./p-LCY5n5tq.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";const w=class{constructor(t){i(this,t),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.language=s.language,this.region=s.region,this.inputId="ds-rg-"+u++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.passDownAttributes()}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsChange(i){t(this.el,i.target)&&h(i)}listenToDsFocus(i){const{target:o}=i;o&&t(this.el,o)&&e(o,"ds-radio")&&h(i)}listenToDsBlur(i){const{target:o}=i;o&&t(this.el,o)&&e(o,"ds-radio")&&h(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),s=i.target.closest("ds-radio");if(s&&o.includes(s)){const t=o.findIndex((i=>i===s)),e=o[t];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=t===o.length-1?o[0]:o[t+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===t?o[o.length-1]:o[t-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:e.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){this.getRadios().forEach((i=>{void 0!==this.disabled&&(i.disabled=this.disabled),void 0!==this.readonly&&(i.readonly=this.readonly),void 0!==this.invalid&&(i.invalid=this.invalid),i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),s=o.find((i=>!i.disabled)),t=o.find((o=>o.value===i&&!o.disabled));if(!s&&!t)return;const e=t||s;for(const i of o)i.setButtonTabindex(i===e?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return r(m,{key:"6b73d9b9050aea5ad17c934f5c57667aa36b65e4",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},r("slot",{key:"6c090a936fab5b14946544e52cf30890f719c2ff"}))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}]}}};n([l("radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),n([b("boolean"),d("design:type",Boolean)],w.prototype,"allowEmptySelection",void 0),n([v(p),d("design:type",String)],w.prototype,"color",void 0),n([v(c),d("design:type",Number)],w.prototype,"cols",void 0),n([v(c),d("design:type",Number)],w.prototype,"colsMobile",void 0),n([v(c),d("design:type",Number)],w.prototype,"colsTablet",void 0),n([b("string"),d("design:type",String)],w.prototype,"description",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"disabled",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"invalid",void 0),n([b("string"),d("design:type",String)],w.prototype,"invalidText",void 0),n([b("string"),d("design:type",String)],w.prototype,"label",void 0),n([v(f),d("design:type",String)],w.prototype,"labelPosition",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"loading",void 0),n([b("string"),d("design:type",String)],w.prototype,"name",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"readonly",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"required",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"tile",void 0),n([v(g),d("design:type",String)],w.prototype,"tileColor",void 0),n([b("boolean"),d("design:type",Boolean)],w.prototype,"vertical",void 0),n([y(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);let u=0;w.style=":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-label-color-disabled);--mod-radio-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{w as ds_radio_group}

package/dist/design-system/p-68c9f4f630.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as e,I as t,v as i,f as o,E as s,G as r}from"./p-C6MVahkC.js";import{_ as n,L as a,a as l}from"./p-DgVaaZT_.js";import{s as d}from"./p-C7i6xLTJ.js";import{F as c}from"./p-BLGVE-7Z.js";import{T as m}from"./p-CwCAiaMq.js";import{L as g}from"./p-LCY5n5tq.js";import{L as p}from"./p-CvTcEsXg.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-HwbqEzpk.js";import"./p-DTxLRTYr.js";import"./p-hLAmwHiq.js";const h=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+v++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),this.internals.setFormValue(this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),this.internals.setFormValue(null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(d(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){return s(c,{key:"a4f2025c7f78370997279575c269fd409313de06",role:"fieldset",disabled:this.disabled,color:"primary",invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"6ded6c5d9bed850d9ef9ce837a23cb1574500b96",id:"group"},s("div",{key:"dedd3744249014528be86560483e503c46fc3a67",id:"pill"}),this.items.map((e=>s("label",Object.assign({key:e.value,class:{"is-selected":e.value===this.value},"aria-invalid":this.invalid?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${e.label}${e.description?`- ${e.description}`:""}`,title:`${e.label}${e.description?`- ${e.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:e.value,checked:e.value===this.value,onClick:t=>this.handleInputClick(t,e.value),onChange:()=>this.handleInputChange(e.value),"aria-invalid":this.invalid?"true":null}),e.icon&&s("ds-icon",{name:e.icon}),e.svg&&s("ds-icon",{svg:e.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"label"},e.label),e.description&&s("span",{class:"description"},e.description)))))),s("div",{key:"65f5cb809b559c4c861b00220753ff0650e11adf"},s("slot",{key:"ce8d46ed4441753b1d7732ebead2024e7b11168c",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};n([a("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],h.prototype,"createLogger",null),n([m("boolean"),l("design:type",Boolean)],h.prototype,"allowEmptySelection",void 0),n([m("string"),l("design:type",String)],h.prototype,"description",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"disabled",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"iconOnly",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"invalid",void 0),n([m("string"),l("design:type",String)],h.prototype,"invalidText",void 0),n([m("string"),l("design:type",String)],h.prototype,"label",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"loading",void 0),n([m("string"),l("design:type",String)],h.prototype,"name",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"readonly",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"required",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"vertical",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"verticalOnMobile",void 0),n([m("boolean"),l("design:type",Boolean)],h.prototype,"wide",void 0),n([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],h.prototype,"configChanged",null),n([p(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],h.prototype,"listenToResize",null);let v=0;h.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-padding:var(--segment-padding, var(--mod-segment-padding, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-padding-inline:var(--segment-item-padding-inline, var(--mod-segment-item-padding-inline, var(--ds-segment-item-padding-inline)));--_segment-item-padding-block:var(--segment-item-padding-block, var(--mod-segment-item-padding-block, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-focus-color:var(--segment-focus-color, var(--mod-segment-focus-color, var(--ds-segment-focus-color)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-padding);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-padding-block));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-padding-inline);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer}#group label input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--_segment-focus-color);outline-offset:2px;border-radius:inherit}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{h as ds_segment}

package/dist/design-system/p-68ebed7eee.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{B as a,E as e,F as s,G as t}from"./p-C6MVahkC.js";import{_ as n,L as d,a as i}from"./p-DgVaaZT_.js";import{R as r}from"./p-1VXOIrN2.js";import{T as p}from"./p-CwCAiaMq.js";import"./p-HwbqEzpk.js";const o=class{constructor(e){a(this,e),this.selected=!1}createLogger(a){this.log=a}render(){return e(s,{key:"ea4a246545d0c21beaae274d7b5cbb16d8ddb85d",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},e("slot",{key:"05489a1a0f725057ca6abf569222a242a60e16cf"}))}get el(){return t(this)}};n([d("tab-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],o.prototype,"createLogger",null),n([r(),p("string"),i("design:type",String)],o.prototype,"for",void 0),n([p("boolean"),i("design:type",Boolean)],o.prototype,"selected",void 0),o.style=":host{--_tab-panel-padding:var(--tab-panel-padding, var(--mod-tab-panel-padding, var(--ds-tab-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_tab-panel-padding)}";export{o as ds_tab_panel}