@nova-design-system/nova-react 3.22.0 → 3.23.0

package/dist/cjs/{nv-togglebuttongroup.entry-CWN_Ucry.js → nv-togglebuttongroup.entry-BYXX5ejg.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-WPRkQD3O.js');
+var index = require('./index-CtjeeUI-.js');
+require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
 
 const nvTogglebuttongroupCss = "nv-togglebuttongroup{display:flex;gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius);width:fit-content;padding:var(--togglegroup-lg-gap)}nv-togglebuttongroup[emphasis=high]{border:1px solid var(--components-togglegroup-high-border)}nv-togglebuttongroup[emphasis=low]{border:1px solid var(--components-togglegroup-low-border)}nv-togglebuttongroup[size=xs]{padding:calc(var(--togglegroup-xs-padding) - 1px);gap:var(--togglegroup-xs-gap);border-radius:var(--togglegroup-xs-radius)}nv-togglebuttongroup[size=sm]{padding:calc(var(--togglegroup-sm-padding) - 1px);gap:var(--togglegroup-sm-gap);border-radius:var(--togglegroup-sm-radius)}nv-togglebuttongroup[size=md]{padding:calc(var(--togglegroup-md-padding) - 1px);gap:var(--togglegroup-md-gap);border-radius:var(--togglegroup-md-radius)}nv-togglebuttongroup[size=lg]{padding:calc(var(--togglegroup-lg-padding) - 1px);gap:var(--togglegroup-lg-gap);border-radius:var(--togglegroup-lg-radius)}";
-const NvTogglebuttongroupStyle0 = nvTogglebuttongroupCss;
 
 const NvTogglebuttongroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.valueChanged = index.createEvent(this, "valueChanged");
+        this.valueChanged = index.createEvent(this, "valueChanged", 3);
         /**
          * Activates single-selection mode so only one button can be active at a time.
          */
@@ -113,7 +113,9 @@ const NvTogglebuttongroup = class {
     onSizeChanged() {
         this.setSizeToggleButtons();
     }
+    /* eslint-disable nova/native-event-listener */
     onToggled(event) {
+        event.stopPropagation();
         const valueSet = new Set(this.value);
         if (this.exclusive && this.enforceValue) {
             this.value = [event.detail.value];
@@ -138,6 +140,7 @@ const NvTogglebuttongroup = class {
         }
         this.value = [...valueSet];
     }
+    /* eslint-enable nova/native-event-listener */
     //#endregion WATCHERS
     /****************************************************************************/
     //#region LIFECYCLE
@@ -156,7 +159,7 @@ const NvTogglebuttongroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8b42c5392c429b249ccc8be4f97fa6eccf4e2383' }, index.h("slot", { key: '78046dc23352a3fab760cc3c1b53edc47e16d48b' })));
+        return (index.h(index.Host, { key: '0ed4a7f3ddaaebf6747e8f0798913cca4117f2cb' }, index.h("slot", { key: '8ea87065c312f52a1f23873d19724d57147e80b2' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -165,6 +168,6 @@ const NvTogglebuttongroup = class {
         "size": ["onSizeChanged"]
     }; }
 };
-NvTogglebuttongroup.style = NvTogglebuttongroupStyle0;
+NvTogglebuttongroup.style = nvTogglebuttongroupCss;
 
 exports.nv_togglebuttongroup = NvTogglebuttongroup;

package/dist/cjs/{nv-tooltip.entry-BGkKDEFg.js → nv-tooltip.entry-OJGxfJEh.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-WPRkQD3O.js');
+var index = require('./index-CtjeeUI-.js');
+require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
 
 const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip nv-popover>[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 nv-popover>[data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";
-const NvTooltipStyle0 = nvTooltipCss;
 
 const NvTooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.openChanged = index.createEvent(this, "openChanged");
+        this.openChanged = index.createEvent(this, "openChanged", 3);
         /**
          * Decides where the tooltip shows up next to the element it’s linked to
          * (above, below, to the sides). If there isn’t enough room, it will adjust
@@ -46,10 +46,10 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'f0560549d1168fed22c4e48a2e11be5dda49f005' }, index.h("slot", { key: '698227e9bea7ea94eff00ff72f124656ed11624d' }), index.h("nv-popover", { key: 'df4ddd77e40b4998a32e166710a2ff27a1e0c216', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: 'b8fc42997671fafc15173bce2fdf7dec667d76e5', slot: "content" }, this.message), index.h("slot", { key: '5b8a27ff474367ba2e5771deb62137e40f5d911d', name: "content" }))));
+        return (index.h(index.Host, { key: '380e3306103dcf66291757972a47ba1ffaf8068c' }, index.h("slot", { key: 'ca3481b10e2ed73751c892711f8482809a274037' }), index.h("nv-popover", { key: 'e89838624b171e3d1eadf764e4ab14e003225dc9', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("p", { key: 'c103df8cf9891fef763de2aa706dec5bb90f8346', slot: "content" }, this.message), index.h("slot", { key: '2e2dcc84b21ab1c46cf980a507f0b13e8350b4d6', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };
-NvTooltip.style = NvTooltipStyle0;
+NvTooltip.style = nvTooltipCss;
 
 exports.nv_tooltip = NvTooltip;

package/dist/cjs/{style-value-types.es-f5d10b79-D0QCM8OB.js → style-value-types.es-xlgmw4x8-B1vLqX9m.js}

@@ -14,6 +14,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 function __rest$1(s, e) {
     var t = {};
@@ -635,6 +637,7 @@ function interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {})
 const reverseEasing = easing => p => 1 - easing(1 - p);
 const mirrorEasing = easing => p => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
 const createExpoIn = (power) => p => Math.pow(p, power);
+
 const easeIn = createExpoIn(2);
 const easeOut = reverseEasing(easeIn);
 const easeInOut = mirrorEasing(easeIn);
@@ -837,8 +840,6 @@ const startLoop = () => {
         onNextFrame(processFrame);
 };
 
-const sync$1 = sync;
-
 function loopElapsed(elapsed, duration, delay = 0) {
     return elapsed - duration - delay;
 }
@@ -854,7 +855,7 @@ function hasRepeatDelayElapsed(elapsed, duration, delay, isForwardPlayback) {
 const framesync = (update) => {
     const passTimestamp = ({ delta }) => update(delta);
     return {
-        start: () => sync$1.update(passTimestamp, true),
+        start: () => sync.update(passTimestamp, true),
         stop: () => cancelSync.update(passTimestamp),
     };
 };
@@ -947,6 +948,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 exports.__assign = function() {
     exports.__assign = Object.assign || function __assign(t) {

package/dist/cjs/{v4-a79185f4-2n0dOd_Y.js → v4-BdYh22OP-C1vaJ4yP.js}

@@ -36,7 +36,7 @@ function rng() {
 }
 
 var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const native = {
+var native = {
   randomUUID
 };
 

package/dist/generated/components.js

@@ -35,10 +35,20 @@ import { NvIconbutton as NvIconbuttonElement, defineCustomElement as defineNvIco
 import { NvLoader as NvLoaderElement, defineCustomElement as defineNvLoader } from "@nova-design-system/nova-webcomponents/dist/components/nv-loader.js";
 import { NvMenu as NvMenuElement, defineCustomElement as defineNvMenu } from "@nova-design-system/nova-webcomponents/dist/components/nv-menu.js";
 import { NvMenuitem as NvMenuitemElement, defineCustomElement as defineNvMenuitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-menuitem.js";
+import { NvNotificationBullet as NvNotificationBulletElement, defineCustomElement as defineNvNotificationBullet } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement, defineCustomElement as defineNvNotification } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement, defineCustomElement as defineNvNotificationcontainer } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
 import { NvPopover as NvPopoverElement, defineCustomElement as defineNvPopover } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement, defineCustomElement as defineNvRow } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
+import { NvSidebar as NvSidebarElement, defineCustomElement as defineNvSidebar } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
+import { NvSidebarcontent as NvSidebarcontentElement, defineCustomElement as defineNvSidebarcontent } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarcontent.js";
+import { NvSidebardivider as NvSidebardividerElement, defineCustomElement as defineNvSidebardivider } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebardivider.js";
+import { NvSidebarfooter as NvSidebarfooterElement, defineCustomElement as defineNvSidebarfooter } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarfooter.js";
+import { NvSidebargroup as NvSidebargroupElement, defineCustomElement as defineNvSidebargroup } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebargroup.js";
+import { NvSidebarheader as NvSidebarheaderElement, defineCustomElement as defineNvSidebarheader } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarheader.js";
+import { NvSidebarlogo as NvSidebarlogoElement, defineCustomElement as defineNvSidebarlogo } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarlogo.js";
+import { NvSidebarnavitem as NvSidebarnavitemElement, defineCustomElement as defineNvSidebarnavitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavitem.js";
+import { NvSidebarnavsubitem as NvSidebarnavsubitemElement, defineCustomElement as defineNvSidebarnavsubitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavsubitem.js";
 import { NvSplit as NvSplitElement, defineCustomElement as defineNvSplit } from "@nova-design-system/nova-webcomponents/dist/components/nv-split.js";
 import { NvStack as NvStackElement, defineCustomElement as defineNvStack } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
 import { NvTable as NvTableElement, defineCustomElement as defineNvTable } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
@@ -338,6 +348,13 @@ export const NvNotification = createComponent({
     events: { onHiddenChanged: 'hiddenChanged' },
     defineCustomElement: defineNvNotification
 });
+export const NvNotificationBullet = createComponent({
+    tagName: 'nv-notification-bullet',
+    elementClass: NvNotificationBulletElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvNotificationBullet
+});
 export const NvNotificationcontainer = createComponent({
     tagName: 'nv-notificationcontainer',
     elementClass: NvNotificationcontainerElement,
@@ -359,6 +376,69 @@ export const NvRow = createComponent({
     events: {},
     defineCustomElement: defineNvRow
 });
+export const NvSidebar = createComponent({
+    tagName: 'nv-sidebar',
+    elementClass: NvSidebarElement,
+    react: React,
+    events: { onOpenChanged: 'openChanged' },
+    defineCustomElement: defineNvSidebar
+});
+export const NvSidebarcontent = createComponent({
+    tagName: 'nv-sidebarcontent',
+    elementClass: NvSidebarcontentElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebarcontent
+});
+export const NvSidebardivider = createComponent({
+    tagName: 'nv-sidebardivider',
+    elementClass: NvSidebardividerElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebardivider
+});
+export const NvSidebarfooter = createComponent({
+    tagName: 'nv-sidebarfooter',
+    elementClass: NvSidebarfooterElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebarfooter
+});
+export const NvSidebargroup = createComponent({
+    tagName: 'nv-sidebargroup',
+    elementClass: NvSidebargroupElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebargroup
+});
+export const NvSidebarheader = createComponent({
+    tagName: 'nv-sidebarheader',
+    elementClass: NvSidebarheaderElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebarheader
+});
+export const NvSidebarlogo = createComponent({
+    tagName: 'nv-sidebarlogo',
+    elementClass: NvSidebarlogoElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebarlogo
+});
+export const NvSidebarnavitem = createComponent({
+    tagName: 'nv-sidebarnavitem',
+    elementClass: NvSidebarnavitemElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebarnavitem
+});
+export const NvSidebarnavsubitem = createComponent({
+    tagName: 'nv-sidebarnavsubitem',
+    elementClass: NvSidebarnavsubitemElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvSidebarnavsubitem
+});
 export const NvSplit = createComponent({
     tagName: 'nv-split',
     elementClass: NvSplitElement,