@aquera/nile-elements 0.0.66 → 0.0.68

package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slide-toggle.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"sourcesContent":["import { CSSResultGroup } from 'lit';\nimport { LitElement, html, property, customElement } from 'lit-element';\nimport styles from './nile-slide-toggle.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends NileElement {\n  public static styles: CSSResultGroup = styles;\n\n  @property({ type: String }) label = '';\n  @property({ type: Boolean, reflect: true }) isChecked = false;\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n\n  toggleValue() {\n    this.isChecked = !this.isChecked;\n    this.dispatchEvent(\n      new CustomEvent('change', { detail: { checked: this.isChecked } })\n    );\n  }\n\n  public render() {\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n    <div class=\"nile-slide-toggle\">\n    <span class=\"nile-slide-toggle__label\">\n        ${this.label}\n      </span>\n      <label class=\"nile-slide-toggle__switch\">\n        <input\n          type=\"checkbox\"\n          .checked=${this.isChecked}\n          @change=${this.toggleValue}\n        />\n        <span class=\"nile-slide-toggle__slider\"></span>\n      </label>\n    </div>\n    ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n    `;\n  }\n}\n"],"names":["NileSlideToggle","_i","o","constructor","this","label","isChecked","helpText","errorMessage","_this","_inherits","_createClass","key","value","connectedCallback","super","emit","disconnectedCallback","toggleValue","dispatchEvent","CustomEvent","detail","checked","render","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","NileElement","styles","__decorate","property","type","String","prototype","Boolean","reflect","attribute","_export","customElement"],"mappings":"0yIAMaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAGuBC,KAAAA,CAAKC,KAAG,CAAA,EAAA,CACQD,KAAAA,CAASE,SAAAA,CAAAA,CAAG,EAElBF,KAAAA,CAAQG,QAAAA,CAAG,EAEPH,CAAAA,KAAAA,CAAYI,aAAG,EA0D1D,QAAAC,KAAA,EAvDCC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,qBAAAC,KAAA,UAAAC,kBAAA,CAAAA,CACEC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAX,IAAAA,CAAKY,IAAK,CAAA,WAAA,CACX,EAED,GAAAJ,GAAA,wBAAAC,KAAA,UAAAI,qBAAA,CAAAA,CACEF,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,+BAAAA,IAAAA,OACAX,KAAKY,IAAK,CAAA,cAAA,CACX,EAGD,GAAAJ,GAAA,eAAAC,KAAA,UAAAK,YAAA,EACEd,IAAKE,CAAAA,SAAAA,CAAAA,CAAaF,IAAKE,CAAAA,SAAAA,CACvBF,KAAKe,aACH,CAAA,GAAIC,CAAAA,WAAY,CAAA,QAAA,CAAU,CAAEC,MAAQ,CAAA,CAAEC,OAASlB,CAAAA,IAAAA,CAAKE,aAEvD,EAEM,GAAAM,GAAA,UAAAC,KAAA,UAAAU,OAAA,CACL,CAAA,GAAMC,CAAAA,IAAcpB,IAAKG,CAAAA,QAAAA,CACnBkB,IAAkBrB,IAAKI,CAAAA,YAAAA,CAE7B,MAAOkB,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0YAGLxB,IAAKC,CAAAA,KAAAA,CAKMD,IAAKE,CAAAA,SAAAA,CACNF,IAAKc,CAAAA,WAAAA,CAMfM,CAAAA,CACIE,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,wFACqBxB,IAAKG,CAAAA,QAAAA,EAE9B,EAAA,CAIJkB,CAAAA,CACIC,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,sIAEGxB,IAAKI,CAAAA,YAAAA,EAGZ,EAAA,EAGX,CAhEaR,MADqB+B,IACrB/B,CAAAA,CAAMgC,OAAmBA,CAEXC,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAqBpC,CAAAqC,CAAAA,SAAAA,CAAA,YAAA,EACKJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0BvC,CAAAqC,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAExBJ,EAAA,CAArCC,CAAAA,CAAS,CAAEM,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAA6BxC,EAAAqC,SAAA,CAAA,UAAA,CAAA,IAAA,EAEVJ,CAAAA,CAAAA,CAAAA,CAAA,CAAzCC,CAAAA,CAAS,CAAEM,SAAW,CAAA,eAAA,CAAA,CAAA,CAAA,CAAqCxC,CAAAqC,CAAAA,SAAAA,CAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KARjDzC,EAAeiC,CAAA,CAAA,CAD3BS,CAAc,CAAA,mBAAA,CAAA,CAAA,CACF1C"}
+{"version":3,"file":"nile-slide-toggle.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"sourcesContent":["import { CSSResultGroup } from 'lit';\nimport { LitElement, html, property, customElement } from 'lit-element';\nimport styles from './nile-slide-toggle.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends NileElement {\n  public static styles: CSSResultGroup = styles;\n\n  @property({ type: String }) label = '';\n  @property({ type: String }) sublabel = '';\n\n  @property({ type: Boolean, reflect: true }) isChecked = false;\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  toggleValue() {\n    this.isChecked = !this.isChecked;\n    this.dispatchEvent(\n      new CustomEvent('change', { detail: { checked: this.isChecked } })\n    );\n  }\n\n  public render() {\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    return html`\n      <div class=\"nile-slide-toggle\">\n        <label class=\"nile-slide-toggle__switch\">\n          <input\n            type=\"checkbox\"\n            .checked=${this.isChecked}\n            @change=${this.toggleValue}\n          />\n          <span class=\"nile-slide-toggle__slider\"></span>\n        </label>\n        <span class=\"nile-slide-toggle__label\">\n          <span>${this.label}</span>\n          <span class=\"nile-slide-toggle__sublabel\">${this.sublabel}</span>\n        </span>\n      </div>\n      ${hasHelpText\n        ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n        : ``}\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}\n    `;\n  }\n}\n"],"names":["NileSlideToggle","o","this","label","sublabel","isChecked","helpText","errorMessage","_this","_inherits","_i","_createClass","key","value","connectedCallback","super","emit","disconnectedCallback","toggleValue","dispatchEvent","CustomEvent","detail","checked","render","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","NileElement","styles","__decorate","property","type","String","prototype","Boolean","reflect","attribute","_export","customElement"],"mappings":"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"}

package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-slide-toggle {\n    display: inline-flex;\n    align-items: baseline;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 36px;\n    height: 20px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    display: flex;\n    flex-direction: column;\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-gray-light-mode-700);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__sublabel {\n    color: var(--nile-colors-gray-light-mode-600);\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 18px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 16px;\n    width: 16px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-slide-toggle.css.cjs.js.map

package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-slide-toggle {\n    display: inline-flex;\n    align-items: baseline;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 36px;\n    height: 20px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    display: flex;\n    flex-direction: column;\n    margin-right: 6px;\n    font-size: 14px;\n    color: var(--nile-colors-gray-light-mode-700);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-slide-toggle__sublabel {\n    color: var(--nile-colors-gray-light-mode-600);\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 18px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 16px;\n    width: 16px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js

@@ -1,31 +1,40 @@
 import{css as e}from"lit";var i=e`
   .nile-slide-toggle {
-    display: flex;
-    align-items: center;
+    display: inline-flex;
+    align-items: baseline;
   }
 
   .nile-slide-toggle__switch {
     flex: 0 0 auto;
     position: relative;
     display: inline-block;
-    width: 32px;
-    height: 16px;
+    width: 36px;
+    height: 20px;
     line-height: 22px;
     margin-right: 10px;
   }
 
   .nile-slide-toggle__label {
+    display: flex;
+    flex-direction: column;
     margin-right: 6px;
     font-size: 14px;
-    color: var(--nile-colors-dark-900);
+    color: var(--nile-colors-gray-light-mode-700);
     font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
+    font-weight: 500;
+    line-height: 20px;
     letter-spacing: 0.2px;
   }
 
+  .nile-slide-toggle__sublabel {
+    color: var(--nile-colors-gray-light-mode-600);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 18px;
+  }
+
   .nile-slide-toggle__switch input {
     opacity: 0;
     width: 0;
@@ -47,8 +56,8 @@ import{css as e}from"lit";var i=e`
   .nile-slide-toggle__slider:before {
     position: absolute;
     content: '';
-    height: 12px;
-    width: 12px;
+    height: 16px;
+    width: 16px;
     bottom: 2px;
     left: 2px;
     background-color: var(--nile-slide-toggle-color-indicator);

package/dist/nile-slide-toggle/nile-slide-toggle.esm.js

@@ -1,24 +1,22 @@
-import{__decorate as e}from"tslib";import{x as s}from"../index-cd2f9c12.esm.js";import{s as t}from"./nile-slide-toggle.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{e as l}from"../custom-element-ed237dbb.esm.js";import{n as r}from"../property-09139d3c.esm.js";import"lit";let o=class extends i{constructor(){super(...arguments),this.label="",this.isChecked=!1,this.helpText="",this.errorMessage=""}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}))}render(){const e=!!this.helpText,t=!!this.errorMessage;return s`
-    <div class="nile-slide-toggle">
-    <span class="nile-slide-toggle__label">
-        ${this.label}
-      </span>
-      <label class="nile-slide-toggle__switch">
-        <input
-          type="checkbox"
-          .checked=${this.isChecked}
-          @change=${this.toggleValue}
-        />
-        <span class="nile-slide-toggle__slider"></span>
-      </label>
-    </div>
-    ${e?s`
-                <nile-form-help-text>${this.helpText}</nile-form-help-text>
-              `:""}
-
-        ${t?s`
-                <nile-form-error-message
-                  >${this.errorMessage}</nile-form-error-message
-                >
-              `:""}
-    `}};o.styles=t,e([r({type:String})],o.prototype,"label",void 0),e([r({type:Boolean,reflect:!0})],o.prototype,"isChecked",void 0),e([r({attribute:"help-text"})],o.prototype,"helpText",void 0),e([r({attribute:"error-message"})],o.prototype,"errorMessage",void 0),o=e([l("nile-slide-toggle")],o);export{o as N};
+import{__decorate as e}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";import{s as t}from"./nile-slide-toggle.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{e as l}from"../custom-element-ed237dbb.esm.js";import{n as r}from"../property-09139d3c.esm.js";import"lit";let o=class extends i{constructor(){super(...arguments),this.label="",this.sublabel="",this.isChecked=!1,this.helpText="",this.errorMessage=""}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}))}render(){const e=!!this.helpText,t=!!this.errorMessage;return s`
+      <div class="nile-slide-toggle">
+        <label class="nile-slide-toggle__switch">
+          <input
+            type="checkbox"
+            .checked=${this.isChecked}
+            @change=${this.toggleValue}
+          />
+          <span class="nile-slide-toggle__slider"></span>
+        </label>
+        <span class="nile-slide-toggle__label">
+          <span>${this.label}</span>
+          <span class="nile-slide-toggle__sublabel">${this.sublabel}</span>
+        </span>
+      </div>
+      ${e?s` <nile-form-help-text>${this.helpText}</nile-form-help-text> `:""}
+      ${t?s`
+            <nile-form-error-message
+              >${this.errorMessage}</nile-form-error-message
+            >
+          `:""}
+    `}};o.styles=t,e([r({type:String})],o.prototype,"label",void 0),e([r({type:String})],o.prototype,"sublabel",void 0),e([r({type:Boolean,reflect:!0})],o.prototype,"isChecked",void 0),e([r({attribute:"help-text",reflect:!0})],o.prototype,"helpText",void 0),e([r({attribute:"error-message",reflect:!0})],o.prototype,"errorMessage",void 0),o=e([l("nile-slide-toggle")],o);export{o as N};

package/dist/nile-spinner/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-spinner.cjs.js","tslib","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-spinner.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSpinnerCjsJs){_export("NileSpinner",_nileSpinnerCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileSpinnerCssCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-spinner.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-spinner.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSpinnerCjsJs){_export("NileSpinner",_nileSpinnerCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileSpinnerCssCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-spinner/index.esm.js

@@ -1 +1 @@
-export{N as NileSpinner}from"./nile-spinner.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-spinner.css.esm.js";
+export{N as NileSpinner}from"./nile-spinner.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-spinner.css.esm.js";

package/dist/nile-spinner/nile-spinner.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-spinner.css.cjs.js"],function(_export,_context){"use strict";var r,s,e,i,t,_templateObject,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileSpinnerCssCjsJs){t=_nileSpinnerCssCjsJs.s;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_s){function c(){_classCallCheck(this,c);return _callSuper(this,c,arguments);}_inherits(c,_s);return _createClass(c,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <svg part=\"base\" class=\"spinner\" role=\"progressbar\" aria-valuetext=\"loading\">\n        <circle class=\"spinner__track\"></circle>\n        <circle class=\"spinner__indicator\"></circle>\n      </svg>\n    "])));}}],[{key:"styles",get:function get(){return[t];}}]);}(s));_export("N",c=r([i("nile-spinner")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-spinner.css.cjs.js"],function(_export,_context){"use strict";var r,s,e,i,t,_templateObject,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileSpinnerCssCjsJs){t=_nileSpinnerCssCjsJs.s;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_s){function c(){_classCallCheck(this,c);return _callSuper(this,c,arguments);}_inherits(c,_s);return _createClass(c,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <svg part=\"base\" class=\"spinner\" role=\"progressbar\" aria-valuetext=\"loading\">\n        <circle class=\"spinner__track\"></circle>\n        <circle class=\"spinner__indicator\"></circle>\n      </svg>\n    "])));}}],[{key:"styles",get:function get(){return[t];}}]);}(s));_export("N",c=r([i("nile-spinner")],c));}};});
 //# sourceMappingURL=nile-spinner.cjs.js.map

package/dist/nile-spinner/nile-spinner.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n    --track-width: 2px;\n    --track-color: rgb(128 128 128 / 25%);\n    --indicator-color: var(--nile-colors-white-base);\n    --speed: 2s;\n\n    display: inline-flex;\n    width: 1em;\n    height: 1em;\n  }\n\n  .spinner {\n    flex: 1 1 auto;\n    height: 100%;\n    width: 100%;\n  }\n\n  .spinner__track,\n  .spinner__indicator {\n    fill: none;\n    stroke-width: var(--track-width);\n    r: calc(0.5em - var(--track-width) / 2);\n    cx: 0.5em;\n    cy: 0.5em;\n    transform-origin: 50% 50%;\n  }\n\n  .spinner__track {\n    stroke: var(--track-color);\n    transform-origin: 0% 0%;\n  }\n\n  .spinner__indicator {\n    stroke: var(--indicator-color);\n    stroke-linecap: round;\n    stroke-dasharray: 150% 75%;\n    animation: spin var(--speed) linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n\n    50% {\n      transform: rotate(450deg);\n      stroke-dasharray: 1.375em, 1.375em;\n    }\n\n    100% {\n      transform: rotate(1080deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n  }\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){r=_index001CjsJs.i;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n    --track-width: 2px;\n    --track-color: rgb(128 128 128 / 25%);\n    --indicator-color: var(--nile-colors-white-base);\n    --speed: 2s;\n\n    display: inline-flex;\n    width: 1em;\n    height: 1em;\n  }\n\n  .spinner {\n    flex: 1 1 auto;\n    height: 100%;\n    width: 100%;\n  }\n\n  .spinner__track,\n  .spinner__indicator {\n    fill: none;\n    stroke-width: var(--track-width);\n    r: calc(0.5em - var(--track-width) / 2);\n    cx: 0.5em;\n    cy: 0.5em;\n    transform-origin: 50% 50%;\n  }\n\n  .spinner__track {\n    stroke: var(--track-color);\n    transform-origin: 0% 0%;\n  }\n\n  .spinner__indicator {\n    stroke: var(--indicator-color);\n    stroke-linecap: round;\n    stroke-dasharray: 150% 75%;\n    animation: spin var(--speed) linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n\n    50% {\n      transform: rotate(450deg);\n      stroke-dasharray: 1.375em, 1.375em;\n    }\n\n    100% {\n      transform: rotate(1080deg);\n      stroke-dasharray: 0.01em, 2.75em;\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-spinner.css.cjs.js.map

package/dist/nile-spinner/nile-spinner.css.esm.js

@@ -1,4 +1,4 @@
-import{i as r}from"../index-cd2f9c12.esm.js";const e=r`
+import{i as r}from"../index-0a3007c5.esm.js";const e=r`
 :host {
     --track-width: 2px;
     --track-color: rgb(128 128 128 / 25%);

package/dist/nile-spinner/nile-spinner.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as r}from"tslib";import{s,x as e}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as t}from"./nile-spinner.css.esm.js";let n=class extends s{static get styles(){return[t]}render(){return e`
+import{__decorate as r}from"tslib";import{s,x as e}from"../index-0a3007c5.esm.js";import{customElement as i}from"lit/decorators.js";import{s as t}from"./nile-spinner.css.esm.js";let n=class extends s{static get styles(){return[t]}render(){return e`
       <svg part="base" class="spinner" role="progressbar" aria-valuetext="loading">
         <circle class="spinner__track"></circle>
         <circle class="spinner__indicator"></circle>

package/dist/nile-stepper/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-stepper.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","lit","../internal/watch.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperCjsJs){_export("NileStepper",_nileStepperCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileStepperCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_property002CjsJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-stepper/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-stepper/index.esm.js

@@ -0,0 +1 @@
+export{N as NileStepper}from"./nile-stepper.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-stepper.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../internal/watch.esm.js";import"../property-09139d3c.esm.js";

package/dist/nile-stepper/nile-stepper.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,s,i,r,n,o,_templateObject,p;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileStepperCssCjsJs){i=_nileStepperCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_r){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.contentBelow=!1,_this.currentStep=0,_this.completedStep=0,_this.size="md",_this.icon="tick";return _this;}_inherits(p,_r);return _createClass(p,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(p.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this2.updateItems();});}},{key:"handleCurrentStepChanges",value:function handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep});}},{key:"handleCompletedStepChanges",value:function handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep});}},{key:"updateItems",value:function updateItems(){var _this3=this;var t=_toConsumableArray(this.querySelectorAll("nile-stepper-item"));if(!t.length)return;var e=t.length<3,s=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,i=this.completedStep>t.length||this.completedStep<s?s:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(function(n,o){o+1<s?(n.isComplete=!0,n.isCurrent=!1):o+1==s?(n.isComplete=o+1<=i,n.isCurrent=!0):(n.isComplete=o+1<=i,n.isCurrent=!1),0==o&&(n.isFirst=!0),o==t.length-1&&(n.isLast=!0),n.currentStepValue=s,n.calculatedCompletedStepValue=i,n.completedStepValue=r,n.icon=_this3.icon,n.value=o+1,n.contentBelow=_this3.contentBelow,0!=o&&o!=t.length-1||(n.haveFlex=e);});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot\n\t\t\t\t@slotchange=","\n\t\t\t></slot>\n\t\t\t"])),this.updateItems);}}],[{key:"styles",get:function get(){return[i];}}]);}(r));t([o({type:Boolean,attribute:"content-below"})],p.prototype,"contentBelow",void 0),t([o({type:Number,attribute:"current-step"})],p.prototype,"currentStep",void 0),t([o({type:Number,attribute:"completed-step"})],p.prototype,"completedStep",void 0),t([o({type:String,attribute:"size"})],p.prototype,"size",void 0),t([o()],p.prototype,"icon",void 0),t([n("currentStep")],p.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],p.prototype,"handleCompletedStepChanges",null),_export("N",p=t([s("nile-stepper")],p));}};});
+//# sourceMappingURL=nile-stepper.cjs.js.map

package/dist/nile-stepper/nile-stepper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-stepper.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, property, CSSResultArray, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-stepper.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n\n/**\n * Nile stepper component.\n *\n * @tag nile-stepper\n *\n */\n@customElement('nile-stepper')\nexport class NileStepper extends NileElement {\n\n\t@property({ type: Boolean, attribute: 'content-below' }) contentBelow: boolean = false;\n\t@property({ type: Number, attribute: 'current-step' }) currentStep: number = 0;\n\t@property({ type: Number, attribute: 'completed-step' }) completedStep: number = 0;\n\t@property({ type: String, attribute: 'size' }) size: 'sm' | 'md' | 'lg' = 'md';\n\t@property() icon: string = 'tick';\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.updateItems();\n\t\t});\n\t}\n\n\t@watch('currentStep')\n\thandleCurrentStepChanges() {\n\t\tthis.updateItems();\n\t\tthis.emit('nile-current-change', { value: this.currentStep });\n\t}\n\n\t@watch('completedStep')\n\thandleCompletedStepChanges() {\n\t\tthis.updateItems()\n\t\tthis.emit('nile-completed-change', { value: this.completedStep });\n\t}\n\n\tprivate updateItems() {\n\t\tconst items: any = [...this.querySelectorAll('nile-stepper-item')];\n\t\tif (!items.length) return;\n\n\t\tconst haveFlex = items.length < 3;\n\n\t\tconst current = (this.currentStep == 0 || this.currentStep > items.length) ? 1 : this.currentStep;\n\t\tconst calculatedCompleted = this.completedStep > items.length ? current : this.completedStep < current ? current : this.completedStep;\n\t\tconst completed = this.completedStep > items.length ? 0 : this.completedStep;\n\n\t\titems.forEach((el: any, index: number) => {\n\t\t\t// set item is complete and is current values\n\t\t\tif (index + 1 < current) {\n\t\t\t\tel.isComplete = true;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\t\t\telse if (index + 1 == current) {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = true;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\n\t\t\t// Set isLast and isFirst\n\t\t\tif (index == 0) el.isFirst = true;\n\t\t\tif (index == items.length - 1) el.isLast = true;\n\n\t\t\t// setting default values\n\t\t\tel.currentStepValue = current;\n\t\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\t\tel.completedStepValue = completed;\n\n\t\t\tel.icon = this.icon;\n\t\t\tel.value = index + 1;\n\t\t\tel.contentBelow = this.contentBelow\n\t\t\tif (index == 0 || index == items.length - 1) {\n\t\t\t\tel.haveFlex = haveFlex;\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * The styles for nile-stepper\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot\n\t\t\t\t@slotchange=${this.updateItems}\n\t\t\t></slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepper;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper': NileStepper;\n\t}\n}"],"names":["NileStepper","_r","p","constructor","this","contentBelow","currentStep","completedStep","size","icon","_this","_inherits","_createClass","key","value","connectedCallback","super","updateComplete","then","updateItems","handleCurrentStepChanges","emit","handleCompletedStepChanges","items","_toConsumableArray","querySelectorAll","length","haveFlex","current","calculatedCompleted","completed","forEach","el","index","isComplete","isCurrent","isFirst","isLast","currentStepValue","calculatedCompletedStepValue","completedStepValue","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","type","Boolean","attribute","prototype","Number","String","watch","customElement"],"mappings":"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"}

package/dist/nile-stepper/nile-stepper.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var s,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){s=_index001CjsJs.i;}],execute:function execute(){_export("s",t=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\twidth:100%;\n\t}\n"]))));}};});
+//# sourceMappingURL=nile-stepper.css.cjs.js.map

package/dist/nile-stepper/nile-stepper.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-stepper.css.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Stepper CSS\n */\nexport const styles = css`\n\t:host {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\twidth:100%;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-stepper/nile-stepper.css.esm.js

@@ -0,0 +1,7 @@
+import{i as s}from"../index-0a3007c5.esm.js";const e=s`
+	:host {
+		display:flex;
+		align-items:center;
+		width:100%;
+	}
+`;export{e as s};

package/dist/nile-stepper/nile-stepper.esm.js

@@ -0,0 +1,5 @@
+import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{customElement as s}from"lit/decorators.js";import{s as i}from"./nile-stepper.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let p=class extends r{constructor(){super(...arguments),this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="md",this.icon="tick"}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.updateItems()}))}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const t=[...this.querySelectorAll("nile-stepper-item")];if(!t.length)return;const e=t.length<3,s=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,i=this.completedStep>t.length||this.completedStep<s?s:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(((n,o)=>{o+1<s?(n.isComplete=!0,n.isCurrent=!1):o+1==s?(n.isComplete=o+1<=i,n.isCurrent=!0):(n.isComplete=o+1<=i,n.isCurrent=!1),0==o&&(n.isFirst=!0),o==t.length-1&&(n.isLast=!0),n.currentStepValue=s,n.calculatedCompletedStepValue=i,n.completedStepValue=r,n.icon=this.icon,n.value=o+1,n.contentBelow=this.contentBelow,0!=o&&o!=t.length-1||(n.haveFlex=e)}))}static get styles(){return[i]}render(){return e`
+			<slot
+				@slotchange=${this.updateItems}
+			></slot>
+			`}};t([o({type:Boolean,attribute:"content-below"})],p.prototype,"contentBelow",void 0),t([o({type:Number,attribute:"current-step"})],p.prototype,"currentStep",void 0),t([o({type:Number,attribute:"completed-step"})],p.prototype,"completedStep",void 0),t([o({type:String,attribute:"size"})],p.prototype,"size",void 0),t([o()],p.prototype,"icon",void 0),t([n("currentStep")],p.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],p.prototype,"handleCompletedStepChanges",null),p=t([s("nile-stepper")],p);export{p as N};

package/dist/nile-stepper-item/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-stepper-item.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperItemCjsJs){_export("NileStepperItem",_nileStepperItemCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileStepperItemCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-stepper-item/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-stepper-item/index.esm.js

@@ -0,0 +1 @@
+export{N as NileStepperItem}from"./nile-stepper-item.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-stepper-item.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";

package/dist/nile-stepper-item/nile-stepper-item.cjs.js

@@ -0,0 +1,6 @@
+System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,l,p,r,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,n;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function _(t){return o(_objectSpread(_objectSpread({},t),{},{state:!0}));}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;i=_index001CjsJs.A;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_nileStepperItemCssCjsJs){p=_nileStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_r){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.title="",_this.subtitle="",_this.contentBelow=!1,_this.size="md",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.haveFlex=!0;return _this;}_inherits(n,_r);return _createClass(n,[{key:"render",value:function render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");var t=this.isCurrent,s=this.isComplete;var p=!1;(s&&!t||this.completedStepValue==this.value)&&(p=!0);var r=!1;s&&(r=!0,this.calculatedCompletedStepValue==this.value&&(r=!1));var o="sm"==this.size?14:"md"==this.size?16:20;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"","\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t","\n\t\t\t</div>\n\t\t"])),l({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size}),this.isFirst?i:e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\"/>\n\t\t\t\t\t\t"])),l({stepper__line:!0,"stepper__line--active":s||t})),p?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--icon\"><nile-icon size=\"","\" name=\"","\" color=\"white\"></nile-icon> </div>"])),o,this.icon):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--dot\"></div>"]))),l({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow}),this.contentBelow?i:e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<div class=\"stepper__content__title\" style=\"","\">","</div>\n\t\t\t\t\t\t"])),!this.contentBelow&&this.title?"padding-left:5px;":"",this.title),this.isLast?i:e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t"])),l({stepper__line:!0,"stepper__line--active":r})),this.contentBelow?e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"stepper__content__title\">","</div>\n\t\t\t\t\t\t<div class=\"stepper__content__subtitle\">","</div>\n\t\t\t\t\t</div>\n\t\t\t\t"])),this.title,this.subtitle):i);}}],[{key:"styles",get:function get(){return[p];}}]);}(r));t([o()],n.prototype,"title",void 0),t([o()],n.prototype,"subtitle",void 0),t([_()],n.prototype,"contentBelow",void 0),t([_()],n.prototype,"size",void 0),t([_()],n.prototype,"icon",void 0),t([_()],n.prototype,"isFirst",void 0),t([_()],n.prototype,"isLast",void 0),t([_()],n.prototype,"isComplete",void 0),t([_()],n.prototype,"isCurrent",void 0),t([_()],n.prototype,"currentStepValue",void 0),t([_()],n.prototype,"completedStepValue",void 0),t([_()],n.prototype,"calculatedCompletedStepValue",void 0),t([_()],n.prototype,"value",void 0),t([_()],n.prototype,"haveFlex",void 0),_export("N",n=t([s("nile-stepper-item")],n));}};});
+//# sourceMappingURL=nile-stepper-item.cjs.js.map

package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-stepper-item.cjs.js","sources":["../../../../node_modules/@lit/reactive-element/decorators/state.js","../../../src/nile-stepper-item/nile-stepper-item.ts"],"sourcesContent":["import{property as r}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function t(t){return r({...t,state:!0})}export{t as state};\n//# sourceMappingURL=state.js.map\n","/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, nothing, html, property, state, CSSResultArray, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-stepper-item.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile stepper-item component.\n *\n * @tag nile-stepper-item\n *\n */\n@customElement('nile-stepper-item')\nexport class NileStepperItem extends NileElement {\n\t/* Properties passed directly */\n\t@property() title: string = '';\n\t@property() subtitle: string = '';\n\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'md' | 'lg' = 'md';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\n\t/**\n\t * The styles for nile-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\n\t\tif (!this.haveFlex) this.style.setProperty('--stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isCurrent;\n\t\tconst isComplete = this.isComplete;\n\n\t\tlet showCompletedIcon=false;\n\t\tif(isComplete && !isCurrent || this.completedStepValue==this.value) showCompletedIcon=true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif(isComplete){\n\t\t\tsuffixStepperLineActive=true;\n\t\t\tif (this.calculatedCompletedStepValue==this.value) suffixStepperLineActive=false;\n\t\t}\n\t\tlet iconSize = this.size == 'sm'?14:this.size == 'md'?16:20;\n\t\treturn html`\n\t\t\t<div class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--md':this.size=='md',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t${this.isFirst ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':isComplete || isCurrent\n\t\t\t\t\t\t\t})}\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? html`<div class=\"stepper__bulletin--icon\"><nile-icon size=\"${iconSize}\" name=\"${this.icon}\" color=\"white\"></nile-icon> </div>`\n\t\t\t\t\t\t\t: html`<div class=\"stepper__bulletin--dot\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"${classMap({\n\t\t\t\t\t\t'stepper__line__container':true,\n\t\t\t\t\t\t'stepper__line--hastitle':!this.contentBelow\n\t\t\t\t\t})}\">\n\t\t\t\t\t\t${this.contentBelow?nothing:html`\n\t\t\t\t\t\t\t<div class=\"stepper__content__title\" style=\"${!this.contentBelow && this.title?'padding-left:5px;':''}\">${this.title}</div>\n\t\t\t\t\t\t`}\n\t\t\t\t\t\t${this.isLast ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':suffixStepperLineActive\n\t\t\t\t\t\t\t})}\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t${!this.contentBelow?nothing:html`\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"stepper__content__title\">${this.title}</div>\n\t\t\t\t\t\t<div class=\"stepper__content__subtitle\">${this.subtitle}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepperItem;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper-item': NileStepperItem;\n\t}\n}"],"names":["t","r","state","setters","_tslib","NileStepperItem","n","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_r","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","iconSize","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","nothing","_templateObject2","stepper__line","_templateObject3","_templateObject4","stepper__line__container","_templateObject5","_templateObject6","_templateObject7","__decorate","get","styles","NileElement","property","prototype","_export","customElement"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tcolor: var(--nile-stepper-color-text-default);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-default);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-default);\n\t\t--stepper-title-color:var(--stepper-default-text-color);\n\t\t--stepper-subtitle-color:var(--stepper-default-text-color);\n\t}\n\n\t.stepper__item--selected {\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-selected);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-selected);\n\t\t--stepper-title-color:var(--nile-stepper-color-title-selected);\n\t\t--stepper-subtitle-color:var(--nile-stepper-color-subtitle-selected);\n\t}\n\n\t.stepper__item--sm {\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--md {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:24px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:32px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-default);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-selected);\n\t}\n\n\t.stepper__item__content--below {\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--stepper-title-color);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--stepper-subtitle-color);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--bulletin-inner-color) 35%, var(--bulletin-outer-color) 35%);\n\t\tborder: 1px solid var(--bulletin-inner-color);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-stepper-color-highlight);\n\t}\n"]))));}};});
+//# sourceMappingURL=nile-stepper-item.css.cjs.js.map

package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-stepper-item.css.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit-element';\n\n/**\n * StepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tcolor: var(--nile-stepper-color-text-default);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-default);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-default);\n\t\t--stepper-title-color:var(--stepper-default-text-color);\n\t\t--stepper-subtitle-color:var(--stepper-default-text-color);\n\t}\n\n\t.stepper__item--selected {\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-selected);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-selected);\n\t\t--stepper-title-color:var(--nile-stepper-color-title-selected);\n\t\t--stepper-subtitle-color:var(--nile-stepper-color-subtitle-selected);\n\t}\n\n\t.stepper__item--sm {\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--md {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:24px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:32px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-default);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-selected);\n\t}\n\n\t.stepper__item__content--below {\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--stepper-title-color);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--stepper-subtitle-color);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--bulletin-inner-color) 35%, var(--bulletin-outer-color) 35%);\n\t\tborder: 1px solid var(--bulletin-inner-color);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-stepper-color-highlight);\n\t}\n`;\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-stepper-item/nile-stepper-item.css.esm.js

@@ -0,0 +1,110 @@
+import{i as e}from"../index-0a3007c5.esm.js";const t=e`
+	:host {
+		--stepper-flex-val:1;
+		
+		display:inline-block;
+		flex-grow:var(--stepper-flex-val);
+		color: var(--nile-stepper-color-text-default);
+		min-width:var(--nile-stepper-min-width);
+	}
+	
+	.stepper__item {
+		margin: 0 -1px;
+		--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-default);
+		--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-default);
+		--stepper-title-color:var(--stepper-default-text-color);
+		--stepper-subtitle-color:var(--stepper-default-text-color);
+	}
+
+	.stepper__item--selected {
+		--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-selected);
+		--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-selected);
+		--stepper-title-color:var(--nile-stepper-color-title-selected);
+		--stepper-subtitle-color:var(--nile-stepper-color-subtitle-selected);
+	}
+
+	.stepper__item--sm {
+		--stepper-item-title-size:14px;
+		--stepper-item-subtitle-size:14px;
+		--circle-height:20px;
+	}
+
+	.stepper__item--md {
+		--stepper-item-title-size:16px;
+		--stepper-item-subtitle-size:16px;
+		--circle-height:24px;
+	}
+
+	.stepper__item--lg {
+		--stepper-item-title-size:16px;
+		--stepper-item-subtitle-size:16px;
+		--circle-height:32px;
+	}
+
+	.stepper__line__content {
+		display:flex;
+		width:100%;
+		align-items:center;
+	}
+
+	.stepper__line__container {
+		flex-grow:1;
+		padding:0 1px;
+	}
+
+	.stepper__line--hastitle {
+		display:flex;
+		align-items:center;
+	}
+
+	.stepper__line {
+		display: block;
+		border: 0;
+		border-top: 1px solid var(--nile-stepper-color-line-default);
+	}
+
+	.stepper__line--active {
+		border-top: 1px solid var(--nile-stepper-color-line-selected);
+	}
+
+	.stepper__item__content--below {
+		display:flex;
+		flex-direction:column;
+		align-items:center;
+	}
+	
+	.stepper__item__bulletin {
+		display:grid;
+		place-content:center;
+		margin:0 -1px;
+	}
+
+	.stepper__content__title {
+		color:var(--stepper-title-color);
+		font-size: var(--stepper-item-title-size);
+		font-weight: 600;
+	}
+
+	.stepper__content__subtitle {
+		color:var(--stepper-subtitle-color);
+		font-size: var(--stepper-item-subtitle-size);
+		font-weight: 400;
+	}
+
+	.stepper__bulletin--dot {
+		width: var(--circle-height);
+		aspect-ratio: 1 / 1;
+		border-radius: 50%;
+		background: radial-gradient(var(--bulletin-inner-color) 35%, var(--bulletin-outer-color) 35%);
+		border: 1px solid var(--bulletin-inner-color);
+	}
+
+	.stepper__bulletin--icon {
+		display:grid;
+		place-content:center;
+		width: var(--circle-height);
+		aspect-ratio: 1 / 1;
+		border-radius: 50%;
+		background-color:var(--nile-stepper-color-highlight);
+	}
+`;export{t as s};

package/dist/nile-stepper-item/nile-stepper-item.esm.js

@@ -0,0 +1,36 @@
+import{__decorate as t}from"tslib";import{x as e,A as i}from"../index-0a3007c5.esm.js";import{customElement as s}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{s as p}from"./nile-stepper-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function _(t){return o({...t,state:!0})}let n=class extends r{constructor(){super(...arguments),this.title="",this.subtitle="",this.contentBelow=!1,this.size="md",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.haveFlex=!0}static get styles(){return[p]}render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");const t=this.isCurrent,s=this.isComplete;let p=!1;(s&&!t||this.completedStepValue==this.value)&&(p=!0);let r=!1;s&&(r=!0,this.calculatedCompletedStepValue==this.value&&(r=!1));let o="sm"==this.size?14:"md"==this.size?16:20;return e`
+			<div class="${l({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size})}">
+				<div class="stepper__line__content">
+					<div class="stepper__line__container">
+						${this.isFirst?i:e`
+							<hr class="${l({stepper__line:!0,"stepper__line--active":s||t})}"/>
+						`}
+					</div>
+
+					<div class="stepper__item__bulletin">
+						${p?e`<div class="stepper__bulletin--icon"><nile-icon size="${o}" name="${this.icon}" color="white"></nile-icon> </div>`:e`<div class="stepper__bulletin--dot"></div>`}
+						
+					</div>
+					
+					<div class="${l({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow})}">
+						${this.contentBelow?i:e`
+							<div class="stepper__content__title" style="${!this.contentBelow&&this.title?"padding-left:5px;":""}">${this.title}</div>
+						`}
+						${this.isLast?i:e`
+							<hr class="${l({stepper__line:!0,"stepper__line--active":r})}" style="flex-grow:1;"/>
+						`}
+					</div>
+				</div>
+				${this.contentBelow?e`
+					<div class="stepper__item__content--below">
+						<div class="stepper__content__title">${this.title}</div>
+						<div class="stepper__content__subtitle">${this.subtitle}</div>
+					</div>
+				`:i}
+			</div>
+		`}};t([o()],n.prototype,"title",void 0),t([o()],n.prototype,"subtitle",void 0),t([_()],n.prototype,"contentBelow",void 0),t([_()],n.prototype,"size",void 0),t([_()],n.prototype,"icon",void 0),t([_()],n.prototype,"isFirst",void 0),t([_()],n.prototype,"isLast",void 0),t([_()],n.prototype,"isComplete",void 0),t([_()],n.prototype,"isCurrent",void 0),t([_()],n.prototype,"currentStepValue",void 0),t([_()],n.prototype,"completedStepValue",void 0),t([_()],n.prototype,"calculatedCompletedStepValue",void 0),t([_()],n.prototype,"value",void 0),t([_()],n.prototype,"haveFlex",void 0),n=t([s("nile-stepper-item")],n);export{n as N};

package/dist/nile-switcher/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-switcher.cjs.js","tslib","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSwitcherCjsJs){_export("NileSwitcher",_nileSwitcherCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileSwitcherCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_litDirectivesChooseJs){},function(_litDirectivesClassMapJs){},function(_litDirectivesRepeatJs){},function(_internalWatchCjsJs){},function(_internalSlotCjsJs){},function(_property002CjsJs){}],execute:function execute(){}};});
+System.register(["./nile-switcher.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSwitcherCjsJs){_export("NileSwitcher",_nileSwitcherCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileSwitcherCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_litDirectivesChooseJs){},function(_litDirectivesClassMapJs){},function(_litDirectivesRepeatJs){},function(_internalWatchCjsJs){},function(_internalSlotCjsJs){},function(_property002CjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-switcher/index.esm.js

@@ -1 +1 @@
-export{N as NileSwitcher}from"./nile-switcher.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-switcher.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"lit/directives/choose.js";import"lit/directives/class-map.js";import"lit/directives/repeat.js";import"../internal/watch.esm.js";import"../internal/slot.esm.js";import"../property-09139d3c.esm.js";
+export{N as NileSwitcher}from"./nile-switcher.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-switcher.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"lit/directives/choose.js";import"lit/directives/class-map.js";import"lit/directives/repeat.js";import"../internal/watch.esm.js";import"../internal/slot.esm.js";import"../property-09139d3c.esm.js";