scu-web-components 0.0.47 → 0.0.48

package/dist/chunks/chunk.25LN7YHW.js

@@ -0,0 +1,2 @@
+import{a as c}from"./chunk.OEWJU3VB.js";customElements.define("scw-card",c);
+//# sourceMappingURL=chunk.25LN7YHW.js.map

package/dist/chunks/chunk.25LN7YHW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-card/scw-card.ts"],
+  "sourcesContent": ["import ScwCard from './ScwCard';\ncustomElements.define('scw-card', ScwCard );\n"],
+  "mappings": "wCACA,eAAe,OAAO,WAAYA,CAAQ",
+  "names": ["ScwCard"]
+}

package/dist/chunks/chunk.2EG3FQXN.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk.SCXQG6II.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.2EG3FQXN.js.map

package/dist/chunks/chunk.2EG3FQXN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.2WWTMQQB.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.M7PQIWBS.js";customElements.define("scw-stepper",e);
+//# sourceMappingURL=chunk.2WWTMQQB.js.map

package/dist/chunks/chunk.2WWTMQQB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-stepper/scw-stepper.ts"],
+  "sourcesContent": ["import ScwStepper from './ScwStepper';\ncustomElements.define('scw-stepper', ScwStepper );\n"],
+  "mappings": "wCACA,eAAe,OAAO,cAAeA,CAAW",
+  "names": ["ScwStepper"]
+}

package/dist/chunks/chunk.2X5ZOE5T.js

@@ -0,0 +1,50 @@
+import{a as u,b as p}from"./chunk.2G75FJJM.js";import{a as d}from"./chunk.LXVTLQA3.js";import{a as n,b as c,c as a,d as l}from"./chunk.XWFI56OY.js";import{a as o}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as s}from"./chunk.5YJY6NT6.js";var m=o`
+:host {
+  display: block;
+}
+
+.container {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.container > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 3.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
+}
+
+.circle {
+  background-color: var(--scw-color-grey-092);
+  border-radius: 50% 50% 50% 50%;
+  width: 10px;
+  height: 10px;
+}
+.circle.focused {
+  background-color: var(--scw-color-grey-07);
+  border-radius: 50% 50% 50% 50%;
+}
+
+.body p {
+  font-size: 42px;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;var e=class extends l{constructor(){super();this.test="test";this.testState=0;this.contentRef=u();this.example="hello there";this.element="stepper",console.log("constructor",this.testJson),this.testAttr=this.testJson,this.test=this.testHtml,this.testHtml="test"}static get styles(){return[super.styles,m]}requestUpdate(t,i){super.requestUpdate(),console.log("requestUpdate",t,i)}connectedCallback(){super.connectedCallback()}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return r`
+      <div class="circle ${t?"focused":""}"></div>
+    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)),console.log("testJsonJSON",t))}catch(f){console.error(f)}return r`
+      <div class="container">
+        ${this.renderStepItem()}
+        ${this.renderStepItem(!0)}
+        ${this.renderStepItem()}
+        ${(t==null?void 0:t.test)||"no json example"}
+        ${d(this.test)}
+        <div
+          class="body"
+          ${p(this.contentRef)}>
+        </div>
+      </div>
+    `}};s([n({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),s([n({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),s([n({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),s([c()],e.prototype,"testState",2),s([a("#myBtn")],e.prototype,"first",2);export{e as a};
+//# sourceMappingURL=chunk.2X5ZOE5T.js.map

package/dist/chunks/chunk.2X5ZOE5T.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-stepper/scss/scw-stepper.scss", "../../src/scw-stepper/ScwStepper.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit-html/directives/unsafe-html.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @property({type: String, attribute: 'test-attr', reflect: true})\n    testAttr: string | undefined;\n\n  test: string | undefined = 'test';\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n\n    console.log('constructor', this.testJson);\n    this.testAttr = this.testJson;\n    this.test = this.testHtml;\n    this.testHtml = 'test';\n  }\n\n  // eslint-disable-next-line valid-jsdoc\n  /** requestUpdate */\n  requestUpdate(a: any, b: any) {\n    super.requestUpdate();\n    console.log('requestUpdate', a, b);\n  }\n\n  /** connectedCallback */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    let testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(decodeURIComponent(this.testJson));\n        console.log('testJsonJSON', testJsonJSON);\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    const output = html`\n      <div class=\"container\">\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${testJsonJSON?.test || 'no json example'}\n        ${unsafeHTML(this.test)}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n    return output;\n  }\n}\n"],
+  "mappings": "4QACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6yBCUf,IAAqBC,EAArB,cAAwCC,CAAa,CAiCnD,aAAc,CACZ,MAAM,EAdR,UAA2B,OAGzB,eAAY,EAKd,gBAAoCC,EAAU,EAE9C,aAAkB,cAKhB,KAAK,kBAEL,QAAQ,IAAI,cAAe,KAAK,QAAQ,EACxC,KAAK,SAAW,KAAK,SACrB,KAAK,KAAO,KAAK,SACjB,KAAK,SAAW,MAClB,CArCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAoCA,cAAcC,EAAQC,EAAQ,CAC5B,MAAM,cAAc,EACpB,QAAQ,IAAI,gBAAiBD,EAAGC,CAAC,CACnC,CAGA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAGA,cAAe,CACb,KAAK,cAAc,CACrB,CAGA,eAAgB,CACd,IAAMC,EAAQ,KAAK,cAAc,UAAU,EACvC,KAAK,WAAW,OAASA,GAC3B,KAAK,WAAW,MAAM,YAClBA,EAAM,QAAQ,UAAU,EAAI,CAChC,CAEJ,CAOA,eAAeC,EAAqB,GAAO,CACzC,OAAOC;AAAA,2BACgBD,EAAY,UAAY;AAAA,KAEjD,CAMA,QAAS,CACP,IAAIE,EACJ,GAAI,CACE,KAAK,WACPA,EAAe,KAAK,MAAM,mBAAmB,KAAK,QAAQ,CAAC,EAC3D,QAAQ,IAAI,eAAgBA,CAAY,EAE5C,OAASC,EAAP,CACA,QAAQ,MAAMA,CAAG,CACnB,CAeA,OAbeF;AAAA;AAAA,UAET,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe,EAAI;AAAA,UACxB,KAAK,eAAe;AAAA,WACpBC,GAAA,YAAAA,EAAc,OAAQ;AAAA,UACtBE,EAAW,KAAK,IAAI;AAAA;AAAA;AAAA,YAGlBC,EAAI,KAAK,UAAU;AAAA;AAAA;AAAA,KAK7B,CACF,EAnGIC,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAX5CF,EAYjB,wBAGAa,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAd5CF,EAejB,wBAGAa,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAjB5CF,EAkBjB,wBAKAa,EAAA,CADDC,EAAM,GAtBYd,EAuBjB,yBAGAa,EAAA,CADDE,EAAM,QAAQ,GAzBIf,EA0BjB",
+  "names": ["scw_stepper_default", "i", "ScwStepper", "ScwComponent", "e", "scw_stepper_default", "a", "b", "tmplt", "isFocused", "y", "testJsonJSON", "err", "o", "n", "__decorateClass", "t", "i"]
+}

package/dist/chunks/chunk.2XFKWS7S.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.MM6RW7GK.js";customElements.define("scw-stepper",e);
+//# sourceMappingURL=chunk.2XFKWS7S.js.map

package/dist/chunks/chunk.2XFKWS7S.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-stepper/scw-stepper.ts"],
+  "sourcesContent": ["import ScwStepper from './ScwStepper';\ncustomElements.define('scw-stepper', ScwStepper );\n"],
+  "mappings": "wCACA,eAAe,OAAO,cAAeA,CAAW",
+  "names": ["ScwStepper"]
+}

package/dist/chunks/chunk.2ZTMWSGB.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.7R2E3KPB.js";customElements.define("scw-stepper",e);
+//# sourceMappingURL=chunk.2ZTMWSGB.js.map

package/dist/chunks/chunk.2ZTMWSGB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-stepper/scw-stepper.ts"],
+  "sourcesContent": ["import ScwStepper from './ScwStepper';\ncustomElements.define('scw-stepper', ScwStepper );\n"],
+  "mappings": "wCACA,eAAe,OAAO,cAAeA,CAAW",
+  "names": ["ScwStepper"]
+}

package/dist/chunks/chunk.33UJPIMV.js

@@ -0,0 +1,4 @@
+import{a as u}from"./chunk.COTE2YUU.js";import{a as n,b as r,d as o}from"./chunk.XWFI56OY.js";import{a as f}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends o{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(s=>s.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return f`
+      scw-form-component
+    `}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
+//# sourceMappingURL=chunk.33UJPIMV.js.map

package/dist/chunks/chunk.33UJPIMV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-form-component/scw-form-component.ts"],
+  "sourcesContent": ["import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport ScwValidation from '../scw-validation/scw-validation';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getSuffix from '../utils/suffix';\n\nexport enum ScwFormComponentTypes {\n  text = 'text',\n  boolean = 'boolean',\n  submit = 'submit'\n}\n\nexport enum ScwFormComponentSubmitTypes {\n  submit = 'submit',\n  cancel = 'cancel'\n}\n\n/**\n * ScwFormComponent\n * @class\n * @tag scw-form-component\n */\nexport default class ScwFormComponent extends ScwComponent {\n  // ============== ScwFormComponent ===========================================\n  /** (ScwFormComponent) the usage in a form (& scw-form a query target) */\n  @property({\n    type: ScwFormComponentTypes,\n    reflect: true,\n    attribute: 'form-type',\n  })\n    formType: ScwFormComponentTypes = ScwFormComponentTypes.text;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    name: string | undefined;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    value = '';\n\n  /** (ScwFormComponent) text showing when there is no value */\n  @property({type: String})\n    placeholder = '';\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    selected = false;\n\n  /** (ScwFormComponent) read-only state management */\n  @property({type: Boolean, attribute: 'read-only'})\n    readOnly = false;\n\n  /** (ScwFormComponent) required state management */\n  @property({type: Boolean})\n    required = false;\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-label'})\n    requiredLabel = ' *';\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-feedback'})\n    requiredFeedback?: string;\n\n  // ===== STATE ===============================================================\n  /** the text to use for feedback */\n  @state() feedback: string | undefined;\n\n  /** determines whether the input is focused or not */\n  @state() focused = false;\n\n  /** whether this form element is valid, passed validation */\n  @state() invalid = false;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.required) {\n      this.createAndAddValidationRule(\n          ValidationTypes.required,\n          this.requiredFeedback,\n      );\n    }\n  }\n\n  /** (ScwFormComponent) each form element to decorates the final data object\n  * @param {Object} formData\n  */\n  decorateValues(formData: {}): void {\n    if (!this.name) {\n      this.warn(`${this.element} didn't find a name`);\n      return;\n    }\n    if (this.formType === ScwFormComponentTypes.boolean) {\n      formData[this.name] = this.selected;// ? 'true' : 'false';\n    } else {\n      formData[this.name] = this.value;\n    }\n  }\n\n  /**\n  * Check to see if form element is required w/o knowing if there is validation\n  * @return {boolean}\n  */\n  findIfRequired() : boolean {\n    const rules = this.findValidationRules();\n    if (rules) {\n      return rules.isRequired();\n    }\n    return false;\n  }\n\n  /**\n  * Find validation child if there...\n  * @return {ScwValidation | undefined}\n  */\n  findValidationRules() : ScwValidation | undefined {\n    const childrenArr = Array.from(this.children);\n    const validation = childrenArr.find((child: any) => {\n      // component may not be initialized yet...\n      return child.nodeName.indexOf('SCW-VALIDATION') === 0;\n      // return child.element === Components.validation;\n    });\n    return validation as unknown as ScwValidation;\n  }\n\n  /**\n  *  run the validation rules if there...\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate() : ValidationResult[] {\n    const validation = this.findValidationRules();\n    let results : ValidationResult[] = [];\n    if (validation) {\n      results = validation.validate(this.value);\n    }\n    this.invalid = ( results.length > 0);\n    if (this.invalid ) {\n      this.feedback = results[0].feedback;\n    } else {\n      this.feedback = '';\n    }\n    return results;\n  }\n\n\n  /**\n  * create a validation rule from scratch\n  * @return {ScwValidate}\n  */\n  createValidateRule() : ScwValidate {\n    return document.createElement(\n        `scw-${Components.validate}${getSuffix()}`,\n    ) as unknown as ScwValidate;\n  }\n\n  /**\n  * add validation to to child validation (create if not there)\n  * @param {ScwValidate} rule\n  */\n  addValidationRule(rule: ScwValidate ) {\n    let validationRules = this.findValidationRules();\n    if (!validationRules) {\n      validationRules = document.createElement(\n          `scw-${Components.validation}${getSuffix()}`,\n      ) as unknown as ScwValidation;\n      this.prepend( validationRules );\n    }\n    // Check for dups?\n    const children = Array.from(validationRules.children);\n    const existingRule = children.find((child : any) => {\n      return child.getAttribute('type') === rule.type;\n    });\n    if ( !existingRule ) {\n      validationRules.appendChild(rule);\n    }\n  }\n\n  /**\n  * create a validation of a certain type...\n  * @param {ValidationTypes} type\n  * @param {string} feedbackOverride\n  */\n  createAndAddValidationRule(\n      type: ValidationTypes,\n      feedbackOverride?: string,\n  ) {\n    const rule = this.createValidateRule();\n    rule.setAttribute('type', type );// .type = type;\n    if (feedbackOverride) {\n      rule.setAttribute('feedback', feedbackOverride );\n    }\n    this.addValidationRule( rule );\n  }\n\n  /**\n  *\n  * @param {ValidationTypes} type\n  */\n  removeValidationRule(\n      type: ValidationTypes,\n  ) {\n    const validationRules = this.findValidationRules();\n    if (!validationRules) return;\n    const children = Array.from(validationRules.children);\n    const child = children.find(\n        (child : any) => child.type === type,\n    ) as unknown as HTMLElement;\n    if ( child && child.parentNode ) child.parentNode.removeChild(child);\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      scw-form-component\n    `;\n  }\n}\n"],
+  "mappings": "8KAUO,IAAKA,OACVA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,OAAA,IAMAC,OACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SAFCA,OAAA,IAUSC,EAArB,cAA8CC,CAAa,CAA3D,kCAQI,cAAkC,OAQlC,WAAQ,GAIR,iBAAc,GAId,cAAW,GAIX,cAAW,GAIX,cAAW,GAIX,mBAAgB,KAWT,aAAU,GAGV,aAAU,GAGnB,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,UACP,KAAK,sCAED,KAAK,gBACT,CAEJ,CAKA,eAAeC,EAAoB,CACjC,GAAI,CAAC,KAAK,KAAM,CACd,KAAK,KAAK,GAAG,KAAK,4BAA4B,EAC9C,MACF,CACI,KAAK,WAAa,UACpBA,EAAS,KAAK,MAAQ,KAAK,SAE3BA,EAAS,KAAK,MAAQ,KAAK,KAE/B,CAMA,gBAA2B,CACzB,IAAMC,EAAQ,KAAK,oBAAoB,EACvC,OAAIA,EACKA,EAAM,WAAW,EAEnB,EACT,CAMA,qBAAkD,CAOhD,OANoB,MAAM,KAAK,KAAK,QAAQ,EACb,KAAMC,GAE5BA,EAAM,SAAS,QAAQ,gBAAgB,IAAM,CAErD,CAEH,CAOA,UAAgC,CAC9B,IAAMC,EAAa,KAAK,oBAAoB,EACxCC,EAA+B,CAAC,EACpC,OAAID,IACFC,EAAUD,EAAW,SAAS,KAAK,KAAK,GAE1C,KAAK,QAAYC,EAAQ,OAAS,EAC9B,KAAK,QACP,KAAK,SAAWA,EAAQ,GAAG,SAE3B,KAAK,SAAW,GAEXA,CACT,CAOA,oBAAmC,CACjC,OAAO,SAAS,cACZ,oBAA6BC,EAAU,GAC3C,CACF,CAMA,kBAAkBC,EAAoB,CACpC,IAAIC,EAAkB,KAAK,oBAAoB,EAC1CA,IACHA,EAAkB,SAAS,cACvB,sBAA+BF,EAAU,GAC7C,EACA,KAAK,QAASE,CAAgB,GAGf,MAAM,KAAKA,EAAgB,QAAQ,EACtB,KAAML,GAC3BA,EAAM,aAAa,MAAM,IAAMI,EAAK,IAC5C,GAECC,EAAgB,YAAYD,CAAI,CAEpC,CAOA,2BACIE,EACAC,EACF,CACA,IAAMH,EAAO,KAAK,mBAAmB,EACrCA,EAAK,aAAa,OAAQE,CAAK,EAC3BC,GACFH,EAAK,aAAa,WAAYG,CAAiB,EAEjD,KAAK,kBAAmBH,CAAK,CAC/B,CAMA,qBACIE,EACF,CACA,IAAMD,EAAkB,KAAK,oBAAoB,EACjD,GAAI,CAACA,EAAiB,OAEtB,IAAML,EADW,MAAM,KAAKK,EAAgB,QAAQ,EAC7B,KAClBL,GAAgBA,EAAM,OAASM,CACpC,EACKN,GAASA,EAAM,YAAaA,EAAM,WAAW,YAAYA,CAAK,CACrE,CAMA,QAAiB,CACf,OAAOQ;AAAA;AAAA,KAGT,CACF,EA/LIC,EAAA,CALDC,EAAS,CACR,KAAMhB,EACN,QAAS,GACT,UAAW,WACb,CAAC,GAPkBE,EAQjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAXLd,EAYjB,oBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAfLd,EAgBjB,qBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLd,EAoBjB,2BAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAvBLd,EAwBjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3B9Bd,EA4BjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,OAAO,CAAC,GA/BNd,EAgCjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,gBAAgB,CAAC,GAnClCd,EAoCjB,6BAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAAmB,CAAC,GAvCrCd,EAwCjB,gCAIOa,EAAA,CAARE,EAAM,GA5CYf,EA4CV,wBAGAa,EAAA,CAARE,EAAM,GA/CYf,EA+CV,uBAGAa,EAAA,CAARE,EAAM,GAlDYf,EAkDV",
+  "names": ["ScwFormComponentTypes", "ScwFormComponentSubmitTypes", "ScwFormComponent", "ScwComponent", "formData", "rules", "child", "validation", "results", "getSuffix", "rule", "validationRules", "type", "feedbackOverride", "y", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.3777CXNB.js

@@ -0,0 +1,50 @@
+import{a as l,b as d}from"./chunk.2G75FJJM.js";import{a as i,b as s,c as o,d as a}from"./chunk.XWFI56OY.js";import{a as c}from"./chunk.3IG37SCP.js";import{a as n}from"./chunk.PKA6D7UK.js";import{g as r}from"./chunk.5YJY6NT6.js";var p=c`
+:host {
+  display: block;
+}
+
+.container {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.container > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 3.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
+}
+
+.circle {
+  background-color: var(--scw-color-grey-092);
+  border-radius: 50% 50% 50% 50%;
+  width: 10px;
+  height: 10px;
+}
+.circle.focused {
+  background-color: var(--scw-color-grey-07);
+  border-radius: 50% 50% 50% 50%;
+}
+
+.body p {
+  font-size: 42px;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;var e=class extends a{constructor(){super();this.testState=0;this.contentRef=l();this.example="hello there";this.element="stepper"}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback()}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return n`
+      <div class="circle ${t?"focused":""}"></div>
+    `}render(){let t;try{this.testJson&&(t=JSON.parse(this.testJson))}catch(u){console.error(u)}return n`
+      <div class="container">
+        ${this.renderStepItem()}tt
+        ${this.renderStepItem(!0)}
+        ${this.renderStepItem()}
+        ${(t==null?void 0:t.test)||"no json example"}
+        ${this.testHtml}
+        <div
+          class="body"
+          ${d(this.contentRef)}>
+        </div>
+      </div>
+    `}};r([i({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),r([i({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),r([s()],e.prototype,"testState",2),r([o("#myBtn")],e.prototype,"first",2);export{e as a};
+//# sourceMappingURL=chunk.3777CXNB.js.map

package/dist/chunks/chunk.3777CXNB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-stepper/scss/scw-stepper.scss", "../../src/scw-stepper/ScwStepper.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n  }\n\n  /** connectedCallback */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    let testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(this.testJson);\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    return html`\n      <div class=\"container\">\n        ${this.renderStepItem()}tt\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${testJsonJSON?.test || 'no json example'}\n        ${this.testHtml}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "oOACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6yBCSf,IAAqBC,EAArB,cAAwCC,CAAa,CA4BnD,aAAc,CACZ,MAAM,EAXN,eAAY,EAKd,gBAAoCC,EAAU,EAE9C,aAAkB,cAKhB,KAAK,iBACP,CA3BA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAyBA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAGA,cAAe,CACb,KAAK,cAAc,CACrB,CAGA,eAAgB,CACd,IAAMC,EAAQ,KAAK,cAAc,UAAU,EACvC,KAAK,WAAW,OAASA,GAC3B,KAAK,WAAW,MAAM,YAClBA,EAAM,QAAQ,UAAU,EAAI,CAChC,CAEJ,CAOA,eAAeC,EAAqB,GAAO,CACzC,OAAOC;AAAA,2BACgBD,EAAY,UAAY;AAAA,KAEjD,CAMA,QAAS,CACP,IAAIE,EACJ,GAAI,CACE,KAAK,WACPA,EAAe,KAAK,MAAM,KAAK,QAAQ,EAE3C,OAASC,EAAP,CACA,QAAQ,MAAMA,CAAG,CACnB,CAEA,OAAOF;AAAA;AAAA,UAED,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe,EAAI;AAAA,UACxB,KAAK,eAAe;AAAA,WACpBC,GAAA,YAAAA,EAAc,OAAQ;AAAA,UACtB,KAAK;AAAA;AAAA;AAAA,YAGHE,EAAI,KAAK,UAAU;AAAA;AAAA;AAAA,KAI7B,CACF,EAhFIC,EAAA,CADDR,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAX5CF,EAYjB,wBAGAU,EAAA,CADDR,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAd5CF,EAejB,wBAGAU,EAAA,CADDC,EAAM,GAjBYX,EAkBjB,yBAGAU,EAAA,CADDE,EAAM,QAAQ,GApBIZ,EAqBjB",
+  "names": ["scw_stepper_default", "i", "ScwStepper", "ScwComponent", "e", "scw_stepper_default", "tmplt", "isFocused", "y", "testJsonJSON", "err", "n", "__decorateClass", "t", "i"]
+}

package/dist/chunks/chunk.3JTKC2TL.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk.OPXEUCNW.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.3JTKC2TL.js.map

package/dist/chunks/chunk.3JTKC2TL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.3KR75H4P.js

@@ -0,0 +1,4 @@
+import{a as u}from"./chunk.6GMKQFZH.js";import{a as n,b as r,d as o}from"./chunk.XWFI56OY.js";import{a as f}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends o{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(s=>s.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return f`
+      scw-form-component
+    `}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
+//# sourceMappingURL=chunk.3KR75H4P.js.map

package/dist/chunks/chunk.3KR75H4P.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-form-component/scw-form-component.ts"],
+  "sourcesContent": ["import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport ScwValidation from '../scw-validation/scw-validation';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getSuffix from '../utils/suffix';\n\nexport enum ScwFormComponentTypes {\n  text = 'text',\n  boolean = 'boolean',\n  submit = 'submit'\n}\n\nexport enum ScwFormComponentSubmitTypes {\n  submit = 'submit',\n  cancel = 'cancel'\n}\n\n/**\n * ScwFormComponent\n * @class\n * @tag scw-form-component\n */\nexport default class ScwFormComponent extends ScwComponent {\n  // ============== ScwFormComponent ===========================================\n  /** (ScwFormComponent) the usage in a form (& scw-form a query target) */\n  @property({\n    type: ScwFormComponentTypes,\n    reflect: true,\n    attribute: 'form-type',\n  })\n    formType: ScwFormComponentTypes = ScwFormComponentTypes.text;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    name: string | undefined;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    value = '';\n\n  /** (ScwFormComponent) text showing when there is no value */\n  @property({type: String})\n    placeholder = '';\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    selected = false;\n\n  /** (ScwFormComponent) read-only state management */\n  @property({type: Boolean, attribute: 'read-only'})\n    readOnly = false;\n\n  /** (ScwFormComponent) required state management */\n  @property({type: Boolean})\n    required = false;\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-label'})\n    requiredLabel = ' *';\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-feedback'})\n    requiredFeedback?: string;\n\n  // ===== STATE ===============================================================\n  /** the text to use for feedback */\n  @state() feedback: string | undefined;\n\n  /** determines whether the input is focused or not */\n  @state() focused = false;\n\n  /** whether this form element is valid, passed validation */\n  @state() invalid = false;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.required) {\n      this.createAndAddValidationRule(\n          ValidationTypes.required,\n          this.requiredFeedback,\n      );\n    }\n  }\n\n  /** (ScwFormComponent) each form element to decorates the final data object\n  * @param {Object} formData\n  */\n  decorateValues(formData: {}): void {\n    if (!this.name) {\n      this.warn(`${this.element} didn't find a name`);\n      return;\n    }\n    if (this.formType === ScwFormComponentTypes.boolean) {\n      formData[this.name] = this.selected;// ? 'true' : 'false';\n    } else {\n      formData[this.name] = this.value;\n    }\n  }\n\n  /**\n  * Check to see if form element is required w/o knowing if there is validation\n  * @return {boolean}\n  */\n  findIfRequired() : boolean {\n    const rules = this.findValidationRules();\n    if (rules) {\n      return rules.isRequired();\n    }\n    return false;\n  }\n\n  /**\n  * Find validation child if there...\n  * @return {ScwValidation | undefined}\n  */\n  findValidationRules() : ScwValidation | undefined {\n    const childrenArr = Array.from(this.children);\n    const validation = childrenArr.find((child: any) => {\n      // component may not be initialized yet...\n      return child.nodeName.indexOf('SCW-VALIDATION') === 0;\n      // return child.element === Components.validation;\n    });\n    return validation as unknown as ScwValidation;\n  }\n\n  /**\n  *  run the validation rules if there...\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate() : ValidationResult[] {\n    const validation = this.findValidationRules();\n    let results : ValidationResult[] = [];\n    if (validation) {\n      results = validation.validate(this.value);\n    }\n    this.invalid = ( results.length > 0);\n    if (this.invalid ) {\n      this.feedback = results[0].feedback;\n    } else {\n      this.feedback = '';\n    }\n    return results;\n  }\n\n\n  /**\n  * create a validation rule from scratch\n  * @return {ScwValidate}\n  */\n  createValidateRule() : ScwValidate {\n    return document.createElement(\n        `scw-${Components.validate}${getSuffix()}`,\n    ) as unknown as ScwValidate;\n  }\n\n  /**\n  * add validation to to child validation (create if not there)\n  * @param {ScwValidate} rule\n  */\n  addValidationRule(rule: ScwValidate ) {\n    let validationRules = this.findValidationRules();\n    if (!validationRules) {\n      validationRules = document.createElement(\n          `scw-${Components.validation}${getSuffix()}`,\n      ) as unknown as ScwValidation;\n      this.prepend( validationRules );\n    }\n    // Check for dups?\n    const children = Array.from(validationRules.children);\n    const existingRule = children.find((child : any) => {\n      return child.getAttribute('type') === rule.type;\n    });\n    if ( !existingRule ) {\n      validationRules.appendChild(rule);\n    }\n  }\n\n  /**\n  * create a validation of a certain type...\n  * @param {ValidationTypes} type\n  * @param {string} feedbackOverride\n  */\n  createAndAddValidationRule(\n      type: ValidationTypes,\n      feedbackOverride?: string,\n  ) {\n    const rule = this.createValidateRule();\n    rule.setAttribute('type', type );// .type = type;\n    if (feedbackOverride) {\n      rule.setAttribute('feedback', feedbackOverride );\n    }\n    this.addValidationRule( rule );\n  }\n\n  /**\n  *\n  * @param {ValidationTypes} type\n  */\n  removeValidationRule(\n      type: ValidationTypes,\n  ) {\n    const validationRules = this.findValidationRules();\n    if (!validationRules) return;\n    const children = Array.from(validationRules.children);\n    const child = children.find(\n        (child : any) => child.type === type,\n    ) as unknown as HTMLElement;\n    if ( child && child.parentNode ) child.parentNode.removeChild(child);\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      scw-form-component\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ScwFormComponentTypes", "ScwFormComponentSubmitTypes", "ScwFormComponent", "ScwComponent", "formData", "rules", "child", "validation", "results", "getSuffix", "rule", "validationRules", "type", "feedbackOverride", "y", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.3MBCCCHG.js

@@ -0,0 +1,12 @@
+import{a as y,b as g,c as b}from"./chunk.UXIAMI3F.js";import{a as f}from"./chunk.RSR7WC4R.js";import{c as d,e as w,f as h}from"./chunk.PKA6D7UK.js";var{D:P,V:$,I:x,H:m,W:T}=h,v=(a,s,i={})=>{if(s._$litPart$!==void 0)throw Error("container already contains a live render");let o,r,n=[],e=document.createTreeWalker(s,NodeFilter.SHOW_COMMENT,null,!1),t;for(;(t=e.nextNode())!==null;){let c=t.data;if(c.startsWith("lit-part")){if(n.length===0&&o!==void 0)throw Error("there must be only one root part per container");r=_(a,t,n,i),o!=null||(o=r)}else if(c.startsWith("lit-node"))I(t,n,i);else if(c.startsWith("/lit-part")){if(n.length===1&&r!==o)throw Error("internal error");r=C(t,r,n)}}console.assert(o!==void 0,"there should be exactly one root part in a render container"),s._$litPart$=o},_=(a,s,i,o)=>{let r,n;if(i.length===0)n=new m(s,null,void 0,o),r=a;else{let e=i[i.length-1];if(e.type==="template-instance")n=new m(s,null,e.instance,o),e.instance.v.push(n),r=e.result.values[e.instancePartIndex++],e.templatePartIndex++;else if(e.type==="iterable"){n=new m(s,null,e.part,o);let t=e.iterator.next();if(t.done)throw r=void 0,e.done=!0,Error("Unhandled shorter than expected iterable");r=t.value,e.part._$AH.push(n)}else n=new m(s,null,e.part,o)}if(r=x(n,r),r===d)i.push({part:n,type:"leaf"});else if(y(r))i.push({part:n,type:"leaf"}),n._$AH=r;else if(g(r)){let e="lit-part "+R(r);if(s.data!==e)throw Error("Hydration value mismatch: Unexpected TemplateResult rendered to part");{let t=m.prototype._$AC(r),c=new P(t,n);i.push({type:"template-instance",instance:c,part:n,templatePartIndex:0,instancePartIndex:0,result:r}),n._$AH=c}}else $(r)?(i.push({part:n,type:"iterable",value:r,iterator:r[Symbol.iterator](),done:!1}),n._$AH=[]):(i.push({part:n,type:"leaf"}),n._$AH=r==null?"":r);return n},C=(a,s,i)=>{if(s===void 0)throw Error("unbalanced part marker");s._$AB=a;let o=i.pop();if(o.type==="iterable"&&!o.iterator.next().done)throw Error("unexpected longer than expected iterable");if(i.length>0)return i[i.length-1].part},I=(a,s,i)=>{var o;let r=/lit-node (\d+)/.exec(a.data),n=parseInt(r[1]),e=(o=a.previousElementSibling)!==null&&o!==void 0?o:a.parentElement;if(e===null)throw Error("could not find node for attribute parts");e.removeAttribute("defer-hydration");let t=s[s.length-1];if(t.type!=="template-instance")throw Error("internal error");{let c=t.instance;for(;;){let l=c._$AD.parts[t.templatePartIndex];if(l===void 0||l.type!==f.ATTRIBUTE&&l.type!==f.ELEMENT||l.index!==n)break;if(l.type===f.ATTRIBUTE){let p=new l.ctor(e,l.name,l.strings,t.instance,i),u=b(p)?t.result.values[t.instancePartIndex]:t.result.values,E=!(p.type===f.EVENT||p.type===f.PROPERTY);p._$AI(u,p,t.instancePartIndex,E),t.instancePartIndex+=l.strings.length-1,c.v.push(p)}else{let p=new T(e,t.instance,i);x(p,t.result.values[t.instancePartIndex++]),c.v.push(p)}t.templatePartIndex++}}},R=a=>{let s=new Uint32Array(2).fill(5381);for(let i of a.strings)for(let o=0;o<i.length;o++)s[o%2]=33*s[o%2]^i.charCodeAt(o);return btoa(String.fromCharCode(...new Uint8Array(s.buffer)))};globalThis.litElementHydrateSupport=({LitElement:a})=>{let s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(a),"observedAttributes").get;Object.defineProperty(a,"observedAttributes",{get(){return[...s.call(this),"defer-hydration"]}});let i=a.prototype.attributeChangedCallback;a.prototype.attributeChangedCallback=function(e,t,c){e==="defer-hydration"&&c===null&&o.call(this),i.call(this,e,t,c)};let o=a.prototype.connectedCallback;a.prototype.connectedCallback=function(){this.hasAttribute("defer-hydration")||o.call(this)};let r=a.prototype.createRenderRoot;a.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):r.call(this)};let n=Object.getPrototypeOf(a.prototype).update;a.prototype.update=function(e){let t=this.render();n.call(this,e),this._$AG?(this._$AG=!1,v(t,this.renderRoot,this.renderOptions)):w(t,this.renderRoot,this.renderOptions)}};var A={},k;async function B(a={}){let{components:s=!1,suffix:i=!1}=a;k={suffix:i};let o=!s,r=i?`-${i}`:"",n=[];function e(c,l){n.push((async()=>{let p=`${c}${r}`;if(!A[p]){A[p]=!0;try{window.customElements.define(p,(await l).default)}catch(u){console.error(p,u)}}})())}function t(c){if(o)return!0;if(Array.isArray(s))return s?s.includes(c):!1}return t("scw-component")&&e("scw-component",import("../scw-component/ScwComponent.js")),t("scw-form-component")&&e("scw-form-component",import("../scw-form-component/scw-form-component.js")),t("scw-card")&&e("scw-card",import("../scw-card/ScwCard.js")),t("scw-input-field")&&e("scw-input-field",import("../scw-input-field/scw-input-field.js")),t("scw-input-layout")&&e("scw-input-layout",import("../scw-input-layout/scw-input-layout.js")),t("scw-link")&&e("scw-link",import("../scw-link/ScwLink.js")),t("scw-button")&&e("scw-button",import("../scw-button/ScwButton.js")),t("scw-menu")&&e("scw-menu",import("../scw-menu/ScwMenu.js")),t("scw-menu-item")&&e("scw-menu-item",import("../scw-menu-item/ScwMenuItem.js")),t("scw-icon")&&e("scw-icon",import("../scw-icon/ScwIcon.js")),t("scw-heading")&&e("scw-heading",import("../scw-heading/ScwHeading.js")),t("scw-image")&&e("scw-image",import("../scw-image/ScwImage.js")),t("scw-input")&&e("scw-input",import("../scw-input/scw-input.js")),t("scw-single-input")&&e("scw-single-input",import("../scw-single-input/scw-single-input.js")),t("scw-single-input-layout")&&e("scw-single-input-layout",import("../scw-single-input-layout/scw-single-input-layout.js")),t("scw-validation")&&e("scw-validation",import("../scw-validation/scw-validation.js")),t("scw-validate")&&e("scw-validate",import("../scw-validate/scw-validate.js")),t("scw-flex-h-component")&&e("scw-flex-h-component",import("../scw-flex-h-component/scw-flex-h-component.js")),t("scw-flex-v-component")&&e("scw-flex-v-component",import("../scw-flex-v-component/scw-flex-v-component.js")),t("scw-stack-component")&&e("scw-stack-component",import("../scw-stack-component/scw-stack-component.js")),t("scw-layout-component")&&e("scw-layout-component",import("../scw-layout-component/scw-layout-component.js")),t("scw-element-component")&&e("scw-element-component",import("../scw-element-component/scw-element-component.js")),t("scw-center-component")&&e("scw-center-component",import("../scw-center-component/ScwCenterComponent.js")),t("scw-float-component")&&e("scw-float-component",import("../scw-float-component/scw-float-component.js")),t("scw-pane-component")&&e("scw-pane-component",import("../scw-pane-component/scw-pane-component.js")),t("scw-form")&&e("scw-form",import("../scw-form/scw-form.js")),t("scw-page-alert")&&e("scw-page-alert",import("../scw-page-alert/scw-page-alert.js")),t("scw-link-base")&&e("scw-link-base",import("../scw-link-base/ScwLinkBase.js")),t("scw-textarea")&&e("scw-textarea",import("../scw-textarea/scw-textarea.js")),t("scw-select")&&e("scw-select",import("../scw-select/scw-select.js")),t("scw-alert")&&e("scw-alert",import("../scw-alert/ScwAlert.js")),t("scw-stepper")&&e("scw-stepper",import("../scw-stepper/ScwStepper.js")),Promise.all(n)}export{k as a,B as b};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk.3MBCCCHG.js.map

package/dist/chunks/chunk.3MBCCCHG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/lit-html/src/experimental-hydrate.ts", "../../node_modules/lit-element/src/experimental-hydrate-support.ts", "../../src/scw.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type {TemplateResult} from './lit-html.js';\n\nimport {noChange, RenderOptions, _$LH} from './lit-html.js';\nimport {AttributePartInfo, PartType} from './directive.js';\nimport {\n  isPrimitive,\n  isSingleExpression,\n  isTemplateResult,\n} from './directive-helpers.js';\n\nconst {\n  _TemplateInstance: TemplateInstance,\n  _isIterable: isIterable,\n  _resolveDirective: resolveDirective,\n  _ChildPart: ChildPart,\n  _ElementPart: ElementPart,\n} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\ntype TemplateInstance = InstanceType<typeof TemplateInstance>;\n\n/**\n * Information needed to rehydrate a single TemplateResult.\n */\ntype ChildPartState =\n  | {\n      type: 'leaf';\n      /** The ChildPart that the result is rendered to */\n      part: ChildPart;\n    }\n  | {\n      type: 'iterable';\n      /** The ChildPart that the result is rendered to */\n      part: ChildPart;\n      value: Iterable<unknown>;\n      iterator: Iterator<unknown>;\n      done: boolean;\n    }\n  | {\n      type: 'template-instance';\n      /** The ChildPart that the result is rendered to */\n      part: ChildPart;\n\n      result: TemplateResult;\n\n      /** The TemplateInstance created from the TemplateResult */\n      instance: TemplateInstance;\n\n      /**\n       * The index of the next Template part to be hydrated. This is mutable and\n       * updated as the tree walk discovers new part markers at the right level in\n       * the template instance tree.  Note there is only one Template part per\n       * attribute with (one or more) bindings.\n       */\n      templatePartIndex: number;\n\n      /**\n       * The index of the next TemplateInstance part to be hydrated. This is used\n       * to retrieve the value from the TemplateResult and initialize the\n       * TemplateInstance parts' values for dirty-checking on first render.\n       */\n      instancePartIndex: number;\n    };\n\n/**\n * hydrate() operates on a container with server-side rendered content and\n * restores the client side data structures needed for lit-html updates such as\n * TemplateInstances and Parts. After calling `hydrate`, lit-html will behave as\n * if it initially rendered the DOM, and any subsequent updates will update\n * efficiently, the same as if lit-html had rendered the DOM on the client.\n *\n * hydrate() must be called on DOM that adheres the to lit-ssr structure for\n * parts. ChildParts must be represented with both a start and end comment\n * marker, and ChildParts that contain a TemplateInstance must have the template\n * digest written into the comment data.\n *\n * Since render() encloses its output in a ChildPart, there must always be a root\n * ChildPart.\n *\n * Example (using for # ... for annotations in HTML)\n *\n * Given this input:\n *\n *   html`<div class=${x}>${y}</div>`\n *\n * The SSR DOM is:\n *\n *   <!--lit-part AEmR7W+R0Ak=-->  # Start marker for the root ChildPart created\n *                                 # by render(). Includes the digest of the\n *                                 # template\n *   <div class=\"TEST_X\">\n *     <!--lit-node 0--> # Indicates there are attribute bindings here\n *                           # The number is the depth-first index of the parent\n *                           # node in the template.\n *     <!--lit-part-->  # Start marker for the ${x} expression\n *     TEST_Y\n *     <!--/lit-part-->  # End marker for the ${x} expression\n *   </div>\n *\n *   <!--/lit-part-->  # End marker for the root ChildPart\n *\n * @param rootValue\n * @param container\n * @param userOptions\n */\nexport const hydrate = (\n  rootValue: unknown,\n  container: Element | DocumentFragment,\n  options: Partial<RenderOptions> = {}\n) => {\n  // TODO(kschaaf): Do we need a helper for _$litPart$ (\"part for node\")?\n  // This property needs to remain unminified.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  if ((container as any)['_$litPart$'] !== undefined) {\n    throw new Error('container already contains a live render');\n  }\n\n  // Since render() creates a ChildPart to render into, we'll always have\n  // exactly one root part. We need to hold a reference to it so we can set\n  // it in the parts cache.\n  let rootPart: ChildPart | undefined = undefined;\n\n  // When we are in-between ChildPart markers, this is the current ChildPart.\n  // It's needed to be able to set the ChildPart's endNode when we see a\n  // close marker\n  let currentChildPart: ChildPart | undefined = undefined;\n\n  // Used to remember parent template state as we recurse into nested\n  // templates\n  const stack: Array<ChildPartState> = [];\n\n  const walker = document.createTreeWalker(\n    container,\n    NodeFilter.SHOW_COMMENT,\n    null,\n    false\n  );\n  let marker: Comment | null;\n\n  // Walk the DOM looking for part marker comments\n  while ((marker = walker.nextNode() as Comment | null) !== null) {\n    const markerText = marker.data;\n    if (markerText.startsWith('lit-part')) {\n      if (stack.length === 0 && rootPart !== undefined) {\n        throw new Error('there must be only one root part per container');\n      }\n      // Create a new ChildPart and push it onto the stack\n      currentChildPart = openChildPart(rootValue, marker, stack, options);\n      rootPart ??= currentChildPart;\n    } else if (markerText.startsWith('lit-node')) {\n      // Create and hydrate attribute parts into the current ChildPart on the\n      // stack\n      createAttributeParts(marker, stack, options);\n    } else if (markerText.startsWith('/lit-part')) {\n      // Close the current ChildPart, and pop the previous one off the stack\n      if (stack.length === 1 && currentChildPart !== rootPart) {\n        throw new Error('internal error');\n      }\n      currentChildPart = closeChildPart(marker, currentChildPart, stack);\n    }\n  }\n  console.assert(\n    rootPart !== undefined,\n    'there should be exactly one root part in a render container'\n  );\n  // This property needs to remain unminified.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (container as any)['_$litPart$'] = rootPart;\n};\n\nconst openChildPart = (\n  rootValue: unknown,\n  marker: Comment,\n  stack: Array<ChildPartState>,\n  options: RenderOptions\n) => {\n  let value: unknown;\n  // We know the startNode now. We'll know the endNode when we get to\n  // the matching marker and set it in closeChildPart()\n  // TODO(kschaaf): Current constructor takes both nodes\n  let part;\n  if (stack.length === 0) {\n    part = new ChildPart(marker, null, undefined, options);\n    value = rootValue;\n  } else {\n    const state = stack[stack.length - 1];\n    if (state.type === 'template-instance') {\n      part = new ChildPart(marker, null, state.instance, options);\n      state.instance._parts.push(part);\n      value = state.result.values[state.instancePartIndex++];\n      state.templatePartIndex++;\n    } else if (state.type === 'iterable') {\n      part = new ChildPart(marker, null, state.part, options);\n      const result = state.iterator.next();\n      if (result.done) {\n        value = undefined;\n        state.done = true;\n        throw new Error('Unhandled shorter than expected iterable');\n      } else {\n        value = result.value;\n      }\n      (state.part._$committedValue as Array<ChildPart>).push(part);\n    } else {\n      // state.type === 'leaf'\n      // TODO(kschaaf): This is unexpected, and likely a result of a primitive\n      // been rendered on the client when a TemplateResult was rendered on the\n      // server; this part will be hydrated but not used. We can detect it, but\n      // we need to decide what to do in this case. Note that this part won't be\n      // retained by any parent TemplateInstance, since a primitive had been\n      // rendered in its place.\n      // https://github.com/lit/lit/issues/1434\n      // throw new Error('Hydration value mismatch: Found a TemplateInstance' +\n      //  'where a leaf value was expected');\n      part = new ChildPart(marker, null, state.part, options);\n    }\n  }\n\n  // Initialize the ChildPart state depending on the type of value and push\n  // it onto the stack. This logic closely follows the ChildPart commit()\n  // cascade order:\n  // 1. directive\n  // 2. noChange\n  // 3. primitive (note strings must be handled before iterables, since they\n  //    are iterable)\n  // 4. TemplateResult\n  // 5. Node (not yet implemented, but fallback handling is fine)\n  // 6. Iterable\n  // 7. nothing (handled in fallback)\n  // 8. Fallback for everything else\n  value = resolveDirective(part, value);\n  if (value === noChange) {\n    stack.push({part, type: 'leaf'});\n  } else if (isPrimitive(value)) {\n    stack.push({part, type: 'leaf'});\n    part._$committedValue = value;\n    // TODO(kschaaf): We can detect when a primitive is being hydrated on the\n    // client where a TemplateResult was rendered on the server, but we need to\n    // decide on a strategy for what to do next.\n    // https://github.com/lit/lit/issues/1434\n    // if (marker.data !== 'lit-part') {\n    //   throw new Error('Hydration value mismatch: Primitive found where TemplateResult expected');\n    // }\n  } else if (isTemplateResult(value)) {\n    // Check for a template result digest\n    const markerWithDigest = `lit-part ${digestForTemplateResult(value)}`;\n    if (marker.data === markerWithDigest) {\n      const template = ChildPart.prototype._$getTemplate(value);\n      const instance = new TemplateInstance(template, part);\n      stack.push({\n        type: 'template-instance',\n        instance,\n        part,\n        templatePartIndex: 0,\n        instancePartIndex: 0,\n        result: value,\n      });\n      // For TemplateResult values, we set the part value to the\n      // generated TemplateInstance\n      part._$committedValue = instance;\n    } else {\n      // TODO: if this isn't the server-rendered template, do we\n      // need to stop hydrating this subtree? Clear it? Add tests.\n      throw new Error(\n        'Hydration value mismatch: Unexpected TemplateResult rendered to part'\n      );\n    }\n  } else if (isIterable(value)) {\n    // currentChildPart.value will contain an array of ChildParts\n    stack.push({\n      part: part,\n      type: 'iterable',\n      value,\n      iterator: value[Symbol.iterator](),\n      done: false,\n    });\n    part._$committedValue = [];\n  } else {\n    // Fallback for everything else (nothing, Objects, Functions,\n    // etc.): we just initialize the part's value\n    // Note that `Node` value types are not currently supported during\n    // SSR, so that part of the cascade is missing.\n    stack.push({part: part, type: 'leaf'});\n    part._$committedValue = value == null ? '' : value;\n  }\n  return part;\n};\n\nconst closeChildPart = (\n  marker: Comment,\n  part: ChildPart | undefined,\n  stack: Array<ChildPartState>\n): ChildPart | undefined => {\n  if (part === undefined) {\n    throw new Error('unbalanced part marker');\n  }\n\n  part._$endNode = marker;\n\n  const currentState = stack.pop()!;\n\n  if (currentState.type === 'iterable') {\n    if (!currentState.iterator.next().done) {\n      throw new Error('unexpected longer than expected iterable');\n    }\n  }\n\n  if (stack.length > 0) {\n    const state = stack[stack.length - 1];\n    return state.part;\n  } else {\n    return undefined;\n  }\n};\n\nconst createAttributeParts = (\n  comment: Comment,\n  stack: Array<ChildPartState>,\n  options: RenderOptions\n) => {\n  // Get the nodeIndex from DOM. We're only using this for an integrity\n  // check right now, we might not need it.\n  const match = /lit-node (\\d+)/.exec(comment.data)!;\n  const nodeIndex = parseInt(match[1]);\n\n  // For void elements, the node the comment was referring to will be\n  // the previousSibling; for non-void elements, the comment is guaranteed\n  // to be the first child of the element (i.e. it won't have a previousSibling\n  // meaning it should use the parentElement)\n  const node = comment.previousElementSibling ?? comment.parentElement;\n  if (node === null) {\n    throw new Error('could not find node for attribute parts');\n  }\n  // Remove `defer-hydration` attribute, if any\n  node.removeAttribute('defer-hydration');\n\n  const state = stack[stack.length - 1];\n  if (state.type === 'template-instance') {\n    const instance = state.instance;\n    // eslint-disable-next-line no-constant-condition\n    while (true) {\n      // If the next template part is in attribute-position on the current node,\n      // create the instance part for it and prime its state\n      const templatePart = instance._$template.parts[state.templatePartIndex];\n      if (\n        templatePart === undefined ||\n        (templatePart.type !== PartType.ATTRIBUTE &&\n          templatePart.type !== PartType.ELEMENT) ||\n        templatePart.index !== nodeIndex\n      ) {\n        break;\n      }\n\n      if (templatePart.type === PartType.ATTRIBUTE) {\n        // The instance part is created based on the constructor saved in the\n        // template part\n        const instancePart = new templatePart.ctor(\n          node as HTMLElement,\n          templatePart.name,\n          templatePart.strings,\n          state.instance,\n          options\n        );\n\n        const value = isSingleExpression(\n          instancePart as unknown as AttributePartInfo\n        )\n          ? state.result.values[state.instancePartIndex]\n          : state.result.values;\n\n        // Setting the attribute value primes committed value with the resolved\n        // directive value; we only then commit that value for event/property\n        // parts since those were not serialized, and pass `noCommit` for the\n        // others to avoid perf impact of touching the DOM unnecessarily\n        const noCommit = !(\n          instancePart.type === PartType.EVENT ||\n          instancePart.type === PartType.PROPERTY\n        );\n        instancePart._$setValue(\n          value,\n          instancePart,\n          state.instancePartIndex,\n          noCommit\n        );\n        state.instancePartIndex += templatePart.strings.length - 1;\n        instance._parts.push(instancePart);\n      } else {\n        // templatePart.type === PartType.ELEMENT\n        const instancePart = new ElementPart(node, state.instance, options);\n        resolveDirective(\n          instancePart,\n          state.result.values[state.instancePartIndex++]\n        );\n        instance._parts.push(instancePart);\n      }\n      state.templatePartIndex++;\n    }\n  } else {\n    throw new Error('internal error');\n  }\n};\n\n// Number of 32 bit elements to use to create template digests\nconst digestSize = 2;\n// We need to specify a digest to use across rendering environments. This is a\n// simple digest build from a DJB2-ish hash modified from:\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\n// It has been changed to an array of hashes to add additional bits.\n// Goals:\n//  - Extremely low collision rate. We may not be able to detect collisions.\n//  - Extremely fast.\n//  - Extremely small code size.\n//  - Safe to include in HTML comment text or attribute value.\n//  - Easily specifiable and implementable in multiple languages.\n// We don't care about cryptographic suitability.\nexport const digestForTemplateResult = (templateResult: TemplateResult) => {\n  const hashes = new Uint32Array(digestSize).fill(5381);\n\n  for (const s of templateResult.strings) {\n    for (let i = 0; i < s.length; i++) {\n      hashes[i % digestSize] = (hashes[i % digestSize] * 33) ^ s.charCodeAt(i);\n    }\n  }\n  return btoa(String.fromCharCode(...new Uint8Array(hashes.buffer)));\n};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * LitElement support for hydration of content rendered using lit-ssr.\n *\n * @packageDocumentation\n */\n\nimport type {PropertyValues} from '@lit/reactive-element';\nimport {render, RenderOptions} from 'lit-html';\nimport {hydrate} from 'lit-html/experimental-hydrate.js';\n\ninterface PatchableLitElement extends HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-misused-new\n  new (...args: any[]): PatchableLitElement;\n  enableUpdating(requestedUpdate?: boolean): void;\n  createRenderRoot(): Element | ShadowRoot;\n  renderRoot: HTMLElement | DocumentFragment;\n  render(): unknown;\n  renderOptions: RenderOptions;\n  _$needsHydration: boolean;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nglobalThis.litElementHydrateSupport = ({\n  LitElement,\n}: {\n  LitElement: PatchableLitElement;\n}) => {\n  const observedAttributes = Object.getOwnPropertyDescriptor(\n    Object.getPrototypeOf(LitElement),\n    'observedAttributes'\n  )!.get!;\n\n  // Add `defer-hydration` to observedAttributes\n  Object.defineProperty(LitElement, 'observedAttributes', {\n    get() {\n      return [...observedAttributes.call(this), 'defer-hydration'];\n    },\n  });\n\n  // Enable element when 'defer-hydration' attribute is removed by calling the\n  // super.connectedCallback()\n  const attributeChangedCallback =\n    LitElement.prototype.attributeChangedCallback;\n  LitElement.prototype.attributeChangedCallback = function (\n    name: string,\n    old: string | null,\n    value: string | null\n  ) {\n    if (name === 'defer-hydration' && value === null) {\n      connectedCallback.call(this);\n    }\n    attributeChangedCallback.call(this, name, old, value);\n  };\n\n  // Override `connectedCallback` to capture whether we need hydration, and\n  // defer `super.connectedCallback()` if the 'defer-hydration' attribute is set\n  const connectedCallback = LitElement.prototype.connectedCallback;\n  LitElement.prototype.connectedCallback = function (\n    this: PatchableLitElement\n  ) {\n    // If the outer scope of this element has not yet been hydrated, wait until\n    // 'defer-hydration' attribute has been removed to enable\n    if (!this.hasAttribute('defer-hydration')) {\n      connectedCallback.call(this);\n    }\n  };\n\n  // If we've been server-side rendered, just return `this.shadowRoot`, don't\n  // call the base implementation, which would also adopt styles (for now)\n  const createRenderRoot = LitElement.prototype.createRenderRoot;\n  LitElement.prototype.createRenderRoot = function (this: PatchableLitElement) {\n    if (this.shadowRoot) {\n      this._$needsHydration = true;\n      return this.shadowRoot;\n    } else {\n      return createRenderRoot.call(this);\n    }\n  };\n\n  // Hydrate on first update when needed\n  const update = Object.getPrototypeOf(LitElement.prototype).update;\n  LitElement.prototype.update = function (\n    this: PatchableLitElement,\n    changedProperties: PropertyValues\n  ) {\n    const value = this.render();\n    // Since this is a patch, we can't call super.update(), so we capture\n    // it off the proto chain and call it instead\n    update.call(this, changedProperties);\n    if (this._$needsHydration) {\n      this._$needsHydration = false;\n      hydrate(value, this.renderRoot, this.renderOptions);\n    } else {\n      render(value, this.renderRoot, this.renderOptions);\n    }\n  };\n};\n", "import 'lit-element/experimental-hydrate-support.js';\n\nconst registeredComponents : {\n  [key: string]: true;\n} = {};\n\nexport let config : {\n  suffix : string | false,\n};\n\n/**\n * Define Components\n * Gotchas:\n *  - can't have two runtimes on same page, so need root to be unversioned and\n *     child versioned (from same url)\n *  - b/c the comp classes can only be registered once. The child should\n *     always be bundled.\n * @param {object} args\n * @return {void}\n */\nexport async function defineComponents(\n    args : {\n    components?: string[],\n    suffix?: string,\n  } = {},\n) {\n  // defaults to a runtime config w/ all comps, no suffix, and assets runtime.\n  const {\n    components = false,\n    suffix = false,\n  } = args;\n\n  // Global Config\n  config = {\n    suffix,\n  };\n\n  const allComponents = components ? false : true;\n\n  const suffixFinal = suffix ? `-${suffix}` : '';\n  const promiseArr: Promise<void>[] = [];\n\n  /**\n   * Add to a promise\n   * @param {string} compStr\n   * @param {any} importCall\n   */\n  function addToPromise(compStr: string, importCall: any) {\n    promiseArr.push((async () => {\n      const compName = `${compStr}${suffixFinal}`;\n      // avoid name dups (doesn't catch class dups!!!!)\n      if ( !registeredComponents[compName] ) {\n        registeredComponents[compName] = true;\n        try {\n          window.customElements.define(\n              compName,\n              (await importCall).default,\n          );\n        } catch (error) {\n          console.error( compName, error );\n        }\n      }\n    })());\n  }\n\n  /**\n   * include\n   * @argument {string} compStr\n   * @return {boolean}\n   */\n  function include(compStr: string) {\n    if (allComponents) return true;\n    if (Array.isArray( components) ) {\n      return components ? components.includes(compStr) : false;\n    }\n  }\n\n  // need the import to be picked up by esbuild...\n  if (include('scw-component')) {\n    addToPromise('scw-component',\n        import(`./scw-component/ScwComponent`));\n  }\n  if (include('scw-form-component')) {\n    addToPromise('scw-form-component',\n        import(`./scw-form-component/scw-form-component`) );\n  }\n  if (include('scw-card')) {\n    addToPromise('scw-card',\n        import(`./scw-card/ScwCard`));\n  }\n  if (include('scw-input-field')) {\n    addToPromise('scw-input-field',\n        import(`./scw-input-field/scw-input-field`) );\n  }\n  if (include('scw-input-layout')) {\n    addToPromise('scw-input-layout',\n        import(`./scw-input-layout/scw-input-layout`) );\n  }\n  if (include('scw-link')) {\n    addToPromise('scw-link',\n        import(`./scw-link/ScwLink`) );\n  }\n  if (include('scw-button')) {\n    addToPromise('scw-button',\n        import(`./scw-button/ScwButton`) );\n  }\n  if (include('scw-menu')) {\n    addToPromise('scw-menu',\n        import(`./scw-menu/ScwMenu`) );\n  }\n  if (include('scw-menu-item')) {\n    addToPromise('scw-menu-item',\n        import(`./scw-menu-item/ScwMenuItem`) );\n  }\n  if (include('scw-icon')) {\n    addToPromise('scw-icon',\n        import(`./scw-icon/ScwIcon`) );\n  }\n  if (include('scw-heading')) {\n    addToPromise('scw-heading',\n        import(`./scw-heading/ScwHeading`) );\n  }\n  if (include('scw-image')) {\n    addToPromise('scw-image',\n        import(`./scw-image/ScwImage`) );\n  }\n  if (include('scw-input')) {\n    addToPromise('scw-input',\n        import(`./scw-input/scw-input`) );\n  }\n  if (include('scw-single-input')) {\n    addToPromise('scw-single-input',\n        import(`./scw-single-input/scw-single-input`) );\n  }\n  if (include('scw-single-input-layout')) {\n    addToPromise('scw-single-input-layout',\n        import(`./scw-single-input-layout/scw-single-input-layout`) );\n  }\n  if (include('scw-validation')) {\n    addToPromise('scw-validation',\n        import(`./scw-validation/scw-validation`) );\n  }\n  if (include('scw-validate')) {\n    addToPromise('scw-validate',\n        import(`./scw-validate/scw-validate`) );\n  }\n  if (include('scw-flex-h-component')) {\n    addToPromise('scw-flex-h-component',\n        import(`./scw-flex-h-component/scw-flex-h-component`) );\n  }\n  if (include('scw-flex-v-component')) {\n    addToPromise('scw-flex-v-component',\n        import(`./scw-flex-v-component/scw-flex-v-component`) );\n  }\n  if (include('scw-stack-component')) {\n    addToPromise('scw-stack-component',\n        import(`./scw-stack-component/scw-stack-component`) );\n  }\n  if (include('scw-layout-component')) {\n    addToPromise('scw-layout-component',\n        import(`./scw-layout-component/scw-layout-component`) );\n  }\n  if (include('scw-element-component')) {\n    addToPromise('scw-element-component',\n        import(`./scw-element-component/scw-element-component`) );\n  }\n  if (include('scw-center-component')) {\n    addToPromise('scw-center-component',\n        import(`./scw-center-component/ScwCenterComponent`) );\n  }\n  if (include('scw-float-component')) {\n    addToPromise('scw-float-component',\n        import(`./scw-float-component/scw-float-component`) );\n  }\n  if (include('scw-pane-component')) {\n    addToPromise('scw-pane-component',\n        import(`./scw-pane-component/scw-pane-component`) );\n  }\n  if (include('scw-form')) {\n    addToPromise('scw-form',\n        import(`./scw-form/scw-form`) );\n  }\n  if (include('scw-page-alert')) {\n    addToPromise('scw-page-alert',\n        import(`./scw-page-alert/scw-page-alert`) );\n  }\n  if (include('scw-link-base')) {\n    addToPromise('scw-link-base',\n        import(`./scw-link-base/ScwLinkBase`) );\n  }\n  if (include('scw-textarea')) {\n    addToPromise('scw-textarea',\n        import(`./scw-textarea/scw-textarea`) );\n  }\n  if (include('scw-select')) {\n    addToPromise('scw-select',\n        import(`./scw-select/scw-select`) );\n  }\n  if (include('scw-alert')) {\n    addToPromise('scw-alert',\n        import(`./scw-alert/ScwAlert`) );\n  }\n  if (include('scw-stepper')) {\n    addToPromise('scw-stepper',\n        import(`./scw-stepper/ScwStepper`) );\n  }\n\n  return Promise.all(promiseArr);\n}\n"],
+  "mappings": "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",
+  "names": ["_TemplateInstance", "TemplateInstance", "_isIterable", "isIterable", "_resolveDirective", "resolveDirective", "_ChildPart", "ChildPart", "_ElementPart", "ElementPart", "_$LH", "hydrate", "rootValue", "container", "options", "Error", "rootPart", "currentChildPart", "stack", "walker", "document", "createTreeWalker", "NodeFilter", "SHOW_COMMENT", "marker", "nextNode", "markerText", "data", "startsWith", "length", "openChildPart", "createAttributeParts", "closeChildPart", "console", "assert", "value", "part", "state", "type", "instance", "_parts", "push", "result", "values", "instancePartIndex", "templatePartIndex", "iterator", "next", "done", "_$committedValue", "noChange", "isPrimitive", "isTemplateResult", "markerWithDigest", "digestForTemplateResult", "template", "prototype", "_$getTemplate", "Symbol", "_$endNode", "currentState", "pop", "comment", "match", "exec", "nodeIndex", "parseInt", "node", "_a", "previousElementSibling", "parentElement", "removeAttribute", "templatePart", "_$template", "parts", "PartType", "ATTRIBUTE", "ELEMENT", "index", "instancePart", "ctor", "name", "strings", "isSingleExpression", "noCommit", "EVENT", "PROPERTY", "_$setValue", "templateResult", "hashes", "Uint32Array", "fill", "s", "i", "charCodeAt", "btoa", "String", "fromCharCode", "Uint8Array", "buffer", "globalThis", "litElementHydrateSupport", "LitElement", "observedAttributes", "Object", "getOwnPropertyDescriptor", "getPrototypeOf", "get", "defineProperty", "call", "this", "attributeChangedCallback", "prototype", "name", "old", "value", "connectedCallback", "hasAttribute", "createRenderRoot", "shadowRoot", "_$needsHydration", "update", "changedProperties", "render", "hydrate", "renderRoot", "renderOptions", "registeredComponents", "config", "defineComponents", "args", "components", "suffix", "allComponents", "suffixFinal", "promiseArr", "addToPromise", "compStr", "importCall", "compName", "error", "include"]
+}

package/dist/chunks/chunk.3MXGLYO4.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk.EACDGHCD.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.3MXGLYO4.js.map

package/dist/chunks/chunk.3MXGLYO4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.3TI7XYWA.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk.V3M6YR7R.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.3TI7XYWA.js.map

package/dist/chunks/chunk.3TI7XYWA.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.3V7LM3DY.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.MS2BVLRT.js";customElements.define("scw-stepper",e);
+//# sourceMappingURL=chunk.3V7LM3DY.js.map

package/dist/chunks/chunk.3V7LM3DY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-stepper/scw-stepper.ts"],
+  "sourcesContent": ["import ScwStepper from './ScwStepper';\ncustomElements.define('scw-stepper', ScwStepper );\n"],
+  "mappings": "wCACA,eAAe,OAAO,cAAeA,CAAW",
+  "names": ["ScwStepper"]
+}

package/dist/chunks/chunk.3VCAPQOJ.js

@@ -0,0 +1,50 @@
+import{a,b as u}from"./chunk.2G75FJJM.js";import{a as d}from"./chunk.LXVTLQA3.js";import{a as r,b as i,c,d as l}from"./chunk.XWFI56OY.js";import{a as s}from"./chunk.3IG37SCP.js";import{a as o}from"./chunk.PKA6D7UK.js";import{g as n}from"./chunk.5YJY6NT6.js";var p=s`
+:host {
+  display: block;
+}
+
+.container {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.container > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 3.8);
+  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
+}
+
+.circle {
+  background-color: var(--scw-color-grey-092);
+  border-radius: 50% 50% 50% 50%;
+  width: 10px;
+  height: 10px;
+}
+.circle.focused {
+  background-color: var(--scw-color-grey-07);
+  border-radius: 50% 50% 50% 50%;
+}
+
+.body p {
+  font-size: 42px;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;var e=class extends l{constructor(){super();this.test="test";this.testState=0;this.contentRef=a();this.example="hello there";this.element="stepper",console.log("constructor",this.testJson)}static get styles(){return[super.styles,p]}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return o`
+      <div class="circle ${t?"focused":""}"></div>
+    `}render(){console.log("render");let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)),console.log("testJsonJSON",t))}catch(m){console.error(m)}return o`
+      <div class="container" @click=${()=>console.log("hi")}>
+        ${this.renderStepItem()}
+        ${this.renderStepItem(!0)}
+        ${this.renderStepItem()}
+        ${(t==null?void 0:t.test)||"no json example"}
+        ${d(this.testHtml?decodeURIComponent(this.testHtml):"")}
+        <div
+          class="body"
+          ${u(this.contentRef)}>
+        </div>
+      </div>
+    `}};n([r({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),n([r({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),n([r({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),n([i()],e.prototype,"testState",2),n([c("#myBtn")],e.prototype,"first",2);export{e as a};
+//# sourceMappingURL=chunk.3VCAPQOJ.js.map