@nova-design-system/nova-webcomponents 3.0.0-beta.17

package/dist/native/native.esm.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,b as n}from"./p-db2a68f3.js";export{s as setNonce}from"./p-db2a68f3.js";import{g as l}from"./p-80788ddf.js";var i=()=>{{d(a.prototype)}const n=import.meta.url;const l={};if(n!==""){l.resourcesUrl=new URL(".",n).href}return e(l)};var d=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const n=a.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){n.appendChild(l[e].cloneNode(true))}}}return n}};i().then((async e=>{await l();return n([["p-519e0f59",[[68,"nv-fieldpassword",{inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[516],errorDescription:[513,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],mode:[513],autocomplete:[513],hidePasswordIcon:[516,"hide-password-icon"],showPassword:[516,"show-password"],showPasswordState:[32]},null,{showPassword:["handleShowPasswordChange"]}]]],["p-71d6aad8",[[4,"nv-alert",{color:[1],feedback:[1537],message:[513],heading:[513],icon:[513],dismissible:[516],preventAutoClose:[516,"prevent-auto-close"],hidden:[1540]},null,{hidden:["handleHiddenChange"]}]]],["p-f5acea50",[[4,"nv-avatar",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],text:[1],url:[1],alt:[513],src:[1537],initials:[1537],size:[1537],color:[513]}]]],["p-830ec54a",[[4,"nv-badge",{dismissal:[4],icon:[1],iconLocation:[513,"icon-location"],color:[513],label:[513],leadIcon:[1537,"lead-icon"],dismissible:[1540],hidden:[1540],preventAutoClose:[516,"prevent-auto-close"],_isHidden:[32]},null,{dismissal:["handleDismissalChange"],icon:["handleIconChange"],hidden:["handleHiddenChange"]}]]],["p-0aa0193b",[[68,"nv-button",{size:[513],emphasis:[513],danger:[516],loading:[1540],disabled:[1540],fluid:[516],type:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]],["p-43cd42ca",[[68,"nv-fieldnumber",{message:[1],validation:[1],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],max:[514],min:[514],step:[514],value:[1538]},null,{value:["watchValueHandler"]}]]],["p-617d6a09",[[68,"nv-fieldselect",{message:[1],validation:[1],selectId:[513,"select-id"],label:[513],description:[1537],name:[513],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],multiple:[516],value:[1537],displayValue:[516,"display-value"],computedDisplayValue:[32],internalReadonly:[32]},null,{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"]}]]],["p-14c08510",[[68,"nv-fieldtext",{message:[1],validation:[1],textInputType:[1,"text-input-type"],inputId:[513,"input-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],type:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],pattern:[513],autocomplete:[513],multiple:[516]}]]],["p-fb6f42b7",[[4,"nv-popover",{triggerElement:[1040],open:[1540],triggerMode:[1,"trigger-mode"],placement:[1],groupName:[1,"group-name"],offset:[2],hasArrow:[4,"has-arrow"],disableFlip:[4,"disable-flip"],shiftPadding:[2,"shift-padding"],enterDelay:[2,"enter-delay"],nested:[516],show:[64],hide:[64],toggle:[64]},[[4,"openChanged","handleOpenChanged"],[4,"click","handleDocumentClick"],[5,"touchstart","handleDocumentTouch"]],{open:["handleOpenChange"]}]]],["p-06f64d05",[[4,"nv-menu",{open:[1540],nested:[4],disableCloseOnSelect:[4,"disable-close-on-select"],placement:[1],show:[64],close:[64]},[[2,"click","handleMenuClick"],[0,"keydown","handleKeydown"],[0,"openChanged","handleOpenChanged"]]]]],["p-d5a8b6c4",[[4,"nv-menuitem",{icon:[513],disabled:[516],shortcut:[513],hasSubmenu:[516,"has-submenu"]}]]],["p-29d482cd",[[4,"nv-tooltip",{message:[1],placement:[1],enterDelay:[2,"enter-delay"]}]]],["p-7ce1b712",[[4,"nv-base"]]],["p-6f762ec2",[[4,"nv-col",{size:[514]}]]],["p-b8eb4c31",[[4,"nv-fieldcheckbox",{message:[1],validation:[1],labelBefore:[4,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],hideLabel:[516,"hide-label"],description:[1537],error:[516],errorDescription:[1537,"error-description"],checked:[1540],indeterminate:[1540],disabled:[516],readonly:[516],required:[516]},[[0,"change","handleChange"]],{checked:["onCheckedChanged"]}]]],["p-89accab1",[[68,"nv-fieldradio",{message:[1],labelBefore:[4,"label-before"],inputId:[513,"input-id"],name:[513],value:[513],label:[513],labelPlacement:[1537,"label-placement"],description:[1537],error:[516],errorDescription:[513,"error-description"],checked:[1540],disabled:[516]},[[0,"change","handleChange"]],{checked:["handleCheckedChange"]}]]],["p-b5e4a9e7",[[68,"nv-fieldtextarea",{message:[1],validation:[1],textareaId:[513,"textarea-id"],label:[513],description:[1537],placeholder:[513],name:[513],value:[1537],disabled:[516],readonly:[516],required:[516],error:[1540],errorDescription:[1537,"error-description"],success:[516],maxlength:[514],minlength:[514],rows:[514],resize:[513],autosize:[516]},null,{rows:["rowsChanged"],autosize:["autosizeChanged"]}]]],["p-124a7067",[[4,"nv-fieldtoggle",{inputId:[1,"input-id"],name:[1],value:[1],label:[1],labelPlacement:[513,"label-placement"],hideLabel:[4,"hide-label"],description:[513],checked:[1540],disabled:[4],readonly:[4]},[[0,"change","handleChange"]],{checked:["onCheckedChanged"]}]]],["p-b99aa075",[[4,"nv-row"]]],["p-f9aac71a",[[4,"nv-stack",{gutter:[514],fill:[516],flex:[516],full:[516],vertical:[516]}]]],["p-8b65b16f",[[0,"nv-loader",{size:[513],color:[513]}]]],["p-13d0ab5b",[[0,"nv-icon",{xsmall:[4],small:[4],medium:[4],large:[4],xlarge:[4],color:[1],name:[513],size:[1537],spriteUrl:[32]}]]],["p-1ceee367",[[68,"nv-iconbutton",{size:[513],emphasis:[513],loading:[1540],disabled:[1540],active:[516],name:[513],type:[513],shape:[513]},null,{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}]]]],e)}));
+//# sourceMappingURL=native.esm.js.map

package/dist/native/native.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","inputId","label","description","placeholder","name","value","disabled","readonly","required","error","errorDescription","success","maxlength","minlength","pattern","mode","autocomplete","hidePasswordIcon","showPassword","showPasswordState","color","feedback","message","heading","icon","dismissible","preventAutoClose","hidden","xsmall","small","medium","large","xlarge","text","alt","src","initials","size","dismissal","iconLocation","leadIcon","_isHidden","emphasis","danger","loading","fluid","type","validation","max","min","step","selectId","multiple","displayValue","computedDisplayValue","internalReadonly","textInputType","triggerElement","open","triggerMode","placement","groupName","offset","hasArrow","disableFlip","shiftPadding","enterDelay","nested","show","hide","toggle","disableCloseOnSelect","close","shortcut","hasSubmenu","labelBefore","labelPlacement","hideLabel","checked","indeterminate","textareaId","rows","resize","autosize","gutter","fill","flex","full","vertical","spriteUrl","active","shape"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-06f64d05.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as n,a as i,g as o}from"./p-db2a68f3.js";const r="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";const s=r;const a=class{constructor(n){e(this,n);this.menuitemSelected=t(this,"menuitemSelected",7);this.isHandlingKeyDown=false;this.isHandlingClick=false;this.open=false;this.nested=false;this.disableCloseOnSelect=false;this.placement=this.nested?"right-start":"bottom-end"}async show(){this.open=true}async close(){this.open=false}handleMenuItemSelect(e,t){if(e.hasAttribute("disabled")){t.stopPropagation();return}const n=e.id;if(n){this.menuitemSelected.emit({itemId:n})}t.stopPropagation();if(!this.disableCloseOnSelect){this.open=false}}handleMenuClick(e){if(this.isHandlingClick){return}this.isHandlingClick=true;const t=e.target;const n=t.closest("nv-menuitem");if(n&&n.tagName==="NV-MENUITEM"&&!n.hasAttribute("has-submenu")){this.handleMenuItemSelect(n,e)}this.isHandlingClick=false}handleKeydown(e){if(!this.open)return;if(this.isHandlingKeyDown){return}this.isHandlingKeyDown=true;if(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="ArrowLeft"||e.key==="ArrowRight"||e.key==="Escape"){e.preventDefault()}if(e.key==="Escape"&&!this.nested){this.close();this.triggerElement.focus();this.isHandlingKeyDown=false;return}if(e.key==="Enter"){const t=document.activeElement;if(t&&t.tagName==="NV-MENUITEM"&&!t.hasAttribute("has-submenu")){e.preventDefault();this.handleMenuItemSelect(t,e)}this.isHandlingKeyDown=false;return}const t=this.el.querySelector('[slot="content"]');const n=Array.from(t.childNodes).filter((e=>{var t;return(t=e.matches)===null||t===void 0?void 0:t.call(e,"nv-menuitem, nv-menu")}));let i=n.indexOf(document.activeElement);if(i===-1)i=n.indexOf(document.activeElement.parentElement);if(i===-1&&n.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){n.forEach((e=>{if(e.matches("nv-menu"))e.close()}))}if(e.key==="ArrowDown"){let e=(i+1)%n.length;while(n[e].matches("nv-menuitem[disabled]")){e=(e+1)%n.length}const t=n[e];if(t.matches("nv-menuitem"))t.focus();else if(t.matches("nv-menu"))t.querySelector("nv-menuitem").focus()}if(e.key==="ArrowUp"){let e=(i-1+n.length)%n.length;while(n[e].matches("nv-menuitem[disabled]")){e=(e-1+n.length)%n.length}const t=n[e];if(t.matches("nv-menuitem"))t.focus();else if(t.matches("nv-menu"))t.querySelector("nv-menuitem").focus()}if(e.key==="ArrowRight"){const e=n[i];if(!e.matches("nv-menu")){this.isHandlingKeyDown=false;return}e.show()}if(e.key==="ArrowLeft"&&this.nested){if(n.find((e=>e.matches("nv-menu[open]")))){this.isHandlingKeyDown=false;return}this.close();this.triggerElement.focus()}this.isHandlingKeyDown=false}handleOpenChanged(e){if(e.target===this.el.querySelector("nv-popover")){this.open=e.detail}const t=this.triggerElement===document.activeElement;const n=this.triggerElement.matches(":focus-visible");if(t&&n)this.focusFirstItem()}focusFirstItem(){const e=this.popoverElement.querySelector("nv-menuitem");if(e){requestAnimationFrame((()=>e.focus()))}}componentWillLoad(){this.triggerElement=Array.from(this.el.children).find((e=>e.getAttribute("slot")==="trigger"))}render(){return n(i,{key:"5a3a0645d952724b5c2ddd1f2578201568bf827b"},n("slot",{key:"65506a9b7035ef645daa87079339ad7e7cd76377",name:"trigger"}),n("nv-popover",{key:"f5998e3d878671d09ea684de2a54bca504513f48",ref:e=>this.popoverElement=e,triggerMode:"click",triggerElement:this.triggerElement,placement:this.placement,nested:this.nested,open:this.open},n("slot",{key:"267e0e587177bdb8b6ce9b10f36c43158547d5b2",name:"content"})))}get el(){return o(this)}};a.style=s;export{a as nv_menu};
+//# sourceMappingURL=p-06f64d05.entry.js.map

package/dist/native/p-06f64d05.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvMenuCss","NvMenuStyle0","NvMenu","this","isHandlingKeyDown","isHandlingClick","nested","show","open","close","handleMenuItemSelect","menuItem","event","hasAttribute","stopPropagation","itemId","id","menuitemSelected","emit","disableCloseOnSelect","handleMenuClick","target","closest","tagName","handleKeydown","key","preventDefault","triggerElement","focus","activeElement","document","menuContent","el","querySelector","menuItems","Array","from","childNodes","filter","item","_a","matches","call","currentIndex","indexOf","parentElement","find","forEach","nextIndex","length","nextFocusable","prevIndex","prevFocusable","submenu","handleOpenChanged","detail","triggerHasFocus","triggerHasFocusVisible","focusFirstItem","firstButton","popoverElement","requestAnimationFrame","componentWillLoad","children","child","getAttribute","render","h","Host","name","ref","triggerMode","placement"],"sources":["src/components/nv-menu/nv-menu.scss?tag=nv-menu","src/components/nv-menu/nv-menu.tsx"],"sourcesContent":["@use \"../nv-menuitem/nv-menuitem\" as nv-menuitem;\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin content-styles() {\n  padding: var(--menu-contextual-padding-y)  \n          var(--menu-contextual-padding-x);\n  border-radius: var(--menu-contextual-radius);\n  gap: var(--menu-contextual-gap-y);\n  background-color: var(--components-menu-contextual-background);\n  border-color: var(--components-menu-contextual-border);\n  display: flex;\n  flex-direction: column;\n}\n\n@mixin separator-styles() {\n  display: block;\n  margin: var(--menu-contextual-divider-padding-top)  \n          var(--menu-contextual-divider-padding-x)  \n          var(--menu-contextual-divider-padding-bottom)  \n          var(--menu-contextual-divider-padding-x) ;\n}\n\nnv-menu {\n  @include root-styles();\n\n  nv-popover {\n    display: unset;\n    \n    [data-scope=popover]{\n      background-color: transparent !important;\n      padding: 0 !important;\n    }\n  }\n\n  [slot=\"content\"] {\n    @include content-styles();\n  }\n\n  nv-menu[open]:not([open=\"false\"]) {\n    > nv-menuitem {\n      @include nv-menuitem.focused-styles();\n    }\n  }\n\n  hr {\n    @include separator-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  Event,\n  EventEmitter,\n  Method,\n} from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\nimport type { MenuitemSelectedEventDetail } from '../nv-menuitem/nv-menuitem';\n\n/**\n * @slot trigger - Button to toggle the menu popover.\n * @slot content - Use an &lt;ul&gt;&lt;/ul&gt; tag for the slot, and place &lt;nv-menuitem&gt; elements inside.\n */\n@Component({\n  tag: 'nv-menu',\n  styleUrl: 'nv-menu.scss',\n  shadow: false,\n})\nexport class NvMenu {\n  @Element() el: HTMLNvMenuElement;\n  private triggerElement!: HTMLElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private isHandlingKeyDown: boolean = false;\n  private isHandlingClick: boolean = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Use this to toggle the initial visibility of the menu, by default the menu\n   * is hidden.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Use this if the menu is nested inside another menu. This will prevent the\n   * parent menu from closing when the child menu is opened.\n   */\n  @Prop()\n  readonly nested: boolean = false;\n\n  /**\n   * Use this to disable the menu from closing automatically when a menu item is\n   * selected.\n   */\n  @Prop()\n  readonly disableCloseOnSelect: boolean = false;\n\n  /**\n   * Decides where the menu shows up next to the button it’s linked to (above,\n   * below, to the sides). If there isn’t enough room, it will adjust its\n   * position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop()\n  readonly placement: Placement = this.nested ? 'right-start' : 'bottom-end';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Opens the menu.\n   */\n  @Method()\n  async show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the menu.\n   */\n  @Method()\n  async close() {\n    this.open = false;\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted from nv-menuitem elements with the corresponding id when the menu\n   * item is selected.\n   */\n  @Event()\n  menuitemSelected: EventEmitter<MenuitemSelectedEventDetail>;\n\n  private handleMenuItemSelect(menuItem: HTMLElement, event: Event) {\n    // If the element is disabled, stop propagation\n    if (menuItem.hasAttribute('disabled')) {\n      event.stopPropagation();\n      return;\n    }\n\n    // Emit the menuitemSelected event for the selected item\n    const itemId = menuItem.id;\n    if (itemId) {\n      this.menuitemSelected.emit({ itemId });\n    }\n\n    // Prevent event propagation to avoid multiple triggers\n    event.stopPropagation();\n\n    if (!this.disableCloseOnSelect) {\n      this.open = false;\n    }\n  }\n\n  @Listen('click', { capture: true })\n  handleMenuClick(event: MouseEvent) {\n    if (this.isHandlingClick) {\n      return;\n    }\n    this.isHandlingClick = true;\n\n    const target = event.target as HTMLElement;\n    const menuItem = target.closest('nv-menuitem');\n    if (\n      menuItem &&\n      menuItem.tagName === 'NV-MENUITEM' &&\n      !menuItem.hasAttribute('has-submenu')\n    ) {\n      this.handleMenuItemSelect(menuItem, event);\n    }\n\n    this.isHandlingClick = false;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeydown(event: KeyboardEvent) {\n    if (!this.open) return;\n\n    if (this.isHandlingKeyDown) {\n      return;\n    }\n    this.isHandlingKeyDown = true;\n\n    if (\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp' ||\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'Escape'\n    ) {\n      event.preventDefault();\n    }\n\n    if (event.key === 'Escape' && !this.nested) {\n      this.close();\n      this.triggerElement.focus();\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      const activeElement = document.activeElement as HTMLNvMenuitemElement;\n      if (\n        activeElement &&\n        activeElement.tagName === 'NV-MENUITEM' &&\n        !activeElement.hasAttribute('has-submenu')\n      ) {\n        event.preventDefault();\n        this.handleMenuItemSelect(activeElement, event);\n      }\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    const menuContent = this.el.querySelector('[slot=\"content\"]');\n    const menuItems = (\n      Array.from(menuContent.childNodes) as Array<\n        HTMLNvMenuitemElement | HTMLNvMenuElement\n      >\n    ).filter(item => item.matches?.('nv-menuitem, nv-menu'));\n\n    let currentIndex = menuItems.indexOf(\n      document.activeElement as HTMLNvMenuitemElement,\n    );\n    if (currentIndex === -1)\n      currentIndex = menuItems.indexOf(\n        document.activeElement.parentElement as HTMLNvMenuitemElement,\n      );\n    if (\n      currentIndex === -1 &&\n      menuItems.find(item => item.matches('nv-menu[open]'))\n    ) {\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      menuItems.forEach(item => {\n        if (item.matches('nv-menu')) (item as HTMLNvMenuElement).close();\n      });\n    }\n\n    if (event.key === 'ArrowDown') {\n      let nextIndex = (currentIndex + 1) % menuItems.length;\n      while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {\n        nextIndex = (nextIndex + 1) % menuItems.length;\n      }\n      const nextFocusable = menuItems[nextIndex];\n      if (nextFocusable.matches('nv-menuitem')) nextFocusable.focus();\n      else if (nextFocusable.matches('nv-menu'))\n        nextFocusable.querySelector('nv-menuitem').focus();\n    }\n\n    if (event.key === 'ArrowUp') {\n      let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;\n      while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {\n        prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;\n      }\n      const prevFocusable = menuItems[prevIndex];\n      if (prevFocusable.matches('nv-menuitem')) prevFocusable.focus();\n      else if (prevFocusable.matches('nv-menu'))\n        prevFocusable.querySelector('nv-menuitem').focus();\n    }\n\n    if (event.key === 'ArrowRight') {\n      const submenu = menuItems[currentIndex];\n      if (!submenu.matches('nv-menu')) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n\n      (submenu as HTMLNvMenuElement).show();\n    }\n\n    if (event.key === 'ArrowLeft' && this.nested) {\n      if (menuItems.find(item => item.matches('nv-menu[open]'))) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n      this.close();\n      this.triggerElement.focus();\n    }\n\n    this.isHandlingKeyDown = false;\n  }\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    if (event.target === this.el.querySelector('nv-popover')) {\n      this.open = event.detail;\n    }\n\n    const triggerHasFocus = this.triggerElement === document.activeElement;\n    const triggerHasFocusVisible =\n      this.triggerElement.matches(':focus-visible');\n\n    if (triggerHasFocus && triggerHasFocusVisible) this.focusFirstItem();\n  }\n\n  private focusFirstItem() {\n    const firstButton = this.popoverElement.querySelector('nv-menuitem');\n    if (firstButton) {\n      requestAnimationFrame(() => firstButton.focus());\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"click\"\n          triggerElement={this.triggerElement}\n          placement={this.placement}\n          nested={this.nested}\n          open={this.open}\n        >\n          <slot name=\"content\"></slot>\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-0aa0193b.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as n,a as t,g as e}from"./p-db2a68f3.js";import{B as s}from"./p-a15ddd42.js";const i='nv-icon{display:inline-block;width:fit-content;height:fit-content;color:inherit}nv-icon>.nv-icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-icon>.nv-icon-sm{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-icon>.nv-icon-md{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-icon>.nv-icon-lg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-icon>.nv-icon-xl{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}nv-button{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[emphasis=high]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[emphasis=medium]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[emphasis=low]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[emphasis=lower]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}';const r=i;const a=class{constructor(n){o(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.handleClick=o=>{var n,t,e,s;if(this.loading||this.disabled){o.preventDefault();return}if(this.type==="submit"){(t=(n=this.internals)===null||n===void 0?void 0:n.form)===null||t===void 0?void 0:t.requestSubmit()}if(this.type==="reset"){(s=(e=this.internals)===null||e===void 0?void 0:e.form)===null||s===void 0?void 0:s.reset()}};this.size="md";this.emphasis="high";this.danger=false;this.loading=false;this.disabled=false;this.fluid=false;this.type="button"}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return n(t,{key:"f3349cdf1da05ae9a11a1b213db9f4cf062f6d9d",role:"button",tabindex:"0",onClick:this.handleClick},this.loading&&n("nv-loader",{key:"e776853069e4a34e72a1f07065cb969a08998f19",size:this.size===s.Large?"sm":"xs"}),n("slot",{key:"4533e74ed576e23a75ca68a58711013c4c3482cd",name:"leading-icon"}),n("slot",{key:"ecd5b1c5e970e47144ee522d17891af2a9c8eef7"}),n("slot",{key:"275517fb22c5cbfda415d0c5b5e45f44e1d99b21",name:"trailing-icon"}))}static get formAssociated(){return true}get el(){return e(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};a.style=r;export{a as nv_button};
+//# sourceMappingURL=p-0aa0193b.entry.js.map

package/dist/native/p-0aa0193b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvButtonCss","NvButtonStyle0","NvButton","this","handleClick","event","loading","disabled","preventDefault","type","_b","_a","internals","form","requestSubmit","_d","_c","reset","handleLoadingChange","handleDisabledChange","componentWillLoad","render","h","Host","key","role","tabindex","onClick","size","ButtonSize","Large","name"],"sources":["src/components/nv-button/nv-button.scss?tag=nv-button","src/components/nv-button/nv-button.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"../nv-icon/nv-icon.scss\" as icon;\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$button-sizes: (\"xs\", \"sm\", \"md\", \"lg\");\n$button-emphasis: (\"high\", \"medium\", \"low\", \"lower\");\n\n/* Define maps for size-related variables */\n$button-padding-y: (\n  \"xs\": var(--button-xs-padding-y),\n  \"sm\": var(--button-sm-padding-y),\n  \"md\": var(--button-md-padding-y),\n  \"lg\": var(--button-lg-padding-y)\n);\n\n$button-padding-x: (\n  \"xs\": var(--button-xs-padding-x),\n  \"sm\": var(--button-sm-padding-x),\n  \"md\": var(--button-md-padding-x),\n  \"lg\": var(--button-lg-padding-x)\n);\n\n$button-gap: (\n  \"xs\": var(--button-xs-gap),\n  \"sm\": var(--button-sm-gap),\n  \"md\": var(--button-md-gap),\n  \"lg\": var(--button-lg-gap)\n);\n\n$button-border-radius: (\n  \"xs\": var(--button-xs-border-radius),\n  \"sm\": var(--button-sm-border-radius),\n  \"md\": var(--button-md-border-radius),\n  \"lg\": var(--button-lg-border-radius)\n);\n\n$button-line-height: (\n  \"xs\": var(--button-xs-line-height),\n  \"sm\": var(--button-sm-line-height),\n  \"md\": var(--button-md-line-height),\n  \"lg\": var(--button-lg-line-height)\n);\n\n$button-font-size: (\n  \"xs\": var(--button-xs-font-size),\n  \"sm\": var(--button-sm-font-size),\n  \"md\": var(--button-md-font-size),\n  \"lg\": var(--button-lg-font-size)\n);\n\n/* Define maps for emphasis-related variables */\n$components-button-background: (\n  \"high\": var(--components-button-high-background),\n  \"medium\": var(--components-button-medium-background),\n  \"low\": var(--components-button-low-background),\n  \"lower\": var(--components-button-lower-background)\n);\n\n$components-button-border: (\n  \"high\": var(--components-button-high-border),\n  \"medium\": var(--components-button-medium-border),\n  \"low\": var(--components-button-low-border),\n  \"lower\": var(--components-button-lower-border)\n);\n\n$components-button-text: (\n  \"high\": var(--components-button-high-text),\n  \"medium\": var(--components-button-medium-text),\n  \"low\": var(--components-button-low-text),\n  \"lower\": var(--components-button-lower-text)\n);\n\n$components-button-background-hover: (\n  \"high\": var(--components-button-high-background-hover),\n  \"medium\": var(--components-button-medium-background-hover),\n  \"low\": var(--components-button-low-background-hover),\n  \"lower\": var(--components-button-lower-background-hover)\n);\n\n$components-button-text-hover: (\n  \"high\": var(--components-button-high-text-hover),\n  \"medium\": var(--components-button-medium-text-hover),\n  \"low\": var(--components-button-low-text-hover),\n  \"lower\": var(--components-button-lower-text-hover)\n);\n\n@mixin root-styles() {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  font-family: \"TT Norms Pro\", sans-serif;\n  transition: background-color 150ms ease-out;\n  user-select: none;\n  cursor: pointer;\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin size-styles($size) {\n  padding: map.get($button-padding-y, $size) map.get($button-padding-x, $size);\n  gap: map.get($button-gap, $size);\n  border-radius: map.get($button-border-radius, $size);\n  line-height: map.get($button-line-height, $size);\n  font-size: map.get($button-font-size, $size);\n\n  & nv-icon > svg {\n    @include icon.icon-size-and-stroke(\n      map.get(map.get(icon.$icon-config, $size), size),\n      map.get(map.get(icon.$icon-config, $size), stroke)\n    );\n  }\n}\n\n@mixin emphasis-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    border: 1px solid map.get($components-button-border, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring();\n\n  &:disabled:not([disabled=\"false\"]) {\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n}\n\n@mixin danger-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    border: 1px solid map.get($components-button-border, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring(var(--color-focus-destructive));\n}\n\n@mixin fluid-styles() {\n  width: 100%;\n}\n\nnv-button {\n  @include root-styles();\n\n  @each $size in $button-sizes {\n    &[size=\"#{$size}\"] {\n      @include size-styles($size);\n    }\n  }\n\n  @each $emphasis in $button-emphasis {\n    &[emphasis=\"#{$emphasis}\"] {\n      @include emphasis-styles($emphasis);\n\n      &[danger]:not([danger=\"false\"]) {\n        @include danger-styles($emphasis);\n      }\n    }\n  }\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include fluid-styles();\n  }\n\n  &[loading]:not([loading=\"false\"]) {\n    [slot=\"leading-icon\"] {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  Element,\n  Watch,\n} from '@stencil/core';\n\nimport { ButtonSize, ButtonEmphasis, ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Content of the button.\n * @slot leading-icon - Icon before the label.\n * @slot trailing-icon - Icon after the label.\n */\n@Component({\n  tag: 'nv-button',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-button.scss',\n})\nexport class NvButton {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvButtonElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Determines how large or small the button appears, allowing for\n   * customization of the button's dimensions to fit different design\n   * specifications and user needs.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${ButtonSize}` = 'md';\n\n  /**\n   * Adjusts the button's emphasis to make it more or less visually prominent\n   * to users. Use this to draw attention to important actions or reduce focus\n   * on less critical ones\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n  /**\n   * Applies styling that visually indicates the button represents a dangerous\n   * action.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Set this to true to show a spinner on the button, letting users know that\n   * their action is being processed. It helps improve user experience by\n   * indicating ongoing activities.\n   */\n  @Prop({ reflect: true, mutable: true })\n  loading: boolean = false;\n\n  /**\n   * Disables the button, preventing user interaction.\n   */\n  @Prop({ reflect: true, mutable: true })\n  disabled: boolean = false;\n\n  /**\n   * Allows the button to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  /**\n   * Sets the button type to control its function in forms. Use 'submit' to send\n   * form data, 'reset' to clear the form, or 'button' for a standard button\n   * that doesn’t interact with form submission by default.\n   */\n  @Prop({ reflect: true })\n  readonly type: `${ButtonType}` = 'button';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles form-related actions when the button is clicked.\n   * - Submits the form if the button type is 'submit'.\n   * - Resets the form if the button type is 'reset'.\n   * @param {Event} event - The click event.\n   */\n  private handleClick = (event: Event) => {\n    if (this.loading || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.type === 'submit') {\n      this.internals?.form?.requestSubmit();\n    }\n    if (this.type === 'reset') {\n      this.internals?.form?.reset();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('loading')\n  handleLoadingChange(loading: boolean) {\n    this.loading = loading;\n    this.disabled = loading;\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (this.loading) {\n      this.disabled = this.loading;\n    } else {\n      this.disabled = disabled;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.loading) {\n      this.disabled = this.loading;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"button\" tabindex=\"0\" onClick={this.handleClick}>\n        {this.loading && (\n          <nv-loader\n            size={this.size === ButtonSize.Large ? 'sm' : 'xs'}\n          ></nv-loader>\n        )}\n\n        <slot name=\"leading-icon\"></slot>\n        <slot></slot>\n        <slot name=\"trailing-icon\"></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,u3QACpB,MAAAC,EAAeD,E,MCsBFE,EAAQ,M,yLAoEXC,KAAAC,YAAeC,I,YACrB,GAAIF,KAAKG,SAAWH,KAAKI,SAAU,CACjCF,EAAMG,iBACN,M,CAGF,GAAIL,KAAKM,OAAS,SAAU,EAC1BC,GAAAC,EAAAR,KAAKS,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,e,CAExB,GAAIX,KAAKM,OAAS,QAAS,EACzBM,GAAAC,EAAAb,KAAKS,aAAS,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,SAAAA,EAAEE,O,aAjEO,K,cAQQ,O,YAOd,M,aAQR,M,cAMC,M,WAMM,M,UAQO,Q,CA+BjC,mBAAAC,CAAoBZ,GAClBH,KAAKG,QAAUA,EACfH,KAAKI,SAAWD,C,CAIlB,oBAAAa,CAAqBZ,GACnB,GAAIJ,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,KAChB,CACLH,KAAKI,SAAWA,C,EAQpB,iBAAAa,GACE,GAAIjB,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,EAQzB,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAASC,SAAS,IAAIC,QAASxB,KAAKC,aAC5CD,KAAKG,SACJgB,EAAA,aAAAE,IAAA,2CACEI,KAAMzB,KAAKyB,OAASC,EAAWC,MAAQ,KAAO,OAIlDR,EAAA,QAAAE,IAAA,2CAAMO,KAAK,iBACXT,EAAA,QAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,2CAAMO,KAAK,kB","ignoreList":[]}

package/dist/native/p-124a7067.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,a as n,g as i}from"./p-db2a68f3.js";import{c as r}from"./p-8a1a6e56.js";import{v as a}from"./p-f5ff676c.js";const l='nv-fieldtoggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldtoggle:not([disabled],[readonly]) input,nv-fieldtoggle:not([disabled],[readonly]) label{cursor:pointer}nv-fieldtoggle.label-placement-before{flex-direction:row-reverse}nv-fieldtoggle[disabled]{opacity:0.5}nv-fieldtoggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldtoggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-fieldtoggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-fieldtoggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-fieldtoggle .input-container input[type=checkbox]::after{content:"";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-fieldtoggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-fieldtoggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-fieldtoggle .input-container input[type=checkbox]:focus,nv-fieldtoggle .input-container input[type=checkbox]:focus-within{outline:none}nv-fieldtoggle .input-container input[type=checkbox]:focus-visible,nv-fieldtoggle .input-container input[type=checkbox]:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldtoggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-fieldtoggle .input-container input[type=checkbox]:checked::after{content:"";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-fieldtoggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-fieldtoggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-fieldtoggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-fieldtoggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-fieldtoggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';const d=l;const c=class{constructor(t){e(this,t);this.checkedChanged=o(this,"checkedChanged",7);this.inputId=a();this.name=undefined;this.value=undefined;this.label=undefined;this.labelPlacement=undefined;this.hideLabel=false;this.description=undefined;this.checked=false;this.disabled=false;this.readonly=false}onCheckedChanged(e){this.checkedChanged.emit(e)}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}this.checked=o.checked}}render(){return t(n,{key:"32394c2068002d65652918e998a837ed413db2e8",class:r(this.labelPlacement==="before"&&"label-placement-before")},t("div",{key:"d2a037dbf554e6885853e10d1c5097e2900f7594",class:"input-container"},t("input",{key:"c9f150ee7742ed49066f2af75e9aa2fbe03750ba",type:"checkbox",id:this.inputId,name:this.name,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly})),t("div",{key:"6b6d95647dcd2eb850c6e78420581d7205707e62",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"00393d9a26ea57a6ecacc0a248d450d5ef8f543c",htmlFor:this.inputId,class:r(this.hideLabel&&"visually-hidden")},t("slot",{key:"8e2f5085aea5337d59e753ecd856a3fc6e057269",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"c44a88b35cab4b2c034a2f29a9bf0ec168b86a50",class:"description"},t("slot",{key:"5d80f64e1ac6d61025aa54b77f5e7b0860e6cc11",name:"description"},this.description))))}get el(){return i(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};c.style=d;export{c as nv_fieldtoggle};
+//# sourceMappingURL=p-124a7067.entry.js.map

package/dist/native/p-124a7067.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldtoggleCss","NvFieldtoggleStyle0","NvFieldtoggle","uuidv4","onCheckedChanged","checked","this","checkedChanged","emit","handleChange","event","target","type","id","inputId","readonly","disabled","preventDefault","render","h","Host","key","class","clsx","labelPlacement","name","autocomplete","value","Boolean","label","el","querySelector","htmlFor","hideLabel","description"],"sources":["src/components/nv-fieldtoggle/nv-fieldtoggle.scss?tag=nv-fieldtoggle","src/components/nv-fieldtoggle/nv-fieldtoggle.tsx"],"sourcesContent":["@import \"../../styles/focus-ring\";\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: 450;\n  line-height: var(--form-description-line-height);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--components-form-shape-foreground-default);\n\n  &:has(input[type=\"checkbox\"]:disabled:not([readonly])) {\n    color: var(--components-form-shape-foreground-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-toggle-width);\n  height: var(--form-toggle-height);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-toggle-radius);\n  border-width: var(--form-toggle-border-width);\n  border-style: solid;\n  border-color: var(--components-form-field-border-default);\n  background: var(--components-form-field-background-default);\n\n  &::after {\n    content: '';\n    display: block;\n    width: var(--form-toggle-switch-dot-default);\n    height: var(--form-toggle-switch-dot-default);\n    background-color: var(--components-form-shape-foreground-switch-dot);\n    border-radius: var(--radius-rounded-full);\n    position: absolute;\n    top: 50%;\n    left: 25%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover {\n    border-color: var(--components-form-field-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--components-form-field-border-default);\n  }\n\n  @include focus-ring();\n\n  &:checked {\n    background: var(--components-form-field-background-checked);\n    border-color: var(--components-form-field-background-checked);\n\n    &::after {\n      content: '';\n      display: block;\n      width: var(--form-toggle-switch-dot-default);\n      height: var(--form-toggle-switch-dot-default);\n      background-color: var(--components-form-shape-foreground-default);\n      border-radius: var(--radius-rounded-full);\n      position: absolute;\n      top: 50%;\n      left: 75%;\n      transform: translate(-50%, -50%);\n    }\n\n    &:focus {\n      background: var(--components-form-field-background-checked);\n      border-color: var(--components-form-field-border-focus);\n    }\n  }\n\n  &:disabled:not([readonly]) {\n    box-shadow: unset;\n    background: var(--components-form-field-background-disabled);\n    border-color: var(--components-form-field-border-default);\n\n    &:checked {\n      &::after {\n        background-color: var(--components-form-shape-foreground-disabled);\n      }\n    }\n  }\n}\n\nnv-fieldtoggle {\n  @include root-styles();\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n\n  &[disabled] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    // opacity: var(--components-form-opacity-disabled); Error: Invalid value for --components-form-opacity-disabled (expected a <number> but got \"50px\")\n    opacity: 0.5;\n  }\n  label {\n    @include label-styles();\n  }\n\n  .input-container {\n    @include input-container-styles();\n\n    input[type=\"checkbox\"] {\n      @include input-styles();\n    }\n  }\n\n  .description {\n    @include description-styles();\n  }\n\n  .text-container {\n    @include text-container-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type FieldLabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-fieldtoggle',\n  styleUrl: 'nv-fieldtoggle.scss',\n  shadow: false,\n})\nexport class NvFieldtoggle {\n  @Element() el!: HTMLNvFieldtoggleElement;\n\n  /******************************** PROPERTIES ********************************/\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop()\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the toggle input, used to reference the form data\n   * after submission.\n   */\n  @Prop()\n  readonly name?: string;\n\n  /**\n   * The value attribute of the toggle input, representing the value sent on\n   * form submission when the toggle is checked.\n   */\n  @Prop()\n  readonly value?: string;\n\n  /** The label displayed next to the toggle.*/\n  @Prop()\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the toggle, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true })\n  readonly labelPlacement: `${FieldLabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop()\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * toggle.\n   */\n  @Prop({ reflect: true })\n  readonly description?: string;\n\n  /** Indicates whether the toggle is checked or not. */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /** Disables the toggle, preventing user interaction. */\n  @Prop()\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the toggle to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop()\n  readonly readonly: boolean = false;\n\n  /******************************** EVENTS ************************************/\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  /****************************** WATCHERS ************************************/\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the toggle input element and updates the checked state.\n   * the checked state of the host elements.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  /********************************* RENDER ***********************************/\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly}\n          />\n        </div>\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label\n              htmlFor={this.inputId}\n              class={clsx(this.hideLabel && 'visually-hidden')}\n            >\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAmB,0kHACzB,MAAAC,EAAeD,E,MCwBFE,EAAa,M,qFAWGC,I,2GAgCG,M,wCAWX,M,cAIU,M,cAOA,K,CAgB7B,gBAAAC,CAAiBC,GACfC,KAAKC,eAAeC,KAAKH,E,CAS3B,YAAAI,CAAaC,GACX,MAAMC,EAASD,EAAMC,OAErB,GAAIA,EAAOC,OAAS,YAAcD,EAAOE,KAAOP,KAAKQ,QAAS,CAC5D,GAAIR,KAAKS,UAAYT,KAAKU,SAAU,CAClCN,EAAMO,iBACN,M,CAGFX,KAAKD,QAAUM,EAAON,O,EAK1B,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLjB,KAAKkB,iBAAmB,UAAY,2BAGtCL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CACET,KAAK,WACLC,GAAIP,KAAKQ,QACTW,KAAMnB,KAAKmB,KACXC,aAAa,MACbC,MAAOrB,KAAKqB,MACZtB,QAASuB,QAAQtB,KAAKD,SACtBW,SAAUV,KAAKU,UAAYV,KAAKS,SAChCA,SAAUT,KAAKS,YAInBI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACPhB,KAAKuB,OAASvB,KAAKwB,GAAGC,cAAc,oBACpCZ,EAAA,SAAAE,IAAA,2CACEW,QAAS1B,KAAKQ,QACdQ,MAAOC,EAAKjB,KAAK2B,WAAa,oBAE9Bd,EAAA,QAAAE,IAAA,2CAAMI,KAAK,SAASnB,KAAKuB,SAI3BvB,KAAK4B,aACL5B,KAAKwB,GAAGC,cAAc,0BACtBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,eAAenB,KAAK4B,e","ignoreList":[]}