@baloise/ds-core 16.5.2 → 16.6.0-nightly.20241017
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-app.js +1 -85
- package/components/bal-app2.js +87 -0
- package/components/bal-divider.js +6 -3
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +260 -0
- package/components/index.js +5 -289
- package/components/initialize.js +288 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-98bb021545.entry.js → p-009bb06a96.entry.js} +1 -1
- package/dist/baloise-design-system/{p-21b808e0d9.system.entry.js → p-049f6f9bc3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2d27ba7364.entry.js → p-05c9f3e86d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-29fd381412.system.entry.js → p-0798bf9f83.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7873fe20d4.entry.js → p-0cb3cfe2df.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4c5ff3ff4d.system.entry.js → p-0cd8a7e648.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/{p-ff40f6ac1e.system.entry.js → p-16262c76f1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4f93ac4c.js → p-2051115e.js} +1 -1
- package/dist/baloise-design-system/p-360068a4.system.js +1 -0
- package/dist/baloise-design-system/{p-b53b401a5a.entry.js → p-37c35b0ada.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4d6b2b921e.system.entry.js → p-3fe5981511.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-091501deda.entry.js → p-4146781859.entry.js} +1 -1
- package/dist/baloise-design-system/p-4ff656dd48.entry.js +1 -0
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/{p-565102df.system.js → p-5938aee0.system.js} +1 -1
- package/dist/baloise-design-system/{p-54e7b850.system.js → p-5aed56b2.system.js} +1 -1
- package/dist/baloise-design-system/{p-bb7de7bbee.system.entry.js → p-69109d3250.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-6aafd1a509.entry.js +1 -0
- package/dist/baloise-design-system/p-6d1b6215.js +1 -0
- package/dist/baloise-design-system/{p-18fd198d.js → p-71ddeab5.js} +1 -1
- package/dist/baloise-design-system/p-7291766c.system.js +1 -0
- package/dist/baloise-design-system/p-7cc52e4a3b.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-8b3d1b6c65.system.entry.js → p-7d9237d9c1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7d9523a50b.system.entry.js → p-89a95bc0e3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f81abc1e5e.entry.js → p-8d3f85bcb5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a79d0901e9.entry.js → p-900986da34.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8c982fbdba.entry.js → p-94d160761d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6af7f275bd.system.entry.js → p-977a347d70.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ae48180076.system.entry.js → p-99f4bba48c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4521c9fe51.entry.js → p-a23d2ab7de.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1c482e78f9.entry.js → p-aba4447647.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9b9660ff.system.js → p-b42e7d38.system.js} +1 -1
- package/dist/baloise-design-system/{p-8f85de0594.system.entry.js → p-ca9c895d96.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-17d7090151.system.entry.js → p-cab372cd48.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fbc7eb7481.system.entry.js → p-d0b0a08d19.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09356ff71d.system.entry.js → p-d8d6705d04.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0159015a.system.js → p-d962489a.system.js} +1 -1
- package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
- package/dist/baloise-design-system/{p-85007714f1.entry.js → p-ec24daa639.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8b7837e749.entry.js → p-f0eb3776b8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-92084992.js → p-f2b5eda9.js} +1 -1
- package/dist/baloise-design-system/{p-63e42239c4.entry.js → p-f44a362124.entry.js} +1 -1
- package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
- package/dist/cjs/app-globals-5fd73c0c.js +7 -0
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-divider.cjs.entry.js +4 -2
- package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-9356577d.js → breakpoints.decorator-e8f63228.js} +1 -1
- package/dist/cjs/{breakpoints.subject-c2e9ac3e.js → breakpoints.subject-ed8cfc59.js} +1 -1
- package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{tokens.esm-615d9347.js → tokens.esm-a7f8161e.js} +1 -1
- package/dist/cjs/{window-resize.decorator-c6dcf1a0.js → window-resize.decorator-2db48c9c.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-divider/bal-divider.css +1 -1
- package/dist/collection/components/bal-divider/bal-divider.js +26 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/app-globals-970bab17.js +5 -0
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-divider.entry.js +4 -2
- package/dist/esm/bal-doc-app.entry.js +227 -0
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +4 -4
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-c78a656a.js → breakpoints.decorator-412ae7e1.js} +1 -1
- package/dist/esm/{breakpoints.subject-aee81353.js → breakpoints.subject-33f46567.js} +1 -1
- package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{tokens.esm-6e01fd26.js → tokens.esm-f6559e33.js} +1 -1
- package/dist/esm/{window-resize.decorator-bcb73df5.js → window-resize.decorator-fee457f8.js} +1 -1
- package/dist/esm-es5/app-globals-970bab17.js +1 -0
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-divider.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-412ae7e1.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-aee81353.js → breakpoints.subject-33f46567.js} +1 -1
- package/dist/esm-es5/global-63f4bcec.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-bcb73df5.js → window-resize.decorator-fee457f8.js} +1 -1
- package/dist/html.html-data.json +12 -0
- package/dist/types/components/bal-divider/bal-divider.d.ts +4 -0
- package/dist/types/components/bal-divider/bal-divider.interfaces.d.ts +1 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +45 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
- package/package.json +7 -7
- package/dist/baloise-design-system/p-b20a3b881d.entry.js +0 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
- package/dist/baloise-design-system/p-e78a6409.js +0 -1
- package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-c78a656a.js +0 -1
- /package/dist/baloise-design-system/{p-941f70cf.js → p-1cc698ed.js} +0 -0
- /package/dist/baloise-design-system/{p-29937768.system.js → p-49899266.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-6e01fd26.js → tokens.esm-f6559e33.js} +0 -0
package/dist/baloise-design-system/{p-29fd381412.system.entry.js → p-0798bf9f83.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var a=function(n,t){a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))a[t]=n[t]};return a(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");a(n,t);function i(){this.constructor=n}n.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(a,n,t,i){function e(a){return a instanceof t?a:new t((function(n){n(a)}))}return new(t||(t=Promise))((function(t,r){function l(a){try{s(i.next(a))}catch(a){r(a)}}function o(a){try{s(i["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):e(a.value).then(l,o)}s((i=i.apply(a,n||[])).next())}))};var __generator=this&&this.__generator||function(a,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,e,r,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(a){return function(n){return s([a,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(i=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;e=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(a,t)}catch(a){o=[6,a];e=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-a1f6e944.system.js","./p-f19ea306.system.js","./p-8954495d.system.js","./p-9b9660ff.system.js","./p-bb6304d0.system.js","./p-a4dacc2d.system.js","./p-54e7b850.system.js","./p-0177e3a0.system.js","./p-a01f3206.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-29937768.system.js"],(function(a){"use strict";var n,t,i,e,r,l,o,s,b,c,u,v,d,m,h,p,f,g,_;return{setters:[function(a){n=a.h;t=a.r;i=a.c;e=a.H;r=a.g},function(a){l=a._;o=a.a},function(a){s=a.B},function(a){b=a.L},function(a){c=a.b},function(a){u=a.B},function(a){v=a.w;d=a.d},function(a){m=a.b},function(a){h=a.d},function(a){p=a.L},function(a){f=a.L},function(a){g=a.L},function(a){_=a.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var k=function(){function a(a,n){var t=this;this.observer=n;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(w++);this.value=a.value||this.id;this.href=a.href;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(n){t.observer.linkItemClickListener(t);if(a.onClick){a.onClick(n)}};this.onAccordionClick=function(n){t.observer.accordionClickListener(t);if(a.onAccordionClick){a.onAccordionClick(n)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return n("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var w=0;var x=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.linkItems=[];i.htmlTitle=n.htmlTitle;i.label=n.label;i.href=n.href;i.target=n.target;i.id="nav-section-link-item-".concat(y++);i.value=n.value||i.id;i.linkItems=(n.linkItems||[]).map((function(a){return new k(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(k);var y=0;var j=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(O++);i.value=n.value||i.id;i.color=n.color||"grey";i.linkItems=(n.linkItems||[]).map((function(a){return new k(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier("color-".concat(this.color)).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},n("a",{id:this.id,href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{color:this.color,role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(k);var O=0;var z=function(a){var t=a.id,i=a.label,e=a.level,r=a.open,l=a.link,o=a.href,b=a.target,c=a.onClick;var u=s.block("nav");return l?n("a",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),href:o,target:b,onClick:function(a){return c(a)}},n("span",null,i)):n("button",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),onClick:function(a){return c(a)}},n("span",null,i),n("bal-icon",{name:"nav-go-down",size:"small",turn:r}))};var L=function(a){var t=a.item,i=a.isMenu,e=a.onClick,r=a.isVisible;var l=s.block("nav");if(!t){return""}return n("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(r===false)),href:t.href,target:t.target,onClick:function(a){return e(a)}},t.label," ",t.label?"➞":"")};var C=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(F++);i.value=n.value||i.id;i.sectionLinkItems=(n.sectionLinkItems||[]).map((function(a){return new x(a,t)}));i.serviceLinkItems=(n.serviceLinkItems||[]).map((function(a){return new j(a,t)}));i.overviewLink=n.overviewLink?new k(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.sectionLinkItems&&this.sectionLinkItems.length>0;var r=this.serviceLinkItems&&this.serviceLinkItems.length>0;var l=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:e||r?false:this.isLink,open:l,onClick:function(a){return t.onAccordionClick(a)}}),n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:l}),e?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(l===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",r?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(l===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var i=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!i&&this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(k);var F=0;var M=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(I++);i.value=n.value||i.id;i.mainLinkItems=(n.mainLinkItems||[]).map((function(a){return new C(a,t)}));i.overviewLink=n.overviewLink?new k(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"meta",label:this.label,open:e,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),e?n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",e?n("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?n("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",n("hr",{class:Object.assign({},i.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(k);var I=0;var N=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(A++);i.touchPlacement=n.touchPlacement||"top";i.value=n.value||i.id;i.icon=n.icon;i.popoverId=n.popupId;i.ariaLabel=n.ariaLabel;i.htmlTitle=n.htmlTitle;i.href=n.href||"";i.target=n.target||"_self";return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return n("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.label)}return n("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return n("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.icon?"":this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return n("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target},this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};t.prototype.resetTouchBottomMetaBar=function(){if(c.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(c.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(k);var A=0;var S={de:{open:"Menü öffnen",close:"Menü schliessen"},en:{open:"Open Menu",close:"Close Menu"},fr:{open:"Ouvrir le menu",close:"Fermer le menu"},it:{open:"Apri Menù",close:"Chiudi menù"},nl:{open:"Menu openen",close:"Menu sluiten"},es:{open:"Menú abierto",close:"Cerrar menú"},pl:{open:"Otwórz menu",close:"Zamknij menu"},pt:{open:"Menu aberto",close:"Fechar menu"},sv:{open:"Öppna menyn",close:"Stäng menyn"},fi:{open:"Avaa valikko",close:"Sulje valikko"}};var q="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var P=q;var B=a("bal_nav",function(){function a(a){var n=this;t(this,a);this.balNavItemClick=i(this,"balNavItemClick",7);this.navId="bal-nav-".concat(V++);this.bodyScrollHandler=new u;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(n){return new M(n,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.metaButtons=this.buttons.map((function(n){return new N(n,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){n.closeAllPopups();n.toggleFlyout();if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(n.isFlyoutActive){n.bodyScrollHandler.disable()}else{n.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(n.isTouch){if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));n.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!n.isFlyoutActive){n.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==n.activeMetaLinkValue){n.activeMetaLinkValue=a.detail;var t=n.linkItems.find((function(a){return a.value===n.activeMetaLinkValue}));if(t&&t.mainLinkItems.length>0){n.activeMenuLinkValue=t.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(n.activeMenuLinkValue===a){n.toggleFlyout()}else{n.openFlyout()}n.activeMenuLinkValue=a};this.isTouch=m.isTouch;this.isDesktop=m.isDesktop;this.language=h.language;this.region=h.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var n=a.target;if(n&&n.nodeName==="BAL-POPUP"){var t=n.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(t,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var n,t,i,e,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(t=(n=this.metaBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-meta-bar__container"))===null||t===void 0?void 0:t.contains(a.target);o=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var n=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue}));if(n){return n.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var n=this.activeMenuLinkItems.find((function(n){return n.value===a.activeMenuLinkValue}));return n?n:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(t){switch(t.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,v(this.el)];case 1:t.sent();return[4,d()];case 2:t.sent();n=this.el.querySelector("#".concat(a.id));if(n){n.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,n;var t=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||t;if(t!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((n=this.activeMenuLinkItems.find((function(a){return a.active})))===null||n===void 0?void 0:n.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,i,r,l,o,b,c,u,v;var d=s.block("nav");var m=d.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return n(e,{id:this.navId,class:Object.assign({},d.class())},n("div",{class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?n("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(n){return a.metaBarEl=n}},n("bal-stack",{space:"auto"},this.linkItems.length>1?n("bal-tabs",{spaceless:true,inverted:true,context:"meta",value:this.activeMetaLinkValue,onBalChange:function(n){return a.onMetaBarTabChange(n)}},this.linkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):n("span",null),n("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?n("bal-nav-menu-bar",{position:"fixed-top",ref:function(n){return a.menuBarEl=n}},n("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),n("bal-tabs",{context:"navigation",accordion:true,spaceless:true,value:this.activeMenuLinkValue},(t=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(n.value)}})})))),this.isFlyoutActive?n("bal-nav-menu-flyout",{navId:this.navId},n("bal-nav-link",{role:"listitem",variant:"overview",href:(r=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||r===void 0?void 0:r.href,target:(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.target,onClick:function(){var n;return a.linkItemClickListener((n=a.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)}},(c=(b=this.activeMenuLinkItem)===null||b===void 0?void 0:b.overviewLink)===null||c===void 0?void 0:c.label," ",((v=(u=this.activeMenuLinkItem)===null||u===void 0?void 0:u.overviewLink)===null||v===void 0?void 0:v.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",n("div",null,n("slot",null))),this.isTouch?n("bal-nav-meta-bar",{variant:"white",size:"normal"},n("bal-stack",{space:"auto"},this.renderLogo(),n("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),n("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?S[this.language].close:S[this.language].open,onClick:function(n){return a.onTouchToggleFlyout(n)}})))):"",this.isTouch?n("div",{class:Object.assign(Object.assign({},m.class()),m.modifier("visible").class(this.isFlyoutActive))},n("nav",{class:Object.assign({},m.element("container").class())},n("ul",{class:Object.assign({},d.element("mobile-meta-list").class())},this.linkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?n("bal-nav-meta-bar",{variant:"grey",size:"normal"},n("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,i;if(!a){return""}return n("bal-nav-link-grid",null,n("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),n("bal-nav-link-grid-col",{"static-col":true},(i=a.serviceLinkItems)===null||i===void 0?void 0:i.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return n("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var i,e,r;return a.isLink?n("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):n("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},n("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),n("bal-list-item-accordion-body",null,n("div",{style:{width:"100%"}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(i=a.overviewLink)===null||i===void 0?void 0:i.href,target:(e=a.overviewLink)===null||e===void 0?void 0:e.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(r=a.overviewLink)===null||r===void 0?void 0:r.label),n("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,i,e,r,l,o;var s=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((i=this.logo)===null||i===void 0?void 0:i.clickable)?"button":"div";return n(s,{class:"bal-nav__logo","aria-label":(e=this.logo)===null||e===void 0?void 0:e.ariaLabel,title:(r=this.logo)===null||r===void 0?void 0:r.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(o=this.logo)===null||o===void 0?void 0:o.target,onClick:function(){var n,t;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(n=a.logo)===null||n===void 0?void 0:n.href,target:(t=a.logo)===null||t===void 0?void 0:t.target})}},n("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}());l([b("bal-nav"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null);l([p({tags:["bal-popup"],waitAfterFramePrint:true}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"mutationListener",null);l([f(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null);l([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],B.prototype,"configChanged",null);var V=0;B.style=P;var Y="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var E=Y;var T=a("bal_nav_link",function(){function a(a){t(this,a);this.variant="";this.selected=false;this.clickable=false;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link");var t=this,i=t.href,r=t.target;var l=i!==undefined&&i!=="";var o=this.variant!=="";var b=l?"a":this.clickable?"button":"span";var c={};if(l){c={href:i,target:r}}return n(e,{class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},n(b,Object.assign({"data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},c),n("slot",null)))};return a}());l([b("bal-nav-link"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],T.prototype,"createLogger",null);T.style=E;var G=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var U=G;var Z=a("bal_nav_link_grid",function(){function a(a){t(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid");return n(e,{class:Object.assign({},a.class())},n("slot",null))};return a}());l([b("bal-nav-link-grid"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],Z.prototype,"createLogger",null);Z.style=U;var D=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var H=D;var J=a("bal_nav_link_grid_col",function(){function a(a){t(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid-col");var t=a.element("inner");return n(e,{class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},n("div",{class:Object.assign({},t.class())},n("slot",null)))};return a}());l([b("bal-nav-link-grid-col"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],J.prototype,"createLogger",null);J.style=H;var K=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var Q=K;var R=a("bal_nav_link_group",function(){function a(a){t(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-group");var t=this.color!=="";return n(e,{class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},n("slot",null))};return a}());l([b("bal-nav-link-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],R.prototype,"createLogger",null);R.style=Q;var W=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var X=W;var $=a("bal_nav_menu_bar",function(){function a(a){t(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(aa++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=s.block("nav-menu-bar");var t=a.element("inner");return n(e,{id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},n("div",{class:Object.assign({},t.class())},n("div",{class:Object.assign({},a.element("container").class())},n("slot",null))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],$.prototype,"createLogger",null);var aa=0;$.style=X;var na=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var ta=na;var ia=a("bal_nav_menu_flyout",function(){function a(a){t(this,a);this.bodyScrollHandler=new u;this.isHidden=false;this.navId="bal-nav-x".concat(ea++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,n;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((n=this.el)===null||n===void 0?void 0:n.clientHeight)};a.prototype.render=function(){var a=s.block("nav-menu-flyout");var t=a.element("line");return n(e,{id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},n("div",{class:Object.assign({},t.class())}),n("div",{class:Object.assign({},a.element("container").class())},n("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-flyout"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ia.prototype,"createLogger",null);l([_(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],ia.prototype,"resizeListener",null);var ea=0;ia.style=ta;var ra=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var la=ra;var oa=a("bal_nav_meta_bar",function(){function a(a){t(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(sa++);this.previousY=0;this.isHidden=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(c.hasWindow&&c.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var n=0>=window.scrollY;var t=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!n&&(e||i||t);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=s.block("nav-meta-bar");return n(e,{id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet"))},n("div",{class:Object.assign({},a.element("container").class())},n("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-meta-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],oa.prototype,"createLogger",null);var sa=0;oa.style=la}}}));
|
|
1
|
+
var __extends=this&&this.__extends||function(){var a=function(n,t){a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))a[t]=n[t]};return a(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");a(n,t);function i(){this.constructor=n}n.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(a,n,t,i){function e(a){return a instanceof t?a:new t((function(n){n(a)}))}return new(t||(t=Promise))((function(t,r){function l(a){try{s(i.next(a))}catch(a){r(a)}}function o(a){try{s(i["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):e(a.value).then(l,o)}s((i=i.apply(a,n||[])).next())}))};var __generator=this&&this.__generator||function(a,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,e,r,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(a){return function(n){return s([a,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(i=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;e=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(a,t)}catch(a){o=[6,a];e=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-a1f6e944.system.js","./p-f19ea306.system.js","./p-8954495d.system.js","./p-b42e7d38.system.js","./p-bb6304d0.system.js","./p-a4dacc2d.system.js","./p-5aed56b2.system.js","./p-0177e3a0.system.js","./p-a01f3206.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-49899266.system.js"],(function(a){"use strict";var n,t,i,e,r,l,o,s,b,c,u,v,d,m,h,p,f,g,_;return{setters:[function(a){n=a.h;t=a.r;i=a.c;e=a.H;r=a.g},function(a){l=a._;o=a.a},function(a){s=a.B},function(a){b=a.L},function(a){c=a.b},function(a){u=a.B},function(a){v=a.w;d=a.d},function(a){m=a.b},function(a){h=a.d},function(a){p=a.L},function(a){f=a.L},function(a){g=a.L},function(a){_=a.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var k=function(){function a(a,n){var t=this;this.observer=n;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(w++);this.value=a.value||this.id;this.href=a.href;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(n){t.observer.linkItemClickListener(t);if(a.onClick){a.onClick(n)}};this.onAccordionClick=function(n){t.observer.accordionClickListener(t);if(a.onAccordionClick){a.onAccordionClick(n)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-links").class()),i.element("mobile-links").modifier("selected").class(this.active)),i.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return n("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var w=0;var x=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.linkItems=[];i.htmlTitle=n.htmlTitle;i.label=n.label;i.href=n.href;i.target=n.target;i.id="nav-section-link-item-".concat(y++);i.value=n.value||i.id;i.linkItems=(n.linkItems||[]).map((function(a){return new k(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},i.element("mobile-section-item").class()),i.element("mobile-section-item").modifier("selected").class(this.active)),i.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(k);var y=0;var j=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.color="grey";i.linkItems=[];i.id="nav-service-link-item-".concat(O++);i.value=n.value||i.id;i.color=n.color||"grey";i.linkItems=(n.linkItems||[]).map((function(a){return new k(a,t)}));return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},i.element("mobile-service-item").class()),i.element("mobile-service-item").modifier("color-".concat(this.color)).class()),i.element("mobile-service-item").modifier("selected").class(this.active)),i.element("mobile-service-item").modifier("clickable").class(this.clickable))},n("a",{id:this.id,href:this.href,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},i.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return n("bal-nav-link-group",{color:this.color,role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(k);var O=0;var z=function(a){var t=a.id,i=a.label,e=a.level,r=a.open,l=a.link,o=a.href,b=a.target,c=a.onClick;var u=s.block("nav");return l?n("a",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),href:o,target:b,onClick:function(a){return c(a)}},n("span",null,i)):n("button",{id:t,class:Object.assign({},u.element("mobile-".concat(e,"-item")).class()),onClick:function(a){return c(a)}},n("span",null,i),n("bal-icon",{name:"nav-go-down",size:"small",turn:r}))};var L=function(a){var t=a.item,i=a.isMenu,e=a.onClick,r=a.isVisible;var l=s.block("nav");if(!t){return""}return n("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!i)),l.element("mobile-overview-link").modifier("invisible").class(r===false)),href:t.href,target:t.target,onClick:function(a){return e(a)}},t.label," ",t.label?"➞":"")};var C=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.sectionLinkItems=[];i.serviceLinkItems=[];i.id="nav-menu-link-item-".concat(F++);i.value=n.value||i.id;i.sectionLinkItems=(n.sectionLinkItems||[]).map((function(a){return new x(a,t)}));i.serviceLinkItems=(n.serviceLinkItems||[]).map((function(a){return new j(a,t)}));i.overviewLink=n.overviewLink?new k(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=this.sectionLinkItems&&this.sectionLinkItems.length>0;var r=this.serviceLinkItems&&this.serviceLinkItems.length>0;var l=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:e||r?false:this.isLink,open:l,onClick:function(a){return t.onAccordionClick(a)}}),n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:l}),e?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-section-list").class()),i.element("mobile-section-list").modifier("invisible").class(l===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",r?n("ul",{class:Object.assign(Object.assign({},i.element("mobile-service-list").class()),i.element("mobile-service-list").modifier("invisible").class(l===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var i=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!i&&this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(n.detail)}}})};return t}(k);var F=0;var M=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.mainLinkItems=[];i.id="nav-meta-link-item-".concat(I++);i.value=n.value||i.id;i.mainLinkItems=(n.mainLinkItems||[]).map((function(a){return new C(a,t)}));i.overviewLink=n.overviewLink?new k(n.overviewLink,t):undefined;return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var i=s.block("nav");var e=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return n("li",null,n(z,{id:this.id,level:"meta",label:this.label,open:e,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),e?n(L,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",e?n("hr",{class:Object.assign(Object.assign({},i.element("line").class()),i.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?n("ul",{class:Object.assign({},i.element("mobile-menu-list").class())},this.mainLinkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",n("hr",{class:Object.assign({},i.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(k);var I=0;var N=function(a){__extends(t,a);function t(n,t){var i=a.call(this,n,t)||this;i.touchPlacement="top";i.id="nav-meta-button-".concat(A++);i.touchPlacement=n.touchPlacement||"top";i.value=n.value||i.id;i.icon=n.icon;i.popoverId=n.popupId;i.ariaLabel=n.ariaLabel;i.htmlTitle=n.htmlTitle;i.href=n.href||"";i.target=n.target||"_self";return i}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return n("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.label)}return n("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return n("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.label}},this.icon?"":this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return n("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.label},href:this.href,target:this.target},this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,aria:{title:this.htmlTitle,label:this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};t.prototype.resetTouchBottomMetaBar=function(){if(c.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(c.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(k);var A=0;var S={de:{open:"Menü öffnen",close:"Menü schliessen"},en:{open:"Open Menu",close:"Close Menu"},fr:{open:"Ouvrir le menu",close:"Fermer le menu"},it:{open:"Apri Menù",close:"Chiudi menù"},nl:{open:"Menu openen",close:"Menu sluiten"},es:{open:"Menú abierto",close:"Cerrar menú"},pl:{open:"Otwórz menu",close:"Zamknij menu"},pt:{open:"Menu aberto",close:"Fechar menu"},sv:{open:"Öppna menyn",close:"Stäng menyn"},fi:{open:"Avaa valikko",close:"Sulje valikko"}};var q="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var P=q;var B=a("bal_nav",function(){function a(a){var n=this;t(this,a);this.balNavItemClick=i(this,"balNavItemClick",7);this.navId="bal-nav-".concat(V++);this.bodyScrollHandler=new u;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(n){return new M(n,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.metaButtons=this.buttons.map((function(n){return new N(n,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){n.closeAllPopups();n.toggleFlyout();if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(n.isFlyoutActive){n.bodyScrollHandler.disable()}else{n.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(n.isTouch){if(c.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));n.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!n.isFlyoutActive){n.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==n.activeMetaLinkValue){n.activeMetaLinkValue=a.detail;var t=n.linkItems.find((function(a){return a.value===n.activeMetaLinkValue}));if(t&&t.mainLinkItems.length>0){n.activeMenuLinkValue=t.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(n.activeMenuLinkValue===a){n.toggleFlyout()}else{n.openFlyout()}n.activeMenuLinkValue=a};this.isTouch=m.isTouch;this.isDesktop=m.isDesktop;this.language=h.language;this.region=h.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var n=a.target;if(n&&n.nodeName==="BAL-POPUP"){var t=n.id;var i=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(t,'"]')));if(a.detail===true){this.onPopupOpen(i);var e=i.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(i)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var n,t,i,e,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(t=(n=this.metaBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-meta-bar__container"))===null||t===void 0?void 0:t.contains(a.target);o=(e=(i=this.menuBarEl)===null||i===void 0?void 0:i.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var n=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue}));if(n){return n.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var n=this.activeMenuLinkItems.find((function(n){return n.value===a.activeMenuLinkValue}));return n?n:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(t){switch(t.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,v(this.el)];case 1:t.sent();return[4,d()];case 2:t.sent();n=this.el.querySelector("#".concat(a.id));if(n){n.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,n;var t=this.activeMetaLinkValue;var i=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||t;if(t!==i){this.activeMetaLinkValue=i}var e=this.activeMenuLinkValue;var r=((n=this.activeMenuLinkItems.find((function(a){return a.active})))===null||n===void 0?void 0:n.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,i,r,l,o,b,c,u,v;var d=s.block("nav");var m=d.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return n(e,{id:this.navId,class:Object.assign({},d.class())},n("div",{class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?n("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(n){return a.metaBarEl=n}},n("bal-stack",{space:"auto"},this.linkItems.length>1?n("bal-tabs",{spaceless:true,inverted:true,context:"meta",value:this.activeMetaLinkValue,onBalChange:function(n){return a.onMetaBarTabChange(n)}},this.linkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):n("span",null),n("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?n("bal-nav-menu-bar",{position:"fixed-top",ref:function(n){return a.menuBarEl=n}},n("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),n("bal-tabs",{context:"navigation",accordion:true,spaceless:true,value:this.activeMenuLinkValue},(t=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(n.value)}})})))),this.isFlyoutActive?n("bal-nav-menu-flyout",{navId:this.navId},n("bal-nav-link",{role:"listitem",variant:"overview",href:(r=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||r===void 0?void 0:r.href,target:(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.target,onClick:function(){var n;return a.linkItemClickListener((n=a.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)}},(c=(b=this.activeMenuLinkItem)===null||b===void 0?void 0:b.overviewLink)===null||c===void 0?void 0:c.label," ",((v=(u=this.activeMenuLinkItem)===null||u===void 0?void 0:u.overviewLink)===null||v===void 0?void 0:v.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",n("div",null,n("slot",null))),this.isTouch?n("bal-nav-meta-bar",{variant:"white",size:"normal"},n("bal-stack",{space:"auto"},this.renderLogo(),n("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),n("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?S[this.language].close:S[this.language].open,onClick:function(n){return a.onTouchToggleFlyout(n)}})))):"",this.isTouch?n("div",{class:Object.assign(Object.assign({},m.class()),m.modifier("visible").class(this.isFlyoutActive))},n("nav",{class:Object.assign({},m.element("container").class())},n("ul",{class:Object.assign({},d.element("mobile-meta-list").class())},this.linkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?n("bal-nav-meta-bar",{variant:"grey",size:"normal"},n("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,i;if(!a){return""}return n("bal-nav-link-grid",null,n("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),n("bal-nav-link-grid-col",{"static-col":true},(i=a.serviceLinkItems)===null||i===void 0?void 0:i.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return n("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var i,e,r;return a.isLink?n("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):n("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},n("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),n("bal-list-item-accordion-body",null,n("div",{style:{width:"100%"}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(i=a.overviewLink)===null||i===void 0?void 0:i.href,target:(e=a.overviewLink)===null||e===void 0?void 0:e.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(r=a.overviewLink)===null||r===void 0?void 0:r.label),n("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,i,e,r,l,o;var s=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((i=this.logo)===null||i===void 0?void 0:i.clickable)?"button":"div";return n(s,{class:"bal-nav__logo","aria-label":(e=this.logo)===null||e===void 0?void 0:e.ariaLabel,title:(r=this.logo)===null||r===void 0?void 0:r.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(o=this.logo)===null||o===void 0?void 0:o.target,onClick:function(){var n,t;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(n=a.logo)===null||n===void 0?void 0:n.href,target:(t=a.logo)===null||t===void 0?void 0:t.target})}},n("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}());l([b("bal-nav"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],B.prototype,"createLogger",null);l([p({tags:["bal-popup"],waitAfterFramePrint:true}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],B.prototype,"mutationListener",null);l([f(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],B.prototype,"breakpointListener",null);l([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],B.prototype,"configChanged",null);var V=0;B.style=P;var Y="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var E=Y;var T=a("bal_nav_link",function(){function a(a){t(this,a);this.variant="";this.selected=false;this.clickable=false;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link");var t=this,i=t.href,r=t.target;var l=i!==undefined&&i!=="";var o=this.variant!=="";var b=l?"a":this.clickable?"button":"span";var c={};if(l){c={href:i,target:r}}return n(e,{class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(o))},n(b,Object.assign({"data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(o)),a.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},c),n("slot",null)))};return a}());l([b("bal-nav-link"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],T.prototype,"createLogger",null);T.style=E;var G=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var U=G;var Z=a("bal_nav_link_grid",function(){function a(a){t(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid");return n(e,{class:Object.assign({},a.class())},n("slot",null))};return a}());l([b("bal-nav-link-grid"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],Z.prototype,"createLogger",null);Z.style=U;var D=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var H=D;var J=a("bal_nav_link_grid_col",function(){function a(a){t(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid-col");var t=a.element("inner");return n(e,{class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},n("div",{class:Object.assign({},t.class())},n("slot",null)))};return a}());l([b("bal-nav-link-grid-col"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],J.prototype,"createLogger",null);J.style=H;var K=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var Q=K;var R=a("bal_nav_link_group",function(){function a(a){t(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-group");var t=this.color!=="";return n(e,{class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},n("slot",null))};return a}());l([b("bal-nav-link-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],R.prototype,"createLogger",null);R.style=Q;var W=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var X=W;var $=a("bal_nav_menu_bar",function(){function a(a){t(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(aa++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=s.block("nav-menu-bar");var t=a.element("inner");return n(e,{id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},n("div",{class:Object.assign({},t.class())},n("div",{class:Object.assign({},a.element("container").class())},n("slot",null))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],$.prototype,"createLogger",null);var aa=0;$.style=X;var na=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var ta=na;var ia=a("bal_nav_menu_flyout",function(){function a(a){t(this,a);this.bodyScrollHandler=new u;this.isHidden=false;this.navId="bal-nav-x".concat(ea++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,n;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((n=this.el)===null||n===void 0?void 0:n.clientHeight)};a.prototype.render=function(){var a=s.block("nav-menu-flyout");var t=a.element("line");return n(e,{id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},n("div",{class:Object.assign({},t.class())}),n("div",{class:Object.assign({},a.element("container").class())},n("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-nav-menu-flyout"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ia.prototype,"createLogger",null);l([_(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],ia.prototype,"resizeListener",null);var ea=0;ia.style=ta;var ra=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden;visibility:hidden}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var la=ra;var oa=a("bal_nav_meta_bar",function(){function a(a){t(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(sa++);this.previousY=0;this.isHidden=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(c.hasWindow&&c.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var n=0>=window.scrollY;var t=0>window.scrollY;var i=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!n&&(e||i||t);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=s.block("nav-meta-bar");return n(e,{id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet"))},n("div",{class:Object.assign({},a.element("container").class())},n("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([b("bal-meta-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],oa.prototype,"createLogger",null);var sa=0;oa.style=la}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-d7c752c6.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as m}from"./p-b77e3348.js";import{e as c,s as b,y as d,q as h,z as g,A as p,B as u}from"./p-4ae121b6.js";import{s as v}from"./p-de08fd27.js";import{F as f}from"./p-ca119357.js";import{l as k,j as x,r as _}from"./p-88f18fbc.js";import{d as y}from"./p-f385e205.js";import{L as w}from"./p-49fe011f.js";import{L as j}from"./p-92084992.js";import{L as O}from"./p-4f93ac4c.js";import{i as z}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-18fd198d.js";import"./p-96216bd1.js";import"./p-941f70cf.js";const L=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=y,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged()}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){let t;if(this.keyboardMode=f.includes(e.key),c(e)?(v(e),t=this.getSegmentItem("current"),this.value=t.value):b(e)||d(e)?(v(e),t=this.getSegmentItem("previous")):h(e)||g(e)?(v(e),t=this.getSegmentItem("next")):p(e)?(v(e),t=this.getSegmentItem("first")):u(e)&&(v(e),t=this.getSegmentItem("last")),!t)return;const i=this.checked;t!==i&&(this.checkButton(i,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){k((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:m}=this,c=l.block("segment");return a(s,{role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("invalid").class(e)),c.modifier("vertical").class(t)),c.modifier("scrollable").class(i)),c.modifier("keyboard").class(n)),c.modifier("disabled").class(m)),c.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([m("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],L.prototype,"createLogger",null),r([w(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],L.prototype,"focusInListener",null),r([w(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],L.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],L.prototype,"breakpointListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],L.prototype,"windowResizeListener",null),L.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let C=0;const F=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=C++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=y,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},z(this.el,["aria-label"]))}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(x(e,"balSelect",this.updateState),x(e,"balVertical",this.updateVertical)),k((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(_(e,"balSelect",this.updateState),_(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:m}=this,c=l.block("segment-item"),b=c.element("button"),d=c.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=m&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical").class(p)),c.modifier("disabled").class(g)),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("disabled").class(g)),b.modifier("focused").class(t)),b.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(e)),b.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{space:"x-small",layout:"horizontal"},a("bal-content",{space:"none"},a("bal-label",{htmlId:`bal-si-${this.internalId}-label`},n),a("span",{part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{onSlotchange:this.onSlottedItemsChange}))))),a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};F.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{L as bal_segment,F as bal_segment_item}
|
|
1
|
+
import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-d7c752c6.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as m}from"./p-b77e3348.js";import{e as c,s as b,y as d,q as h,z as g,A as p,B as u}from"./p-4ae121b6.js";import{s as v}from"./p-de08fd27.js";import{F as f}from"./p-ca119357.js";import{l as k,j as x,r as _}from"./p-88f18fbc.js";import{d as y}from"./p-f385e205.js";import{L as w}from"./p-49fe011f.js";import{L as j}from"./p-f2b5eda9.js";import{L as O}from"./p-2051115e.js";import{i as z}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-71ddeab5.js";import"./p-96216bd1.js";import"./p-1cc698ed.js";const L=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=y,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged()}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){let t;if(this.keyboardMode=f.includes(e.key),c(e)?(v(e),t=this.getSegmentItem("current"),this.value=t.value):b(e)||d(e)?(v(e),t=this.getSegmentItem("previous")):h(e)||g(e)?(v(e),t=this.getSegmentItem("next")):p(e)?(v(e),t=this.getSegmentItem("first")):u(e)&&(v(e),t=this.getSegmentItem("last")),!t)return;const i=this.checked;t!==i&&(this.checkButton(i,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){k((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:m}=this,c=l.block("segment");return a(s,{role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("invalid").class(e)),c.modifier("vertical").class(t)),c.modifier("scrollable").class(i)),c.modifier("keyboard").class(n)),c.modifier("disabled").class(m)),c.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([m("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],L.prototype,"createLogger",null),r([w(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],L.prototype,"focusInListener",null),r([w(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],L.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],L.prototype,"breakpointListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],L.prototype,"windowResizeListener",null),L.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let C=0;const F=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=C++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=y,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},z(this.el,["aria-label"]))}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(x(e,"balSelect",this.updateState),x(e,"balVertical",this.updateVertical)),k((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(_(e,"balSelect",this.updateState),_(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:m}=this,c=l.block("segment-item"),b=c.element("button"),d=c.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=m&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical").class(p)),c.modifier("disabled").class(g)),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("disabled").class(g)),b.modifier("focused").class(t)),b.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(e)),b.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{space:"x-small",layout:"horizontal"},a("bal-content",{space:"none"},a("bal-label",{htmlId:`bal-si-${this.internalId}-label`},n),a("span",{part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{onSlotchange:this.onSlottedItemsChange}))))),a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};F.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{L as bal_segment,F as bal_segment_item}
|
package/dist/baloise-design-system/{p-4c5ff3ff4d.system.entry.js → p-0cd8a7e648.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-8954495d.system.js","./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-8954495d.system.js","./p-b42e7d38.system.js","./p-5aed56b2.system.js","./p-d962489a.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-49899266.system.js"],(function(r){"use strict";var e,a,o,n,s,t,i,l,b,c,u;return{setters:[function(r){e=r.r;a=r.h;o=r.H;n=r.g},function(r){s=r._;t=r.a},function(r){i=r.B},function(r){l=r.l},function(r){b=r.b},function(r){c=r.L},function(r){u=r.L},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var g=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var p=g;var d=r("bal_progress_bar",function(){function r(r){e(this,r);this.animated=true;this.isTouch=b.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){l((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=i.block("progress-bar");var n=e.element("line");return a(o,{"aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},a("div",{class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("color-".concat(this.color)).class()),n.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return r}());s([c(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],d.prototype,"breakpointListener",null);s([u(),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],d.prototype,"windowResizeListener",null);d.style=p}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function e(){this.constructor=n}n.prototype=i===null?Object.create(i):(e.prototype=i.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{c(e.next(t))}catch(t){s(t)}}function o(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):r(t.value).then(u,o)}c((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return c([t,n])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(i=0)),i)try{if(e=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=n.call(t,i)}catch(t){o=[6,t];r=0}finally{e=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-a1f6e944.system.js","./p-bb6304d0.system.js"],(function(t){"use strict";var n,i,e;return{setters:[function(t){n=t.a},function(t){i=t.b},function(t){e=t.d}],execute:function(){var r=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var n=this;if(i.hasDocument){this.setupContainer();var e=this.findClone(t);if(e===undefined){var r=document.createElement(this.options.tag);Object.assign(r,t);r.addEventListener("balClose",(function(t){n.removeFromQueue(t.detail)}));this.preQueue.push(r);this.updateQueue();return r}return e}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r;return __generator(this,(function(s){switch(s.label){case 0:n=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!n)return[3,2];i=[];for(e=0;e<n.length;e++){r=n[e];if(r.close){i.push(r.close())}}return[4,Promise.all(i)];case 1:s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var n=0;n<this.queue.length;n++){var i=this.queue[n];if(i.message===t.message&&i.color===t.color){return i}}return undefined};t.prototype.setupContainer=function(){if(i.hasDocument){var t="".concat(this.options.tag,"-container");this.container=document.getElementById(t);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.id=t}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){var t;if(this.queue.length<this.queueLimit){var n=this.preQueue.shift();if(n&&this.container){this.queue.push(n);this.container.insertAdjacentElement("beforeend",n)}}if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}};t.prototype.removeFromQueue=function(t){var n=this;this.queue=this.queue.filter((function(n){return n.id!==t}));setTimeout((function(){return n.updateQueue()}),0)};return t}();var s=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-toast"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(r);t("B",s);var u=t("b",new s);var o=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-snackbar"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(r);t("a",o);var c=t("c",new o);var f="baloise-persist-config";var a=function(){function t(){this._componentObservers=[];this._observers=[];this._config=e}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var n=this._observers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var n=this._observers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(n,1)};t.prototype.attachComponent=function(t){var n=this._componentObservers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var n=this._componentObservers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(n,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var n=0,e=this._componentObservers;n<e.length;n++){var r=e[n];r.configChanged(this._config)}if(t){for(var s=0,u=this._observers;s<u.length;s++){var r=u[s];r.configChanged(this._config)}}if(i.hasWindow){b(window,this._config)}};return t}();var h=new a;var l=function(t){try{var n=t.sessionStorage.getItem(f);return n!==null?JSON.parse(n):{}}catch(t){return{}}};var b=function(t,n){try{t.sessionStorage.setItem(f,JSON.stringify(n))}catch(t){return}};var v=t("s",(function(t,n){if(t===void 0){t={}}if(n===void 0){n={}}if(Object.keys(n).length===0&&i.hasWindow){n=window}n.BaloiseDesignSystem=n.BaloiseDesignSystem||{};h.reset(Object.assign(Object.assign(Object.assign({},l(n)),t),{icons:Object.assign(Object.assign({},l(n).icons),t.icons)}));n.BaloiseDesignSystem.config=h}));var d="16.
|
|
1
|
+
var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function e(){this.constructor=n}n.prototype=i===null?Object.create(i):(e.prototype=i.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{c(e.next(t))}catch(t){s(t)}}function o(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):r(t.value).then(u,o)}c((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return c([t,n])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(i=0)),i)try{if(e=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=n.call(t,i)}catch(t){o=[6,t];r=0}finally{e=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-a1f6e944.system.js","./p-bb6304d0.system.js"],(function(t){"use strict";var n,i,e;return{setters:[function(t){n=t.a},function(t){i=t.b},function(t){e=t.d}],execute:function(){var r=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var n=this;if(i.hasDocument){this.setupContainer();var e=this.findClone(t);if(e===undefined){var r=document.createElement(this.options.tag);Object.assign(r,t);r.addEventListener("balClose",(function(t){n.removeFromQueue(t.detail)}));this.preQueue.push(r);this.updateQueue();return r}return e}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r;return __generator(this,(function(s){switch(s.label){case 0:n=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!n)return[3,2];i=[];for(e=0;e<n.length;e++){r=n[e];if(r.close){i.push(r.close())}}return[4,Promise.all(i)];case 1:s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var n=0;n<this.queue.length;n++){var i=this.queue[n];if(i.message===t.message&&i.color===t.color){return i}}return undefined};t.prototype.setupContainer=function(){if(i.hasDocument){var t="".concat(this.options.tag,"-container");this.container=document.getElementById(t);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.id=t}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){var t;if(this.queue.length<this.queueLimit){var n=this.preQueue.shift();if(n&&this.container){this.queue.push(n);this.container.insertAdjacentElement("beforeend",n)}}if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}};t.prototype.removeFromQueue=function(t){var n=this;this.queue=this.queue.filter((function(n){return n.id!==t}));setTimeout((function(){return n.updateQueue()}),0)};return t}();var s=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-toast"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(r);t("B",s);var u=t("b",new s);var o=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-snackbar"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(r);t("a",o);var c=t("c",new o);var f="baloise-persist-config";var a=function(){function t(){this._componentObservers=[];this._observers=[];this._config=e}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var n=this._observers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var n=this._observers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(n,1)};t.prototype.attachComponent=function(t){var n=this._componentObservers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var n=this._componentObservers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(n,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var n=0,e=this._componentObservers;n<e.length;n++){var r=e[n];r.configChanged(this._config)}if(t){for(var s=0,u=this._observers;s<u.length;s++){var r=u[s];r.configChanged(this._config)}}if(i.hasWindow){b(window,this._config)}};return t}();var h=new a;var l=function(t){try{var n=t.sessionStorage.getItem(f);return n!==null?JSON.parse(n):{}}catch(t){return{}}};var b=function(t,n){try{t.sessionStorage.setItem(f,JSON.stringify(n))}catch(t){return}};var v=t("s",(function(t,n){if(t===void 0){t={}}if(n===void 0){n={}}if(Object.keys(n).length===0&&i.hasWindow){n=window}n.BaloiseDesignSystem=n.BaloiseDesignSystem||{};h.reset(Object.assign(Object.assign(Object.assign({},l(n)),t),{icons:Object.assign(Object.assign({},l(n).icons),t.icons)}));n.BaloiseDesignSystem.config=h}));var d="16.6.0-nightly.20241017";var j=t("i",(function(t,e,r){if(t===void 0){t={}}if(e===void 0){e=undefined}if(r===void 0){r={}}if(Object.keys(r).length===0&&i.hasWindow){r=window}r.BaloiseDesignSystem=r.BaloiseDesignSystem||{};if(e){n(e)}v(Object.assign(Object.assign({},t),e),r);r.BaloiseDesignSystem.toastController=u;r.BaloiseDesignSystem.snackbarController=c;r.BaloiseDesignSystem.initialize=function(){return v(r.BaloiseDesignSystem.config,r)};r.BaloiseDesignSystem.version=d}))}}}));
|
package/dist/baloise-design-system/{p-ff40f6ac1e.system.entry.js → p-16262c76f1.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-
|
|
1
|
+
System.register(["./p-456fc561.system.js","./p-db0895e2.system.js","./p-49899266.system.js"],(function(e){"use strict";var a,t,r,s,i,c,n,d,o,h,b,f,l,v;return{setters:[function(e){a=e.r;t=e.h;r=e.H;s=e.g},function(e){i=e.B},function(e){c=e.f;n=e.g;d=e.h;o=e.i;h=e.j;b=e.k;f=e.l;l=e.m;v=e.n}],execute:function(){var p=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var H=p;var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.getHex=function(){var e;switch(t.color){case"green":e=v;break;case"green-light":e=l;break;case"red":e=f;break;case"red-light":e=b;break;case"purple":e=h;break;case"purple-light":e=o;break;case"yellow":e=d;break;case"yellow-light":e=n;break;default:e=c}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=i.block("shape");var a=[t("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),t("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),t("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return t(r,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());u.style=H}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n}from"./p-
|
|
1
|
+
import{a as n}from"./p-71ddeab5.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-f959646a.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.g}],execute:function(){var s=t("g",e)}}}));
|