@baloise/ds-core 19.10.1 → 19.10.2

package/dist/html.html-data.json

@@ -2572,6 +2572,18 @@
           "name": "hide-links",
           "description": "If `true` the legal Baloise links will be hidden."
         },
+        {
+          "name": "logo-brand",
+          "description": "Defines the brand of the logo. Default is 'baloise'.",
+          "values": [
+            {
+              "name": "baloise"
+            },
+            {
+              "name": "helvetia"
+            }
+          ]
+        },
         {
           "name": "logo-href",
           "description": "Image address for the logo."
@@ -4792,6 +4804,18 @@
           "name": "logo",
           "description": "Src to display a logo -> replaces the default Baloise Logo"
         },
+        {
+          "name": "logo-brand",
+          "description": "Defines the brand of the logo. Default is 'baloise'.",
+          "values": [
+            {
+              "name": "baloise"
+            },
+            {
+              "name": "helvetia"
+            }
+          ]
+        },
         {
           "name": "logo-clickable",
           "description": "If `true` the logo is rendered as a button"

package/dist/types/components/bal-footer/bal-footer.d.ts

@@ -14,6 +14,10 @@ export declare class Footer implements BalConfigObserver, Loggable {
      * PUBLIC PROPERTY API
      * ------------------------------------------------------
      */
+    /**
+     * Defines the brand of the logo. Default is 'baloise'.
+     */
+    logoBrand: BalProps.BalLogoBrand;
     /**
      * Image address for the logo.
      */

package/dist/types/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.d.ts

@@ -15,14 +15,6 @@ export declare class NavbarBrand {
      * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
      */
     rel: string | undefined;
-    /**
-     * If `true` the logo is rendered as a button
-     */
-    logoClickable: boolean;
-    /**
-     * Defines the label of the logo
-     */
-    logoLabel?: string;
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.
@@ -41,6 +33,18 @@ export declare class NavbarBrand {
      * Size of the logo SVG
      */
     logoSize: BalProps.BalLogoSize;
+    /**
+     * If `true` the logo is rendered as a button
+     */
+    logoClickable: boolean;
+    /**
+     * Defines the brand of the logo. Default is 'baloise'.
+     */
+    logoBrand: BalProps.BalLogoBrand;
+    /**
+     * Defines the label of the logo
+     */
+    logoLabel?: string;
     /**
      * Defines if the logo animation should be active
      */

package/dist/types/components.d.ts

@@ -1518,6 +1518,11 @@ export namespace Components {
           * @default false
          */
         "hideLinks": boolean;
+        /**
+          * Defines the brand of the logo. Default is 'baloise'.
+          * @default ''
+         */
+        "logoBrand": BalProps.BalLogoBrand;
         /**
           * Image address for the logo.
           * @default ''
@@ -2551,6 +2556,11 @@ export namespace Components {
           * Src to display a logo -> replaces the default Baloise Logo
          */
         "logo"?: string;
+        /**
+          * Defines the brand of the logo. Default is 'baloise'.
+          * @default ''
+         */
+        "logoBrand": BalProps.BalLogoBrand;
         /**
           * If `true` the logo is rendered as a button
           * @default false
@@ -7483,6 +7493,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "hideLinks"?: boolean;
+        /**
+          * Defines the brand of the logo. Default is 'baloise'.
+          * @default ''
+         */
+        "logoBrand"?: BalProps.BalLogoBrand;
         /**
           * Image address for the logo.
           * @default ''
@@ -8507,6 +8522,11 @@ declare namespace LocalJSX {
           * Src to display a logo -> replaces the default Baloise Logo
          */
         "logo"?: string;
+        /**
+          * Defines the brand of the logo. Default is 'baloise'.
+          * @default ''
+         */
+        "logoBrand"?: BalProps.BalLogoBrand;
         /**
           * If `true` the logo is rendered as a button
           * @default false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "19.10.1",
+  "version": "19.10.2",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -25,8 +25,8 @@
     "loader/"
   ],
   "dependencies": {
-    "@baloise/ds-styles": "19.10.1",
-    "@baloise/ds-icons": "19.10.1",
+    "@baloise/ds-styles": "19.10.2",
+    "@baloise/ds-icons": "19.10.2",
     "@baloise/web-app-utils": "3.15.0",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -50,9 +50,9 @@
   "devDependencies": {
     "@baloise/output-target-angular": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-maps": "19.10.1",
-    "@baloise/ds-brand-icons": "19.10.1",
-    "@baloise/ds-favicons": "19.10.1",
+    "@baloise/ds-maps": "19.10.2",
+    "@baloise/ds-brand-icons": "19.10.2",
+    "@baloise/ds-favicons": "19.10.2",
     "compression": "~1.8.1",
     "express": "~4.22.1",
     "serve-index": "~1.9.1"

package/dist/baloise-design-system/p-429bb32975.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as r}from"./p-BdVwMG9u.js";import{_ as o,a as t}from"./p-dfXERft2.js";import{l as n,a as i,L as l}from"./p-S5-HQnxq.js";import{B as s}from"./p-ByiN-QjD.js";import{r as _}from"./p-Ba5qjFjW.js";import{L as c}from"./p-D7ovid3w.js";import{s as p}from"./p-BTgSDGRr.js";import{e as b}from"./p-D7M-7v58.js";import{d as f}from"./p-CBkFUwrD.js";import{L as d}from"./p-B-L34nz8.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-Cj6DXhmQ.js";import"./p-CbvOgU0G.js";import"./p-B1u-Mq75.js";const g={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}},m=class{constructor(a){e(this,a),this.logoSvgContent="",this.links=[],this.socialMediaLinks=[],this.language=f.language,this.region=f.region,this.allowedLanguages=f.allowedLanguages,this.logoHref="",this.logoSvg="",this.hideLinks=!1,this.overrideLinks=void 0,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}logoSvgChanged(){this.logoSvgContent=p(this.logoSvg)}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks(),this.logoSvgChanged()}async configChanged(e){this.language===e.language&&this.region===e.region||(this.language=e.language,this.region=e.region,this.allowedLanguages=e.allowedLanguages,this.updateFooterLinks(),this.updateSocialMediaLinks())}changeLanguage(e){b(e)}updateFooterLinks(){if(this.overrideLinks)this.links=this.overrideLinks;else if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;_((()=>{n(new l(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;_((()=>{i(new l(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=s.block("footer"),o=e.element("slot"),t=e.element("inner"),n=t.element("wrapper"),i=n.element("container"),l=n.element("links-container"),_=n.element("header-container"),c=_.element("logo"),p=_.element("language"),b=p.element("wrapper"),f=l.element("legal-links"),d=l.element("social-media-links");return a(r,{key:"ca5dacc6c906754b6bb466c448be4f6bb5b38dff",class:Object.assign({},e.class())},a("footer",{key:"8d42cfff788350c5e5ae26f86b613fcd5144085d",class:Object.assign({},t.class())},a("div",{key:"a60281af0dcf73da3901cb605b49d35b3bb3e6ed",class:Object.assign({},n.class())},a("div",{key:"857d35746558b5b0a5ec79562b3f2c0e30037141",class:Object.assign(Object.assign({container:!0},i.class()),_.class())},a("div",{key:"c1e5bae12ba5449888156244789fd79dbdc3a388",class:Object.assign({},c.class())},this.logoHref?a("img",{src:this.logoHref,alt:"Logo"}):this.logoSvgContent?a("div",{innerHTML:this.logoSvgContent}):a("bal-logo",{color:"white"})),a("div",{key:"de3b93d01ad75facf4219df8954016095aa143ab",class:Object.assign({},p.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{key:"7be8f0588d5da5e436b72214c67542316d325481",class:Object.assign({},b.class())},a("bal-icon",{key:"935dfaa39b97f40cd946ce8c8a0a0f421b3876b6",class:Object.assign({},b.element("icon").class()),name:"web",color:"white"}),a("select",{key:"d8408623006a257fa422b0789bc1e021461f1b1e",class:Object.assign({},b.element("select").class()),onChange:e=>this.changeLanguage(e.target.value),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("option",{key:e,value:e,selected:e===this.language},e.toLocaleUpperCase()+" - "+g[e].name))))))),a("div",{key:"422e8cae4fd1cd625afb3cc81bc7c0cfac99fe65",class:Object.assign({},o.class())},a("slot",{key:"b7c73e907ffbe0b64eb4608143774bcf7c56ff30"})),a("div",{key:"7bc64923fe79674a26e96f263785abf96dba1af6",class:Object.assign(Object.assign({container:!0},i.class()),l.class())},a("div",{key:"5e5c86e58b3df89978657217ba145555786becfb",class:Object.assign({},d.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},a("bal-icon",{name:e.label.toLowerCase()}))))),a("div",{key:"610e34f952fd08cba92099a213371e45c5f7ebc6",class:Object.assign({},f.class()),style:{display:this.hideLinks?"none":"flex"}},this.links&&this.links.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}static get watchers(){return{logoSvg:["logoSvgChanged"]}}};o([c("bal-footer"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],m.prototype,"createLogger",null),o([d(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],m.prototype,"configChanged",null),m.style=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-active:var(--bal-color-light-blue-3);--bal-footer-logo-image-max-height:64px}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper svg,.bal-footer__inner__wrapper__header-container__language__wrapper g,.bal-footer__inner__wrapper__header-container__language__wrapper path,.bal-footer__inner__wrapper__header-container__language__wrapper circle{fill:var(--bal-footer-language-background) !important}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-footer-language-color);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__logo img{max-height:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__header-container__logo div{height:var(--bal-footer-logo-image-max-height);min-width:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";export{m as bal_footer}

package/dist/baloise-design-system/p-Bo8qDNOG.system.js

@@ -1 +0,0 @@
-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 s(){this.constructor=n}n.prototype=i===null?Object.create(i):(s.prototype=i.prototype,new s)}}();System.register(["./p-CFjc7N6P.system.js","./p-DDPYMMGG.system.js","./p-D7_eHNTI.system.js"],(function(t){"use strict";var n,i,s;return{setters:[function(t){n=t.B},function(t){i=t.a},function(t){s=t.b}],execute:function(){t("L",r);var e=function(t){__extends(i,t);function i(){var i=t.call(this,(function(t,n){t.windowResizeListener()}))||this;i.listener=new n;return i}i.prototype.attach=function(n){var i=this;t.prototype.attach.call(this,n);if(s.hasWindow){this.listener.connect(window);this.listener.add((function(){return t.prototype.notify.call(i)}))}};i.prototype.detach=function(){t.prototype.detach.call(this);this.listener.disconnect()};return i}(i);new e;function r(){return function(t,n,i){var s=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){if(!this._balWindowResizeSubject){this._balWindowResizeSubject=new e;this._balWindowResizeSubject.attach(this)}return s&&s.call(this)};t.disconnectedCallback=function(){if(this._balWindowResizeSubject){this._balWindowResizeSubject.detach();this._balWindowResizeSubject=undefined}return r&&r.call(this)}}}}}}));

package/dist/esm-es5/breakpoints.decorator-BvzrUw7f.js

@@ -1 +0,0 @@
-import{a as balBreakpointSubject}from"./breakpoints.subject-BugBexTF.js";function ListenToBreakpoints(){return function(t,n,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};