@nova-design-system/nova-webcomponents 3.0.0-beta.34 → 3.0.0-beta.36

package/dist/components/p-63afc71f.js

@@ -0,0 +1,74 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-3b209e94.js';
+import { d as defineCustomElement$1 } from './p-afa1c98e.js';
+
+const nvFielddropdownitemcheckCss = "nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck nv-fieldcheckbox input[type=checkbox]{all:unset;display:inline-block;margin:0;padding:0;width:20px;height:20px}";
+const NvFielddropdownitemcheckStyle0 = nvFielddropdownitemcheckCss;
+
+const NvFielddropdownitemcheck = /*@__PURE__*/ proxyCustomElement(class NvFielddropdownitemcheck extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.itemChecked = createEvent(this, "itemChecked", 7);
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Indicates whether the checkbox is selected.
+         */
+        this.checked = false;
+        /**
+         * Disables the item, preventing any user interaction.
+         */
+        this.disabled = false;
+        /**
+         * when the child <nv-fieldcheckbox> change its `checked` state,
+         * update `this.checked` and emit `itemChecked`.
+         * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.
+         */
+        this.onFieldcheckboxChanged = (event) => {
+            if (this.disabled)
+                return;
+            // NvFieldcheckbox has emitted checkedChanged
+            this.checked = event.detail; // get the new state
+            this.itemChecked.emit({
+                value: this.value,
+                checked: this.checked,
+                group: this.group,
+            });
+        };
+    }
+    render() {
+        return (h(Host, { key: '790fd77fd927ace8081971a16d37896b44fe95f5' }, h("div", { key: '8dbd46bbc2cd9bd83a81117bd66f62bdef3ece88' }, h("nv-fieldcheckbox", { key: '1564df63e41efa0dce2f2b47aefc61d7b41bbffc', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged }))));
+    }
+    get el() { return this; }
+    static get style() { return NvFielddropdownitemcheckStyle0; }
+}, [0, "nv-fielddropdownitemcheck", {
+        "checked": [1540],
+        "value": [513],
+        "label": [513],
+        "description": [513],
+        "group": [513],
+        "disabled": [516]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["nv-fielddropdownitemcheck", "nv-fieldcheckbox"];
+    components.forEach(tagName => { switch (tagName) {
+        case "nv-fielddropdownitemcheck":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NvFielddropdownitemcheck);
+            }
+            break;
+        case "nv-fieldcheckbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NvFielddropdownitemcheck as N, defineCustomElement as d };
+
+//# sourceMappingURL=p-63afc71f.js.map

package/dist/components/p-63afc71f.js.map

@@ -0,0 +1 @@
+{"file":"p-63afc71f.js","mappings":";;;AAAA,MAAM,2BAA2B,GAAG,sNAAsN,CAAC;AAC3P,uCAAe,2BAA2B;;MCc7B,wBAAwB;IALrC;;;;;;;;;QAeE,YAAO,GAAY,KAAK,CAAC;;;;QA+BhB,aAAQ,GAAY,KAAK,CAAC;;;;;;QA+B3B,2BAAsB,GAAG,CAAC,KAA2B;YAC3D,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;;YAE1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC,CAAC;SACJ,CAAC;KAqBH;IAnBC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,yEACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,qBACf,OAAO,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAC,IAAI,EACb,IAAI,EAAC,QAAQ,EACb,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,GAC3B,CAChB,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.scss?tag=nv-fielddropdownitemcheck","src/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.tsx"],"sourcesContent":["nv-fielddropdownitemcheck {\n  slot-fb,\n  span {\n    all: unset;\n  }\n\n  nv-fieldcheckbox input[type='checkbox'] {\n    all: unset;\n    display: inline-block;\n    margin: 0;\n    padding: 0;\n    width: 20px;\n    height: 20px;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\n\n@Component({\n  tag: 'nv-fielddropdownitemcheck',\n  styleUrl: 'nv-fielddropdownitemcheck.scss',\n  shadow: false,\n})\nexport class NvFielddropdownitemcheck {\n  @Element() el: HTMLNvFielddropdownitemcheckElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Indicates whether the checkbox is selected.\n   */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /**\n   * The value associated with this item.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * The label displayed alongside the checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * A description providing additional context or information about the\n   * checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly description?: string;\n\n  /**\n   * The group this item belongs to, if applicable.\n   */\n  @Prop({ reflect: true })\n  readonly group?: string;\n\n  /**\n   * Disables the item, preventing any user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when the checkbox is toggled.\n   * It provides details about the current state of the item.\n   */\n  @Event()\n  itemChecked: EventEmitter<{\n    /**\n     * The value associated with this item\n     */\n    value: string | undefined;\n    /**\n     * Whether the checkbox is currently checked\n     */\n    checked: boolean;\n    /**\n     * The group this item belongs to, if any\n     */\n    group?: string | undefined;\n  }>;\n\n  /**\n   * when the child <nv-fieldcheckbox> change its `checked` state,\n   * update `this.checked` and emit `itemChecked`.\n   * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.\n   */\n  private onFieldcheckboxChanged = (event: CustomEvent<boolean>) => {\n    if (this.disabled) return;\n    // NvFieldcheckbox has emitted checkedChanged\n    this.checked = event.detail; // get the new state\n    this.itemChecked.emit({\n      value: this.value,\n      checked: this.checked,\n      group: this.group,\n    });\n  };\n\n  render() {\n    return (\n      <Host>\n        <div>\n          <nv-fieldcheckbox\n            checked={this.checked}\n            name={this.label || this.value}\n            label={this.label || this.value}\n            label-placement=\"after\"\n            description={this.description}\n            disabled={this.disabled}\n            tabindex=\"-1\"\n            role=\"option\"\n            onCheckedChanged={this.onFieldcheckboxChanged}\n          ></nv-fieldcheckbox>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-ce67d70c.js → p-78e7c594.js}

@@ -2360,7 +2360,7 @@ const NvPopover = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '17eff9af9c2b956bb09a5398f08c1bd6cc748d30' }, h("slot", { key: '4633c6f88fe81214a5b2b189c32b6c6ed71c7c0a', name: "trigger" }), h("div", { key: '792f7ad6fe7d7405e617e54819d90a76b82fc36c', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: '8acc19dd8728f2b164172eb53accfea4ac41e8b0', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: 'b0785e444dabddb50f7105aa958c81967ee27e5d', name: "content" }))));
+        return (h(Host, { key: '1014588b3220a543ba8f51aa82664b933e4ff477' }, h("slot", { key: '5a6d7bb46a32f77a4eab3fe0fd105b268862c2aa', name: "trigger" }), h("div", { key: 'c9043c20aa2667b80bd3668992a017b89da0dbba', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h("div", { key: '1ffcc0878409b66d7cecd398e18d1923465d5381', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '814d6cdc6150c66342c35607364bfcf60c85b036', name: "content" }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -2402,4 +2402,4 @@ defineCustomElement();
 
 export { NvPopover as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-ce67d70c.js.map
+//# sourceMappingURL=p-78e7c594.js.map