bromcom-ui 2.10.1-rc.9 → 2.10.1

package/dist/cjs/bcm-label_2.cjs.entry.js

@@ -0,0 +1,135 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c591ecec.js');
+const isLoadDecorator = require('./is-load-decorator-15036f37.js');
+const generate = require('./generate-2ba77a51.js');
+const bcm = require('./bcm-3c58a6d5.js');
+const labelTemplate = require('./label-template-a6f51ef2.js');
+require('./color-helper-c3a819ea.js');
+require('./datetime-helper-eaf4fadb.js');
+require('./number-helper-af985650.js');
+require('./string-helper-3212f4ea.js');
+require('./validators-e6dd5dca.js');
+const tooltipHelper = require('./tooltip-helper-f38c67f4.js');
+require('./element-dragger-a8562f82.js');
+require('./package-63c2f54e.js');
+require('./colors-078851ec.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+require('./index-95ae50d0.js');
+require('./colors-56282b00.js');
+require('./utils-fc077139.js');
+require('./floating-ui-555cd3d4.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 BcmLabel = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this._id = generate.Generate.UID();
+    this.required = false;
+    this.value = undefined;
+    this.label = undefined;
+    this.size = "medium";
+    this.form = undefined;
+    this.htmlFor = undefined;
+    this.hidden = false;
+    this.type = bcm.Bcm.Status.default;
+    this.tooltip = undefined;
+  }
+  render() {
+    const { required, value, label, size, form, htmlFor, type, tooltip } = this;
+    return (index.h(index.Host, { class: "tw-inline-block tw-leading-none" }, index.h(labelTemplate.LabelTemplate, { form: form, htmlFor: htmlFor, value: value || label, size: size, type: type, required: required, tooltip: tooltip })));
+  }
+  get el() { return index.getElement(this); }
+};
+__decorate([
+  isLoadDecorator.IsLoad()
+], BcmLabel.prototype, "el", void 0);
+
+const BcmTooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.bcmTooltipShow = index.createEvent(this, "bcmTooltipShow", 7);
+    this.bcmTooltipHide = index.createEvent(this, "bcmTooltipHide", 7);
+    this._id = generate.Generate.UID();
+    this.message = "";
+    this.placement = bcm.Bcm$1.Placement.top;
+    this.trigger = bcm.Bcm$1.TriggerType.click;
+    this.open = false;
+    this.color = "slate";
+    this.size = bcm.Bcm$1.Size.medium;
+    this.openDelay = 0;
+    this.closeDelay = 0;
+    this.autoHide = false;
+    this.targetId = undefined;
+    this.tooltip = undefined;
+  }
+  emitShow() {
+    this.bcmTooltipShow.emit();
+  }
+  emitHide() {
+    this.bcmTooltipHide.emit();
+  }
+  connectedCallback() {
+    this.tooltip = new tooltipHelper.Tooltip({
+      targetId: this.targetId || this._id,
+      message: this.message,
+      placement: this.placement,
+      color: this.color,
+      trigger: this.trigger,
+      size: this.size,
+      openDelay: this.openDelay,
+      closeDelay: this.closeDelay,
+      autoHide: this.autoHide,
+      emitShow: () => this.emitShow(),
+      emitHide: () => this.emitHide(),
+    });
+  }
+  componentDidLoad() {
+    this.tooltip.listener();
+  }
+  componentDidRender() {
+    this.tooltip.message = this.message;
+    this.tooltip.placement = this.placement;
+    this.tooltip.color = this.color;
+    this.tooltip.trigger = this.trigger;
+    this.tooltip.size = this.size;
+    this.tooltip.openDelay = this.openDelay;
+    this.tooltip.closeDelay = this.closeDelay;
+    this.tooltip.autoHide = this.autoHide;
+    this.tooltip.update();
+  }
+  disconnectedCallback() {
+    this.tooltip.destroy();
+  }
+  async show() {
+    this.tooltip.show();
+  }
+  async hide() {
+    this.tooltip.hide();
+  }
+  async toggle() {
+    this.tooltip.toggle();
+  }
+  render() {
+    return (index.h(index.Host, { class: "tw-inline-flex tw-h-fit tw-w-fit", role: "tooltip", "aria-hidden": "true" }, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+
+exports.bcm_label = BcmLabel;
+exports.bcm_tooltip = BcmTooltip;