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

package/dist/components/bcm-timeline.js

@@ -0,0 +1,91 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+import { I as IsLoad } from './is-load-decorator.js';
+
+const timelineCss = "@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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.timeline{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}";
+
+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 BcmTimeline$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.type = 'left';
+    this.hidden = false;
+    /**
+     * Component States
+     */
+    this.items = [];
+  }
+  /**
+   * @StencilMethod
+   */
+  componentDidRender() {
+    let slotElements;
+    slotElements = this.el.shadowRoot.querySelector('slot').assignedElements();
+    // Get only bcm-timeline-item elements from 
+    // slot childs
+    slotElements.map((element, idx) => {
+      if (String(element.tagName).toLowerCase() == 'bcm-timeline-item') {
+        element.timelineType = this.type;
+        element.even = idx % 2 === 0;
+        element.first = idx === 0;
+        element.last = idx === slotElements.length - 1;
+        element.icon = element.icon ? element.icon : this.icon;
+        this.items.push(element);
+      }
+    });
+  }
+  /**
+  * @StencilMethod
+  */
+  componentWillRender() {
+    console.log(this.el.shadowRoot);
+  }
+  render() {
+    const classes = classnames('timeline', [this.type]);
+    const hostClasses = classnames(this.hidden ? 'hidden' : null);
+    return (h(Host, { class: hostClasses }, h("div", { class: classes }, h("slot", null))));
+  }
+  get el() { return this; }
+  static get style() { return timelineCss; }
+}, [1, "bcm-timeline", {
+    "icon": [1025],
+    "type": [1025],
+    "hidden": [1028],
+    "items": [32]
+  }]);
+__decorate([
+  IsLoad()
+], BcmTimeline$1.prototype, "el", void 0);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bcm-timeline"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bcm-timeline":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BcmTimeline$1);
+      }
+      break;
+  } });
+}
+
+const BcmTimeline = BcmTimeline$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmTimeline, defineCustomElement };

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

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

package/dist/components/bcm-tooltip.js

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

package/dist/components/bcm-treeview-group.d.ts

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

package/dist/components/bcm-treeview-group.js

@@ -0,0 +1,37 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const treeviewGroupCss = "";
+
+const BcmtreeviewGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("slot", null));
+  }
+  static get style() { return treeviewGroupCss; }
+}, [1, "bcm-treeview-group"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bcm-treeview-group"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bcm-treeview-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BcmtreeviewGroup);
+      }
+      break;
+  } });
+}
+
+const BcmTreeviewGroup = BcmtreeviewGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmTreeviewGroup, defineCustomElement };

package/dist/components/bcm-treeview-item.d.ts

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

package/dist/components/bcm-treeview-item.js

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

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

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

package/dist/components/bcm-treeview.js

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

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

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

package/dist/components/bcm-typography.js

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