bromcom-ui 2.3.54 → 2.3.58

package/dist/types/models/bcm.d.ts

@@ -0,0 +1,447 @@
+export declare namespace Bcm {
+  enum HtmlElementType {
+    div = "div",
+    span = "span",
+    button = "button",
+    a = "a",
+    input = "input",
+    textarea = "textarea",
+    select = "select",
+    option = "option",
+    img = "img",
+    table = "table",
+    tr = "tr",
+    td = "td",
+    th = "th",
+    tbody = "tbody",
+    thead = "thead",
+    tfoot = "tfoot",
+    ul = "ul",
+    li = "li",
+    form = "form",
+    label = "label",
+    main = "main",
+    header = "header",
+    footer = "footer",
+    section = "section",
+    article = "article",
+    nav = "nav",
+    aside = "aside"
+  }
+  enum Status {
+    info = "info",
+    error = "error",
+    warning = "warning",
+    success = "success",
+    default = "default"
+  }
+  enum Shape {
+    ellipse = "ellipse",
+    square = "square"
+  }
+  enum Direction {
+    horizontal = "horizontal",
+    vertical = "vertical"
+  }
+  enum PreDefinedIconSize {
+    large = 48,
+    medium = 24,
+    default = 16,
+    small = 12,
+    xsmall = 8
+  }
+  enum IconSize {
+    small = "16",
+    medium = "20",
+    large = "24"
+  }
+  enum Size {
+    small = "small",
+    medium = "medium",
+    large = "large",
+    xsmall = "xsmall",
+    xlarge = "xlarge",
+    xxlarge = "xxlarge",
+    xxxlarge = "xxxlarge"
+  }
+  enum Kind {
+    'solid' = "solid",
+    'ghost' = "ghost",
+    'link' = "link",
+    'solid-link' = "solid-link",
+    'ghost-link' = "ghost-link"
+  }
+  enum ButtonType {
+    button = "button",
+    reset = "reset",
+    submit = "submit"
+  }
+  enum IconPosition {
+    prefix = "prefix",
+    suffix = "suffix"
+  }
+  enum TagType {
+    basic = "basic",
+    add = "add",
+    checkable = "checkable",
+    dissmisable = "dissmisable"
+  }
+  enum FontSize {
+    'size-1' = "size-1",
+    'size-2' = "size-2",
+    'size-3' = "size-3",
+    'size-4' = "size-4",
+    'size-5' = "size-5",
+    'size-6' = "size-6",
+    'size-7' = "size-7",
+    'size-8' = "size-8",
+    'size-9' = "size-9"
+  }
+  enum FontSizeValue {
+    'size-1' = 12,
+    'size-2' = 14,
+    'size-3' = 16,
+    'size-4' = 20,
+    'size-5' = 24,
+    'size-6' = 30,
+    'size-7' = 38,
+    'size-8' = 46,
+    'size-9' = 56
+  }
+  enum FontWeight {
+    thin = "thin",
+    light = "light",
+    regular = "regular",
+    medium = "medium",
+    bold = "bold",
+    black = "black"
+  }
+  enum ColorPalette {
+    'default' = "default",
+    'black' = "black",
+    'white' = "white",
+    'prime-blue' = "prime-blue",
+    'prime-blue-1' = "prime-blue-1",
+    'prime-blue-2' = "prime-blue-2",
+    'prime-blue-3' = "prime-blue-3",
+    'prime-blue-4' = "prime-blue-4",
+    'prime-blue-5' = "prime-blue-5",
+    'prime-blue-6' = "prime-blue-6",
+    'prime-blue-7' = "prime-blue-7",
+    'prime-blue-8' = "prime-blue-8",
+    'prime-blue-9' = "prime-blue-9",
+    'prime-blue-10' = "prime-blue-10",
+    'grey' = "grey",
+    'grey-1' = "grey-1",
+    'grey-2' = "grey-2",
+    'grey-3' = "grey-3",
+    'grey-4' = "grey-4",
+    'grey-5' = "grey-5",
+    'grey-6' = "grey-6",
+    'grey-7' = "grey-7",
+    'grey-8' = "grey-8",
+    'grey-9' = "grey-9",
+    'grey-10' = "grey-10",
+    'blue' = "blue",
+    'blue-1' = "blue-1",
+    'blue-2' = "blue-2",
+    'blue-3' = "blue-3",
+    'blue-4' = "blue-4",
+    'blue-5' = "blue-5",
+    'blue-6' = "blue-6",
+    'blue-7' = "blue-7",
+    'blue-8' = "blue-8",
+    'blue-9' = "blue-9",
+    'blue-10' = "blue-10",
+    'warmyellow' = "warmyellow",
+    'warmyellow-1' = "warmyellow-1",
+    'warmyellow-2' = "warmyellow-2",
+    'warmyellow-3' = "warmyellow-3",
+    'warmyellow-4' = "warmyellow-4",
+    'warmyellow-5' = "warmyellow-5",
+    'warmyellow-6' = "warmyellow-6",
+    'warmyellow-7' = "warmyellow-7",
+    'warmyellow-8' = "warmyellow-8",
+    'warmyellow-9' = "warmyellow-9",
+    'warmyellow-10' = "warmyellow-10",
+    'yellow' = "yellow",
+    'yellow-1' = "yellow-1",
+    'yellow-2' = "yellow-2",
+    'yellow-3' = "yellow-3",
+    'yellow-4' = "yellow-4",
+    'yellow-5' = "yellow-5",
+    'yellow-6' = "yellow-6",
+    'yellow-7' = "yellow-7",
+    'yellow-8' = "yellow-8",
+    'yellow-9' = "yellow-9",
+    'yellow-10' = "yellow-10",
+    'limegreen' = "limegreen",
+    'limegreen-1' = "limegreen-1",
+    'limegreen-2' = "limegreen-2",
+    'limegreen-3' = "limegreen-3",
+    'limegreen-4' = "limegreen-4",
+    'limegreen-5' = "limegreen-5",
+    'limegreen-6' = "limegreen-6",
+    'limegreen-7' = "limegreen-7",
+    'limegreen-8' = "limegreen-8",
+    'limegreen-9' = "limegreen-9",
+    'limegreen-10' = "limegreen-10",
+    'red' = "red",
+    'red-1' = "red-1",
+    'red-2' = "red-2",
+    'red-3' = "red-3",
+    'red-4' = "red-4",
+    'red-5' = "red-5",
+    'red-6' = "red-6",
+    'red-7' = "red-7",
+    'red-8' = "red-8",
+    'red-9' = "red-9",
+    'red-10' = "red-10",
+    'darkorange' = "darkorange",
+    'darkorange-1' = "darkorange-1",
+    'darkorange-2' = "darkorange-2",
+    'darkorange-3' = "darkorange-3",
+    'darkorange-4' = "darkorange-4",
+    'darkorange-5' = "darkorange-5",
+    'darkorange-6' = "darkorange-6",
+    'darkorange-7' = "darkorange-7",
+    'darkorange-8' = "darkorange-8",
+    'darkorange-9' = "darkorange-9",
+    'darkorange-10' = "darkorange-10",
+    'orange' = "orange",
+    'orange-1' = "orange-1",
+    'orange-2' = "orange-2",
+    'orange-3' = "orange-3",
+    'orange-4' = "orange-4",
+    'orange-5' = "orange-5",
+    'orange-6' = "orange-6",
+    'orange-7' = "orange-7",
+    'orange-8' = "orange-8",
+    'orange-9' = "orange-9",
+    'orange-10' = "orange-10",
+    'green' = "green",
+    'green-1' = "green-1",
+    'green-2' = "green-2",
+    'green-3' = "green-3",
+    'green-4' = "green-4",
+    'green-5' = "green-5",
+    'green-6' = "green-6",
+    'green-7' = "green-7",
+    'green-8' = "green-8",
+    'green-9' = "green-9",
+    'green-10' = "green-10",
+    'turquosie' = "turquosie",
+    'turquosie-1' = "turquosie-1",
+    'turquosie-2' = "turquosie-2",
+    'turquosie-3' = "turquosie-3",
+    'turquosie-4' = "turquosie-4",
+    'turquosie-5' = "turquosie-5",
+    'turquosie-6' = "turquosie-6",
+    'turquosie-7' = "turquosie-7",
+    'turquosie-8' = "turquosie-8",
+    'turquosie-9' = "turquosie-9",
+    'turquosie-10' = "turquosie-10",
+    'cobaltblue' = "cobaltblue",
+    'cobaltblue-1' = "cobaltblue-1",
+    'cobaltblue-2' = "cobaltblue-2",
+    'cobaltblue-3' = "cobaltblue-3",
+    'cobaltblue-4' = "cobaltblue-4",
+    'cobaltblue-5' = "cobaltblue-5",
+    'cobaltblue-6' = "cobaltblue-6",
+    'cobaltblue-7' = "cobaltblue-7",
+    'cobaltblue-8' = "cobaltblue-8",
+    'cobaltblue-9' = "cobaltblue-9",
+    'cobaltblue-10' = "cobaltblue-10",
+    'magenta' = "magenta",
+    'magenta-1' = "magenta-1",
+    'magenta-2' = "magenta-2",
+    'magenta-3' = "magenta-3",
+    'magenta-4' = "magenta-4",
+    'magenta-5' = "magenta-5",
+    'magenta-6' = "magenta-6",
+    'magenta-7' = "magenta-7",
+    'magenta-8' = "magenta-8",
+    'magenta-9' = "magenta-9",
+    'magenta-10' = "magenta-10",
+    'purple' = "purple",
+    'purple-1' = "purple-1",
+    'purple-2' = "purple-2",
+    'purple-3' = "purple-3",
+    'purple-4' = "purple-4",
+    'purple-5' = "purple-5",
+    'purple-6' = "purple-6",
+    'purple-7' = "purple-7",
+    'purple-8' = "purple-8",
+    'purple-9' = "purple-9",
+    'purple-10' = "purple-10",
+    'bc-red' = "bc-red",
+    'bc-red-1' = "bc-red-1",
+    'bc-red-2' = "bc-red-2",
+    'bc-red-3' = "bc-red-3",
+    'bc-red-4' = "bc-red-4",
+    'bc-red-5' = "bc-red-5",
+    'bc-red-6' = "bc-red-6",
+    'bc-red-7' = "bc-red-7",
+    'bc-red-8' = "bc-red-8",
+    'bc-red-9' = "bc-red-9",
+    'bc-blue' = "bc-blue",
+    'bc-blue-1' = "bc-blue-1",
+    'bc-blue-2' = "bc-blue-2",
+    'bc-blue-3' = "bc-blue-3",
+    'bc-blue-4' = "bc-blue-4",
+    'bc-blue-5' = "bc-blue-5",
+    'bc-blue-6' = "bc-blue-6",
+    'bc-blue-7' = "bc-blue-7",
+    'bc-blue-8' = "bc-blue-8",
+    'bc-blue-9' = "bc-blue-9",
+    'bc-green' = "bc-green",
+    'bc-green-1' = "bc-green-1",
+    'bc-green-2' = "bc-green-2",
+    'bc-green-3' = "bc-green-3",
+    'bc-green-4' = "bc-green-4",
+    'bc-green-5' = "bc-green-5",
+    'bc-green-6' = "bc-green-6",
+    'bc-green-7' = "bc-green-7",
+    'bc-green-8' = "bc-green-8",
+    'bc-green-9' = "bc-green-9",
+    'bc-orange' = "bc-orange",
+    'bc-orange-1' = "bc-orange-1",
+    'bc-orange-2' = "bc-orange-2",
+    'bc-orange-3' = "bc-orange-3",
+    'bc-orange-4' = "bc-orange-4",
+    'bc-orange-5' = "bc-orange-5",
+    'bc-orange-6' = "bc-orange-6",
+    'bc-orange-7' = "bc-orange-7",
+    'bc-orange-8' = "bc-orange-8",
+    'bc-orange-9' = "bc-orange-9"
+  }
+  enum InputType {
+    text = "text",
+    number = "number",
+    email = "email",
+    password = "password",
+    url = "url",
+    search = "search",
+    tel = "tel",
+    hidden = "hidden"
+  }
+  enum KeyCode {
+    backspace = 8,
+    tab = 9,
+    enter = 13,
+    shift = 16,
+    ctrl = 17,
+    alt = 18,
+    pause = 19,
+    capslock = 20,
+    escape = 27,
+    space = 32,
+    pageup = 33,
+    pagedown = 34,
+    end = 35,
+    home = 36,
+    left = 37,
+    up = 38,
+    right = 39,
+    down = 40,
+    insert = 45,
+    delete = 46,
+    f1 = 112,
+    f2 = 113,
+    f3 = 114,
+    f4 = 115,
+    f5 = 116,
+    f6 = 117,
+    f7 = 118,
+    f8 = 119,
+    f9 = 120,
+    f10 = 121,
+    f11 = 122,
+    f12 = 123,
+    numlock = 144,
+    scrolllock = 145,
+    semicolon = 186,
+    equal = 187,
+    comma = 188,
+    dash = 189,
+    period = 190,
+    slash = 191,
+    backslash = 220,
+    bracketleft = 219,
+    bracketright = 221,
+    quote = 222,
+    backtick = 192,
+    a = 65
+  }
+  const FormErrorMessages: {
+    email: string;
+    password: string;
+    url: string;
+    phone: string;
+    search: string;
+    number: string;
+    text: string;
+    required: string;
+    minlength: string;
+    maxlength: string;
+    min: string;
+    max: string;
+    between: string;
+    pattern: string;
+    date: string;
+    time: string;
+    datetime: string;
+    'datetime-local': string;
+    month: string;
+    week: string;
+    color: string;
+    file: string;
+    range: string;
+    radio: string;
+    checkbox: string;
+    select: string;
+    multiple: string;
+  };
+  interface InputClickEvent {
+    ref?: (input: any) => void;
+    handleBlur?: (event: any) => void;
+    handleFocus?: (event: any) => void;
+    handleInput?: (event: any) => void;
+    handleClick?: (event: any) => void;
+    handleChange?: (event: any) => void;
+    onClick?: (event: any) => void;
+  }
+  interface ListItemClickEvent extends InputClickEvent {
+    openGroup?: (event: any) => void;
+    checkedItem?: (event: any) => void;
+    selectedItem?: (event: any) => void;
+  }
+  interface ListClickEvent extends InputClickEvent, ListItemClickEvent {
+    onScrollEvent?: (event: any) => void;
+  }
+  enum IndeterminateType {
+    uncheck = "uncheck",
+    indeterminate = "indeterminate",
+    determinate = "determinate"
+  }
+  enum Placement {
+    'top' = "top",
+    'top-start' = "top-start",
+    'top-end' = "top-end",
+    'bottom' = "bottom",
+    'bottom-start' = "bottom-start",
+    'bottom-end' = "bottom-end",
+    'left' = "left",
+    'left-start' = "left-start",
+    'left-end' = "left-end",
+    'right' = "right",
+    'right-start' = "right-start",
+    'right-end' = "right-end"
+  }
+  enum TriggerType {
+    hover = "hover",
+    click = "click",
+    focus = "focus"
+  }
+}
+export default Bcm;

package/dist/types/templates/caption-template.d.ts

@@ -0,0 +1,12 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface CaptionTemplateProps {
+  noCaption?: any;
+  captionType?: any;
+  captionClasses?: any;
+  captionError?: any;
+  caption?: any;
+  maxLength?: any;
+  value?: any;
+}
+export declare const CaptionTemplate: FunctionalComponent<CaptionTemplateProps>;
+export {};

package/dist/types/templates/label-template.d.ts

@@ -0,0 +1,12 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface LabelTemplateProps {
+  className?: any;
+  required?: any;
+  value?: any;
+  size?: any;
+  form?: any;
+  htmlFor?: any;
+  type?: any;
+}
+export declare const LabelTemplate: FunctionalComponent<LabelTemplateProps>;
+export {};

package/dist/types/templates/slot-template.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../stencil-public-runtime';
+interface SlotTemplateProps {
+  value?: any;
+  className?: any;
+  name?: any;
+}
+export declare const SlotTemplate: FunctionalComponent<SlotTemplateProps>;
+export {};

package/dist/types/utils/utils.d.ts

@@ -51,3 +51,4 @@ export declare const getTransform: (element: HTMLElement) => ITransformPositions
  * @param element
  */
 export declare const getDragPoint: (event: MouseEvent, element: HTMLElement) => IDragPoint;
+export declare const pluralize: (word: any, length?: number) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.3.54",
+  "version": "2.3.58",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/bromcom-ui/p-013b6f5d.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as n,g as s}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const a=class{constructor(i){e(this,i),this.groupChange=t(this,"bcm-group-change",7),this.groupCheckedList=t(this,"bcm-group-checked-list",7),this.checkboxes=[],this.direction="horizontal",this.items=[],this.indeterminate=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.label=null,this.gap=null,this.fullWidth="false",this.optionType="default",this.buttonStyle="solid",this.size="medium",this.noCaption=!1,this.captionType="default",this.indeterminateState="uncheck",this.checkboxesProp=[]}componentWillLoad(){this.parseItems(this.items),this.parseOptions()}connectedCallback(){}componentDidLoad(){let e=[];e=this.getAllInputs(),e.map((e=>{"false"!=this.fullWidth&&("flex"===this.fullWidth?e.style.flex="auto":e.style.width="100%"),this.optionType&&(e.optionType=this.optionType),this.buttonStyle&&(e.buttonStyle=this.buttonStyle),this.size&&(e.size=this.size),1==this.disabled&&(e.disabled=!0)})),this.groupChecked().then((e=>this.value=e))}async setClear(){this.getAllInputs().map((e=>{e.setClear(),e.noCaption=this.noCaption}))}async resetCaption(){this.getAllInputs().map((e=>{e.resetCaption(),e.noCaption=this.noCaption}))}componentDidRender(){let e;if(e=this.el.shadowRoot.querySelector("slot").assignedElements(),this.checkboxes=[],e.map((e=>{"bcm-checkbox"==String(e.tagName).toLowerCase()&&this.checkboxes.push(e)})),this.setIndeterminateState(),this.items.length>0){let e=[];e=this.getAllInputs(),e.map((e=>{this.defaultValueState&&this.defaultValueState.find((t=>t===e.name))&&e.check(e.name)}))}}componentDidUpdate(){this.handleChange()}inputChange(){this.groupChecked().then((e=>this.value=e)),this.setIndeterminateState()}getAllInputs(){return[...this.checkboxes,...this.el.shadowRoot.querySelectorAll("bcm-checkbox")]}setIndeterminateState(){let e="uncheck",t=!0,i=!0;this.getAllInputs().map((e=>{e.checked&&(i=!1),!e.checked&&(t=!1)})),e=t||i?t?"determinate":"uncheck":"indeterminate",this.indeterminateState=e}indeterminateClick(){if(0==this.disabled){let e=!0;"determinate"==this.indeterminateState&&(e=!1),this.getAllInputs().map((t=>{t.check(e)}))}}parseOptions(){this.defaultValue&&(this.defaultValueState=JSON.parse(this.defaultValue))}parseItems(e){e&&(this.checkboxesProp="string"==typeof e?JSON.parse(e):e)}async check(e){e&&(e="string"==typeof e?JSON.parse(e):e);let t=[];t=this.getAllInputs();let i=e;var n,s;(n=t,s=e,n.filter((e=>!0===s.some((t=>e.name===t.name))))).map((e=>{e.check(i.find((t=>t.name===e.name)).checked)}))}async groupChecked(e){let t=null,i={},n=[];return"boolean"==typeof t||t||(t=i),n=this.getAllInputs(),n.map((n=>{n.checked&&(i[n.name]={value:!0,name:n.name}),!n.checked&&(i[n.name]={value:!1,name:n.name}),n.name===e&&(t=n.checked)})),t}handleChange(){let e={},t={},i=[];i=this.getAllInputs(),i.map((i=>{i.checked&&(e[i.name]={value:!0,name:i.name}),t[i.name]={value:!!i.checked,name:i.name}})),this.groupChange.emit(t),this.groupCheckedList.emit(e)}render(){const{checkboxesProp:e,indeterminate:t,disabled:s,label:a,required:r,captionType:l}=this,h=o("group-container",this.direction,this.optionType,this.fullWidth,{"full-width":this.fullWidth}),c=o("indeterminate","bcm-"+this.indeterminateState,{disabled:s}),p=o(this.hidden?"hidden":null,{error:"error"==l});var d={};return this.gap&&(d={gap:this.gap}),i(n,{class:p,"on-bcm-change":()=>this.inputChange()},a&&i("label",{class:"label size-1"}," ",a," ",r&&"*","  "),t&&i("div",{class:c},i("input",{id:"bcm-indeterminate-element",type:"checkbox",disabled:s}),i("label",{htmlFor:"bcm-indeterminate-element","on-click":()=>this.indeterminateClick()},i("span",null,i("bcm-icon",{class:"icon-checked",icon:"component-check",size:"small",type:"default"})),"Check All")),i("div",{class:h,style:d},e&&this.checkboxesProp.map((e=>i("bcm-checkbox",{name:e.name,checked:e.checked,disabled:e.disabled,required:!0===this.required&&!0===e.required&&!0,noCaption:this.noCaption,optionType:this.optionType,buttonStyle:this.buttonStyle,size:this.size,"full-width":this.fullWidth},e.label))),i("slot",null)))}get el(){return s(this)}static get watchers(){return{defaultValue:["parseOptions"],items:["parseItems"]}}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block;width:100%}:host(.hidden){display:none}:host(.error) .label{color:var(--bcm-color-red-6) !important}.group-container{display:flex;gap:24px}.group-container.vertical{gap:unset;flex-direction:column}.group-container.button{gap:unset}.group-container.full-width{max-width:100%}.indeterminate{padding:0 0 16px 0;margin-bottom:16px;border-bottom:1px solid #efefef;}.indeterminate input{display:none}.indeterminate label{display:flex;align-items:center;font-size:14px;color:var(--bcm-color-grey-8);cursor:pointer}.indeterminate label .icon-checked{display:none}.indeterminate span{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #D9D9D9;margin-right:8px;border-radius:2px}.indeterminate span:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:0}.indeterminate bcm-icon{filter:brightness(0) invert(1)}.indeterminate input[disabled]+label{cursor:not-allowed}.indeterminate input[disabled]+label span{background-color:var(--bcm-color-grey-3);border-color:var(--bcm-color-grey-5)}.indeterminate input[disabled]+label span:after{background-color:var(--bcm-color-grey-6)}.indeterminate input[disabled]+label bcm-icon{filter:brightness(0);opacity:0.3}.indeterminate input:not([disabled])+label:hover span{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.indeterminate.bcm-uncheck label span{background-color:#ffffff}.indeterminate.bcm-determinate bcm-icon{display:block}.indeterminate.bcm-determinate label span{background-color:var(--bcm-color-prime-blue-6);border-color:transparent}.indeterminate.bcm-determinate label span:after{opacity:0}.indeterminate.bcm-indeterminate bcm-icon{display:none !important}.indeterminate.bcm-indeterminate label span{background-color:#ffffff}.indeterminate.bcm-indeterminate label span:after{opacity:1}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:8px}';export{a as bcm_checkbox_group}

package/dist/bromcom-ui/p-0532e299.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as h}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";import{a as l}from"./p-b92324e7.js";const n=t=>new Promise((i=>setTimeout(i,t))),a=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.clear=i(this,"bcm-clear",7),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.listboxUnchecked=i(this,"bcm-listbox-unchecked",7),this.listboxSendCheck=i(this,"bcm-listbox-send-check",7),this.isRendered=!1,this.cleaned=!1,this.objectMapping={value:"value",id:"id",text:"text",icon:"icon",avatar:"avatar",avatarName:"avatarName",avatarImage:"avatarImage",secondaryText:"secondaryText",tooltipText:"tooltipText",selected:"selected",checked:"checked",disabled:"disabled"},this.firstRun=!0,this.currentItemWidth=0,this.otherTagsWidth=0,this.areaWidth=0,this.itemsWidth=[],this.itemsWidthArray=[],this.checklist=[],this.pastItem=[],this._id=(4*Math.random()).toString(16).replace(".",""),this.value=null,this.value2=null,this.size="medium",this.scrollable="vertical",this.placeholder="Choose an option",this.search=!1,this.noCaption=!1,this.captionType="default",this.searchFields=["value","text"],this.fullWidth=!1,this.hidden=!1,this.checkboxes=!1,this.searchable=!1,this.required=!1,this.treeview=!1,this.numberOfColumns=1,this.viewportWidth="100%",this.viewportMinWidth=null,this.viewportMaxWidth=null,this.template=null,this.maxHeight="200px",this.infoFooter=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.alignment="left",this._items=null,this._data=null,this.placement="bottom-start",this.otherTagStatus=!1,this.firstSetData=!0,this.visibleTags=[],this.hiddenTags=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.hiddenTagsString="",this.clientWidth=0,this.tagLabel=[],this.selectText=null,this.isOpen=!1,this.searchResults=[],this.optionViewportStyleAlignment={}}async componentWillLoad(){await this.createElement(),await n(100)}disconnectedCallback(){document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).remove()}componentWillRender(){var t=this.el.shadowRoot.getElementById("selected-container");t&&this.el.clientWidth>200&&(t.style.maxWidth=this.el.clientWidth+"px")}async config(t){var i;this._config=t,this.maxHeight&&(t.maxHeight=this.maxHeight),this.template&&(t.template=this.template),t.treeview&&(this.treeview="boolean"==typeof t.treeview&&t.treeview),t.checkable&&(this.checkboxes="boolean"==typeof t.checkable),t.numberOfColumns&&(this.numberOfColumns="number"==typeof t.numberOfColumns?t.numberOfColumns:1),t.viewportWidth&&(this.viewportWidth="string"==typeof t.viewportWidth?t.viewportWidth:"100%"),t.viewportMinWidth&&(this.viewportMinWidth="string"==typeof t.viewportMinWidth?t.viewportMinWidth:null),t.viewportMaxWidth&&(this.viewportMaxWidth="string"==typeof t.viewportMaxWidth?t.viewportMaxWidth:null),t.clearable&&(this.clearable="boolean"==typeof t.clearable&&t.clearable),t.searchable&&(this.searchable="boolean"==typeof t.searchable&&t.searchable),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.label&&(this.label="string"==typeof t.label?t.label:null),t.placeholder&&(this.placeholder="string"==typeof t.placeholder?t.placeholder:"Choose an option"),t.infoFooter&&(this.infoFooter="boolean"==typeof t.infoFooter&&t.infoFooter),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.value&&(this.objectMapping.value=t.mapping.value)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(t)),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(i=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),sessionStorage.getItem(this._internal_id+"-config")&&await i.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))))}async renderListbox(){if(0==this.isRendered){this.isRendered=!0;var t=null;return this.cleaned&&(this._items.forEach((t=>{!0===this.checkboxes?t[this.objectMapping.checked]&&(t[this.objectMapping.checked]=!1):t[this.objectMapping.selected]&&(t[this.objectMapping.selected]=!1)})),this._data=JSON.stringify(this._items)),(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector("bcm-listbox"))&&(sessionStorage.getItem(this._internal_id+"-config")&&await t.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),await t.setData(this._data)),await t}}async setData(t=[]){!0===this.firstSetData?this.firstSetData=!1:(this.itemsWidth=[],null!=this.value&&(this.value=null),this.checklist=[]),this._data=t,this.isRendered=!0,this._items="string"==typeof t?JSON.parse(t):t,this._items.length>0||(this.handleClear(),this.isRendered=!1);var i=null;(i=document.getElementById("select-box"+this._internal_id))&&(i=i.shadowRoot.querySelector("bcm-listbox"))&&await i.setData(t)}async setDataAsync(t=[]){if(1==this.isRendered)await this.setData(t);else{this._data=t,this._items="string"==typeof t?JSON.parse(t):t;var i=[];this._items.length>0?this._items.forEach((t=>{!0===this.checkboxes?!0===t[this.objectMapping.checked]&&i.push(t):!0===t[this.objectMapping.selected]&&(this.value=t,this.selectText=t[this.objectMapping.text])})):(this.handleClear(),this.isRendered=!1),this.itemsWidth=[],1==this.checkboxes?(this.handleTagControl2(i),this.checklist=i):(null!=this.value&&(this.value=null),this.checklist=[])}}async clearAndSelectSearch(t=!0){this.renderListbox(),!0===this.searchable&&setTimeout((()=>{var i=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(i=this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"))&&(i.clearAndSelectSearch(),1==t&&i.clearAndSelectSearch(!0))}),100)}async selected(t){this.renderListbox(),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(this.bcmListbox=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.selected(t))}async addChecked(t=[]){this.renderListbox(),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(this.bcmListbox=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.addChecked(t))}async updateChecked(t=[]){this.renderListbox(),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(this.bcmListbox=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.updateChecked(t))}async getValue(){return this.value}async getChecklist(){return this.checklist}async setClear(){this.handleClear()}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}handleChange(t){this.change.emit(t)}async handleOpenState(){0==this.isOpen&&(this.searchResults=[]),await this.createElement(this.isOpen),await n(100),this.viewportCoordinateUpdater()}async handleOpen(t,i=!1){var s=t.path||t.composedPath&&t.composedPath();s&&null!=s.filter((t=>"close"==t.id))[0]?this.isOpen=this.isOpen:0==t?this.isOpen=!1:this.disabled||("bcm-tag"!==t.target.nodeName.toLowerCase()?this.isOpen=!this.isOpen:this.isOpen||(this.isOpen=!0)),this.isOpen&&this.searchable&&!i&&setTimeout((()=>{var t=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(t=this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"))&&t.clearAndSelectSearch()}),100),1==this.isOpen&&0==this.isRendered&&this.renderListbox()}onwheelEvent(t){var i=t.path||t.composedPath&&t.composedPath();!i||null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&void 0===i.filter((t=>"BCM-SELECT"==t.nodeName))[0]||!0===this.isOpen&&(this.isOpen=!1,document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).classList.remove("show"))}async scrollEvent(t){var i=t.path||t.composedPath&&t.composedPath();i&&null==i.filter((t=>"BCM-MODAL"==t.nodeName))[0]?!0===this.isOpen&&this.viewportCoordinateUpdater():!0===this.isOpen&&(this.isOpen=!1,document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).classList.remove("show"))}viewportCoordinateUpdater(){var t;document.getElementById("select-box"+this._internal_id)&&(t=document.getElementById("select-box"+this._internal_id),l(t,"#"+this._id))}async createElement(t=!1){var i;document.getElementById("select-box"+this._internal_id)?i=document.getElementById("select-box"+this._internal_id):((i=document.createElement("bcm-select-box")).setAttribute("id","select-box"+this._internal_id),i.setAttribute("_internal_id",this._internal_id),await n(150)),document.body.appendChild(i),l(i,"#"+this._id),i.style.width=this.el.clientWidth+"px",i.style.width=null!=this.viewportMinWidth||null!=this.viewportMaxWidth?"100%":"100%"!=this.viewportWidth?this.viewportWidth:this.numberOfColumns>1?"auto":this.el.clientWidth+"px",null!=this.viewportMinWidth&&(null==this.viewportMaxWidth&&(i.style.maxWidth=this.el.clientWidth+"px"),i.style.minWidth=this.viewportMinWidth),null!=this.viewportMaxWidth&&(null==this.viewportMinWidth&&(i.style.minWidth=this.el.clientWidth+"px"),i.style.maxWidth=this.viewportMaxWidth),i.style.maxHeight=this.maxHeight,!0===t?i.classList.add("show"):i.classList.remove("show")}getPlacement(){const t=this.placement.split("-");return 1===t.length&&t.push("center"),t}clickClear(t){this.handleClear(),this.cleaned=!0,t.stopPropagation()}async handleClear(){this.value=null,this.selectText=null,this.clear.emit();var t=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")&&(t=!0===this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")),t&&await t.setClear(),this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.searchResults=[],this.watchSearchResults();var i=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")&&(i=this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")),i&&i.clearAndSelectSearch()}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}handleScreenResize(){!0===this.isOpen&&this.createElement(!0)}handleClickOutside(t){var i=t.path||t.composedPath&&t.composedPath();if(i&&null==i.filter((t=>"other-tag"==t.id))[0]&&i&&null==i.filter((t=>"listbox"==t.id))[0]&&(this.otherTagStatus=!1,setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),100)),this.el.contains(t.target)||i&&null!=i.filter((t=>t.id=="select-box"+this._internal_id))[0]){this.optionViewportStyleAlignment={};var s=t.target.id;if(document.querySelector("#"+s)){var e=document.querySelector("#"+s).getBoundingClientRect().top,h=t.target.clientHeight,o=t.view.innerHeight-e-(t.target.noCaption?h:h-20)+8;Number(this.maxHeight.replace("px",""))>o&&(this.optionViewportStyleAlignment={bottom:50+(this.infoFooter?30:0)+"px","box-shadow":"0px -2px 8px rgb(0 0 0 / 15%)"})}0==this.checkboxes&&i&&null==i.filter((t=>"collapse-button"==t.id))[0]&&(i.filter((t=>"BCM-LISTBOX-ITEM"==t.nodeName))[0]||i.filter((t=>"BCM-TREEVIEW-ITEM"==t.nodeName))[0])&&(this.isOpen=!1)}else this.isOpen&&(this.isOpen=!1)}handleTreeviewUnchecked(t){this.handleListboxUnchecked(t)}handleListboxUnchecked(t){const i=this.searchResults.indexOf(t.detail);i>-1&&(this.searchResults.splice(i,1),this.onShowHiddenTags.length<=2&&(this.searchResults=[],this.otherTagStatus=!1),this.watchSearchResults())}async bcmTagDissmisable(t,i=null){var s=t.path||t.composedPath&&t.composedPath();if(this.el.contains(t.target)&&s&&s.filter((t=>t._internal_id==this._internal_id))[0]||i==this._internal_id){0==this.isRendered&&(await this.renderListbox(),await n(100)),await this.createElement(),await n(100);const i=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box");"other-tag"==t.detail.id?(this.onShowHiddenTags.map((async t=>{await i.listboxUncheckedMethod(String(t[this.objectMapping.id]),this._internal_id)})),this.onShowHiddenTags=[]):await i.listboxUncheckedMethod(t.detail.id,this._internal_id),this.watchSearchResults()}}handleListboxSelected(t){var i=t.path||t.composedPath&&t.composedPath();i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&setTimeout((()=>{if(!0!==this.checkboxes){const i=t.detail;this.value=i,this.selectText=i[this.objectMapping.text]}}),100)}handleListboxCheckedList(t){var i=t.path||t.composedPath&&t.composedPath();i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&setTimeout((()=>{JSON.stringify(this.checklist)!==JSON.stringify(t.detail)&&(this.handleTagControl2(t.detail),this.checklist=t.detail)}),100)}handleTreeviewCheckedList(t){var i=t.path||t.composedPath&&t.composedPath();i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&(this.handleTagControl2(t.detail),this.checklist=t.detail)}async handleTagControl2(t){if(this.visibleTags=[],this.hiddenTags=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],t.length>0&&t.map((async t=>{this.visibleTags.push(t)})),this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.onShowVisibleTags=this.visibleTags,this.onShowHiddenTags=this.hiddenTags,this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0){var i=JSON.parse(JSON.stringify([...this.onShowVisibleTags,...this.onShowHiddenTags]));this.value2!==i&&(this.value2=i)}else null!==this.value2&&(this.value2=null);await this.calculateContainer()}async calculateContainer(){const t=this.el.shadowRoot.querySelector(".selected-text");this.otherTagsWidth=135,await n(100),this.areaWidth=t.clientWidth,!0===this.clearable&&(this.areaWidth=this.areaWidth-22),this.itemsWidth=0,this.itemsWidthArray=[];const i=t.querySelectorAll("bcm-tag");if(await n(50),i.forEach((t=>{if(this.itemsWidthArray.push({id:String(t.id),clientWidth:t.clientWidth}),this.itemsWidth+=t.clientWidth+4,this.itemsWidth>this.areaWidth){const i=this.visibleTags[this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id)))];String(t.id)==String(i[this.objectMapping.id])&&(this.visibleTags.splice(this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id))),1),this.hiddenTags.push(i))}})),this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.hiddenTags.length>0){(this.hiddenTags.length>10||this.hiddenTags.length>100)&&(this.otherTagsWidth+=20);var s=Array.prototype.slice.call(t.querySelectorAll("bcm-tag"));this.itemsWidth=0,s.forEach((t=>{if("other-tag"!=t.id){var i=this.visibleTags[this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id)))];i&&String(t.id)==String(i[this.objectMapping.id])&&(this.itemsWidth+=t.clientWidth+4,this.itemsWidth+this.otherTagsWidth>this.areaWidth&&(this.visibleTags.splice(this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id))),1),this.hiddenTags.push(i)))}}))}if(this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.onShowVisibleTags=this.visibleTags,this.onShowHiddenTags=this.hiddenTags,this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0){var e=JSON.parse(JSON.stringify([...this.onShowVisibleTags,...this.onShowHiddenTags]));this.value!==e&&(this.value=e)}else null!==this.value&&(this.value=null);this.otherTagStatus&&(this.searchResults=this.onShowHiddenTags.map((t=>String(t[this.objectMapping.id]))),this.onShowHiddenTags.length<=2&&(this.searchResults=[],this.otherTagStatus=!1),this.watchSearchResults())}async handleTagControl(t){if(t.length>0){const i=this.el.shadowRoot.querySelector(".selected-text");if(this.visibleTags=[],this.hiddenTags=[],this.itemsWidth=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.areaWidth=i.clientWidth-16,this.otherTagsWidth=130,this.currentItemWidth=0,t.map((async t=>{const i=document.createElement("bcm-tag");i.setAttribute("id",String(t[this.objectMapping.id])),i.setAttribute("value",t[this.objectMapping.text]),i.setAttribute("type","dissmisable"),i.setAttribute("_internal_id",this._internal_id),i.style.visibility="hidden",document.body.appendChild(i),await n(50);var s=i.clientWidth>=200?200:i.clientWidth;this.currentItemWidth=this.currentItemWidth+s,this.itemsWidth.push({id:String(t[this.objectMapping.id]),clientWidth:s}),this.areaWidth>this.currentItemWidth?this.visibleTags.push(t):this.hiddenTags.push(t),i.remove()})),await n(100),this.visibleTags.length>1){const t=this.itemsWidth[this.itemsWidth.findIndex((t=>t.id===String(this.visibleTags[this.visibleTags.length-1][this.objectMapping.id])))];this.areaWidth<=this.currentItemWidth+this.otherTagsWidth-t.clientWidth&&(this.hiddenTags.push(this.visibleTags[this.visibleTags.length-1]),this.visibleTags.splice(-1,1))}}else this.visibleTags=[],this.hiddenTags=[];if(this.visibleTags.forEach((t=>{const i=this.hiddenTags.indexOf(t);i>-1&&this.hiddenTags.splice(i,1)})),this.hiddenTags.length>0&&(this.hiddenTags=[...new Set(this.hiddenTags),...new Set(this.visibleTags)],this.visibleTags=[]),this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.onShowVisibleTags=this.visibleTags,this.onShowHiddenTags=this.hiddenTags,this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0){var i=JSON.parse(JSON.stringify([...this.onShowVisibleTags,...this.onShowHiddenTags]));this.value!==i&&(this.value=i)}else null!==this.value&&(this.value=null);var s=Object.keys(this.onShowHiddenTags).map((t=>this.onShowHiddenTags[t][this.objectMapping.text]));this.hiddenTagsString=s.toString().split(",").join("\r\n")}handleClickTag(){this.searchResults=[],this.otherTagStatus=!1,setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),100),this.watchSearchResults()}showHiddenTags(t){t.stopPropagation(),this.handleOpen(t,!0),this.otherTag=t.target,this.otherTagStatus?(this.searchResults=[],this.otherTagStatus=!1):(this.otherTagStatus=!0,this.searchResults=this.onShowHiddenTags.map((t=>String(t[this.objectMapping.id])))),this.watchSearchResults()}async watchSearchResults(){var t=null;1==this.treeview?(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector(".listbox-box"))&&(t=t.shadowRoot.querySelector("bcm-treeview"))&&await t.searchResultMethod(this.searchResults):(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector(".listbox-box"))&&await t.searchResultMethod(this.searchResults),this.searchResults.length>0?(setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","prime-blue")}),100),1==this._config.searchable&&t&&await t.showSearchMethod(!1)):(setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),100),t&&await t.showSearchMethod(this.searchable))}render(){const{size:t,clearable:i,value:h,label:l,caption:n,captionError:a,captionType:c,disabled:r,flex:d,placeholder:b,noCaption:p,fullWidth:u,required:x}=this,m=o("selected","selected-"+this.size,{"size-3":"large"===t,"size-2":"small"===t||"medium"===t,disabled:r}),g=o("option-container","alignment-"+this.alignment,{hidden:!this.isOpen},{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),w=o("options-viewport",{hidden:!this.isOpen,[this.scrollable]:"horizontal"===this.scrollable||"vertical"===this.scrollable,"horizontal vertical":"both"===this.scrollable,flex:d}),y=o("size-1","input-caption","caption-"+c),v=o("container",{error:"error"==c,"full-width":u}),f=o("selected-text",{"selected-tags":this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0}),S=o(this.hidden?"hidden":null);var k={width:null!=this.viewportMinWidth||null!=this.viewportMaxWidth?"max-content":"100%"!=this.viewportWidth?this.viewportWidth:this.numberOfColumns>1?"auto":"100%","min-width":null!=this.viewportMinWidth?this.viewportMinWidth:null,"max-width":null!=this.viewportMaxWidth?this.viewportMaxWidth:null};this.optionViewportStyleAlignment!={}&&(k=Object.assign(Object.assign({},k),this.optionViewportStyleAlignment));const C={cursor:"pointer","max-width":"164px","text-overflow":"ellipsis","white-space":"nowrap",overflow:"hidden",display:"block"};return s(e,{class:S,onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()},s("div",{class:v},l&&s("label",{class:"label size-1",onClick:()=>this.handleOpen(!1)}," ",l," ",x&&"*","  "),s("div",{id:"selected-container",class:m,onClick:t=>this.handleOpen(t),tabIndex:-1},s("span",{class:f,title:this.selectText&&this.selectText},this.selectText&&this.selectText,!this.selectText&&(this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0)&&s("span",{id:"tagcontainer",class:"tag-container"},s("span",null,this.onShowVisibleTags.map((t=>s("bcm-tag",{_internal_id:this._internal_id,customStyle:C,onClick:()=>this.handleClickTag(),type:"dissmisable",value:t[this.objectMapping.text],title:t[this.objectMapping.text],id:t[this.objectMapping.id],class:"tag"})))),s("span",null,this.onShowHiddenTags.length>0&&s("bcm-tag",{_internal_id:this._internal_id,title:this.hiddenTagsString,customStyle:{cursor:"pointer","white-space":"nowrap"},onClick:t=>this.showHiddenTags(t),color:this.otherTagStatus?"prime-blue":"grey-9",type:"dissmisable",value:"+ "+this.onShowHiddenTags.length+" item"+(this.onShowHiddenTags.length>1?"s":"")+" selected",id:"other-tag"}))),!(this.selectText||this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0)&&b&&s("span",{class:"placeholder"}," ",b," ")),s("div",{class:"buttons"},i&&h&&s("button",{class:"select-clear-button",onClick:t=>this.clickClear(t)},s("bcm-icon",{icon:"close-circle",type:"fill",size:18,color:"grey-7"})),s("span",{class:this.isOpen?"open":"close"},s("bcm-icon",{icon:"caret-up",type:"outlined",size:18,color:"grey-6"})))),s("div",{class:g,style:k},s("div",{class:w})),!p&&s("div",{class:"caption-area"},"error"==c?s("span",{class:y}," ",a," "):n&&s("span",{class:y}," ",n," "))))}get el(){return h(this)}static get watchers(){return{value:["handleChange"],isOpen:["handleOpenState"]}}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block;width:100%;margin:0 0 8px 0}:host(.hidden){display:none}.container{display:block;max-width:256px;position:relative}.container.full-width{width:100%;max-width:100%}.selected{width:100%;box-sizing:border-box;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bcm-color-grey-5);user-select:none;cursor:pointer}.selected:hover:not(.disabled){border-color:var(--bcm-color-prime-blue-5)}.selected:hover:not(.disabled) .select-clear-button{opacity:1}.selected:focus:not(.disabled){border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.selected:focus:not(.disabled) .select-clear-button{opacity:1}.selected:focus{outline:none}.selected.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8);cursor:not-allowed}.selected .buttons{padding:8px;height:100%;display:flex;align-items:center;justify-content:center}.selected .selected-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0 8px;width:100%}.selected .selected-tags{padding:0 4px;height:100%}.selected .tag-container{height:100%;display:flex;align-items:center;justify-content:flex-start;grid-gap:2px}.selected .tag-container>span{height:100%;align-items:center;justify-content:flex-start;display:flex;grid-gap:2px}.selected .tag-container .tag{max-width:200px}.selected .tag-container #other-tag{cursor:pointer}.selected .open,.selected .close{display:inline-flex}.selected .close{transform:rotate(180deg)}.selected .placeholder{color:var(--bcm-color-grey-6);user-select:none;font-size:14px;height:100%;display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.options-viewport{display:inline-block}.option-container{display:block;position:absolute;background-color:var(--bcm-color-grey-1);box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15);box-sizing:border-box;width:100%;z-index:10000}.option-container.alignment-left{left:0}.option-container.alignment-right{right:0}.option-container.hidden{display:none}.option-container .search{position:sticky;padding:8px;margin-bottom:4px}.option-container .search:after{content:"";position:absolute;bottom:0;height:1px;width:calc( 100% - 16px);background-color:var(--bcm-color-grey-5)}.options-viewport{display:block}.options-viewport bcm-select-option,.options-viewport ::slotted(bcm-select-option){white-space:normal}.options-viewport.hidden{display:none}.options-viewport.vertical{height:fit-content;max-height:200px}.options-viewport.horizontal:not(.flex){overflow-x:auto;width:100%}.options-viewport.horizontal:not(.flex) bcm-select-option,.options-viewport.horizontal:not(.flex) ::slotted(bcm-select-option){white-space:nowrap}.items{display:flex;flex-direction:column}.buttons{display:flex}.select-clear-button{display:inline-flex;align-items:center;outline:none;border:none;background:none;padding:0;cursor:pointer;margin-right:4px;opacity:0}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.selected-large{height:40px}.selected-medium{height:32px}.selected-small{height:24px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.error .label{color:var(--bcm-color-red-6) !important}.error .selected{border:1px solid var(--bcm-color-red-6) !important}';export{a as bcm_select}