@baloise/ds-core 18.1.0 → 18.2.0

package/dist/html.html-data.json

@@ -3935,6 +3935,10 @@
           "name": "href",
           "description": "Specifies the URL of the page the link goes to"
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "selected",
           "description": "If `true` the list item has a selected theme"
@@ -4711,6 +4715,10 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "simple",
           "description": ""
@@ -6590,6 +6598,10 @@
           "name": "inverted",
           "description": "If `true` the color gets inverted for dark backgrounds"
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "shadow",
           "description": "If `true` adds a text shadow to improve readability on image background"
@@ -6706,6 +6718,10 @@
           "name": "prevent",
           "description": "Tell's if the linking is done by a router."
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.",

package/dist/types/components/bal-list/bal-list-item/bal-list-item.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { AccordionState } from '../../../interfaces';
 import { BalConfigObserver, BalConfigState } from '../../../utils/config';
 import { Loggable, LogInstance } from '../../../utils/log';
-import { AccordionState } from '../../../interfaces';
 export declare class ListItem implements ComponentInterface, BalConfigObserver, Loggable {
     static selectors: {
         accordionHead: string;
@@ -43,6 +43,11 @@ export declare class ListItem implements ComponentInterface, BalConfigObserver,
      * Specifies the URL of the page the link goes to
      */
     href: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * Specifies where to open the linked document
      */

package/dist/types/components/bal-nav/bal-nav.interfaces.d.ts

@@ -42,6 +42,7 @@ declare namespace BalProps {
         htmlTitle?: string;
         ariaLabel?: string;
         href?: string;
+        rel?: string;
         target?: BalProps.BalButtonTarget;
         clickable?: boolean;
         data?: any;
@@ -58,6 +59,7 @@ declare namespace BalEvents {
         label: string;
         value?: string;
         href?: string;
+        rel?: string;
         data?: any;
         target?: BalProps.BalButtonTarget;
     }

package/dist/types/components/bal-nav/components/accordion-button.d.ts

@@ -6,6 +6,7 @@ export interface AccordionButtonProps {
     open: boolean;
     link: boolean;
     href?: string;
+    rel?: string;
     target?: string;
     onClick: (ev: MouseEvent) => void;
 }

package/dist/types/components/bal-nav/models/bal-nav-link-item.d.ts

@@ -8,6 +8,7 @@ export declare class NavLinkItem implements BalProps.BalNavLinkItem {
     active: boolean;
     data: any;
     href?: string;
+    rel?: string;
     target?: BalProps.BalButtonTarget;
     onClick: (ev: MouseEvent) => void;
     onAccordionClick: (ev: MouseEvent) => void;

package/dist/types/components/bal-nav/models/bal-nav-section-link-item.d.ts

@@ -1,5 +1,5 @@
-import { NavLinkItem } from './bal-nav-link-item';
 import { NavLinkItemObserver } from '../bal-nav.types';
+import { NavLinkItem } from './bal-nav-link-item';
 export declare class NavSectionLinkItem extends NavLinkItem implements BalProps.BalNavSectionLinkItem {
     linkItems: NavLinkItem[];
     htmlTitle: string | undefined;

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

@@ -9,6 +9,11 @@ export declare class NavbarBrand {
      * Link of the logo / title.
      */
     href?: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * 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
      */

package/dist/types/components/bal-stage/bal-stage-back-link/bal-stage-back-link.d.ts

@@ -5,6 +5,11 @@ export declare class StageBackLink implements ComponentInterface {
      * Specifies the URL of the page the link goes to
      */
     href: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * 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` adds a text shadow to improve readability on image background
      * */

package/dist/types/components/bal-steps/bal-step-item/bal-step-item.d.ts

@@ -21,6 +21,11 @@ export declare class StepItem {
      * Link to path.
      */
     href: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.
@@ -63,6 +68,7 @@ export declare class StepItem {
         value: string;
         label: string;
         href: string;
+        rel: string;
         target: BalProps.BalButtonTarget;
         active: boolean;
         disabled: boolean;

package/dist/types/components/bal-steps/bal-step.type.d.ts

@@ -4,6 +4,7 @@ export interface BalStepOption {
     value: string;
     label: string;
     href: string;
+    rel?: string;
     target: BalProps.BalButtonTarget;
     active: boolean;
     disabled: boolean;

package/dist/types/components.d.ts

@@ -1776,6 +1776,10 @@ export namespace Components {
           * Opens the accordion
          */
         "present": () => Promise<void>;
+        /**
+          * Specifies the relationship of the target object to the link object. 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 list item has a selected theme
          */
@@ -2045,6 +2049,10 @@ export namespace Components {
           * Size of the logo SVG
          */
         "logoSize": BalProps.BalLogoSize;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * @deprecated Use interface on bal-navbar instead. If `true` the navbar does not have a mobil version. Only shows logo and an app title.
          */
@@ -3022,6 +3030,10 @@ export namespace Components {
           * If `true` the color gets inverted for dark backgrounds
          */
         "inverted": boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. 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` adds a text shadow to improve readability on image background
          */
@@ -3080,6 +3092,10 @@ export namespace Components {
           * Tell's if the linking is done by a router.
          */
         "prevent": boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * Sets the tab active.
          */
@@ -6902,6 +6918,10 @@ declare namespace LocalJSX {
           * Emitted before the animation starts
          */
         "onBalWillAnimate"?: (event: BalListItemCustomEvent<BalEvents.BalListItemWillAnimateDetail>) => void;
+        /**
+          * Specifies the relationship of the target object to the link object. 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 list item has a selected theme
          */
@@ -7175,6 +7195,10 @@ declare namespace LocalJSX {
           * Emitted before the animation starts
          */
         "onBalWillAnimate"?: (event: BalNavbarBrandCustomEvent<BalEvents.BalNavbarMenuWillAnimateDetail>) => void;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * @deprecated Use interface on bal-navbar instead. If `true` the navbar does not have a mobil version. Only shows logo and an app title.
          */
@@ -8077,6 +8101,10 @@ declare namespace LocalJSX {
           * If `true` the color gets inverted for dark backgrounds
          */
         "inverted"?: boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. 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` adds a text shadow to improve readability on image background
          */
@@ -8135,6 +8163,10 @@ declare namespace LocalJSX {
           * Tell's if the linking is done by a router.
          */
         "prevent"?: boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "18.1.0",
+  "version": "18.2.0",
   "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",
@@ -28,8 +28,8 @@
     "test:ui": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "18.1.0",
-    "@baloise/ds-icons": "18.1.0",
+    "@baloise/ds-styles": "18.2.0",
+    "@baloise/ds-icons": "18.2.0",
     "@baloise/web-app-utils": "3.15.0",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -53,9 +53,9 @@
     "@baloise/output-target-angular": "0.0.0",
     "@baloise/output-target-react": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-maps": "18.1.0",
-    "@baloise/ds-brand-icons": "18.1.0",
-    "@baloise/ds-favicons": "18.1.0"
+    "@baloise/ds-maps": "18.2.0",
+    "@baloise/ds-brand-icons": "18.2.0",
+    "@baloise/ds-favicons": "18.2.0"
   },
   "sideEffects": false
 }

package/dist/baloise-design-system/p-2f46adf2d0.entry.js

@@ -1 +0,0 @@
-import{h as e,r as t,c as a,H as s,g as o}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{p as i}from"./p-a255c9b3.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-79f6f58b.js";import{n as _}from"./p-06ecf846.js";import{b as d}from"./p-cc6d9a72.js";import{L as v}from"./p-4cac86d6.js";import{L as m}from"./p-fa2fc18e.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e97f3e9b.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+y++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.store=[],this.isMobile=d.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,l=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(l+=1),Object.assign(Object.assign({},e),{passed:o,index:l}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};l([n("bal-steps"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null),l([v({tags:["bal-steps","bal-step-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"mutationListener",null),l([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}

package/dist/baloise-design-system/p-36d8ef03de.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as o,g as s}from"./p-2ccbe55a.js";import{_ as l,a}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{a as n}from"./p-8f2e9a7f.js";import{a as c}from"./p-00b37ea2.js";import{B as h}from"./p-ae86d0a0.js";import{d as b}from"./p-5eb3fbb9.js";import{s as d}from"./p-79f6f58b.js";import{n as p,d as u,h as m,j as f,k as v}from"./p-a255c9b3.js";import{L as g}from"./p-b77e3348.js";import{r as _,p as y,l as k,g as x,i as w,s as j,a as O,f as C,b as T,v as L}from"./p-c0c91eb1.js";import{d as z,i as F,a as A,b as B,c as M,k as I}from"./p-dc98854c.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const P=!0,V=!1,D=class{constructor(i){t(this,i),this.balChange=e(this,"balChange",7),this.balInputClick=e(this,"balInputClick",7),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balFocus=e(this,"balFocus",7),this.balCancel=e(this,"balCancel",7),this.balKeyPress=e(this,"balKeyPress",7),this.didInit=!1,this.inputId="bal-select-"+E++,this.initialValue=[],this.removeValue=t=>{this.disabled||(this.updateRawValue(_(this.rawValue,t),P),this.multiple&&this.typeahead&&this.setFocus(),this.fireBlur())},this.fireBlur=(t=new CustomEvent("blur"))=>{this.isPopoverOpen||this.hasFocus||p((()=>this.balBlur.emit(t)))},this.handleClick=t=>{(this.disabled||this.readonly)&&y(t)},this.handlePopoverChange=t=>{t.stopPropagation(),this.isPopoverOpen!==t.detail&&(this.isPopoverOpen=t.detail,this.isPopoverOpen?this.updateFocus():(this.focusIndex=0,this.multiple&&this.typeahead&&this.updateInputValue(""),this.fireBlur(t)))},this.handleInputBlur=t=>{y(t);const e=t.relatedTarget;(null===e||e&&e.nodeName&&("BAL-MODAL"===e.nodeName||"INPUT"===e.nodeName||"BUTTON"===e.nodeName))&&this.validateAfterBlur(P),this.hasFocus=!1,this.fireBlur(t)},this.handleInputFocus=t=>{this.balFocus.emit(t),this.hasFocus=!0},this.handleInputClick=async(t,e=!1)=>{var i,o,s,l;d(t),this.isChipClicked(t)||(this.disabled||this.readonly?y(t):(this.focusIndex=0,this.balInputClick.emit(t),this.typeahead?this.isPopoverOpen&&e?await(null===(i=this.popoverElement)||void 0===i?void 0:i.dismiss()):await(null===(o=this.popoverElement)||void 0===o?void 0:o.present()):this.isPopoverOpen?await(null===(s=this.popoverElement)||void 0===s?void 0:s.dismiss()):await(null===(l=this.popoverElement)||void 0===l?void 0:l.present())))},this.handleKeyPress=async t=>{!this.isPopoverOpen&&z(t)&&(y(t),await this.open()),this.balKeyPress.emit(t)},this.handleInputChange=t=>{this.disabled||this.readonly||(this.inputValue=t.target.value)},this.handleInput=async t=>{this.disabled||this.readonly||(this.inputValue=t.target.value,this.isPopoverOpen||this.popoverElement.present(),this.focusIndex=0,this.updateFocus(),y(t),this.balInput.emit(this.inputValue))},this.handleOptionMouseEnter=t=>{this.focusIndex=t},this.hasFocus=!1,this.inputValue="",this.focusIndex=-1,this.isPopoverOpen=!1,this.options=new Map,this.labelToScrollTo="",this.labelToSelectTo="",this.ariaForm=b,this.name=this.inputId,this.invalid=!1,this.filter="includes",this.balTabindex=0,this.freeSolo=!1,this.multiple=!1,this.maxLength=void 0,this.noDataLabel=void 0,this.autocomplete="off",this.typeahead=!1,this.selectionOptional=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.inverted=!1,this.placeholder=void 0,this.scrollable=250,this.loading=!1,this.remote=!1,this.autoInvalidOff=!1,this.value=[],this.rawValue=[]}createLogger(t){this.log=t}valueWatcher(){this.syncRawValue(!1)}updateRawValue(t,e=!0){c(t,this.rawValue||[])||(this.rawValue=[...t],this.syncNativeInput(),this.didInit&&!0===e&&(this.multiple?r(this.rawValue)?this.emitChangeEvent([]):this.emitChangeEvent([...this.rawValue]):r(this.rawValue)||0===k(this.rawValue)?this.emitChangeEvent(void 0):this.emitChangeEvent(this.rawValue[0])))}emitChangeEvent(t){this.balChange.emit(t)}connectedCallback(){const t=v((()=>this.updateOptions()),0);this.initialValue=this.value,t(),this.mutationO=(e=>{if("undefined"==typeof MutationObserver)return;const i=new MutationObserver((e=>{(e=e.filter((t=>t.target.nodeName==="bal-select-option".toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()))).length>0&&t()}));return i.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),i})(this.el)}componentWillLoad(){if(this.waitForOptionsAndThenUpdateRawValues(),this.isInsideOfFooter(),!r(this.rawValue)&&this.options.size>0&&1===k(this.rawValue)){const t=this.options.get(this.rawValue[0]);r(t)||(this.inputValue=t.label)}}componentDidLoad(){this.syncRawValue(!1),this.multiple||(this.inputElement.value=this.inputValue),this.didInit=!0}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&y(t)}resetHandler(t){const e=t.target;(null==e?void 0:e.contains(this.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.value=this.initialValue,this.syncRawValue(!1),this.syncNativeInput(),this.nativeSelectEl&&Array.from(this.nativeSelectEl.options).forEach((t=>t.selected=!0))}),0))}async handleKeyDown(t){if(this.isPopoverOpen){if((F(t)||A(t))&&(y(t),this.navigateWithArrowKey(t),this.updateFocus()),B(t)&&(y(t),this.selectedFocusedOption()),M(t)&&this.cancel(),I(t)&&this.typeahead&&this.multiple&&""===this.inputElement.value&&k(this.rawValue)>0){const t=x(this.rawValue);this.removeValue(t[k(this.rawValue)-1])}this.typeahead||1!==t.key.length||this.focusOptionByLabel(t.key),z(t)&&!this.typeahead&&y(t)}else this.hasFocus&&((F(t)||A(t))&&(y(t),await this.open()),this.typeahead||1!==t.key.length||this.selectOptionByLabel(t.key))}async setFocus(){this.inputElement&&!this.disabled&&(await u(),this.inputElement.focus())}async getValue(){return this.rawValue}async clear(){this.focusIndex=0,this.inputElement&&(this.updateInputValue(""),this.updateRawValue([],P),this.value=this.multiple?[]:"")}async open(){this.disabled||this.readonly||r(this.popoverElement)||await this.popoverElement.present()}async close(){this.disabled||this.readonly||r(this.popoverElement)||this.blurSelect()}async cancel(){this.labelToScrollTo="",this.close(),this.scrollTo(0),this.balCancel.emit()}async select(t){const e=this.options.get(t);r(e)||this.optionSelected(e)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}async waitForOptionsAndThenUpdateRawValues(){clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer),await m(this.el),this.options.size>0?this.remote||this.syncRawValue(V):this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((()=>this.waitForOptionsAndThenUpdateRawValues()),10)}async updateOptions(){const t=this.getChildOpts(),e=new Map;for(let i=0;i<t.length;i++){const o=t[i];e.set(o.value,{value:o.value,label:o.label,disabled:o.disabled,id:o.for,textContent:o.textContent,innerHTML:o.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue))for(let t=0;t<this.rawValue.length;t++){const i=this.rawValue[t];if(!e.has(i)){const t=_(this.rawValue,i);this.updateRawValue(t,V)}}this.options=new Map(e),this.typeahead||await this.syncNativeInput(),this.didInit&&!this.remote&&this.validateAfterBlur()}get optionArray(){const t=Array.from(this.options,(([t,e])=>e));return!this.typeahead||this.remote?t:t.filter((t=>"includes"===this.filter?w(t.textContent,this.inputValue):j(t.textContent,this.inputValue)))}hasOptions(){return this.optionArray.length>0}get inputPlaceholder(){return this.multiple?k(this.rawValue)<1?this.placeholder:void 0:!r(this.rawValue)&&k(this.rawValue)>0?void 0:this.placeholder}getChildOpts(){return Array.from(this.el.querySelectorAll("bal-select-option"))}getPopoverContent(){return this.popoverElement.querySelector(".bal-popover__content__inner")}updateFocus(){this.focusIndex<0&&(this.focusIndex=0);const t=this.optionArray;if(t.length>0){t.length<=this.focusIndex&&(this.focusIndex=t.length-1);const e=t[this.focusIndex];if(e&&e.id){const t=this.el.querySelector(`button#${e.id}`);t&&(clearTimeout(this.updateFocusTimer),this.updateFocusTimer=setTimeout((()=>{this.scrollToFocusedOption(t)}),0))}}else this.focusIndex=0}scrollToFocusedOption(t){if(t&&this.popoverElement){const e=this.getPopoverContent();if(e){const i=t.offsetTop;i<e.scrollTop&&(e.scrollTop=i),t.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight&&(e.scrollTop=e.scrollTop+t.clientHeight)}}}scrollTo(t){const e=this.getPopoverContent();e&&(e.scrollTop=t)}selectedFocusedOption(){const t=this.optionArray;if(t.length>this.focusIndex){const e=t[this.focusIndex];e&&this.optionSelected(e)}}navigateWithArrowKey(t){F(t)?this.focusIndex=this.focusIndex+1:A(t)&&(this.focusIndex=this.focusIndex-1)}focusOptionByLabel(t){this.labelToScrollTo=this.labelToScrollTo+t,clearTimeout(this.clearScrollToValue),this.clearScrollToValue=setTimeout((()=>{this.scrollToLabel(this.labelToScrollTo)}),600)}selectOptionByLabel(t){this.labelToSelectTo=this.labelToSelectTo+t,clearTimeout(this.clearSelectValue),this.clearSelectValue=setTimeout((()=>{this.selectLabel(this.labelToSelectTo),this.labelToSelectTo=""}),600)}async selectLabel(t){if(" "!==t){const e=this.optionArray.find((e=>j(e.label||"",t)));if(!r(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!r(t)){const t=this.optionArray.indexOf(e);this.focusIndex=t,this.select(e.value)}}this.labelToScrollTo=""}}async scrollToLabel(t){if(" "!==t){const e=this.optionArray.find((e=>j(e.label||"",t)));if(!r(e)&&e.id){const t=this.el.querySelector(`button#${e.id}`);if(!r(t)){const i=this.optionArray.indexOf(e);this.focusIndex=i,this.scrollTo(t.offsetTop)}}this.labelToScrollTo=""}}syncRawValue(t=!0){let e=[];r(this.value)||""===this.value||(e=Array.isArray(this.value)?[...this.value.filter((t=>!r(t)))]:this.value.split("").includes(",")?[...this.value.split(",").filter((t=>t)).map((t=>t.trim()))]:[this.value]),this.updateRawValue(e,t)}blurSelect(){this.popoverElement.dismiss()}optionSelected(t){const e=x(this.rawValue).some((e=>e===t.value));this.updateValue(t.value,!e),this.multiple?this.typeahead&&this.setFocus():this.blurSelect()}updateValue(t,e=!0){this.multiple?this.updateRawValue(e?O(this.rawValue,t,this.multiple):_(this.rawValue,t),P):(this.updateRawValue(O(this.rawValue,t,this.multiple),P),this.rawValue&&this.rawValue.length>0&&this.updateInputValue(C(this.options,this.rawValue[0])))}validateAfterBlur(t=!1){let e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){const t=T(this.options,this.inputElement.value);e=t?[t.value]:[this.inputElement.value]}else e=L(this.rawValue,this.options,this.inputElement.value);this.updateRawValue(e,t)}}syncNativeInput(){if(!this.multiple){if(k(this.rawValue)>0){const t=x(this.rawValue);let e=C(this.options,t[0]);return!this.multiple&&this.typeahead&&this.selectionOptional&&""===e&&(e=t.join(", ")),this.updateInputValue(e)}return this.updateInputValue("")}return Promise.resolve()}updateInputValue(t){return new Promise((e=>{this.updateInputValueTimer&&clearTimeout(this.updateInputValueTimer),this.updateInputValueTimer=setTimeout((()=>{r(this.inputElement)||(this.inputElement.value=t,this.inputValue=t,e())}),0)}))}isChipClicked(t){let e=!1;if(this.multiple){const i=this.selectionEl.querySelectorAll("bal-tag"),o=t.target;i.forEach((t=>{const i=f(t,o)||t===o;i&&(e=i)}))}return e}isInsideOfFooter(){this.inverted=null!==this.el.closest("bal-footer")}render(){var t;const e=t=>i("bal-tag",{key:"7533b62273766a103266239b7ca7388a29a7ca2c",size:"",closable:!this.disabled,disabled:this.disabled,invalid:this.invalid,tabindex:-1,onBalCloseClick:()=>this.removeValue(t.value),"data-testid":"bal-select-chip"},C(this.options,t.value)||t.value),s=x(this.rawValue),l=h.block("select"),a=l.element("native"),r=l.element("control"),c=r.element("icon"),b=r.element("selections"),d=r.element("input"),p=l.element("popover"),u=p.element("empty"),m=l.element("option"),f=m.element("content"),v=f.element("checkbox"),g=f.element("label");return i(o,{key:"2b5f68df5724be552d0e52b80e3f2f3cf4904904",role:"listbox",onClick:this.handleClick,"aria-disabled":n(this.disabled),"data-value":null===(t=this.rawValue)||void 0===t?void 0:t.map((t=>C(this.options,t))).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("inverted").class(this.inverted)),l.modifier("inverted-footer").class(this.inverted))},i("select",{key:"86217a832be6b5b4ffe4e624082cc7f21dd92c93",class:Object.assign({},a.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:t=>this.nativeSelectEl=t},s.map((t=>i("option",{key:t,value:t,selected:!0},t)))),i("bal-popover",{key:"b051798999057bd3d58279b2bdae7a2e66f1f8c5",onBalChange:this.handlePopoverChange,ref:t=>this.popoverElement=t},i("div",{key:"6a2201296c6937a30aa176899d6774878728b096","bal-popover-trigger":!0,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("invalid").class(this.invalid)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("focused").class(this.isPopoverOpen)),r.modifier("inverted-footer").class(this.inverted))},i("div",{key:"21306e3a37d4e5ac70a0487c704455ab76d90873",class:Object.assign(Object.assign({},b.class()),b.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:t=>this.selectionEl=t},s.filter((()=>this.multiple)).map((t=>i(e,{value:t}))),i("input",{key:"1225023645508847339dd1fbd6815771fd52b923",type:"text",class:Object.assign(Object.assign({},d.class()),{input:!0,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":!0}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":n(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":"off"===this.autocomplete?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:t=>this.inputElement=t})),this.freeSolo||this.loading?"":i("bal-icon",{class:Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("loading").class(this.loading)),c.modifier("clickable").class(!this.disabled&&!this.readonly)),name:this.inverted?"caret-up":"caret-down",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:t=>this.handleInputClick(t,!0),size:this.inverted?"x-small":""})),i("bal-popover-content",{key:"bf3bf117bda916e83f1c0429384ac4c810a7e766",class:Object.assign({},p.class()),scrollable:this.scrollable,spaceless:!0,expanded:!0},this.optionArray.map(((t,e)=>i("button",{key:t.value,type:"button",role:"option",id:t.id,"data-value":t.value,"data-label":t.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("selected").class(s.includes(t.value)&&!(this.typeahead&&!this.multiple))),m.modifier("focused").class(this.focusIndex===e)),m.modifier("checkbox").class(this.multiple)),m.modifier("disabled").class(!0===t.disabled)),"data-testid":"bal-select-option",disabled:t.disabled,tabIndex:-1,onMouseEnter:()=>this.handleOptionMouseEnter(e),onClick:()=>this.optionSelected(t)},i("div",{class:Object.assign({},f.class())},i("span",{class:Object.assign({},v.class()),style:{display:this.multiple?"flex":"none"}},i("bal-checkbox",{checked:s.includes(t.value),tabindex:-1,nonSubmit:!0,flat:!0,onBalChange:y})),i("span",{class:Object.assign({},g.class()),innerHTML:t.innerHTML}))))),i("div",{key:"bc03c95d90225dd34a7062113c2b58882f039ca9",class:Object.assign(Object.assign({},u.class()),u.modifier("hidden").class(void 0===this.noDataLabel||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))}get el(){return s(this)}static get watchers(){return{value:["valueWatcher"]}}};l([g("bal-select"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;D.style=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";const H=class{constructor(e){t(this,e),this.label=void 0,this.disabled=!1,this.value=void 0,this.for="bal-selopt-"+K++}createLogger(t){this.log=t}render(){return i(o,{key:"e576fb51e73b23cbfd86911da7b8ddbd337e72a3",style:{display:"none"}},i("slot",{key:"e6ad28fa2cd69ebf97968985267fd363097f88f3"}))}};l([g("bal-select-option"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],H.prototype,"createLogger",null);let K=0;export{D as bal_select,H as bal_select_option}

package/dist/baloise-design-system/p-4504bc9205.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function s(t){try{l(r.next(t))}catch(t){o(t)}}function a(t){try{l(r["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):n(t.value).then(s,a)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,n,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(r=1,n&&(o=a[0]&2?n["return"]:a[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;if(n=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];n=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var r=0,n=e.length,o;r<n;r++){if(o||!(r in e)){if(!o)o=Array.prototype.slice.call(e,0,r);o[r]=e[r]}}return t.concat(o||Array.prototype.slice.call(e))};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-6913b916.system.js","./p-2da669b4.system.js","./p-1c41de53.system.js","./p-db0895e2.system.js","./p-907368ff.system.js","./p-c43a56b7.system.js","./p-863f4e4e.system.js","./p-23bdd8dc.system.js","./p-b79d8942.system.js","./p-4e642b63.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var e,i,r,n,o,s,a,l,c,u,h,f,d,b,v,p,_,m,g,y,k,w,x,j,O,T,A,C,z,M,L,B,P,F,I;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;o=t.g},function(t){s=t._;a=t.a},function(t){l=t.l},function(t){c=t.a},function(t){u=t.a},function(t){h=t.B},function(t){f=t.d},function(t){d=t.s},function(t){b=t.n;v=t.d;p=t.h;_=t.j;m=t.k},function(t){g=t.L},function(t){y=t.r;k=t.p;w=t.l;x=t.g;j=t.i;O=t.s;T=t.a;A=t.f;C=t.b;z=t.v},function(t){M=t.d;L=t.i;B=t.a;P=t.b;F=t.c;I=t.k},function(){},function(){},function(){},function(){}],execute:function(){var E=function(t,e,i){if(typeof MutationObserver==="undefined"){return}var r=new MutationObserver((function(t){t=t.filter((function(t){return t.target.nodeName===e.toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()}));if(t.length>0){i(undefined)}}));r.observe(t,{childList:true,subtree:true,attributes:true,characterData:true});return r};var S=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-color-grey-1);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:.125rem;border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";var D=S;var H=true;var K=false;var N=t("bal_select",function(){function t(t){var r=this;e(this,t);this.balChange=i(this,"balChange",7);this.balInputClick=i(this,"balInputClick",7);this.balInput=i(this,"balInput",7);this.balBlur=i(this,"balBlur",7);this.balFocus=i(this,"balFocus",7);this.balCancel=i(this,"balCancel",7);this.balKeyPress=i(this,"balKeyPress",7);this.didInit=false;this.inputId="bal-select-".concat(U++);this.initialValue=[];this.removeValue=function(t){if(!r.disabled){r.updateRawValue(y(r.rawValue,t),H);if(r.multiple&&r.typeahead){r.setFocus()}r.fireBlur()}};this.fireBlur=function(t){if(t===void 0){t=new CustomEvent("blur")}if(!r.isPopoverOpen&&!r.hasFocus){b((function(){return r.balBlur.emit(t)}))}};this.handleClick=function(t){if(r.disabled||r.readonly){k(t)}};this.handlePopoverChange=function(t){t.stopPropagation();if(r.isPopoverOpen!==t.detail){r.isPopoverOpen=t.detail;if(r.isPopoverOpen){r.updateFocus()}else{r.focusIndex=0;if(r.multiple&&r.typeahead){r.updateInputValue("")}r.fireBlur(t)}}};this.handleInputBlur=function(t){k(t);var e=t.relatedTarget;if(e===null||e&&e.nodeName&&(e.nodeName==="BAL-MODAL"||e.nodeName==="INPUT"||e.nodeName==="BUTTON")){r.validateAfterBlur(H)}r.hasFocus=false;r.fireBlur(t)};this.handleInputFocus=function(t){r.balFocus.emit(t);r.hasFocus=true};this.handleInputClick=function(t){var e=[];for(var i=1;i<arguments.length;i++){e[i-1]=arguments[i]}return __awaiter(r,__spreadArray([t],e,true),void 0,(function(t,e){var i,r,n,o;if(e===void 0){e=false}return __generator(this,(function(s){switch(s.label){case 0:d(t);if(this.isChipClicked(t)){return[2]}if(!(this.disabled||this.readonly))return[3,1];k(t);return[3,10];case 1:this.focusIndex=0;this.balInputClick.emit(t);if(!this.typeahead)return[3,6];if(!(this.isPopoverOpen&&e))return[3,3];return[4,(i=this.popoverElement)===null||i===void 0?void 0:i.dismiss()];case 2:s.sent();return[3,5];case 3:return[4,(r=this.popoverElement)===null||r===void 0?void 0:r.present()];case 4:s.sent();s.label=5;case 5:return[3,10];case 6:if(!this.isPopoverOpen)return[3,8];return[4,(n=this.popoverElement)===null||n===void 0?void 0:n.dismiss()];case 7:s.sent();return[3,10];case 8:return[4,(o=this.popoverElement)===null||o===void 0?void 0:o.present()];case 9:s.sent();s.label=10;case 10:return[2]}}))}))};this.handleKeyPress=function(t){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.isPopoverOpen&&M(t)))return[3,2];k(t);return[4,this.open()];case 1:e.sent();e.label=2;case 2:this.balKeyPress.emit(t);return[2]}}))}))};this.handleInputChange=function(t){if(!r.disabled&&!r.readonly){r.inputValue=t.target.value}};this.handleInput=function(t){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.disabled&&!this.readonly){this.inputValue=t.target.value;if(!this.isPopoverOpen){this.popoverElement.present()}this.focusIndex=0;this.updateFocus();k(t);this.balInput.emit(this.inputValue)}return[2]}))}))};this.handleOptionMouseEnter=function(t){r.focusIndex=t};this.hasFocus=false;this.inputValue="";this.focusIndex=-1;this.isPopoverOpen=false;this.options=new Map;this.labelToScrollTo="";this.labelToSelectTo="";this.ariaForm=f;this.name=this.inputId;this.invalid=false;this.filter="includes";this.balTabindex=0;this.freeSolo=false;this.multiple=false;this.maxLength=undefined;this.noDataLabel=undefined;this.autocomplete="off";this.typeahead=false;this.selectionOptional=false;this.disabled=false;this.readonly=false;this.required=false;this.inverted=false;this.placeholder=undefined;this.scrollable=250;this.loading=false;this.remote=false;this.autoInvalidOff=false;this.value=[];this.rawValue=[]}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueWatcher=function(){this.syncRawValue(false)};t.prototype.updateRawValue=function(t,e){if(e===void 0){e=true}if(!u(t,this.rawValue||[])){this.rawValue=__spreadArray([],t,true);this.syncNativeInput();if(this.didInit&&e===true){if(this.multiple){if(l(this.rawValue)){this.emitChangeEvent([])}else{this.emitChangeEvent(__spreadArray([],this.rawValue,true))}}else{if(l(this.rawValue)||w(this.rawValue)===0){this.emitChangeEvent(undefined)}else{this.emitChangeEvent(this.rawValue[0])}}}}};t.prototype.emitChangeEvent=function(t){this.balChange.emit(t)};t.prototype.connectedCallback=function(){var t=this;var e=m((function(){return t.updateOptions()}),0);this.initialValue=this.value;e();this.mutationO=E(this.el,"bal-select-option",(function(){e()}))};t.prototype.componentWillLoad=function(){this.waitForOptionsAndThenUpdateRawValues();this.isInsideOfFooter();if(!l(this.rawValue)&&this.options.size>0&&w(this.rawValue)===1){var t=this.options.get(this.rawValue[0]);if(!l(t)){this.inputValue=t.label}}};t.prototype.componentDidLoad=function(){this.syncRawValue(false);if(!this.multiple){this.inputElement.value=this.inputValue}this.didInit=true};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){k(t)}};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){e.value=e.initialValue;e.syncRawValue(false);e.syncNativeInput();if(e.nativeSelectEl){var t=Array.from(e.nativeSelectEl.options);t.forEach((function(t){return t.selected=true}))}}),0)}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.isPopoverOpen)return[3,1];if(L(t)||B(t)){k(t);this.navigateWithArrowKey(t);this.updateFocus()}if(P(t)){k(t);this.selectedFocusedOption()}if(F(t)){this.cancel()}if(I(t)&&this.typeahead&&this.multiple){if(this.inputElement.value===""&&w(this.rawValue)>0){e=x(this.rawValue);this.removeValue(e[w(this.rawValue)-1])}}if(!this.typeahead&&t.key.length===1){this.focusOptionByLabel(t.key)}if(M(t)&&!this.typeahead){k(t)}return[3,4];case 1:if(!this.hasFocus)return[3,4];if(!(L(t)||B(t)))return[3,3];k(t);return[4,this.open()];case 2:i.sent();i.label=3;case 3:if(!this.typeahead&&t.key.length===1){this.selectOptionByLabel(t.key)}i.label=4;case 4:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.inputElement&&!this.disabled))return[3,2];return[4,v()];case 1:t.sent();this.inputElement.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.focusIndex=0;if(this.inputElement){this.updateInputValue("");this.updateRawValue([],H);this.value=this.multiple?[]:""}return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.disabled&&!this.readonly&&!l(this.popoverElement)))return[3,2];return[4,this.popoverElement.present()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&!this.readonly&&!l(this.popoverElement)){this.blurSelect()}return[2]}))}))};t.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.labelToScrollTo="";this.close();this.scrollTo(0);this.balCancel.emit();return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.options.get(t);if(!l(e)){this.optionSelected(e)}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.waitForOptionsAndThenUpdateRawValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer);return[4,p(this.el)];case 1:i.sent();t=this.options.size>0;if(t){if(!this.remote){this.syncRawValue(K)}}else{this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((function(){return e.waitForOptionsAndThenUpdateRawValues()}),10)}return[2]}}))}))};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,i,n,o;return __generator(this,(function(s){switch(s.label){case 0:t=this.getChildOpts();e=new Map;for(i=0;i<t.length;i++){r=t[i];e.set(r.value,{value:r.value,label:r.label,disabled:r.disabled,id:r.for,textContent:r.textContent,innerHTML:r.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue)){for(i=0;i<this.rawValue.length;i++){n=this.rawValue[i];if(!e.has(n)){o=y(this.rawValue,n);this.updateRawValue(o,K)}}}this.options=new Map(e);if(!!this.typeahead)return[3,2];return[4,this.syncNativeInput()];case 1:s.sent();s.label=2;case 2:if(this.didInit&&!this.remote){this.validateAfterBlur()}return[2]}}))}))};Object.defineProperty(t.prototype,"optionArray",{get:function(){var t=this;var e=Array.from(this.options,(function(t){var e=t[0],i=t[1];return i}));if(!this.typeahead||this.remote){return e}return e.filter((function(e){return t.filter==="includes"?j(e.textContent,t.inputValue):O(e.textContent,t.inputValue)}))},enumerable:false,configurable:true});t.prototype.hasOptions=function(){return this.optionArray.length>0};Object.defineProperty(t.prototype,"inputPlaceholder",{get:function(){if(this.multiple){if(w(this.rawValue)<1){return this.placeholder}return undefined}else{if(!l(this.rawValue)&&w(this.rawValue)>0){return undefined}}return this.placeholder},enumerable:false,configurable:true});t.prototype.getChildOpts=function(){return Array.from(this.el.querySelectorAll("bal-select-option"))};t.prototype.getPopoverContent=function(){return this.popoverElement.querySelector(".bal-popover__content__inner")};t.prototype.updateFocus=function(){var t=this;if(this.focusIndex<0){this.focusIndex=0}var e=this.optionArray;if(e.length>0){if(e.length<=this.focusIndex){this.focusIndex=e.length-1}var i=e[this.focusIndex];if(i&&i.id){var r=this.el.querySelector("button#".concat(i.id));if(r){clearTimeout(this.updateFocusTimer);this.updateFocusTimer=setTimeout((function(){t.scrollToFocusedOption(r)}),0)}}}else{this.focusIndex=0}};t.prototype.scrollToFocusedOption=function(t){if(t&&this.popoverElement){var e=this.getPopoverContent();if(e){var i=t.offsetTop;var r=e.scrollTop;if(i<r){e.scrollTop=i}var n=t.offsetTop+t.clientHeight;var o=e.scrollTop+e.clientHeight;if(n>o){e.scrollTop=e.scrollTop+t.clientHeight}}}};t.prototype.scrollTo=function(t){var e=this.getPopoverContent();if(e){e.scrollTop=t}};t.prototype.selectedFocusedOption=function(){var t=this.optionArray;if(t.length>this.focusIndex){var e=t[this.focusIndex];if(e){this.optionSelected(e)}}};t.prototype.navigateWithArrowKey=function(t){if(L(t)){this.focusIndex=this.focusIndex+1}else{if(B(t)){this.focusIndex=this.focusIndex-1}}};t.prototype.focusOptionByLabel=function(t){var e=this;this.labelToScrollTo=this.labelToScrollTo+t;clearTimeout(this.clearScrollToValue);this.clearScrollToValue=setTimeout((function(){e.scrollToLabel(e.labelToScrollTo)}),600)};t.prototype.selectOptionByLabel=function(t){var e=this;this.labelToSelectTo=this.labelToSelectTo+t;clearTimeout(this.clearSelectValue);this.clearSelectValue=setTimeout((function(){e.selectLabel(e.labelToSelectTo);e.labelToSelectTo=""}),600)};t.prototype.selectLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(n){if(t!==" "){e=this.optionArray.find((function(e){return O(e.label||"",t)}));if(!l(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!l(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.select(e.value)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.scrollToLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(n){if(t!==" "){e=this.optionArray.find((function(e){return O(e.label||"",t)}));if(!l(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!l(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.scrollTo(i.offsetTop)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.syncRawValue=function(t){if(t===void 0){t=true}var e=[];if(!l(this.value)&&this.value!==""){if(Array.isArray(this.value)){e=__spreadArray([],this.value.filter((function(t){return!l(t)})),true)}else{if(this.value.split("").includes(",")){e=__spreadArray([],this.value.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{e=[this.value]}}}this.updateRawValue(e,t)};t.prototype.blurSelect=function(){this.popoverElement.dismiss()};t.prototype.optionSelected=function(t){var e=x(this.rawValue);var i=e.some((function(e){return e===t.value}));this.updateValue(t.value,!i);if(!this.multiple){this.blurSelect()}else{if(this.typeahead){this.setFocus()}}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(this.multiple){if(e){this.updateRawValue(T(this.rawValue,t,this.multiple),H)}else{this.updateRawValue(y(this.rawValue,t),H)}}else{this.updateRawValue(T(this.rawValue,t,this.multiple),H);if(this.rawValue&&this.rawValue.length>0){this.updateInputValue(A(this.options,this.rawValue[0]))}}};t.prototype.validateAfterBlur=function(t){if(t===void 0){t=K}var e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){var i=C(this.options,this.inputElement.value);if(i){e=[i.value]}else{e=[this.inputElement.value]}}else{e=z(this.rawValue,this.options,this.inputElement.value)}this.updateRawValue(e,t)}};t.prototype.syncNativeInput=function(){if(!this.multiple){if(w(this.rawValue)>0){var t=x(this.rawValue);var e=A(this.options,t[0]);if(!this.multiple&&this.typeahead&&this.selectionOptional&&e===""){e=t.join(", ")}return this.updateInputValue(e)}else{return this.updateInputValue("")}}return Promise.resolve()};t.prototype.updateInputValue=function(t){var e=this;return new Promise((function(i){if(e.updateInputValueTimer){clearTimeout(e.updateInputValueTimer)}e.updateInputValueTimer=setTimeout((function(){if(!l(e.inputElement)){e.inputElement.value=t;e.inputValue=t;i()}}),0)}))};t.prototype.isChipClicked=function(t){var e=false;if(this.multiple){var i=this.selectionEl.querySelectorAll("bal-tag");var r=t.target;i.forEach((function(t){var i=_(t,r)||t===r;if(i){e=i}}))}return e};t.prototype.isInsideOfFooter=function(){this.inverted=this.el.closest("bal-footer")!==null};t.prototype.render=function(){var t=this;var e;var i=function(e){return r("bal-tag",{key:"7533b62273766a103266239b7ca7388a29a7ca2c",size:"",closable:!t.disabled,disabled:t.disabled,invalid:t.invalid,tabindex:-1,onBalCloseClick:function(i){return t.removeValue(e.value)},"data-testid":"bal-select-chip"},A(t.options,e.value)||e.value)};var o=x(this.rawValue);var s=h.block("select");var a=s.element("native");var l=s.element("control");var u=l.element("icon");var f=l.element("selections");var d=l.element("input");var b=s.element("popover");var v=b.element("empty");var p=s.element("option");var _=p.element("content");var m=_.element("checkbox");var g=_.element("label");return r(n,{key:"2b5f68df5724be552d0e52b80e3f2f3cf4904904",role:"listbox",onClick:this.handleClick,"aria-disabled":c(this.disabled),"data-value":(e=this.rawValue)===null||e===void 0?void 0:e.map((function(e){return A(t.options,e)})).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("disabled").class(this.disabled||this.readonly)),s.modifier("inverted").class(this.inverted)),s.modifier("inverted-footer").class(this.inverted))},r("select",{key:"86217a832be6b5b4ffe4e624082cc7f21dd92c93",class:Object.assign({},a.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:function(e){return t.nativeSelectEl=e}},o.map((function(t){return r("option",{key:t,value:t,selected:true},t)}))),r("bal-popover",{key:"b051798999057bd3d58279b2bdae7a2e66f1f8c5",onBalChange:this.handlePopoverChange,ref:function(e){return t.popoverElement=e}},r("div",{key:"6a2201296c6937a30aa176899d6774878728b096","bal-popover-trigger":true,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(this.invalid)),l.modifier("disabled").class(this.disabled||this.readonly)),l.modifier("focused").class(this.isPopoverOpen)),l.modifier("inverted-footer").class(this.inverted))},r("div",{key:"21306e3a37d4e5ac70a0487c704455ab76d90873",class:Object.assign(Object.assign({},f.class()),f.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:function(e){return t.selectionEl=e}},o.filter((function(e){return t.multiple})).map((function(t){return r(i,{value:t})})),r("input",{key:"1225023645508847339dd1fbd6815771fd52b923",type:"text",class:Object.assign(Object.assign({},d.class()),{input:true,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":true}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":c(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":this.autocomplete==="off"?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:function(e){return t.inputElement=e}})),!this.freeSolo&&!this.loading?r("bal-icon",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("loading").class(this.loading)),u.modifier("clickable").class(!this.disabled&&!this.readonly)),name:!this.inverted?"caret-down":"caret-up",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:function(e){return t.handleInputClick(e,true)},size:!this.inverted?"":"x-small"}):""),r("bal-popover-content",{key:"bf3bf117bda916e83f1c0429384ac4c810a7e766",class:Object.assign({},b.class()),scrollable:this.scrollable,spaceless:true,expanded:true},this.optionArray.map((function(e,i){return r("button",{key:e.value,type:"button",role:"option",id:e.id,"data-value":e.value,"data-label":e.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},p.class()),p.modifier("selected").class(o.includes(e.value)&&!(t.typeahead&&!t.multiple))),p.modifier("focused").class(t.focusIndex===i)),p.modifier("checkbox").class(t.multiple)),p.modifier("disabled").class(e.disabled===true)),"data-testid":"bal-select-option",disabled:e.disabled,tabIndex:-1,onMouseEnter:function(){return t.handleOptionMouseEnter(i)},onClick:function(){return t.optionSelected(e)}},r("div",{class:Object.assign({},_.class())},r("span",{class:Object.assign({},m.class()),style:{display:t.multiple?"flex":"none"}},r("bal-checkbox",{checked:o.includes(e.value),tabindex:-1,nonSubmit:true,flat:true,onBalChange:k})),r("span",{class:Object.assign({},g.class()),innerHTML:e.innerHTML})))})),r("div",{key:"bc03c95d90225dd34a7062113c2b58882f039ca9",class:Object.assign(Object.assign({},v.class()),v.modifier("hidden").class(this.noDataLabel===undefined||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return t}());s([g("bal-select"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],N.prototype,"createLogger",null);var U=0;N.style=D;var q=t("bal_select_option",function(){function t(t){e(this,t);this.label=undefined;this.disabled=false;this.value=undefined;this.for="bal-selopt-".concat(G++)}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){return r(n,{key:"e576fb51e73b23cbfd86911da7b8ddbd337e72a3",style:{display:"none"}},r("slot",{key:"e6ad28fa2cd69ebf97968985267fd363097f88f3"}))};return t}());s([g("bal-select-option"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],q.prototype,"createLogger",null);var G=0}}}));