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

package/dist/cjs/{nv-fielddropdownitem.entry-Dah-PaE8.js → nv-fielddropdownitem.entry-C_17isWd.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 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;
@@ -63,10 +64,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: '8e6df7335e8a1027ee94556ab9d65fa116cbd02d', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: 'a25cae7080ff84e1f5131a48b76d79e5408f0ed0' }), !this.composed && (index.h("div", { key: 'ae4bb89552c360b1600070bf7c62b765fe619df6', class: "text-wrapper" }, index.h("span", { key: 'f5b4f073628b5e875e1764cac6554882da3588ae', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '7612d6918b74088e728060fc6894499d28400d42', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
     }
     get el() { return index.getElement(this); }
 };
-NvFielddropdownitem.style = NvFielddropdownitemStyle0;
+NvFielddropdownitem.style = nvFielddropdownitemCss;
 
 exports.nv_fielddropdownitem = NvFielddropdownitem;