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

package/dist/cjs/{nv-fielddropdownitem.entry-Dah-PaE8.js → nv-fielddropdownitem.entry-DEWaf9dC.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-WPRkQD3O.js');
+var index = require('./index-kU2nW5aN.js');
+require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
 
 const nvFielddropdownitemCss = "nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;word-break:break-word;overflow-wrap:break-word;padding-right:var(--spacing-5)}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto;position:absolute;right:var(--list-dropdown-item-padding-y)}";
-const NvFielddropdownitemStyle0 = nvFielddropdownitemCss;
 
 const NvFielddropdownitem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.dropdownItemSelected = index.createEvent(this, "dropdownItemSelected");
+        this.dropdownItemSelected = index.createEvent(this, "dropdownItemSelected", 7);
         this.composed = false;
         /****************************************************************************/
         //#region PROPERTIES
@@ -40,6 +40,7 @@ const NvFielddropdownitem = class {
             });
         };
     }
+    /* eslint-enable nova/event-bubbling */
     handleKeyDown(event) {
         if (event.target !== this.el)
             return;
@@ -52,10 +53,9 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region LIFECYCLE
     componentWillLoad() {
-        var _a;
         this.composed = Boolean(this.el.children.length);
         if (!this.value) {
-            const fallback = (_a = this.label) !== null && _a !== void 0 ? _a : this.el.textContent;
+            const fallback = this.label ?? this.el.textContent;
             this.value = fallback.replace(/\W+/g, ''); // Remove non-word characters
         }
     }
@@ -63,10 +63,10 @@ const NvFielddropdownitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'd5a70771cd557f33b37766fbbe14cd0a401a3d35', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: 'e824671ec27c1c1e20260ca4d194ee254d6aa390' }), !this.composed && (index.h("div", { key: '60f189d2c990d80fd1e16238c38fc7f065e915e6', class: "text-wrapper" }, index.h("span", { key: '28a2df55dc7b188ce7c6e0e716bef731597c6f28', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '6d0257c1e7ea842f9880b68f2c6e0a0da38f0b4e', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
+        return (index.h(index.Host, { key: 'a5ff5cb1a34da1d5b023b0d04349a8f5c3333011', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: 'dad658fc948771bc75323bca9343b3b5d88d5343' }), !this.composed && (index.h("div", { key: 'e3f3493d33ea392946b1723e2ca2731fec7e337b', class: "text-wrapper" }, index.h("span", { key: '3c86a6beeb5c19f4fc06201d6018f719592ab5e2', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: 'ffc1c5bc56fc312d65c3ea0beab763e5aa1c1c4a', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return index.getElement(this); }
 };
-NvFielddropdownitem.style = NvFielddropdownitemStyle0;
+NvFielddropdownitem.style = nvFielddropdownitemCss;
 
 exports.nv_fielddropdownitem = NvFielddropdownitem;