@vonage/vivid 2.28.2 → 3.0.0-next.11

package/tooltip/index.js

@@ -0,0 +1,65 @@
+import '../popup/index.js';
+import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
+import { s as styleInject } from '../shared/style-inject.es.js';
+import '../shared/web.dom-collections.iterator.js';
+import { c as classNames } from '../shared/class-names.js';
+import '../elevation/index.js';
+import '../button/index.js';
+import '../icon/index.js';
+import '../shared/icon.js';
+import '../shared/_has.js';
+import '../shared/when.js';
+import '../shared/index2.js';
+import '../shared/affix.js';
+import '../shared/apply-mixins.js';
+import '../shared/aria-global.js';
+import '../shared/es.object.assign.js';
+
+var css_248z = "/*\n  Do not edit directly\n  Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control {\n  pointer-events: none;\n}\n\n.tooltip {\n  width: var(--tooltip-inline-size, 240px);\n}\n.tooltip-text {\n  font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n  letter-spacing: 0px;\n  text-decoration: none;\n  text-transform: none;\n  padding: 8px 12px;\n  color: var(--vvd-color-on-canvas);\n}";
+styleInject(css_248z);
+
+class Tooltip extends FoundationElement {
+  constructor() {
+    super(...arguments);
+    this.text = '';
+    this.open = false;
+  }
+
+}
+
+__decorate([attr({
+  mode: 'fromView'
+}), __metadata("design:type", Object)], 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, "corner", 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="true" 
+corner=${0} open=${0} anchor=${0}
+  exportparts="vvd-theme-alternate">
+  <div class="tooltip">
+    <header part="vvd-theme-alternate" class="tooltip-header">
+      <div class="tooltip-text">${0}</div>
+    </header>
+  </div>
+</vwc-popup>`), getClasses, x => x.corner, 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 };