bromcom-ui 2.4.29 → 2.4.32

package/dist/esm/popover-placement-38aa9b63.js

@@ -0,0 +1,91 @@
+import { S as StringHelper } from './string-helper-cfa6df93.js';
+
+const opposites = {
+  left: 'right',
+  right: 'left',
+  top: 'bottom',
+  bottom: 'top'
+};
+const join = (places) => {
+  if (places.length === 1) {
+    return opposites[places[0]];
+  }
+  return [opposites[places[0]], places[1]].join('-');
+};
+const getPlacement = async (box, host, placement, changePlacement) => {
+  const { width, height } = box.getBoundingClientRect();
+  const { left, right, top, bottom } = host.getBoundingClientRect();
+  const places = StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');
+  const bodyWidth = document.documentElement.clientWidth;
+  const bodyHeight = document.documentElement.clientHeight;
+  switch (places[0]) {
+    case 'left':
+      if (left < (width + 8)) {
+        changePlacement(join(places));
+      }
+      break;
+    case 'right':
+      if (bodyWidth < (right + width + 8)) {
+        changePlacement(join(places));
+      }
+      break;
+    case 'top':
+      if (top < (height + 8)) {
+        changePlacement(join(places));
+      }
+      break;
+    case 'bottom':
+      if (bodyHeight < (bottom + height + 8)) {
+        changePlacement(join(places));
+      }
+      break;
+  }
+};
+const setPosition = (placement, target) => {
+  const rect = target.getBoundingClientRect();
+  const top = (rect.top + window.pageYOffset);
+  const left = (rect.left + window.pageXOffset);
+  const height = rect.height;
+  const width = rect.width;
+  const places = StringHelper.textContains(placement, '-') ? placement.split('-') : placement.split(' ');
+  switch (places[0]) {
+    case 'left':
+      switch (places[1]) {
+        case 'start':
+          return [top, left];
+        case 'end':
+          return [top + height, left];
+        default:
+          return [top + (height / 2), left];
+      }
+    case 'right':
+      switch (places[1]) {
+        case 'start':
+          return [top, left + width];
+        case 'end':
+          return [top + height, left + width];
+        default:
+          return [top + (height / 2), left + width];
+      }
+    case 'top':
+      switch (places[1]) {
+        case 'start':
+          return [top, left];
+        case 'end':
+          return [top, left + width];
+        default:
+          return [top, left + width / 2];
+      }
+    case 'bottom':
+      switch (places[1]) {
+        case 'start':
+          return [top + height, left];
+        case 'end':
+          return [top + height, left + width];
+        default:
+          return [top + height, left + width / 2];
+      }
+  }
+};
+
+export { getPlacement as g, setPosition as s };

package/dist/esm/snq.es5-946822b8.js

@@ -0,0 +1,14 @@
+function snq(callback, defaultValue) {
+    try {
+        var result = callback();
+        return typeof result === 'undefined' ? defaultValue : result;
+    }
+    catch (err) {
+        if (err instanceof TypeError) {
+            return defaultValue;
+        }
+        throw err;
+    }
+}
+
+export { snq as s };

package/dist/esm/{stepper-states-e1a5694d.js → stepper-states-638eb20f.js}

@@ -1,4 +1,5 @@
-import { s as snq, G as Generate } from './snq.es5-af9d3468.js';
+import { s as snq } from './snq.es5-946822b8.js';
+import { G as Generate } from './generate-a97a04fc.js';
 import { c as createStore } from './index-3c5b7898.js';
 
 const { state } = createStore({

package/dist/types/components/molecules/popconfirm/popconfirm-box.d.ts

@@ -18,7 +18,7 @@ export declare class BcmPopconfirmBox implements ComponentInterface {
   handleClickOutside(e: any): void;
   show(): Promise<void>;
   hide(): Promise<void>;
-  componentDidRender(): void;
+  componentWillRender(): void;
   calculateLocation(): void;
   setPlacementString(placement: any): void;
   handleConfirm(): void;

package/dist/types/components/molecules/popconfirm/popconfirm.d.ts

@@ -17,7 +17,7 @@ export declare class BcmPopconfirm {
   onCancel: EventEmitter;
   show(): Promise<void>;
   hide(): Promise<void>;
-  createBox(): void;
+  createBox(): Promise<any>;
   getPopconfirmBox(): any;
   showBox(): void;
   hideBox(): void;

package/dist/types/components/molecules/search-2/search-2.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { SizeTypes } from '../../../models/bcm-types';
 export declare class BcmSearch2 implements ComponentInterface {
   el: HTMLElement;
   inputElement: HTMLInputElement;
@@ -7,6 +8,7 @@ export declare class BcmSearch2 implements ComponentInterface {
   disabled: boolean;
   readonly: boolean;
   clearable: boolean;
+  size: SizeTypes;
   limit: number;
   data: any;
   tick: {};

package/dist/types/components/organism/list/list.d.ts

@@ -23,6 +23,8 @@ export declare class BcmList implements ComponentInterface {
   hidden: boolean;
   fullWidth: boolean;
   height: string;
+  maxHeight: string;
+  minHeight: string;
   width: string;
   infoFooter: boolean;
   variableText: string;
@@ -89,6 +91,7 @@ export declare class BcmList implements ComponentInterface {
   dataChanged(newValue: any, oldValue: any): Promise<void>;
   handleChange(e: any): void;
   handleResize(): void;
+  handleWheel(): void;
   handleClick(event: any): void;
   onDismiss(event: CustomEvent): Promise<void>;
   onSelect(event: CustomEvent): Promise<void>;

package/dist/types/components.d.ts

@@ -550,6 +550,8 @@ export namespace Components {
         "keyControl": boolean;
         "label": string;
         "linkedComponent": string;
+        "maxHeight": string;
+        "minHeight": string;
         "name": string;
         "noCaption": boolean;
         "placeholder": string;
@@ -905,6 +907,7 @@ export namespace Components {
         "placeholder": string;
         "readonly": boolean;
         "setValue": (newValue: any) => Promise<void>;
+        "size": SizeTypes;
     }
     interface BcmSelect {
         "_data": any;
@@ -2424,6 +2427,8 @@ declare namespace LocalJSX {
         "keyControl"?: boolean;
         "label"?: string;
         "linkedComponent"?: string;
+        "maxHeight"?: string;
+        "minHeight"?: string;
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
@@ -2776,6 +2781,7 @@ declare namespace LocalJSX {
         "onBcm-on-search-clear"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
         "readonly"?: boolean;
+        "size"?: SizeTypes;
     }
     interface BcmSelect {
         "_data"?: any;

package/dist/types/helper/number-helper.d.ts

@@ -6,4 +6,5 @@ export declare class NumberHelper {
   static toFixed: (num: number, fixed: number) => string;
   static parseFloatFixed: (str: string, fixed: number) => string;
   static getDecimalLength: (str: string) => number;
+  static toNumber: (str: string) => number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.4.29",
+  "version": "2.4.32",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -25,7 +25,7 @@
     "story": "npm-run-all -p start:watch storybook",
     "build:storybook": "build-storybook -s www",
     "prebuild:storybook": "npm start",
-    "prepublish": "npm run build",
+    "prepublish": "npm run build --prod",
     "build:prod": "stencil build --prod",
     "generate:storybook": "npm run build && build-storybook -o ./storybook && npx cpy ./dist/bromcom-ui ./storybook/build"
   },

package/dist/bromcom-ui/p-10f5108c.js

@@ -1 +0,0 @@
-import{S as e}from"./p-1429a2b4.js";console.log("%c Bromcom ui component library version: 2.4.28 ","background: #1890FF; \ntext-shadow: 0 0 2px #000000;\ncolor: #fff; \nline-height: 40px; \nfont-size: 13px; \npadding: 0 20px; \nborder-radius: 6px; ");class r{}function n(e,r){try{var n=e();return void 0===n?r:n}catch(e){if(e instanceof TypeError)return r;throw e}}r.UID=()=>Math.random().toString(36).substr(2,9),r.getIconAttrWithStatusType=(r,n=!1)=>{if(n)return{icon:"loading",color:"blue-6"};switch(r){case e.info:return{color:"blue-6",icon:"info-circle"};case e.error:return{color:"red-6",icon:"close-circle"};case e.warning:return{color:"warmyellow-6",icon:"exclamation-circle"};case e.success:return{color:"green-6",icon:"check-circle"}}},r.createComponent=(e,r)=>{let n=document.getElementById("append-area");n||(n=document.createElement("div"),n.id="append-area",document.body.appendChild(n)),n.style.visibility="hidden",n.style.opacity="0";let o=document.getElementById(r.id);return o||(o=document.createElement(e)),Object.keys(r).forEach((e=>{o[e]=r[e]})),n.appendChild(o),o},r.debounceInput=(e,r,n,o)=>{let t;return function(){let c=this,i=arguments;o&&o.apply(c,i);let l=function(){t=null,n||e.apply(c,i)},a=n&&!t;clearTimeout(t),t=setTimeout(l,r),a&&e.apply(c,i)}},r.flatArray=e=>e.reduce(((e,n)=>e.concat(Array.isArray(n)?r.flatArray(n):n)),[]),r.reverseNodeList=e=>{let r=[];for(let n=e.length-1;n>=0;n--)r.push(e[n]);return r},r.findEventPathWithKey=(e,r,n)=>{n=Array.isArray(n)?n:[n];let o=e.path||e.composedPath();if(o)return void 0!==o.filter((e=>n.includes(e[r])))[0]},r.findEventTarget=(e,r)=>{r=Array.isArray(r)?r:[r];let n=e.target||e.srcElement;if(console.log(n),n)return r.includes(n)},r.findEventPath=(e,r)=>{r=Array.isArray(r)?r:[r];let n=e.path||e.composedPath();if(n)return void 0!==n.filter((e=>r.includes(e)))[0]},r.objectIsEmpty=e=>0===Object.keys(e).length&&e.constructor===Object,r.convertIdsToNestedData=(e,n)=>{let o=[],t=[];return n.forEach((n=>{e.indexOf(n.id)>-1?o.push(n):n.items&&(t=r.convertIdsToNestedData(e,n.items),t.length>0&&(n.items=t,o.push(n)))})),o};export{r as G,n as s}