@nova-design-system/nova-webcomponents 3.13.0 → 3.14.0-beta.0

package/dist/native/p-19090193.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,H as i}from"./p-d0a33e64.js";const o="nv-notificationcontainer{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);padding-top:0;z-index:9999;pointer-events:none;width:100%;max-width:512px}nv-notificationcontainer.position-top-right{top:0;right:0}nv-notificationcontainer.position-top-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-top-left{top:0;left:0}nv-notificationcontainer.position-top-left nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-top-center{top:0;left:50%;transform:translateX(-50%)}nv-notificationcontainer.position-top-center nv-notification{margin-bottom:var(--spacing-2)}nv-notificationcontainer.position-bottom-right{bottom:0;right:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-right nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-left{bottom:0;left:0;flex-direction:column-reverse}nv-notificationcontainer.position-bottom-left nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer.position-bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse}nv-notificationcontainer.position-bottom-center nv-notification{margin-top:var(--spacing-2)}nv-notificationcontainer>*{pointer-events:auto}";const a=o;const e=class{constructor(n){t(this,n);this.position="top-right"}render(){return n(i,{key:"db4005459b926bcfef55e76f61bff0b5635f2872",class:`position-${this.position}`},n("slot",{key:"518909541ca3e9e82168436a43d5362c414c0ec3"}))}};e.style=a;export{e as nv_notificationcontainer};
+//# sourceMappingURL=p-19090193.entry.js.map

package/dist/native/p-19090193.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvNotificationcontainerCss","NvNotificationcontainerStyle0","NvNotificationContainer","constructor","hostRef","this","position","render","h","Host","key","class"],"sources":["src/components/nv-notificationcontainer/nv-notificationcontainer.scss?tag=nv-notificationcontainer","src/components/nv-notificationcontainer/nv-notificationcontainer.tsx"],"sourcesContent":["@mixin base-styles() {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-2);\n  padding-top: 0;\n  z-index: 9999;\n  pointer-events: none;\n  width: 100%;\n  max-width: 512px;\n}\n\nnv-notificationcontainer {\n  @include base-styles();\n\n  // Default position\n  &.position-top-right {\n    top: 0;\n    right: 0;\n    nv-notification {\n      margin-top: var(--spacing-2);\n    }\n  }\n\n  &.position-top-left {\n    top: 0;\n    left: 0;\n    nv-notification {\n      margin-bottom: var(--spacing-2);\n    }\n  }\n\n  &.position-top-center {\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    nv-notification {\n      margin-bottom: var(--spacing-2);\n    }\n  }\n\n  &.position-bottom-right {\n    bottom: 0;\n    right: 0;\n    flex-direction: column-reverse;\n    nv-notification {\n      margin-top: var(--spacing-2);\n    }\n  }\n\n  &.position-bottom-left {\n    bottom: 0;\n    left: 0;\n    flex-direction: column-reverse;\n    nv-notification {\n      margin-top: var(--spacing-2);\n    }\n  }\n\n  &.position-bottom-center {\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    flex-direction: column-reverse;\n    nv-notification {\n      margin-top: var(--spacing-2);\n    }\n  }\n\n  // Allow pointer events on child elements\n  > * {\n    pointer-events: auto;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { NotificationPosition } from '../../utils/constants';\n\n/**\n * @deprecated [EXPERIMENTAL]\n * @experimental - Container for notifications TODO: add animations etc...\n * @slot default - Child content of the component.\n */\n@Component({\n  tag: 'nv-notificationcontainer',\n  styleUrl: 'nv-notificationcontainer.scss',\n  shadow: false,\n})\nexport class NvNotificationContainer {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Position of the notification container on the screen.\n   */\n  @Prop({ reflect: true })\n  readonly position: `${NotificationPosition}` = 'top-right';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n  render() {\n    return (\n      <Host class={`position-${this.position}`}>\n        <slot></slot>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,6vCACnC,MAAAC,EAAeD,E,MCYFE,EAAuB,MALpC,WAAAC,CAAAC,G,UAaWC,KAAAC,SAAsC,W,CAiB/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,YAAYN,KAAKC,YAC5BE,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/native/{p-1f01fb64.entry.js → p-224b1a01.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as t,H as r}from"./p-d0a33e64.js";import{c as o}from"./p-8a1a6e56.js";import{S as n}from"./p-2277cfc8.js";const v='nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:"TT Norms Pro", sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}';const i=v;const s=class{constructor(t){a(this,t);this.size="md";this.color="1"}componentWillRender(){if(this.xsmall){this.size=n.ExtraSmall}if(this.small){this.size=n.Small}if(this.medium){this.size=n.Medium}if(this.large){this.size=n.Large}if(this.xlarge){this.size=n.ExtraLarge}if(this.text){this.initials=this.text}if(this.url){this.src=this.url}}trimInitials(a){return a.trim().substring(0,2)}render(){return t(r,{key:"127d470eb9121f611f9e18f029ab9ef15a4a49df",class:o(`avatar-${this.size}`,`avatar-color-${this.color}`),"aria-label":this.alt},this.src?t("img",{src:this.src,alt:this.alt}):this.initials?this.trimInitials(this.initials):t("slot",{name:"icon"},t("nv-icon",{name:"user"})))}};s.style=i;export{s as nv_avatar};
-//# sourceMappingURL=p-1f01fb64.entry.js.map
+import{r as a,h as t,H as r}from"./p-d0a33e64.js";import{c as o}from"./p-8a1a6e56.js";import{S as n}from"./p-51602221.js";const v='nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:"TT Norms Pro", sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}';const i=v;const s=class{constructor(t){a(this,t);this.size="md";this.color="1"}componentWillRender(){if(this.xsmall){this.size=n.ExtraSmall}if(this.small){this.size=n.Small}if(this.medium){this.size=n.Medium}if(this.large){this.size=n.Large}if(this.xlarge){this.size=n.ExtraLarge}if(this.text){this.initials=this.text}if(this.url){this.src=this.url}}trimInitials(a){return a.trim().substring(0,2)}render(){return t(r,{key:"127d470eb9121f611f9e18f029ab9ef15a4a49df",class:o(`avatar-${this.size}`,`avatar-color-${this.color}`),"aria-label":this.alt},this.src?t("img",{src:this.src,alt:this.alt}):this.initials?this.trimInitials(this.initials):t("slot",{name:"icon"},t("nv-icon",{name:"user"})))}};s.style=i;export{s as nv_avatar};
+//# sourceMappingURL=p-224b1a01.entry.js.map

package/dist/native/p-29df974e.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as t,H as a,g as n}from"./p-d0a33e64.js";import{F as e,N as c}from"./p-51602221.js";import{u as s}from"./p-3cd7a66f.js";import{u as r}from"./p-a271e3be.js";import"./p-42ea6b74.js";import{u as d}from"./p-c7401a7d.js";import{p as f}from"./p-a52cd849.js";import{v as l}from"./p-f5ff676c.js";const p="nv-notification{display:block}nv-notification [data-scope=container]{display:flex;position:relative;max-width:512px;width:100%;padding:var(--notification-padding);align-items:flex-start;gap:var(--notification-gap-x);border-radius:var(--notification-radius);border-style:solid;box-shadow:0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1))}nv-notification [data-scope=container] [data-scope=icon]{flex-shrink:0}nv-notification [data-scope=container] [data-scope=dismiss]{padding:var(--button-sm-icon-button-padding, 8px);justify-content:center;align-items:center;gap:var(--button-sm-gap, 6px);display:flex;position:absolute;right:8px;top:8px;border-radius:var(--button-sm-border-radius, 4px);background:var(--components-button-lower-background, rgba(255, 255, 255, 0));color:var(--components-button-lower-icon)}nv-notification [data-scope=container] [data-scope=content]{display:flex;padding-right:var(--notification-padding-right);flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);flex:1 0 0}nv-notification [data-scope=container] [data-scope=content] [data-scope=heading]{display:flex;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;color:var(--components-notification-content-title);font-size:var(--notification-title-font-size);font-style:normal;font-weight:500;line-height:20px;}nv-notification [data-scope=container] [data-scope=content] [data-scope=message]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--notification-gap-y);align-self:stretch;color:var(--components-notification-content-description);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-sm, 14px);font-style:normal;font-weight:400;line-height:var(--line-height-sm, 20px)}nv-notification [data-scope=container] [data-scope=content] [data-scope=actions]{display:flex;padding:var(--spacing-2, 8px) 0;padding-bottom:0px;align-items:flex-start;gap:var(--notification-gap-x);align-self:stretch;margin-left:calc(-1 * var(--button-sm-padding-x))}nv-notification[feedback=information] [data-scope=container]{background-color:var(--components-notification-information-background);border-color:var(--components-notification-information-border)}nv-notification[feedback=information] [data-scope=container] [data-scope=icon]{color:var(--components-notification-information-icon)}nv-notification[feedback=information]>[data-scope=close]:focus,nv-notification[feedback=information]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=information]>[data-scope=close]:focus-visible,nv-notification[feedback=information]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=warning] [data-scope=container]{background-color:var(--components-notification-warning-background);border-color:var(--components-notification-warning-border)}nv-notification[feedback=warning] [data-scope=container] [data-scope=icon]{color:var(--components-notification-warning-icon)}nv-notification[feedback=warning]>[data-scope=close]:focus,nv-notification[feedback=warning]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=warning]>[data-scope=close]:focus-visible,nv-notification[feedback=warning]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=error] [data-scope=container]{background-color:var(--components-notification-error-background);border-color:var(--components-notification-error-border)}nv-notification[feedback=error] [data-scope=container] [data-scope=icon]{color:var(--components-notification-error-icon)}nv-notification[feedback=error]>[data-scope=close]:focus,nv-notification[feedback=error]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=error]>[data-scope=close]:focus-visible,nv-notification[feedback=error]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=success] [data-scope=container]{background-color:var(--components-notification-success-background);border-color:var(--components-notification-success-border)}nv-notification[feedback=success] [data-scope=container] [data-scope=icon]{color:var(--components-notification-success-icon)}nv-notification[feedback=success]>[data-scope=close]:focus,nv-notification[feedback=success]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=success]>[data-scope=close]:focus-visible,nv-notification[feedback=success]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[feedback=neutral] [data-scope=container]{background-color:var(--components-notification-neutral-background);border-color:var(--components-notification-neutral-border)}nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon]{color:var(--components-notification-neutral-icon)}nv-notification[feedback=neutral]>[data-scope=close]:focus,nv-notification[feedback=neutral]>[data-scope=close]:focus-within{outline:none}nv-notification[feedback=neutral]>[data-scope=close]:focus-visible,nv-notification[feedback=neutral]>[data-scope=close]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-notification[emphasis=high] [data-scope=container]{border-width:1px;border-left-width:var(--notification-border-width-high-emphasis);padding-left:calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px)}nv-notification[emphasis=medium] [data-scope=container]{border-width:var(--notification-border-width-low-emphasis);border-color:var(--color-content-low-border, #E3E3E3)}";const u=p;const b=class{constructor(t){o(this,t);this.hiddenChanged=i(this,"hiddenChanged",7);this.uid=l();this.feedback="information";this.emphasis="medium";this.dismissible=false;this.hidden=false;this.initiallyHidden=false;this.iconByFeedback={[e.Warning]:"alert-circle",[e.Information]:"info-circle",[e.Success]:"circle-check",[e.Error]:"alert-triangle",[e.Neutral]:"help"};this.roleByFeedback={[e.Error]:"alert",[e.Warning]:"alert",[e.Information]:"status",[e.Success]:"status",[e.Neutral]:"status"}}async dismiss(){await this.dismissAnimation()}async show(){await this.showAnimation()}getDefaultIcon(){var o;return(o=this.iconByFeedback[this.feedback])!==null&&o!==void 0?o:"info-circle"}getAriaRole(){var o;return(o=this.roleByFeedback[this.feedback])!==null&&o!==void 0?o:"status"}getAriaLive(){return this.getAriaRole()==="alert"?"assertive":"polite"}getHeadingId(){return this.heading?`nv-notification-${this.uid}-heading`:null}getMessageId(){return this.message?`nv-notification-${this.uid}-message`:null}async showAnimation(){this.hidden=false;const{setFadeIn:o}=r(this.container);const{expand:i}=s(this.el,{duration:300,overflow:"visible"});const{slideY:t,setSlideY:a}=d(this.container,{duration:300});a(-100);o();await f(t({from:-100,to:0}),i).start();this.hiddenChanged.emit(false)}getSlideDestination(o){switch(o){case c.TopRight:case c.BottomRight:return{axis:"x",to:100};case c.TopLeft:case c.BottomLeft:return{axis:"x",to:-100};case c.TopCenter:return{axis:"y",to:-100};case c.BottomCenter:return{axis:"y",to:100};default:return{axis:"x",to:100}}}async dismissAnimation(){var o;const i=(o=this.el.closest("nv-notificationcontainer"))===null||o===void 0?void 0:o.getAttribute("position");const t=this.getSlideDestination(i);const{fadeOut:a}=r(this.container,{duration:300});const{slideX:n,slideY:e,setSlideReset:c}=d(this.container,{duration:500});const{collapse:l}=s(this.el,{duration:500,overflow:"visible"});const p=t.axis==="x"?n({from:0,to:t.to}):e({from:0,to:t.to});c();await f(a,p,l).start();this.hidden=true;this.hiddenChanged.emit(true)}componentWillLoad(){this.headingSlot=this.el.querySelector('[slot="heading"]');this.messageSlot=this.el.querySelector('[slot="content"]');this.actionsSlot=this.el.querySelector('[slot="actions"]');if(this.initiallyHidden)this.hidden=true}render(){var o,i,n;return t(a,{key:"6e0b8abd9cbcb62b0b133db77520aa5aaa4173c9",role:this.getAriaRole(),"aria-live":this.getAriaLive(),"aria-atomic":true,"aria-labelledby":(o=this.getHeadingId())!==null&&o!==void 0?o:null,"aria-describedby":(i=this.getMessageId())!==null&&i!==void 0?i:null,tabindex:"-1"},t("div",{key:"41b2ad35bf5220333e132d61f8843d1136cb1f40","data-scope":"container",ref:o=>this.container=o},this.dismissible&&t("button",{key:"63116f239f7108ae945845c247c712827d8ae8a6","data-scope":"dismiss",type:"button",onClick:this.dismiss.bind(this)},t("nv-icon",{key:"dc19bf166c6d2eccd3d40384d43206457f0d03f0",name:"x",size:"sm"})),t("nv-icon",{key:"e673ac1cc78300bc3425018a0cdfc4b90c679796",name:(n=this.icon)!==null&&n!==void 0?n:this.getDefaultIcon(),size:"md","data-scope":"icon"}),t("div",{key:"95cb6ec06d89cda8e5170f9ff0f863b6b0b7e32d","data-scope":"content"},(this.heading||this.headingSlot)&&t("p",{key:"ed654c0271d2ff8538295d8f7bf58a9754abb4c9",id:this.getHeadingId(),"data-scope":"heading"},t("slot",{key:"00cc14a709059b9caf2117174ef7fcc310f5965f",name:"heading"},this.heading)),(this.message||this.messageSlot)&&t("p",{key:"c7c0bcbc2b54fdfdf8280af6a377929bf17fd688",id:this.getMessageId(),"data-scope":"message"},t("slot",{key:"946db5aeb667b67f52f51adbb1b8f600325f937e",name:"content"},this.message)),this.actionsSlot&&t("div",{key:"d94560b658507a515a1360057121e933b95e6fe6","data-scope":"actions"},t("slot",{key:"db185d3924c7d1fbeb30578992f2375e92a0d4bc",name:"actions"})))))}get el(){return n(this)}};b.style=u;export{b as nv_notification};
+//# sourceMappingURL=p-29df974e.entry.js.map

package/dist/native/p-29df974e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvNotificationCss","NvNotificationStyle0","NvNotification","constructor","hostRef","this","uid","uuidv4","feedback","emphasis","dismissible","hidden","initiallyHidden","iconByFeedback","FeedbackColors","Warning","Information","Success","Error","Neutral","roleByFeedback","dismiss","dismissAnimation","show","showAnimation","getDefaultIcon","_a","getAriaRole","getAriaLive","getHeadingId","heading","getMessageId","message","setFadeIn","useFade","container","expand","useCollapse","el","duration","overflow","slideY","setSlideY","useSlide","parallel","from","to","start","hiddenChanged","emit","getSlideDestination","pos","NotificationPosition","TopRight","BottomRight","axis","TopLeft","BottomLeft","TopCenter","BottomCenter","position","closest","getAttribute","destination","fadeOut","slideX","setSlideReset","collapse","slide","componentWillLoad","headingSlot","querySelector","messageSlot","actionsSlot","render","h","Host","key","role","_b","tabindex","ref","type","onClick","bind","name","size","_c","icon","id"],"sources":["src/components/nv-notification/styles/nv-notification.scss?tag=nv-notification","src/components/nv-notification/nv-notification.tsx"],"sourcesContent":["@use \"sass:map\";\n@use \"./mixins\" as *;\n@import \"../../../styles/focus-ring\";\n\nnv-notification {\n  @include root-styles();\n\n  [data-scope=\"container\"] {\n    @include container-styles();\n\n    [data-scope=\"icon\"] {\n      @include icon-styles();\n    }\n\n    [data-scope=\"dismiss\"] {\n      @include dismiss-btn-styles();\n    }\n\n    [data-scope=\"content\"] {\n      @include content-styles();\n\n      [data-scope=\"heading\"] {\n        @include header-styles();\n      }\n\n      [data-scope=\"message\"] {\n        @include message-styles();\n      }\n\n      [data-scope=\"actions\"] {\n        @include actions-styles();\n      }\n    }\n  }\n\n  @each $feedback in $feedback-variants {\n    &[feedback=\"#{$feedback}\"] {\n      [data-scope=\"container\"] {\n        @include feedback-color($feedback);\n\n        [data-scope=\"icon\"] {\n          @include icon-color($feedback);\n        }\n      }\n\n      & > [data-scope=\"close\"] {\n        @include focus-ring(map.get($border-color-map, $feedback));\n      }\n    }\n  }\n\n  @each $emphasis in $emphasis-variants {\n    &[emphasis=\"#{$emphasis}\"] {\n      [data-scope=\"container\"] {\n        @include emphasis-styles($emphasis);\n      }\n    }\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  FeedbackColors,\n  NotificationEmphasis,\n  NotificationPosition,\n} from '../../utils/constants';\nimport { type IconName } from '../nv-icon/nv-icons';\nimport { useCollapse, useFade, useSlide, parallel } from '../../animations';\n\ntype AriaRole = 'status' | 'alert';\ntype AriaLive = 'polite' | 'assertive';\n\n/**\n * @slot heading - Use this slot to insert HTML as the notification title.\n * @slot content - Use this slot to insert HTML as the notification message.\n * @slot actions - Use this slot for custom actions.\n */\n@Component({\n  tag: 'nv-notification',\n  styleUrl: 'styles/nv-notification.scss',\n  shadow: false,\n})\nexport class NvNotification {\n  @Element() el: HTMLNvNotificationElement;\n  private container: HTMLElement;\n  private headingSlot: HTMLElement;\n  private messageSlot: HTMLElement;\n  private actionsSlot: HTMLElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Set a unique ID for the notification. Used for aria attributes and managing\n   * multiple notifications.\n   */\n  @Prop({ reflect: true })\n  readonly uid: string = uuidv4();\n\n  /**\n   * Specifies the notification type which determines the color and default icon.\n   */\n  @Prop({ reflect: true })\n  readonly feedback: `${FeedbackColors}` = 'information';\n\n  /**\n   * Adjusts the emphasis to make the notification more or less visually\n   * prominent to users. Use this to draw attention to important actions or\n   * reduce focus on less critical ones\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${NotificationEmphasis}` = 'medium';\n\n  /**\n   * Short and concise text for the notification title.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string;\n\n  /**\n   * Main content for the notification. For more complex content, use the\n   * content slot instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Icon associated with the notification, defaults vary based on the feedback\n   * type.\n   */\n  @Prop({ reflect: true })\n  readonly icon: string;\n\n  /**\n   * Allows the notification to be dismissed via a close button (x). The\n   * notification is not dismissible unless explicitly enabled.\n   */\n  @Prop({ reflect: true })\n  readonly dismissible: boolean = false;\n\n  /**\n   * Controls the visibility of the notification.\n   */\n  @Prop({ reflect: true, mutable: true })\n  hidden: boolean = false; // eslint-disable-line @stencil-community/reserved-member-names\n\n  /**\n   * When true, the notification will be hidden initially, but internal changes\n   * will not be in a controlled state. Good for animating the notification in.\n   */\n  @Prop({ reflect: true })\n  readonly initiallyHidden: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Dismisses the notification with an animation, after the animation is\n   * complete, the hiddenChanged event will be emitted with the value of true,\n   * and the hidden prop will be set to true.\n   */\n  @Method()\n  async dismiss() {\n    await this.dismissAnimation();\n  }\n\n  /**\n   * Sets the hidden prop to false, and shows the notification with an\n   * animation, after the animation is complete, the hiddenChanged event will be\n   * emitted with the value of false.\n   */\n  @Method()\n  async show() {\n    await this.showAnimation();\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the 'hidden' prop changes, reflecting a change in visibility.\n   * Passes hidden value to the detail.\n   * @bind hidden\n   */\n  @Event()\n  hiddenChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region INTERNAL\n\n  private iconByFeedback: Record<FeedbackColors, IconName> = {\n    [FeedbackColors.Warning]: 'alert-circle',\n    [FeedbackColors.Information]: 'info-circle',\n    [FeedbackColors.Success]: 'circle-check',\n    [FeedbackColors.Error]: 'alert-triangle',\n    [FeedbackColors.Neutral]: 'help',\n  };\n\n  private roleByFeedback: Record<FeedbackColors, AriaRole> = {\n    [FeedbackColors.Error]: 'alert',\n    [FeedbackColors.Warning]: 'alert',\n    [FeedbackColors.Information]: 'status',\n    [FeedbackColors.Success]: 'status',\n    [FeedbackColors.Neutral]: 'status',\n  };\n\n  private getDefaultIcon(): IconName {\n    return this.iconByFeedback[this.feedback] ?? 'info-circle';\n  }\n\n  private getAriaRole(): AriaRole {\n    return this.roleByFeedback[this.feedback] ?? 'status';\n  }\n\n  private getAriaLive(): AriaLive {\n    return this.getAriaRole() === 'alert' ? 'assertive' : 'polite';\n  }\n\n  private getHeadingId(): string | null {\n    return this.heading ? `nv-notification-${this.uid}-heading` : null;\n  }\n\n  private getMessageId(): string | null {\n    return this.message ? `nv-notification-${this.uid}-message` : null;\n  }\n\n  private async showAnimation() {\n    this.hidden = false;\n\n    const { setFadeIn } = useFade(this.container);\n    const { expand } = useCollapse(this.el, {\n      duration: 300,\n      overflow: 'visible',\n    });\n    const { slideY, setSlideY } = useSlide(this.container, {\n      duration: 300,\n    });\n\n    setSlideY(-100);\n    setFadeIn();\n    await parallel(slideY({ from: -100, to: 0 }), expand).start();\n\n    this.hiddenChanged.emit(false);\n  }\n\n  private getSlideDestination(pos?: NotificationPosition): {\n    /** The axis to slide. */\n    axis: 'x' | 'y';\n    /** The destination value. */\n    to: number;\n  } {\n    switch (pos) {\n      case NotificationPosition.TopRight:\n      case NotificationPosition.BottomRight:\n        return { axis: 'x', to: 100 }; // right\n      case NotificationPosition.TopLeft:\n      case NotificationPosition.BottomLeft:\n        return { axis: 'x', to: -100 }; // left\n      case NotificationPosition.TopCenter:\n        return { axis: 'y', to: -100 }; // up\n      case NotificationPosition.BottomCenter:\n        return { axis: 'y', to: 100 }; // down\n      default:\n        return { axis: 'x', to: 100 }; // fallback\n    }\n  }\n\n  private async dismissAnimation() {\n    const position = this.el\n      .closest('nv-notificationcontainer')\n      ?.getAttribute('position') as NotificationPosition | undefined;\n\n    const destination = this.getSlideDestination(position);\n\n    const { fadeOut } = useFade(this.container, { duration: 300 });\n    const { slideX, slideY, setSlideReset } = useSlide(this.container, {\n      duration: 500,\n    });\n    const { collapse } = useCollapse(this.el, {\n      duration: 500,\n      overflow: 'visible',\n    });\n    const slide =\n      destination.axis === 'x'\n        ? slideX({ from: 0, to: destination.to })\n        : slideY({ from: 0, to: destination.to });\n\n    setSlideReset();\n    await parallel(fadeOut, slide, collapse).start();\n\n    this.hidden = true;\n    this.hiddenChanged.emit(true);\n  }\n\n  //#endregion INTERNAL\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.headingSlot = this.el.querySelector('[slot=\"heading\"]');\n    this.messageSlot = this.el.querySelector('[slot=\"content\"]');\n    this.actionsSlot = this.el.querySelector('[slot=\"actions\"]');\n\n    if (this.initiallyHidden) this.hidden = true;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role={this.getAriaRole()}\n        aria-live={this.getAriaLive()}\n        aria-atomic\n        aria-labelledby={this.getHeadingId() ?? null}\n        aria-describedby={this.getMessageId() ?? null}\n        tabindex=\"-1\"\n      >\n        <div data-scope=\"container\" ref={el => (this.container = el)}>\n          {this.dismissible && (\n            <button\n              data-scope=\"dismiss\"\n              type=\"button\"\n              onClick={this.dismiss.bind(this)}\n            >\n              <nv-icon name=\"x\" size=\"sm\" />\n            </button>\n          )}\n\n          <nv-icon\n            name={this.icon ?? this.getDefaultIcon()}\n            size=\"md\"\n            data-scope=\"icon\"\n          ></nv-icon>\n\n          <div data-scope=\"content\">\n            {(this.heading || this.headingSlot) && (\n              <p id={this.getHeadingId()} data-scope=\"heading\">\n                <slot name=\"heading\">{this.heading}</slot>\n              </p>\n            )}\n            {(this.message || this.messageSlot) && (\n              <p id={this.getMessageId()} data-scope=\"message\">\n                <slot name=\"content\">{this.message}</slot>\n              </p>\n            )}\n\n            {this.actionsSlot && (\n              <div data-scope=\"actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-3cd7a66f.js

@@ -0,0 +1,2 @@
+import{l as t,a as o}from"./p-42ea6b74.js";const n=(t,o)=>1-3*o+3*t;const e=(t,o)=>3*o-6*t;const r=t=>3*t;const i=(t,o,i)=>((n(o,i)*t+e(o,i))*t+r(o))*t;const a=(t,o,i)=>3*n(o,i)*t*t+2*e(o,i)*t+r(o);const s=1e-7;const m=10;function c(t,o,n,e,r){let a;let c;let g=0;do{c=o+(n-o)/2;a=i(c,e,r)-t;if(a>0){n=c}else{o=c}}while(Math.abs(a)>s&&++g<m);return c}const g=8;const l=.001;function p(t,o,n,e){for(let r=0;r<g;++r){const r=a(o,n,e);if(r===0){return o}const s=i(o,n,e)-t;o-=s/r}return o}const h=11;const f=1/(h-1);function u(o,n,e,r){if(o===n&&e===r)return t;const s=new Float32Array(h);for(let t=0;t<h;++t){s[t]=i(t*f,o,e)}function m(t){let n=0;let r=1;const i=h-1;for(;r!==i&&s[r]<=t;++r){n+=f}--r;const m=(t-s[r])/(s[r+1]-s[r]);const g=n+m*f;const u=a(g,o,e);if(u>=l){return p(t,g,o,e)}else if(u===0){return g}else{return c(t,n,n+f,o,e)}}return t=>t===0||t===1?t:i(m(t),n,r)}function x(t){const o=t.getBoundingClientRect().height;const n=getComputedStyle(t);const e=parseFloat(n.marginTop)||0;const r=parseFloat(n.marginBottom)||0;const i=o+e+r;return{height:o,marginTop:e,marginBottom:r,total:i}}const w=(t,{duration:n=200,overflow:e="hidden"}={})=>{let r=null;const i=()=>{if(r){r.stop();r=null}};const a=o=>{for(const[n,e]of Object.entries(o)){t.style[n]=e}};function s(){i();a({height:"0px",marginTop:"0px",marginBottom:"0px",overflow:e})}function m(){i();a({height:"",marginTop:"",marginBottom:"",overflow:""})}function c(){i();return new Promise((i=>{const{height:s,marginTop:m,marginBottom:c,total:g}=x(t);a({height:`${s}px`,marginTop:`${m}px`,marginBottom:`${c}px`,overflow:e,willChange:"height, margin"});const l=g>0?g:1e-4;r=o({from:g,to:0,duration:n,ease:u(.2,0,0,1),onUpdate:t=>{const o=t/l;a({height:`${s*o}px`,marginTop:`${m*o}px`,marginBottom:`${c*o}px`})},onComplete:()=>{a({height:"0px",marginTop:"0px",marginBottom:"0px",willChange:""});i()}})}))}async function g(){i();await new Promise((t=>requestAnimationFrame(t)));return new Promise((i=>{a({height:"",marginTop:"",marginBottom:"",overflow:e});const{height:s,marginTop:m,marginBottom:c,total:g}=x(t);a({height:"0px",marginTop:"0px",marginBottom:"0px",willChange:"height, margin"});const l=g>0?g:1e-4;r=o({from:0,to:g,duration:n,ease:u(.2,0,0,1),onUpdate:t=>{const o=t/l;a({height:`${s*o}px`,marginTop:`${m*o}px`,marginBottom:`${c*o}px`})},onComplete:()=>{a({height:"",marginTop:"",marginBottom:"",overflow:"",willChange:""});i()}})}))}return{collapse:c,expand:g,setCollapsed:s,setExpanded:m}};export{w as u};
+//# sourceMappingURL=p-3cd7a66f.js.map

package/dist/native/p-3cd7a66f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["a","a1","a2","b","c","calcBezier","t","getSlope","subdivisionPrecision","subdivisionMaxIterations","binarySubdivide","aX","aA","aB","mX1","mX2","currentX","currentT","i","Math","abs","newtonIterations","newtonMinSlope","newtonRaphsonIterate","aGuessT","currentSlope","kSplineTableSize","kSampleStepSize","cubicBezier","mY1","mY2","linear","sampleValues","Float32Array","getTForX","intervalStart","currentSample","lastSample","dist","guessForT","initialSlope","getBoxMetrics","node","rectHeight","getBoundingClientRect","height","style","getComputedStyle","marginTop","parseFloat","marginBottom","total","useCollapse","duration","overflow","currentAnimation","stop","setStyle","styles","k","v","Object","entries","setCollapsed","setExpanded","collapse","Promise","resolve","willChange","denom","animate","from","to","ease","onUpdate","ratio","onComplete","async","expand","requestAnimationFrame"],"sources":["../../node_modules/popmotion/dist/es/easing/cubic-bezier.mjs","src/animations/collapse.animation.ts"],"sourcesContent":["import { linear } from './index.mjs';\n\nconst a = (a1, a2) => 1.0 - 3.0 * a2 + 3.0 * a1;\nconst b = (a1, a2) => 3.0 * a2 - 6.0 * a1;\nconst c = (a1) => 3.0 * a1;\nconst calcBezier = (t, a1, a2) => ((a(a1, a2) * t + b(a1, a2)) * t + c(a1)) * t;\nconst getSlope = (t, a1, a2) => 3.0 * a(a1, a2) * t * t + 2.0 * b(a1, a2) * t + c(a1);\nconst subdivisionPrecision = 0.0000001;\nconst subdivisionMaxIterations = 10;\nfunction binarySubdivide(aX, aA, aB, mX1, mX2) {\n    let currentX;\n    let currentT;\n    let i = 0;\n    do {\n        currentT = aA + (aB - aA) / 2.0;\n        currentX = calcBezier(currentT, mX1, mX2) - aX;\n        if (currentX > 0.0) {\n            aB = currentT;\n        }\n        else {\n            aA = currentT;\n        }\n    } while (Math.abs(currentX) > subdivisionPrecision &&\n        ++i < subdivisionMaxIterations);\n    return currentT;\n}\nconst newtonIterations = 8;\nconst newtonMinSlope = 0.001;\nfunction newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {\n    for (let i = 0; i < newtonIterations; ++i) {\n        const currentSlope = getSlope(aGuessT, mX1, mX2);\n        if (currentSlope === 0.0) {\n            return aGuessT;\n        }\n        const currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n        aGuessT -= currentX / currentSlope;\n    }\n    return aGuessT;\n}\nconst kSplineTableSize = 11;\nconst kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\nfunction cubicBezier(mX1, mY1, mX2, mY2) {\n    if (mX1 === mY1 && mX2 === mY2)\n        return linear;\n    const sampleValues = new Float32Array(kSplineTableSize);\n    for (let i = 0; i < kSplineTableSize; ++i) {\n        sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n    }\n    function getTForX(aX) {\n        let intervalStart = 0.0;\n        let currentSample = 1;\n        const lastSample = kSplineTableSize - 1;\n        for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n            intervalStart += kSampleStepSize;\n        }\n        --currentSample;\n        const dist = (aX - sampleValues[currentSample]) /\n            (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n        const guessForT = intervalStart + dist * kSampleStepSize;\n        const initialSlope = getSlope(guessForT, mX1, mX2);\n        if (initialSlope >= newtonMinSlope) {\n            return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n        }\n        else if (initialSlope === 0.0) {\n            return guessForT;\n        }\n        else {\n            return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n        }\n    }\n    return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);\n}\n\nexport { cubicBezier };\n","import { animate, cubicBezier } from 'popmotion';\n\nexport type CollapseOptions = {\n  /**\n   * Duration of the expand/collapse animation in milliseconds.\n   * @default 200\n   */\n  duration?: number;\n\n  /**\n   * Set the overflow state while animating.\n   * @default \"hidden\"\n   */\n  overflow?: 'hidden' | 'visible';\n};\n\n/**\n * Read current box metrics (height + vertical margins).\n * @param {HTMLElement} node - The element to measure.\n * @returns {object} The box metrics.\n */\nfunction getBoxMetrics(node: HTMLElement) {\n  const rectHeight = node.getBoundingClientRect().height;\n  const style = getComputedStyle(node);\n  const marginTop = parseFloat(style.marginTop) || 0;\n  const marginBottom = parseFloat(style.marginBottom) || 0;\n  const total = rectHeight + marginTop + marginBottom;\n  return { height: rectHeight, marginTop, marginBottom, total };\n}\n\nconst useCollapse = (\n  node: HTMLElement,\n  { duration = 200, overflow = 'hidden' }: CollapseOptions = {},\n) => {\n  let currentAnimation: ReturnType<typeof animate> | null = null;\n\n  const stop = () => {\n    if (currentAnimation) {\n      currentAnimation.stop();\n      currentAnimation = null;\n    }\n  };\n\n  const setStyle = (styles: Partial<CSSStyleDeclaration>) => {\n    for (const [k, v] of Object.entries(styles)) {\n      node.style[k] = v as string;\n    }\n  };\n\n  /** Instantly apply collapsed styles (no animation). */\n  function setCollapsed() {\n    stop();\n    setStyle({\n      height: '0px',\n      marginTop: '0px',\n      marginBottom: '0px',\n      overflow,\n    });\n  }\n\n  /** Instantly apply expanded styles (no animation). */\n  function setExpanded() {\n    stop();\n    setStyle({\n      height: '',\n      marginTop: '',\n      marginBottom: '',\n      overflow: '',\n    });\n  }\n\n  /**\n   * Collapse: animate from current box (height + margins) down to 0.\n   */\n  function collapse() {\n    stop();\n    return new Promise<void>(resolve => {\n      const { height, marginTop, marginBottom, total } = getBoxMetrics(node);\n\n      // Lock current box\n      setStyle({\n        height: `${height}px`,\n        marginTop: `${marginTop}px`,\n        marginBottom: `${marginBottom}px`,\n        overflow,\n        willChange: 'height, margin',\n      });\n\n      const denom = total > 0 ? total : 0.0001; // avoid divide-by-zero\n\n      currentAnimation = animate({\n        from: total,\n        to: 0,\n        duration,\n        ease: cubicBezier(0.2, 0, 0, 1),\n        onUpdate: v => {\n          const ratio = v / denom;\n          setStyle({\n            height: `${height * ratio}px`,\n            marginTop: `${marginTop * ratio}px`,\n            marginBottom: `${marginBottom * ratio}px`,\n          });\n        },\n        onComplete: () => {\n          setStyle({\n            height: '0px',\n            marginTop: '0px',\n            marginBottom: '0px',\n            willChange: '',\n          });\n          resolve();\n        },\n      });\n    });\n  }\n\n  /**\n   * Expand: animate from 0 box to the element's natural box (height + margins),\n   * then restore `height: auto` and computed margins.\n   */\n  async function expand() {\n    stop();\n    // Make sure any pending screen updates are done\n    await new Promise(resolve => requestAnimationFrame(resolve));\n\n    return new Promise<void>(resolve => {\n      // Let the element size naturally to measure the target box\n      // await next animation frame\n      setStyle({\n        height: '',\n        marginTop: '',\n        marginBottom: '',\n        overflow,\n      });\n      const { height, marginTop, marginBottom, total } = getBoxMetrics(node);\n\n      // Start locked at zero box\n      setStyle({\n        height: '0px',\n        marginTop: '0px',\n        marginBottom: '0px',\n        willChange: 'height, margin',\n      });\n\n      const denom = total > 0 ? total : 0.0001;\n\n      currentAnimation = animate({\n        from: 0,\n        to: total,\n        duration,\n        ease: cubicBezier(0.2, 0, 0, 1),\n        onUpdate: v => {\n          const ratio = v / denom;\n          setStyle({\n            height: `${height * ratio}px`,\n            marginTop: `${marginTop * ratio}px`,\n            marginBottom: `${marginBottom * ratio}px`,\n          });\n        },\n        onComplete: () => {\n          // Restore natural layout\n          setStyle({\n            height: '',\n            marginTop: '',\n            marginBottom: '',\n            overflow: '',\n            willChange: '',\n          });\n          resolve();\n        },\n      });\n    });\n  }\n\n  return { collapse, expand, setCollapsed, setExpanded };\n};\n\nexport { useCollapse };\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-45506c37.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as c,H as i,g as n}from"./p-d0a33e64.js";import{c as t}from"./p-8a1a6e56.js";import{v as r}from"./p-f5ff676c.js";const a='nv-fieldcheckbox{--nv-fieldcheckbox-border-default:var(\n    --components-form-field-border-default\n  );--nv-fieldcheckbox-border-hover:var(--components-form-field-border-hover);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-default);--nv-fieldcheckbox-background-default:var(\n    --components-form-field-background-default\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-fieldcheckbox-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-brand);--nv-fieldcheckbox-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-fieldcheckbox:not([disabled],[readonly]) input,nv-fieldcheckbox:not([disabled],[readonly]) label{cursor:pointer}nv-fieldcheckbox.error>.input-container{--nv-fieldcheckbox-border-default:var(--components-form-field-border-error);--nv-fieldcheckbox-border-hover:var(--nv-fieldcheckbox-border-default);--nv-fieldcheckbox-border-focus:var(--components-form-field-border-error);--nv-fieldcheckbox-focus-box-shadow:var(--color-focus-destructive);--nv-fieldcheckbox-color-disabled:var(\n    --components-form-shape-foreground-disabled-error\n  );--nv-fieldcheckbox-background-checked:var(\n    --components-form-field-background-error\n  );--nv-fieldcheckbox-outline-color:var(--color-focus-destructive)}nv-fieldcheckbox.label-placement-before{flex-direction:row-reverse}nv-fieldcheckbox[disabled]:not([disabled=false]){opacity:0.5}nv-fieldcheckbox>.input-container{position:relative;color:var(--nv-fieldcheckbox-color-checked)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-fieldcheckbox-color-disabled)}nv-fieldcheckbox>.input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-fieldcheckbox-border-default);background:var(--nv-fieldcheckbox-background-default)}nv-fieldcheckbox>.input-container input[type=checkbox]:hover{border-color:var(--nv-fieldcheckbox-border-hover)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus{border-color:var(--nv-fieldcheckbox-border-focus)}nv-fieldcheckbox>.input-container input[type=checkbox]:focus,nv-fieldcheckbox>.input-container input[type=checkbox]:focus-within{outline:none}nv-fieldcheckbox>.input-container input[type=checkbox]:focus-visible,nv-fieldcheckbox>.input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldcheckbox-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldcheckbox>.input-container input[type=checkbox]:checked,nv-fieldcheckbox>.input-container input[type=checkbox]:indeterminate{background:var(--nv-fieldcheckbox-background-checked);border-color:var(--nv-fieldcheckbox-background-checked)}nv-fieldcheckbox>.input-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-fieldcheckbox-background-disabled);border-color:var(--nv-fieldcheckbox-border-default)}nv-fieldcheckbox>.input-container input[type=checkbox][readonly]{opacity:0.5}nv-fieldcheckbox>.input-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-fieldcheckbox>.input-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}nv-fieldcheckbox>.text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}nv-fieldcheckbox>.text-container label{align-self:stretch;text-align:left;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:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldcheckbox>.text-container label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-fieldcheckbox>.text-container .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:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldcheckbox>.text-container .error-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:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const d=a;const l=class{constructor(c){e(this,c);this.checkedChanged=o(this,"checkedChanged",7);this.labelBefore=false;this.inputId=r();this.hideLabel=false;this.error=false;this.checked=false;this.indeterminate=false;this.disabled=false;this.readonly=false;this.required=false;this.autofocus=false}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}if(this.indeterminate){this.indeterminate=false}this.checked=o.checked}}onCheckedChanged(e){this.checkedChanged.emit(e)}componentWillRender(){if(this.message){this.description=this.message}if(this.labelBefore){this.labelPlacement="before"}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return c(i,{key:"62195333f84808381f19ca4017916380d20d493f",class:t(this.labelPlacement==="before"&&"label-placement-before",this.error&&"error")},c("div",{key:"65f02aee06eacecf83c5297d87130bbe9f85b19c",class:"input-container"},c("input",{key:"c3e8fcb41c835f0eba254f9e77de749b7dc6349e",type:"checkbox",id:this.inputId,name:this.name,autofocus:this.autofocus,autocomplete:"off",value:this.value,checked:Boolean(this.checked),disabled:this.disabled||this.readonly,readonly:this.readonly&&!this.required,required:this.required,indeterminate:this.indeterminate,ref:e=>{if(e){e.indeterminate=this.indeterminate}}}),c("span",{key:"439a8c467373d734293012514cdb22c419b534ae",class:"icon"},this.checked&&!this.indeterminate&&c("slot",{key:"335a92ed1431fe96af3c7c6fac2f4245c0d4caaa",name:"checked-icon"},c("svg",{key:"67d97efca27a97c7db77d9f8c182a21fbd21d13c",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"9cb6730b00813e8d4fe6fa14549de6f2a41ea068",d:"M11.6667 3.5L5.25004 9.91667L2.33337 7","stroke-linecap":"round","stroke-linejoin":"round"}))),this.indeterminate&&c("slot",{key:"e47b17269156f72ddaf7af1ecc818ae5b6b8c0d3",name:"indeterminate-icon"},c("svg",{key:"4748acc27a70e74f9228cdb6e41eae4b1ae82559",class:"indeterminate-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 14 14",fill:"none"},c("path",{key:"40748b36b277c1ed6ea8fc8f82f4cd687b2f6e3a",d:"M2.9165 7H11.0832","stroke-linecap":"round","stroke-linejoin":"round"}))))),c("slot",{key:"0fa9e559cefb8169c20b171fcbb6c1786fd6b3ae"}),c("div",{key:"44eef633025d1a7606979d4d8374c2a04081f45c",class:"text-container"},c("slot",{key:"b43251a02b15431f5399c3bced485b89741e069e",name:"main"},(this.label||this.el.querySelector('[slot="label"]'))&&c("label",{key:"7781451a357961ce1606b18c590baa344df4ff95",htmlFor:this.inputId,class:t(this.hideLabel&&"visually-hidden")},c("slot",{key:"b420ad1dbdc05a5c57d0b45e62176866ec0527ca",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&c("div",{key:"67715bef879e0778b58648b83135edefdbdba53d",class:"description"},c("slot",{key:"b1d4d21e83130e19e94efa915abd6661c027bbce",name:"description"},this.description))),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&c("div",{key:"157df3faf2cadb4014ba8475c99cf68d86da9f63",hidden:!this.error,class:"error-description"},c("slot",{key:"42aa95b2332618120d846fa481a1b30b7edeccca",name:"error-description"},this.errorDescription))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};l.style=d;export{l as nv_fieldcheckbox};
+//# sourceMappingURL=p-45506c37.entry.js.map

package/dist/native/p-45506c37.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldcheckboxCss","NvFieldcheckboxStyle0","NvFieldcheckbox","constructor","hostRef","this","labelBefore","inputId","uuidv4","hideLabel","error","checked","indeterminate","disabled","readonly","required","autofocus","handleChange","event","target","type","id","preventDefault","onCheckedChanged","checkedChanged","emit","componentWillRender","message","description","labelPlacement","validation","errorDescription","render","h","Host","key","class","clsx","name","autocomplete","value","Boolean","ref","el","xmlns","width","height","viewBox","fill","d","label","querySelector","htmlFor","hidden"],"sources":["src/components/nv-fieldcheckbox/nv-fieldcheckbox.scss?tag=nv-fieldcheckbox","src/components/nv-fieldcheckbox/nv-fieldcheckbox.tsx"],"sourcesContent":["@use \"../../styles/utils\" as utils;\n@import '../../styles/focus-ring';\n\n@mixin fieldcheckbox-variables() {\n  --nv-fieldcheckbox-border-default: var(\n    --components-form-field-border-default\n  );\n  --nv-fieldcheckbox-border-hover: var(--components-form-field-border-hover);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-default);\n  --nv-fieldcheckbox-background-default: var(\n    --components-form-field-background-default\n  );\n  --nv-fieldcheckbox-background-checked: var(\n    --components-form-field-background-checked\n  );\n  --nv-fieldcheckbox-background-disabled: var(\n    --components-form-field-background-disabled\n  );\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-brand);\n  --nv-fieldcheckbox-color-checked: var(\n    --components-form-shape-foreground-default\n  );\n  --nv-fieldcheckbox-color-disabled: var(\n    --components-form-shape-foreground-disabled\n  );\n  --nv-fieldcheckbox-outline-color: var(--color-focus-brand);\n}\n\n@mixin fieldcheckbox-error-variables() {\n  --nv-fieldcheckbox-border-default: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-border-hover: var(--nv-fieldcheckbox-border-default);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-destructive);\n  --nv-fieldcheckbox-color-disabled: var(\n    --components-form-shape-foreground-disabled-error\n  );\n  --nv-fieldcheckbox-background-checked: var(\n    --components-form-field-background-error\n  );\n  --nv-fieldcheckbox-outline-color: var(--color-focus-destructive);\n}\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  text-align: left;\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: var(--form-label-font-weight);\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: var(--form-description-font-weight);\n  line-height: var(--form-description-line-height);\n}\n\n@mixin error-description-styles() {\n  @include description-styles();\n\n  color: var(--components-form-text-description-error);\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(--nv-fieldcheckbox-color-checked);\n\n  input[type='checkbox'][readonly] {\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: 0.5;\n  }\n\n  &:has(input[type='checkbox']:disabled:not([readonly])) {\n    color: var(--nv-fieldcheckbox-color-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-checkbox-size);\n  height: var(--form-checkbox-size);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-checkbox-radius);\n  border-width: var(--form-checkbox-border-width);\n  border-style: solid;\n  border-color: var(--nv-fieldcheckbox-border-default);\n  background: var(--nv-fieldcheckbox-background-default);\n\n  &:hover {\n    border-color: var(--nv-fieldcheckbox-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--nv-fieldcheckbox-border-focus);\n  }\n\n  @include focus-ring(var(--nv-fieldcheckbox-outline-color));\n\n  &:checked,\n  &:indeterminate {\n    background: var(--nv-fieldcheckbox-background-checked);\n    border-color: var(--nv-fieldcheckbox-background-checked);\n  }\n\n  &:disabled:not([readonly]) {\n    background: var(--nv-fieldcheckbox-background-disabled);\n    border-color: var(--nv-fieldcheckbox-border-default);\n  }\n\n  &[readonly] {\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: 0.5;\n  }\n}\n\n@mixin icon-styles() {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: var(--form-checkbox-icon-size);\n    height: var(--form-checkbox-icon-size);\n    fill: none;\n    stroke: currentcolor;\n    stroke-width: var(--form-checkbox-icon-stroke);\n    flex-shrink: 0;\n  }\n}\n\nnv-fieldcheckbox {\n  @include fieldcheckbox-variables();\n  @include root-styles();\n\n  &.error > .input-container {\n    @include fieldcheckbox-error-variables();\n  }\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n\n  &[disabled]:not([disabled='false']) {\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: 0.5;\n  }\n\n  > .input-container {\n    @include input-container-styles();\n\n    input[type='checkbox'] {\n      @include input-styles();\n    }\n\n    .icon {\n      @include icon-styles();\n    }\n  }\n\n  > .text-container {\n    @include text-container-styles();\n\n    label {\n      @include label-styles();\n      &.visually-hidden {\n        @include utils.visually-hidden();\n      }\n    }\n\n    .description {\n      @include description-styles();\n    }\n\n    .error-description {\n      @include error-description-styles();\n    }\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 LabelPlacement } from '../../utils/constants';\n\n/**\n * @slot default - Next to the label and description.\n * @slot main - Replaces the label and description.\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 * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n * @slot checked-icon - Content to be placed as the checked icon, will override the checkedIcon prop.\n * @slot indeterminate-icon - Content to be placed as the indeterminate icon, will override the indeterminateIcon prop.\n */\n@Component({\n  tag: 'nv-fieldcheckbox',\n  styleUrl: 'nv-fieldcheckbox.scss',\n  formAssociated: true,\n  shadow: false,\n})\nexport class NvFieldcheckbox {\n  @Element() el!: HTMLNvFieldcheckboxElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message define a 'hint ' message for the Field.\n   * @deprecated Use `description` instead.\n   * */\n  @Prop({ reflect: true })\n  readonly message?: string;\n\n  /**\n   * The text for the validation message.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   * */\n  @Prop({ reflect: true })\n  readonly validation?: string;\n\n  /**\n   * When true, the label will be placed before the checkbox.\n   * @deprecated Use `labelPlacement = end` instead.\n   * */\n  @Prop({ reflect: true })\n  readonly labelBefore?: boolean = false;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\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({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the checkbox input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the checkbox input, representing the value sent on\n   * form submission when the checkbox is checked. When the form is submitted,\n   * the data will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * The label displayed next to the checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the checkbox, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true, mutable: true })\n  labelPlacement: `${LabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * checkbox.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Signals that there is an error associated with the checkbox, which can\n   * trigger visual cues.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the checkbox.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription?: string;\n\n  /**\n   * Indicates whether the checkbox is checked or not.\n   */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /**\n   * Indicates whether the checkbox is in an indeterminate state, typically used\n   * for hierarchical checkboxes.\n   */\n  @Prop({ reflect: true, mutable: true })\n  indeterminate: boolean = false;\n\n  /**\n   * Disables the checkbox, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the checkbox to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the checkbox as required, indicating that it must be checked for\n   * form submission.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Listens for the change event on the checkbox input element and updates the\n   * checked state.\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      if (this.indeterminate) {\n        this.indeterminate = false;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region WATCHERS\n\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  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.labelBefore) {\n      this.labelPlacement = 'before';\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n          this.error && 'error',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autofocus={this.autofocus}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly && !this.required}\n            required={this.required}\n            indeterminate={this.indeterminate}\n            ref={el => {\n              if (el) {\n                el.indeterminate = this.indeterminate;\n              }\n            }}\n          />\n          <span class=\"icon\">\n            {this.checked && !this.indeterminate && (\n              <slot name=\"checked-icon\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"14\"\n                  height=\"14\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M11.6667 3.5L5.25004 9.91667L2.33337 7\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n            {this.indeterminate && (\n              <slot name=\"indeterminate-icon\">\n                <svg\n                  class=\"indeterminate-svg\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M2.9165 7H11.0832\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n          </span>\n        </div>\n\n        <slot></slot>\n\n        <div class=\"text-container\">\n          <slot name=\"main\">\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          </slot>\n\n          {(this.errorDescription ||\n            this.el.querySelector('[slot=\"error-description\"]')) && (\n            <div hidden={!this.error} class=\"error-description\">\n              <slot name=\"error-description\">{this.errorDescription}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-4697bd56.js

@@ -0,0 +1,2 @@
+import{i as o}from"./p-a271e3be.js";import{a as t}from"./p-42ea6b74.js";const e=(e,{duration:a=200,amount:n=.8,hasFade:r=true}={})=>{const s=o(e);function i(){return new Promise((o=>{t({from:{opacity:r?0:1,scale:n},to:{opacity:1,scale:1},duration:a,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o();if(r){e.style.removeProperty("opacity")}e.style.removeProperty("transform")}})}))}function c(){e.style.transform=`scale(${n})`;if(r){e.style.opacity="0"}}function u(){e.style.transform=`scale(1)`;if(r){e.style.opacity="1"}}function f(){return new Promise((o=>{t({from:{opacity:1,scale:1},to:{opacity:r?0:1,scale:n},duration:a,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o()}})}))}return{growIn:i,growOut:f,setGrowOut:c,setGrowIn:u}};export{e as u};
+//# sourceMappingURL=p-4697bd56.js.map