bromcom-ui 2.7.37-rc.3 → 2.7.37-rc.4-0

package/dist/components/bcm-items.js

@@ -0,0 +1,74 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { G as Generate, s as snq } from './generate.js';
+import { I as IsLoad } from './is-load-decorator.js';
+import { S as StringHelper } from './string-helper.js';
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmItems$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.bcmItems = createEvent(this, "bcm-items", 7);
+    this._id = Generate.UID();
+  }
+  connectedCallback() {
+    if (this.el.children && this.el.children.length > 0) {
+      let slots = this.nestedItems(this.el);
+      this.bcmItems.emit(slots);
+      this.el.remove();
+    }
+  }
+  mapItems(element) {
+    var _a;
+    const item = element;
+    const textContent = (_a = item === null || item === void 0 ? void 0 : item.innerHTML) === null || _a === void 0 ? void 0 : _a.replace(/<bcm-item>.*<\/bcm-item>/g, '').replace(/<bcm-item .*>.*<\/bcm-item>/g, '').replace(/<!--(.|\s)*?-->/g, '').trim();
+    const checkAttr = (attr) => StringHelper.elementBooleanCheck(element.getAttribute(attr));
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id: element.getAttribute('id') || Generate.UID(), text: element.getAttribute('text') || textContent }, (element.innerHTML.trim() && { isHtmlContent: element.textContent.length > 0 ? (element.innerHTML.trim()) : null })), (checkAttr('disabled') && { disabled: checkAttr('disabled') })), (checkAttr('selected') && { selected: checkAttr('selected') })), (checkAttr('checked') && { checked: checkAttr('checked') })), (checkAttr('readonly') && { readonly: checkAttr('readonly') })), (checkAttr('active') && { active: checkAttr('active') })), (checkAttr('icon') && { icon: element.getAttribute('icon') })), (checkAttr('link') && { link: element.getAttribute('link') }));
+  }
+  nestedItems(element) {
+    return snq(() => Array.from(element === null || element === void 0 ? void 0 : element.children).map((child) => {
+      var _a;
+      return (Object.assign(Object.assign({}, (((_a = child === null || child === void 0 ? void 0 : child.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'bcm-item' && this.mapItems(child))), { items: this.nestedItems(child) }));
+    }), []);
+  }
+  render() {
+    return h("slot", null);
+  }
+  get el() { return this; }
+}, [4, "bcm-items", {
+    "_id": [1537, "id"]
+  }]);
+__decorate([
+  IsLoad()
+], BcmItems$1.prototype, "el", void 0);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bcm-items"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bcm-items":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BcmItems$1);
+      }
+      break;
+  } });
+}
+
+const BcmItems = BcmItems$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmItems, defineCustomElement };

package/dist/components/bcm-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmLabel extends Components.BcmLabel, HTMLElement {}
+export const BcmLabel: {
+  prototype: BcmLabel;
+  new (): BcmLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-label.js

@@ -0,0 +1,10 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { B as BcmLabel$1, d as defineCustomElement$1 } from './label.js';
+
+const BcmLabel = BcmLabel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmLabel, defineCustomElement };

package/dist/components/bcm-link.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmLink extends Components.BcmLink, HTMLElement {}
+export const BcmLink: {
+  prototype: BcmLink;
+  new (): BcmLink;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-link.js

@@ -0,0 +1,10 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { B as BcmLink$1, d as defineCustomElement$1 } from './link.js';
+
+const BcmLink = BcmLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmLink, defineCustomElement };

package/dist/components/bcm-linked.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmLinked extends Components.BcmLinked, HTMLElement {}
+export const BcmLinked: {
+  prototype: BcmLinked;
+  new (): BcmLinked;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-linked.js

@@ -0,0 +1,201 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { a as Bcm } from './bcm.js';
+import './element-dragger.js';
+import './string-helper.js';
+import { d as delay } from './utils.js';
+import { F as FloatingUI } from './floating-ui.js';
+import './color-helper.js';
+import './validators.js';
+import { G as Generate } from './generate.js';
+import './number-helper.js';
+import { I as IsLoad } from './is-load-decorator.js';
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmLinked$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this._id = Generate.UID();
+    this.placement = Bcm.Placement['bottom-start'];
+    this.trigger = Bcm.TriggerType.click;
+    this.targetId = '';
+    this.minHeight = '50px';
+    this.isOpen = false;
+  }
+  target() {
+    const target = document.querySelectorAll(`[id="${this.targetId}"]`);
+    if (target.length > 0) {
+      target.length > 1 && console.warn(`[bcm-linked] - Target id "${this.targetId}" is duplicated`);
+      return target[0];
+    }
+    else {
+      // console.warn(`[bcm-linked] - id="${this._id}" was removed from the dom because id="${this.targetId}" could not be found.`);
+      this.el.remove();
+      return null;
+    }
+  }
+  dismissEvent() {
+    document.dispatchEvent(new CustomEvent('linked-data-dismiss', { detail: { id: this._id } }));
+  }
+  checkDataDismiss(e) {
+    Generate.findEventPathHasAttribute(e, 'data-dismiss') && this.dismissEvent();
+  }
+  hideChildLinked() {
+    this.el.querySelectorAll('[is-linked][linked-is-open]').forEach(item => {
+      var _a;
+      (_a = document.querySelector(`#${item.getAttribute('is-linked')}[is-open]`)) === null || _a === void 0 ? void 0 : _a.hide(false);
+    });
+  }
+  calculatePosition() {
+    const el = this.el;
+    if (el && this.target()) {
+      if (this.isOpen) {
+        FloatingUI({
+          ref: this.target(),
+          floating: el,
+          placement: this.placement,
+          offset: 4,
+          autoHidden: el.getAttribute('main-linked') === 'true' ? false : true,
+          autoSize: true,
+          style: {
+            height: this.height,
+            maxHeight: this.maxHeight,
+            minHeight: this.minHeight,
+          },
+        });
+      }
+      else {
+        el.style.visibility = 'hidden';
+        el.style.opacity = '0';
+      }
+    }
+  }
+  init() {
+    const target = this.target();
+    if (target) {
+      target.setAttribute('is-linked', this.el.id);
+      if (!Generate.getAncestor(target, 'bcm-linked')) {
+        this.el.setAttribute('main-linked', 'true');
+      }
+      else {
+        this.el.removeAttribute('main-linked');
+      }
+    }
+  }
+  componentDidLoad() {
+    this.init();
+    document.body.appendChild(this.el);
+  }
+  onLinkedDataDismis() {
+    this.hide(false);
+  }
+  onBcmFloatingIsHide(e) {
+    if (e.detail.id === this._id) {
+      this.hide(false);
+    }
+  }
+  async show(wait = true) {
+    wait && (await delay(50));
+    const target = this.target();
+    if (target) {
+      document.body.appendChild(this.el);
+      target.setAttribute('linked-is-open', 'true');
+      this.isOpen = true;
+      this.calculatePosition();
+    }
+    else {
+      this.hide(false);
+    }
+    return this.isOpen;
+  }
+  async hide(wait = true) {
+    wait && (await delay(50));
+    const target = this.target();
+    if (target) {
+      target.removeAttribute('linked-is-open');
+      this.hideChildLinked();
+      this.isOpen = false;
+    }
+    return this.isOpen;
+  }
+  async toggle(wait = true) {
+    return this.isOpen ? await this.hide(wait) : await this.show(wait);
+  }
+  clickListener(e) {
+    if (!this.target())
+      return;
+    const isTarget = Generate.findEventPath(e, this.target());
+    if (this.isOpen) {
+      isTarget && this.hide(false);
+      const isSelf = Generate.findEventPath(e, this.el);
+      const isLinked = Generate.findEventPathWithNodeName(e, 'BCM-LINKED');
+      isSelf && this.checkDataDismiss(e);
+      if (this.el.getAttribute('main-linked') === 'true' && !isTarget && !isSelf && !isLinked) {
+        this.dismissEvent();
+      }
+    }
+    else {
+      isTarget && this.show(false);
+    }
+  }
+  resizeListener() {
+    this.calculatePosition();
+  }
+  scrollListener() {
+    this.calculatePosition();
+  }
+  wheelListener() {
+    this.calculatePosition();
+  }
+  render() {
+    const openStyle = this.isOpen ? { visibility: 'visible', opacity: '1' } : { visibility: 'hidden', opacity: '0' };
+    return (h(Host, { class: "tw-block tw-opacity-0 tw-invisible tw-top-0 tw-left-0  tw-rounded tw-bg-white  tw-z-tooltip tw-transition-opacity tw-duration-100  tw-shadow tw-overscroll-contain tw-scroll-smooth tw-absolute", style: Object.assign(Object.assign({}, openStyle), { overflow: 'auto' }) }, h("slot", null)));
+  }
+  get el() { return this; }
+}, [4, "bcm-linked", {
+    "_id": [513, "id"],
+    "placement": [1],
+    "trigger": [1],
+    "targetId": [1, "target-id"],
+    "height": [1],
+    "maxHeight": [1, "max-height"],
+    "minHeight": [1, "min-height"],
+    "isOpen": [1540, "is-open"],
+    "show": [64],
+    "hide": [64],
+    "toggle": [64]
+  }, [[4, "linked-data-dismiss", "onLinkedDataDismis"], [4, "bcm-floating-is-hide", "onBcmFloatingIsHide"], [8, "click", "clickListener"], [9, "resize", "resizeListener"], [9, "scroll", "scrollListener"], [9, "wheel", "wheelListener"]]]);
+__decorate([
+  IsLoad()
+], BcmLinked$1.prototype, "el", void 0);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bcm-linked"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bcm-linked":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BcmLinked$1);
+      }
+      break;
+  } });
+}
+
+const BcmLinked = BcmLinked$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmLinked, defineCustomElement };

package/dist/components/bcm-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmList extends Components.BcmList, HTMLElement {}
+export const BcmList: {
+  prototype: BcmList;
+  new (): BcmList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;