@baloise/ds-core 19.10.0 → 19.10.2

package/components/bal-footer.js

@@ -62,6 +62,10 @@ const Footer = /*@__PURE__*/ proxyCustomElement(class Footer extends HTMLElement
          * PUBLIC PROPERTY API
          * ------------------------------------------------------
          */
+        /**
+         * Defines the brand of the logo. Default is 'baloise'.
+         */
+        this.logoBrand = '';
         /**
          * Image address for the logo.
          */
@@ -163,14 +167,14 @@ const Footer = /*@__PURE__*/ proxyCustomElement(class Footer extends HTMLElement
         const elWrapper = elLanguage.element('wrapper');
         const elLegalLinks = elLinksContainer.element('legal-links');
         const elSocialMediaLinks = elLinksContainer.element('social-media-links');
-        return (h(Host, { key: 'ca5dacc6c906754b6bb466c448be4f6bb5b38dff', class: Object.assign({}, block.class()) }, h("footer", { key: '8d42cfff788350c5e5ae26f86b613fcd5144085d', class: Object.assign({}, elInner.class()) }, h("div", { key: 'a60281af0dcf73da3901cb605b49d35b3bb3e6ed', class: Object.assign({}, elInnerWrapper.class()) }, h("div", { key: '857d35746558b5b0a5ec79562b3f2c0e30037141', class: Object.assign(Object.assign({ container: true }, elContainer.class()), elHeaderContainer.class()) }, h("div", { key: 'c1e5bae12ba5449888156244789fd79dbdc3a388', class: Object.assign({}, elLogo.class()) }, this.logoHref ? (h("img", { src: this.logoHref, alt: "Logo" })) : this.logoSvgContent ? (h("div", { innerHTML: this.logoSvgContent })) : (h("bal-logo", { color: "white" }))), h("div", { key: 'de3b93d01ad75facf4219df8954016095aa143ab', class: Object.assign({}, elLanguage.class()), style: {
+        return (h(Host, { key: '6bd3d00d3a9c21c021642d0230df48652b77f4f3', class: Object.assign({}, block.class()) }, h("footer", { key: 'd733f6c0999dd3c7edc243ad6b2885033a799a2d', class: Object.assign({}, elInner.class()) }, h("div", { key: '534190681c0a03d937a97c6bbf42ceb259b19b65', class: Object.assign({}, elInnerWrapper.class()) }, h("div", { key: 'ecd1443d1247a6dc6f665e9bee46c0e65f480834', class: Object.assign(Object.assign({ container: true }, elContainer.class()), elHeaderContainer.class()) }, h("div", { key: 'b269814c871048bcb2f74829aacf5bc3f1b8126a', class: Object.assign({}, elLogo.class()) }, this.logoHref ? (h("img", { src: this.logoHref, alt: "Logo" })) : this.logoSvgContent ? (h("div", { innerHTML: this.logoSvgContent })) : (h("bal-logo", { color: "white", brand: this.logoBrand }))), h("div", { key: 'e82027a051b670d3f46d04434ec5c545c1305685', class: Object.assign({}, elLanguage.class()), style: {
                 display: this.hideLanguageSelection || this.allowedLanguages.length <= 1 ? 'none' : 'flex',
-            } }, h("div", { key: '7be8f0588d5da5e436b72214c67542316d325481', class: Object.assign({}, elWrapper.class()) }, h("bal-icon", { key: '935dfaa39b97f40cd946ce8c8a0a0f421b3876b6', class: Object.assign({}, elWrapper.element('icon').class()), name: "web", color: "white" }), h("select", { key: 'd8408623006a257fa422b0789bc1e021461f1b1e', class: Object.assign({}, elWrapper.element('select').class()), onChange: event => this.changeLanguage(event.target.value), "data-testid": "bal-footer-language" }, this.allowedLanguages.map(language => (h("option", { key: language, value: language, selected: language === this.language }, language.toLocaleUpperCase() + ' - ' + i18nBalFooter[language].name))))))), h("div", { key: '422e8cae4fd1cd625afb3cc81bc7c0cfac99fe65', class: Object.assign({}, elSlot.class()) }, h("slot", { key: 'b7c73e907ffbe0b64eb4608143774bcf7c56ff30' })), h("div", { key: '7bc64923fe79674a26e96f263785abf96dba1af6', class: Object.assign(Object.assign({ container: true }, elContainer.class()), elLinksContainer.class()) }, h("div", { key: '5e5c86e58b3df89978657217ba145555786becfb', class: Object.assign({}, elSocialMediaLinks.class()), style: {
+            } }, h("div", { key: '677ebfbb197dd94b00ea9423b6b6d336da4e7607', class: Object.assign({}, elWrapper.class()) }, h("bal-icon", { key: 'ae78f51ba85d31118964f46cebaa22b128242770', class: Object.assign({}, elWrapper.element('icon').class()), name: "web", color: "white" }), h("select", { key: 'b7005259c452180b7ab524c170709e24c491fe48', class: Object.assign({}, elWrapper.element('select').class()), onChange: event => this.changeLanguage(event.target.value), "data-testid": "bal-footer-language" }, this.allowedLanguages.map(language => (h("option", { key: language, value: language, selected: language === this.language }, language.toLocaleUpperCase() + ' - ' + i18nBalFooter[language].name))))))), h("div", { key: '4932e1f77e323853f6cdf79eeec9ce17c3a29013', class: Object.assign({}, elSlot.class()) }, h("slot", { key: '34bc34665e839db9fc9297e87d57e9c71628b7ca' })), h("div", { key: '4fe0e4d3593f6c02b1474ea12e9fbfdf14f64b31', class: Object.assign(Object.assign({ container: true }, elContainer.class()), elLinksContainer.class()) }, h("div", { key: 'f5715190b8b6c8ffca9e68cb907d5cf1ab540593', class: Object.assign({}, elSocialMediaLinks.class()), style: {
                 display: !this.showSocialMedia ? 'none' : 'flex',
             } }, this.socialMediaLinks.map(link => (h("a", { key: link.link, href: link.link, target: "_blank", class: {
                 'link': true,
                 'is-inverted': true,
-            } }, h("bal-icon", { name: link.label.toLowerCase() }))))), h("div", { key: '610e34f952fd08cba92099a213371e45c5f7ebc6', class: Object.assign({}, elLegalLinks.class()), style: { display: this.hideLinks ? 'none' : 'flex' } }, this.links &&
+            } }, h("bal-icon", { name: link.label.toLowerCase() }))))), h("div", { key: '5f8c8ed98347ed6649e82a90e56325252e3827ae', class: Object.assign({}, elLegalLinks.class()), style: { display: this.hideLinks ? 'none' : 'flex' } }, this.links &&
             this.links.map(link => (h("a", { key: link.link, href: link.link, target: "_blank", class: {
                     'link': true,
                     'is-light': true,
@@ -181,6 +185,7 @@ const Footer = /*@__PURE__*/ proxyCustomElement(class Footer extends HTMLElement
     }; }
     static get style() { return balFooterCss; }
 }, [260, "bal-footer", {
+        "logoBrand": [1, "logo-brand"],
         "logoHref": [1, "logo-href"],
         "logoSvg": [1, "logo-svg"],
         "hideLinks": [4, "hide-links"],

package/components/bal-navbar-brand.js

@@ -60,10 +60,6 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
          * Link of the logo / title.
          */
         this.href = '';
-        /**
-         * If `true` the logo is rendered as a button
-         */
-        this.logoClickable = false;
         /**
          * Specifies where to display the linked URL.
          * Only applies when an `href` is provided.
@@ -78,6 +74,14 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
          * Size of the logo SVG
          */
         this.logoSize = '';
+        /**
+         * If `true` the logo is rendered as a button
+         */
+        this.logoClickable = false;
+        /**
+         * Defines the brand of the logo. Default is 'baloise'.
+         */
+        this.logoBrand = '';
         /**
          * Defines if the logo animation should be active
          */
@@ -150,9 +154,9 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
         const logoTemplate = this.logo ? (h("img", { class: Object.assign(Object.assign({}, navbarBrandEl.element('logo').class()), navbarBrandEl
                 .element('logo')
                 .modifier('small')
-                .class(this.logoSize === 'small')), src: this.logo, alt: "Logo" })) : (h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize }));
+                .class(this.logoSize === 'small')), src: this.logo, alt: "Logo" })) : (h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize, brand: this.logoBrand }));
         const logoLabel = this.logoLabel ? this.logoLabel : i18nBalNavbarBrand[this.language].logoButtonLabel;
-        return (h(Host, { key: 'a15da2fb97dbef0b32324709d548fe38af7fa84b', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: '9c70804fe300d6f0b17bee14bb356078db7b587d', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '53e5729ff4823597e8407a0f7dbacc86696d34aa' })), h("bal-button", { key: '5b0d8585d122add66365aef3f9f0a6f27e72212f', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (h(Host, { key: '02dacb29a014d982179de76a8ee38388fc7bf823', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: 'd5f5fa13503626a152677b76e7428e26f14e20bf', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '9ab977f785528041cdada4be9053ed0bac94bbfa' })), h("bal-button", { key: 'e01198f5f64dd170d13492881fd48d4132558eec', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
                 .element('burger')
                 .modifier('hidden')
                 .class(this.interface === 'simple')), color: "light", inverted: true, square: true, icon: this.isMenuActive ? 'close' : 'menu-bars', onClick: () => this.onClick() })));
@@ -161,12 +165,13 @@ const NavbarBrand = /*@__PURE__*/ proxyCustomElement(class NavbarBrand extends H
 }, [260, "bal-navbar-brand", {
         "href": [1],
         "rel": [1],
-        "logoClickable": [4, "logo-clickable"],
-        "logoLabel": [1, "logo-label"],
         "target": [1],
         "simple": [4],
         "logo": [1],
         "logoSize": [1, "logo-size"],
+        "logoClickable": [4, "logo-clickable"],
+        "logoBrand": [1, "logo-brand"],
+        "logoLabel": [1, "logo-label"],
         "animated": [4],
         "interface": [1],
         "language": [32],

package/components/index.js

@@ -477,7 +477,7 @@ const tags = [
 ];
 
 // generated by .build/version.js
-const VERSION = '19.10.0';
+const VERSION = '19.10.2';
 
 const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
     if (Object.keys(win).length === 0 && balBrowser.hasWindow) {