bromcom-ui 2.3.57 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.3.57",
+  "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}