@vonage/vivid 2.36.3 → 3.0.0-next.100

package/tooltip/index.js

@@ -0,0 +1,65 @@
+import '../shared/index6.js';
+import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
+import '../shared/web.dom-collections.iterator.js';
+import { c as classNames } from '../shared/class-names.js';
+import '../shared/index3.js';
+import '../shared/index2.js';
+import '../icon/index.js';
+import '../shared/icon.js';
+import '../shared/export.js';
+import '../shared/iterators.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/when.js';
+import '../focus/index.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/button.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+import '../shared/es.object.assign.js';
+import '../shared/object-keys.js';
+
+var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 15 Nov 2022 13:39:19 GMT\n */\n.control {\n  pointer-events: none;\n}\n\n.tooltip {\n  width: var(--tooltip-inline-size, 240px);\n}\n.tooltip-text {\n  padding: 8px 12px;\n  color: var(--vvd-color-canvas-text);\n  font: var(--vvd-typography-base-bold);\n}";
+
+class Tooltip extends FoundationElement {
+  constructor() {
+    super(...arguments);
+    this.open = false;
+  }
+}
+__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "text", void 0);
+__decorate([attr({
+  mode: 'boolean'
+}), __metadata("design:type", Object)], Tooltip.prototype, "open", void 0);
+__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "placement", void 0);
+__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "anchor", void 0);
+
+let _2 = t => t,
+  _t;
+const getClasses = _ => classNames('control');
+const TooltipTemplate = () => html(_t || (_t = _2`
+<vwc-popup class="${0}" arrow alternate
+placement=${0} open=${0} anchor=${0}
+  exportparts="vvd-theme-alternate" role="tooltip">
+  <div class="tooltip">
+    <header part="vvd-theme-alternate" class="tooltip-header">
+      <div class="tooltip-text">${0}</div>
+    </header>
+  </div>
+</vwc-popup>`), getClasses, x => x.placement, x => x.open, x => x.anchor, x => x.text);
+
+const vividTooltip = Tooltip.compose({
+  baseName: 'tooltip',
+  template: TooltipTemplate,
+  styles: css_248z
+});
+designSystem.register(vividTooltip());
+
+export { vividTooltip };