@nova-design-system/nova-webcomponents 3.0.0-beta.31 → 3.0.0-beta.33

package/dist/esm/nv-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 
 const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
 const NvRowStyle0 = nvRowCss;
@@ -10,7 +10,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '559c93b3961fdee5d278df42693dd4faae1f1eaf' }, h("slot", { key: '3cbf2c0ed7a07e23537ae6fb3cc999fef27561ea' })));
+        return (h(Host, { key: 'f43c7500aaec670bdbf7b78bdb257820e9a6a2f4' }, h("slot", { key: '2c5c9634138d7be6dc46d84dfa75fad3a6d72a71' })));
     }
 };
 NvRow.style = NvRowStyle0;

package/dist/esm/nv-stack.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 import { c as clsx } from './clsx-297c1ffe.js';
 
 const nvStackCss = "nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";
@@ -19,7 +19,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '900b3afd3b0394433a719769797b4275998be59d', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h("slot", { key: 'de28519746e3c18f04bdaea3f13258bc3d3d49a9' })));
+        return (h(Host, { key: 'adb66e681e65a9ae43a1d6651d5c85299a60d095', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gutter-x-${this.gutter}`, this.gutter && this.vertical && `gutter-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h("slot", { key: '882bebcf2fe4c09a8a5bbf689c54d849a99e5941' })));
     }
 };
 NvStack.style = NvStackStyle0;

package/dist/esm/nv-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-cd557d0a.js';
 
 const nvTableCss = "nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0}";
 const NvTableStyle0 = nvTableCss;
@@ -123,7 +123,7 @@ const NvTable = class {
                 .querySelector('[slot="body"]')
                 .querySelectorAll('nv-tablerow'))
             : [];
-        return (h(Host, { key: 'ab2f459ea80c9f134a537b62298ffd55ad7b719f' }, h("div", { key: '081211573d87749e8b133b89e9da2a201b9e8bf3', class: "hidden" }, h("slot", { key: '7dd2c168d379818e1456eb2117e14cf79e44f33e' }), h("slot", { key: '7c8e1b4cf0b223257148459d753c2eb325a7cd17', name: "head" }), h("slot", { key: 'd107814f31a82e3fd6e22dbccff319c5baf2b3db', name: "body" })), h("slot", { key: 'd704c43a322b073ed459947f23950bc719402656', name: "before" }), this.parsedColumns.length === 0 &&
+        return (h(Host, { key: '1db7f4f0eda8e4659c2929ef137a69e5dfd60cab' }, h("div", { key: '34d2c4d60a415be61189474db1ca042c48a728dd', class: "hidden" }, h("slot", { key: '0b9f4234024ee63965c6f42064a947af1c45769d' }), h("slot", { key: 'aa88f265936ee32cd2d07d4dd3df94a5a32bad5e', name: "head" }), h("slot", { key: 'f027b8d3570643f9d9e85281c4cc74e4143e91be', name: "body" })), h("slot", { key: '9ece2fef9862c961e35f10d12077f27c95262bfe', name: "before" }), this.parsedColumns.length === 0 &&
             this.parsedData.length === 0 &&
             headerRows.length === 0 &&
             bodyRows.length === 0 ? (h("p", null, this.noColumnsNoDataMessage)) : (h("table", null, this.parsedColumns.length > 0 ? (h("thead", null, h("tr", null, this.parsedColumns.map(column => (h("th", null, column)))))) : headerRows.length > 0 ? (h("thead", null, headerRows.map(row => {
@@ -134,7 +134,7 @@ const NvTable = class {
             : Object.values(row).map(value => h("td", null, value)))))) : bodyRows.length > 0 ? (bodyRows.map(row => {
             const cells = Array.from(row.querySelectorAll('nv-tabledatacell'));
             return (h("tr", null, cells.map(cell => (h("td", { colSpan: cell.colspan, rowSpan: cell.rowspan, headers: cell.headers, innerHTML: cell.innerHTML })))));
-        })) : null))), h("slot", { key: '727d2040bec14d6632d062637b86b3a79e30b88d', name: "after" })));
+        })) : null))), h("slot", { key: 'bf544e391ea06f3cad8f90450e71af2b6b973dd7', name: "after" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nv-tablebody.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 
 const nvTablebodyCss = "";
 const NvTablebodyStyle0 = nvTablebodyCss;
@@ -10,7 +10,7 @@ const NvTablebody = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '033046403a927a4e738ee0b17491436872845375' }, h("tbody", { key: 'e9dd64ba4c4463b64f7c48ea01aa8d577d1abddd' }, h("slot", { key: '3790e34a3f1c0c870e41f5259edf956253cf031d' }))));
+        return (h(Host, { key: '7a5935aabb4a5136d60d1f16047f914bbd187ef3' }, h("tbody", { key: 'ec41d476bec5f5e1b745cc0282b6b19a4ed674af' }, h("slot", { key: '5c974cca2fd9207860615d81f4f0343e5d69d95c' }))));
     }
 };
 NvTablebody.style = NvTablebodyStyle0;

package/dist/esm/nv-tablecolumn.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 
 const nvTablecolumnCss = "";
 const NvTablecolumnStyle0 = nvTablecolumnCss;
@@ -27,7 +27,7 @@ const NvTablecolumn = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '9e3e12375467e02e9e964b3f008aaee842704132' }, h("th", { key: '9e4ee5f486d53a6200bd73652d35783da9d56eae', abbr: this.abbr, colSpan: this.colspan, headers: this.headers, rowSpan: this.rowspan, scope: this.scope }, h("slot", { key: 'b59a867f3fad0e30e475f730aaaf482564969807' }))));
+        return (h(Host, { key: '976a7fb6560a797a1fdf754714f44f2879cf7346' }, h("th", { key: 'd2fb85bea5e7ca5ee9cf8a6e0b5ec86d248f400b', abbr: this.abbr, colSpan: this.colspan, headers: this.headers, rowSpan: this.rowspan, scope: this.scope }, h("slot", { key: '0e7fc2dbda83ac114bcb70cfd81c4f324c4155a6' }))));
     }
 };
 NvTablecolumn.style = NvTablecolumnStyle0;

package/dist/esm/nv-tabledatacell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 
 const nvTabledatacellCss = "";
 const NvTabledatacellStyle0 = nvTabledatacellCss;
@@ -29,7 +29,7 @@ const NvTabledatacell = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '2b8dd0b288e8771055c061f42bae406e35618394' }, h("td", { key: '4c77b5ddb3e992816a9f74097b184cf0a4299a1d', colSpan: this.colspan, rowSpan: this.rowspan, headers: this.headers }, h("slot", { key: '9698292b649e85f9d1a6578ae6b6166c33594eab' }))));
+        return (h(Host, { key: '7ac83ec253d7dc4646a647b90f2930ea18d20c9b' }, h("td", { key: 'dedbdb25b21e28cfde242966dc950e1ddf1497ca', colSpan: this.colspan, rowSpan: this.rowspan, headers: this.headers }, h("slot", { key: 'f899ee0423444463fb943c4fd9096bc91ba16ea3' }))));
     }
 };
 NvTabledatacell.style = NvTabledatacellStyle0;

package/dist/esm/nv-tablehead.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 
 const nvTableheadCss = "";
 const NvTableheadStyle0 = nvTableheadCss;
@@ -10,7 +10,7 @@ const NvTablehead = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '664bc779e57e372c4939f34e79be34672c701b9b' }, h("thead", { key: '772dfe48aea949fa05229f036589947dcf097992' }, h("slot", { key: 'bc76551105f0f0dfb4d6639bbe5b304b5b824328' }))));
+        return (h(Host, { key: '57d72ca018eb61884bcc91df678d8c97c44463b5' }, h("thead", { key: '30a4ab6720e842aa5fcbebe66f3de4a7fa1aa9e1' }, h("slot", { key: '03ac5c8da1260aa29acb359e2b6fe53fb36bfac4' }))));
     }
 };
 NvTablehead.style = NvTableheadStyle0;

package/dist/esm/nv-tablerow.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host } from './index-cd557d0a.js';
 
 const nvTablerowCss = "";
 const NvTablerowStyle0 = nvTablerowCss;
@@ -10,7 +10,7 @@ const NvTablerow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '2b24e970bb04d2ce5e9a95a136127fbdaa84a677' }, h("tr", { key: 'd6c6a5ca230a5282a152db23885f200c04c43be4' }, h("slot", { key: '84d7b5452772f4ff37e481fa14bd28b25cb0fd77' }))));
+        return (h(Host, { key: '4c4a058b45a05fcff3ed541f7ffcb80aaaec6c3d' }, h("tr", { key: 'c37eb2098562ba01e8376b5ab6614f64988fe454' }, h("slot", { key: '4b202392edb7345547c423697a2211457b591c00' }))));
     }
 };
 NvTablerow.style = NvTablerowStyle0;

package/dist/esm/nv-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-b6f70e4a.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-cd557d0a.js';
 
 const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";
 const NvTooltipStyle0 = nvTooltipCss;
@@ -23,15 +23,16 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region LIFECYCLE
     componentWillLoad() {
-        this.triggerElement = Array.from(this.el.children).find(child => {
-            return child.getAttribute('slot') === null;
-        });
+        if (!this.triggerElement)
+            this.triggerElement = Array.from(this.el.children).find(child => {
+                return child.getAttribute('slot') === null;
+            });
     }
     //#endregion LIFECYCLE
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '590d897c7012f9020f6ac6e9f49acb840b4067ca' }, h("slot", { key: '9479477482e361a042d464311a90dc3b0babb9e5' }), h("nv-popover", { key: '89a2903946a89074201b5eb61a64b0595d831512', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h("p", { key: '5a6097b56440b06c33b20d5c06054f6aad9c9a42', slot: "content" }, this.message), h("slot", { key: '595f1185183da50e916b243276c38a10a84e5712', name: "content" }))));
+        return (h(Host, { key: '943d4c2989f7a2f63b1f22f196b1f6d26b7f8edf' }, h("slot", { key: '82784aa5225fe8c437a52c97242ff2db2cb41fb6' }), h("nv-popover", { key: 'e560ee505f65e0ca0fa525959ad9aa321cd6821d', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h("p", { key: 'da9632921d70c9ae6a75639e65e1e83160ad16e4', slot: "content" }, this.message), h("slot", { key: '3bbe81d6c0004d9f6691fd89c5732409e57e26e6', name: "content" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/nv-tooltip.entry.js.map

@@ -1 +1 @@
-{"file":"nv-tooltip.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,gvBAAgvB,CAAC;AACtwB,wBAAe,YAAY;;MCWd,SAAS;IALtB;;;;;;;QA0BW,cAAS,GAAc,QAAQ,CAAC;;;;;;QAQhC,eAAU,GAAW,CAAC,CAAC;KAqCjC;;;;IA/BC,iBAAiB;QACf,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK;YAC3D,OAAO,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;SAC5C,CAAC,CAAC;KACJ;;;;IAMD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,EAEb,mEACE,WAAW,EAAC,OAAO,EACnB,QAAQ,QACR,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3B,0DAAG,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAK,EACpC,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACjB,CACR,EACP;KACH;;;;;;;","names":[],"sources":["src/components/nv-tooltip/nv-tooltip.scss?tag=nv-tooltip","src/components/nv-tooltip/nv-tooltip.tsx"],"sourcesContent":["@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin tooltip-styles() {\n  background: var(--components-tooltip-background);\n  color: var(--components-tooltip-text);\n  font-weight: var(--font-weight-medium-emphasis);\n  padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n  font-size: var(--tooltip-font-size);\n  border-radius: var(--tooltip-radius);\n  border: none;\n  box-shadow: 0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2);\n}\n\n@mixin arrow-styles() {\n  background: var(--components-tooltip-background);\n  box-shadow: none;\n  border: none;\n}\n\nnv-tooltip {\n  @include root-styles();\n\n  [data-scope=\"popover\"] {\n    @include tooltip-styles();\n  }\n\n  [data-scope=\"arrow\"] {\n    @include arrow-styles();\n  }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\n\n/**\n * @slot default - Content to be placed as the trigger.\n * @slot content - Content to be placed within the popover. Use for custom html, will render under the message.\n */\n@Component({\n  tag: 'nv-tooltip',\n  styleUrl: 'nv-tooltip.scss',\n  shadow: false,\n})\nexport class NvTooltip {\n  @Element() el: HTMLNvTooltipElement;\n  private triggerElement!: Element;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * A string representing the text to be displayed inside the tooltip. This\n   * content is shown when the tooltip is activated by the user, such as on\n   * hover or focus events.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Decides where the tooltip shows up next to the element it’s linked to\n   * (above, below, to the sides). If there isn’t enough room, it will adjust\n   * it's position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop()\n  readonly placement: Placement = 'bottom';\n\n  /**\n   * Controls how long (in milliseconds) the tooltip waits to show after you\n   * hover over or focus on an element. If you move away before the delay is up,\n   * the tooltip won’t appear.\n   */\n  @Prop()\n  readonly enterDelay: number = 0;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === null;\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n\n        <nv-popover\n          triggerMode=\"hover\"\n          hasArrow\n          placement={this.placement}\n          triggerElement={this.triggerElement}\n          groupName={'tooltip'}\n          enterDelay={this.enterDelay}\n        >\n          <p slot=\"content\">{this.message}</p>\n          <slot name=\"content\"></slot>\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}
+{"file":"nv-tooltip.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,gvBAAgvB,CAAC;AACtwB,wBAAe,YAAY;;MCWd,SAAS;IALtB;;;;;;;QAiCW,cAAS,GAAc,QAAQ,CAAC;;;;;;QAQhC,eAAU,GAAW,CAAC,CAAC;KAsCjC;;;;IAhCC,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,cAAc;YACtB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK;gBAC3D,OAAO,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;aAC5C,CAAC,CAAC;KACN;;;;IAMD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,EAEb,mEACE,WAAW,EAAC,OAAO,EACnB,QAAQ,QACR,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3B,0DAAG,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAK,EACpC,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACjB,CACR,EACP;KACH;;;;;;;","names":[],"sources":["src/components/nv-tooltip/nv-tooltip.scss?tag=nv-tooltip","src/components/nv-tooltip/nv-tooltip.tsx"],"sourcesContent":["@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin tooltip-styles() {\n  background: var(--components-tooltip-background);\n  color: var(--components-tooltip-text);\n  font-weight: var(--font-weight-medium-emphasis);\n  padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n  font-size: var(--tooltip-font-size);\n  border-radius: var(--tooltip-radius);\n  border: none;\n  box-shadow: 0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2);\n}\n\n@mixin arrow-styles() {\n  background: var(--components-tooltip-background);\n  box-shadow: none;\n  border: none;\n}\n\nnv-tooltip {\n  @include root-styles();\n\n  [data-scope=\"popover\"] {\n    @include tooltip-styles();\n  }\n\n  [data-scope=\"arrow\"] {\n    @include arrow-styles();\n  }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\n\n/**\n * @slot default - Content to be placed as the trigger.\n * @slot content - Content to be placed within the popover. Use for custom html, will render under the message.\n */\n@Component({\n  tag: 'nv-tooltip',\n  styleUrl: 'nv-tooltip.scss',\n  shadow: false,\n})\nexport class NvTooltip {\n  @Element() el: HTMLNvTooltipElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the popover trigger. This\n   * should be used when the slot for the trigger is not defined.\n   */\n  @Prop({ mutable: true })\n  triggerElement: Element;\n\n  /**\n   * A string representing the text to be displayed inside the tooltip. This\n   * content is shown when the tooltip is activated by the user, such as on\n   * hover or focus events.\n   */\n  @Prop()\n  readonly message: string;\n\n  /**\n   * Decides where the tooltip shows up next to the element it’s linked to\n   * (above, below, to the sides). If there isn’t enough room, it will adjust\n   * it's position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop()\n  readonly placement: Placement = 'bottom';\n\n  /**\n   * Controls how long (in milliseconds) the tooltip waits to show after you\n   * hover over or focus on an element. If you move away before the delay is up,\n   * the tooltip won’t appear.\n   */\n  @Prop()\n  readonly enterDelay: number = 0;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (!this.triggerElement)\n      this.triggerElement = Array.from(this.el.children).find(child => {\n        return child.getAttribute('slot') === null;\n      });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n\n        <nv-popover\n          triggerMode=\"hover\"\n          hasArrow\n          placement={this.placement}\n          triggerElement={this.triggerElement}\n          groupName={'tooltip'}\n          enterDelay={this.enterDelay}\n        >\n          <p slot=\"content\">{this.message}</p>\n          <slot name=\"content\"></slot>\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}

package/dist/native/index.esm.js

@@ -1,2 +1,2 @@
-export{c as constants}from"./p-a15ddd42.js";import{u as o}from"./p-a37c2ac2.js";export{e as eventUtils}from"./p-a37c2ac2.js";import{u as r,t as a}from"./p-42301d8f.js";import{u as t}from"./p-1daca48a.js";function i(e){const o=new Proxy({},{get(e,o){return o}});return e(o)}const l=Object.freeze({__proto__:null,nameof:i});const s=Object.freeze({__proto__:null,useCollapse:r,useFade:t,useGrow:o,timeline:a});const n=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","align-center","align-left","align-right","app-window","apps","archive","areas","arrow-back-up","arrow-back","arrow-down-left","arrow-down-right","arrow-down","arrow-forward-up","arrow-forward","arrow-left","arrow-right","arrow-up-left","arrow-up-right","arrow-up","arrows-move","aspect-ratio","atom","basket","battery-1","battery-2","battery-3","battery-4","battery-automotive","battery-charging","battery-eco","battery-off","battery","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","briefcase","brightness-down","brightness-up","browser-check","browser-plus","browser-x","browser","brush","building-bank","building-factory","building-lighthouse","building-store","building","bulb-off","bulb","cake","calendar-time","calendar","camera-off","camera","car-crane","car","caravan","cash-banknote","cash","cast","cell","charging-pile","chart-arcs","chart-area-line","chart-area","chart-arrows-vertical","chart-arrows","chart-bar","chart-bubble","chart-circles","chart-donut","chart-dots","chart-line","chart-pie","chart-radar","check","checkbox","checklist","checks","chevron-down","chevron-left","chevron-right","chevron-top","circle-caret-right","circle-check","circle-x","clipboard-check","clipboard-list","clipboard-plus","clipboard-text","clipboard-x","clipboard","clock-edit","clock","cloud-data-connection","cloud-download","cloud-rain","cloud-snow","cloud-upload","cloud","color-picker","color-swatch","compass","contract","copy","cpu","crane","credit-card","crop","cross","crown","currency-bitcoin","currency-dollar","currency-ethereum","currency-euro","cut","dashboard","database","device-desktop","device-floppy","device-gamepad","device-laptop","device-mobile-rotated","device-mobile","device-tablet","device-watch","devices","dialpad","direction-horizontal","direction-sign","direction","discount","door-enter","dots-vertical","dots","download","drone","droplet-filled","droplet-half","droplet","droplets","edit","engine","external-link","eye-off","eye","face-id","feather","file-alert","file-analytics","file-check","file-code","file-download","file-export","file-horizontal","file-import","file-plus","file-search","file-text-bookmark","file-text","file-type-bmp","file-type-css","file-type-csv","file-type-doc","file-type-html","file-type-jpg","file-type-js","file-type-pdf","file-type-png","file-type-ppt","file-type-xls","file-type-xml","file-type-zip","file-upload","file-x","file-zip","file","files-off","files","filter-off","filter","fingerprint","fire-extinguisher","flag","flame","flip-horizontal","flip-vertical","folder-minus","folder-off","folder-plus","folder-x","folder","folders","frame","gas-station","gauge","gift","gps","grid-dots","grip-horizontal","grip-vertical","hand-stop","hand-waving","hash","haze","headphones-off","headphones","headset","helicopter","help","history","home","hourglass-empty","hourglass-high","hourglass-low","hourglass-off","hourglass","inbox","info-circle","keyboard-hide","keyboard-show","keyboard","layout-board-split","layout-dashboard","layout-grid","layout-sidebar-left-collapse","layout-sidebar-left-expand","layout-sidebar-right-collapse","layout-sidebar-right-expand","layout","leaf","lifebuoy","link","list-search","list","loader","location","lock-off","lock-open","lock","login","logout","mail-forward","mail-opened","mail","map-pin-off","map-pin","map","menu","message-dots","message-off","message","messages","microphone-off","microphone","minus","mist","moon","motorbike","mouse","movie","network","news","note","notebook","notes","offshore-station","package","palette","paperclip","pencil","phone-call","phone-calling","phone-check","phone-incoming","phone-off","phone-outgoing","phone","photo-off","photo","pig","pin","pinned-off","pinned","plane-off","plane","plant","player-pause","player-play","player-skip-back","player-skip-forward","player-track-next","player-track-prev","plug-connected","plug","plus","power-ac","power-dc","power","presentation-analytics","presentation","printer","propeller","puzzle-2","puzzle","pylon","qrcode","radar","radio","radioactive","receipt-dollar","receipt-euro","receipt","recharging","recycle","refresh-alert","refresh","repeat-once","repeat","replace","report-analytics","report-medical","report-search","report","ripple","rocket","rotate-2","rotate-clockwise-2","rotate-clockwise","rotate-dot","rotate","router","ruler-measure","satellite","scale","school","scissors","scooter-electric","screenshot","search","seeding","select","selector","send","server","settings","shape","share-2","share","shield-check","shield-lock","shield-off","shield-x","shield","ship","shopping-cart","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","speakerphone","stack","star","sun","sunrise","sunset","switch-horizontal","switch-vertical","table","tag","temperature","template","terminal","text-size","text","thumb-down","thumb-up","ticket","timeline","tir","tool","tools","train","trash-off","trash","tree","trees","truck-delivery","truck","umbrella","unlink","upload","user-circle","user-minus","user-plus","user","users","versions","video-minus","video-off","video-plus","video","volume-2","volume-3","volume","wallet","wand","waves","wifi-off","wifi","wind-direction","wind","windmill","wood","world","writing","x"];export{s as animations,l as classUtils,n as iconNames};
+export{c as constants}from"./p-74407727.js";import{u as o}from"./p-a37c2ac2.js";export{e as eventUtils}from"./p-a37c2ac2.js";import{u as r,t as a}from"./p-42301d8f.js";import{u as t}from"./p-1daca48a.js";function i(e){const o=new Proxy({},{get(e,o){return o}});return e(o)}const l=Object.freeze({__proto__:null,nameof:i});const s=Object.freeze({__proto__:null,useCollapse:r,useFade:t,useGrow:o,timeline:a});const n=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","align-center","align-left","align-right","app-window","apps","archive","areas","arrow-back-up","arrow-back","arrow-down-left","arrow-down-right","arrow-down","arrow-forward-up","arrow-forward","arrow-left","arrow-right","arrow-up-left","arrow-up-right","arrow-up","arrows-move","aspect-ratio","atom","basket","battery-1","battery-2","battery-3","battery-4","battery-automotive","battery-charging","battery-eco","battery-off","battery","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","briefcase","brightness-down","brightness-up","browser-check","browser-plus","browser-x","browser","brush","building-bank","building-factory","building-lighthouse","building-store","building","bulb-off","bulb","cake","calendar-time","calendar","camera-off","camera","car-crane","car","caravan","cash-banknote","cash","cast","cell","charging-pile","chart-arcs","chart-area-line","chart-area","chart-arrows-vertical","chart-arrows","chart-bar","chart-bubble","chart-circles","chart-donut","chart-dots","chart-line","chart-pie","chart-radar","check","checkbox","checklist","checks","chevron-down","chevron-left","chevron-right","chevron-top","circle-caret-right","circle-check","circle-x","clipboard-check","clipboard-list","clipboard-plus","clipboard-text","clipboard-x","clipboard","clock-edit","clock","cloud-data-connection","cloud-download","cloud-rain","cloud-snow","cloud-upload","cloud","color-picker","color-swatch","compass","contract","copy","cpu","crane","credit-card","crop","cross","crown","currency-bitcoin","currency-dollar","currency-ethereum","currency-euro","cut","dashboard","database","device-desktop","device-floppy","device-gamepad","device-laptop","device-mobile-rotated","device-mobile","device-tablet","device-watch","devices","dialpad","direction-horizontal","direction-sign","direction","discount","door-enter","dots-vertical","dots","download","drone","droplet-filled","droplet-half","droplet","droplets","edit","engine","external-link","eye-off","eye","face-id","feather","file-alert","file-analytics","file-check","file-code","file-download","file-export","file-horizontal","file-import","file-plus","file-search","file-text-bookmark","file-text","file-type-bmp","file-type-css","file-type-csv","file-type-doc","file-type-html","file-type-jpg","file-type-js","file-type-pdf","file-type-png","file-type-ppt","file-type-xls","file-type-xml","file-type-zip","file-upload","file-x","file-zip","file","files-off","files","filter-off","filter","fingerprint","fire-extinguisher","flag","flame","flip-horizontal","flip-vertical","folder-minus","folder-off","folder-plus","folder-x","folder","folders","frame","gas-station","gauge","gift","gps","grid-dots","grip-horizontal","grip-vertical","hand-stop","hand-waving","hash","haze","headphones-off","headphones","headset","helicopter","help","history","home","hourglass-empty","hourglass-high","hourglass-low","hourglass-off","hourglass","inbox","info-circle","keyboard-hide","keyboard-show","keyboard","layout-board-split","layout-dashboard","layout-grid","layout-sidebar-left-collapse","layout-sidebar-left-expand","layout-sidebar-right-collapse","layout-sidebar-right-expand","layout","leaf","lifebuoy","link","list-search","list","loader","location","lock-off","lock-open","lock","login","logout","mail-forward","mail-opened","mail","map-pin-off","map-pin","map","menu","message-dots","message-off","message","messages","microphone-off","microphone","minus","mist","moon","motorbike","mouse","movie","network","news","note","notebook","notes","offshore-station","package","palette","paperclip","pencil","phone-call","phone-calling","phone-check","phone-incoming","phone-off","phone-outgoing","phone","photo-off","photo","pig","pin","pinned-off","pinned","plane-off","plane","plant","player-pause","player-play","player-skip-back","player-skip-forward","player-track-next","player-track-prev","plug-connected","plug","plus","power-ac","power-dc","power","presentation-analytics","presentation","printer","propeller","puzzle-2","puzzle","pylon","qrcode","radar","radio","radioactive","receipt-dollar","receipt-euro","receipt","recharging","recycle","refresh-alert","refresh","repeat-once","repeat","replace","report-analytics","report-medical","report-search","report","ripple","rocket","rotate-2","rotate-clockwise-2","rotate-clockwise","rotate-dot","rotate","router","ruler-measure","satellite","scale","school","scissors","scooter-electric","screenshot","search","seeding","select","selector","send","server","settings","shape","share-2","share","shield-check","shield-lock","shield-off","shield-x","shield","ship","shopping-cart","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","speakerphone","stack","star","sun","sunrise","sunset","switch-horizontal","switch-vertical","table","tag","temperature","template","terminal","text-size","text","thumb-down","thumb-up","ticket","timeline","tir","tool","tools","train","trash-off","trash","tree","trees","truck-delivery","truck","umbrella","unlink","upload","user-circle","user-minus","user-plus","user","users","versions","video-minus","video-off","video-plus","video","volume-2","volume-3","volume","wallet","wand","waves","wifi-off","wifi","wind-direction","wind","windmill","wood","world","writing","x"];export{s as animations,l as classUtils,n as iconNames};
 //# sourceMappingURL=index.esm.js.map