@prioticket/design-system-web 1.0.3 → 1.0.6

package/dist/components/pd-fab.d.es.js

@@ -0,0 +1,4 @@
+import "lit";
+import "@material/web/fab/fab.js";
+import "@material/web/fab/branded-fab.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-icon-button.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/iconbutton/icon-button.js");require("@material/web/iconbutton/filled-icon-button.js");require("@material/web/iconbutton/filled-tonal-icon-button.js");require("@material/web/iconbutton/outlined-icon-button.js");require("@material/web/icon/icon.js");

package/dist/components/pd-icon-button.d.es.js

@@ -0,0 +1,6 @@
+import "lit";
+import "@material/web/iconbutton/icon-button.js";
+import "@material/web/iconbutton/filled-icon-button.js";
+import "@material/web/iconbutton/filled-tonal-icon-button.js";
+import "@material/web/iconbutton/outlined-icon-button.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-icon.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/icon/icon.js");

package/dist/components/pd-icon.d.es.js

@@ -0,0 +1,2 @@
+import "lit";
+import "@material/web/icon/icon.js";

package/dist/components/pd-list.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/list/list.js");require("@material/web/list/list-item.js");require("@material/web/divider/divider.js");require("@material/web/icon/icon.js");

package/dist/components/pd-list.d.es.js

@@ -0,0 +1,5 @@
+import "lit";
+import "@material/web/list/list.js";
+import "@material/web/list/list-item.js";
+import "@material/web/divider/divider.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-menu-item.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/menu/menu-item.js");require("@material/web/icon/icon.js");

package/dist/components/pd-menu-item.d.es.js

@@ -0,0 +1,3 @@
+import "lit";
+import "@material/web/menu/menu-item.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-menu.cjs.js

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lit"),e=require("lit/decorators.js");require("@material/web/menu/menu.js");require("@material/web/menu/menu-item.js");var c=Object.defineProperty,y=Object.getOwnPropertyDescriptor,t=(p,r,s,n)=>{for(var o=n>1?void 0:n?y(r,s):r,i=p.length-1,u;i>=0;i--)(u=p[i])&&(o=(n?u(r,s,o):u(o))||o);return n&&o&&c(r,s,o),o};exports.PdMenu=class extends a.LitElement{constructor(){super(...arguments),this.anchor="",this.open=!1,this.positioning="popover",this.anchorCorner="start-start",this.menuCorner="start-start",this.quick=!1,this.hasOverflow=!1,this.xOffset=0,this.yOffset=0,this.defaultFocus="list-root",this.stayOpenOnFocusout=!1,this.stayOpenOnOutsideClick=!1,this.skipRestoreFocus=!1}updated(r){if(r.has("anchor")&&this.anchor){const s=this.getRootNode();s&&(this.anchorElement=s.getElementById(this.anchor)??void 0)}}render(){return a.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lit"),e=require("lit/decorators.js");require("@material/web/menu/menu.js");require("@material/web/menu/menu-item.js");var c=Object.defineProperty,y=Object.getOwnPropertyDescriptor,t=(p,r,s,n)=>{for(var o=n>1?void 0:n?y(r,s):r,i=p.length-1,u;i>=0;i--)(u=p[i])&&(o=(n?u(r,s,o):u(o))||o);return n&&o&&c(r,s,o),o};exports.PdMenu=class extends a.LitElement{constructor(){super(...arguments),this.anchor="",this.open=!1,this.positioning="popover",this.anchorCorner="start-start",this.menuCorner="start-start",this.quick=!1,this.hasOverflow=!1,this.xOffset=0,this.yOffset=0,this.defaultFocus="list-root",this.stayOpenOnFocusout=!1,this.stayOpenOnOutsideClick=!1,this.skipRestoreFocus=!1}updated(r){if(r.has("anchor")){const s=this.getRootNode();this.anchor&&s?this.anchorElement=s.getElementById(this.anchor)??void 0:this.anchor||(this.anchorElement=void 0)}}render(){return a.html`
       <md-menu
         .anchorElement=${this.anchorElement}
-        ?open=${this.open}
-        positioning=${this.positioning}
-        anchor-corner=${this.anchorCorner}
-        menu-corner=${this.menuCorner}
-        ?quick=${this.quick}
-        ?has-overflow=${this.hasOverflow}
-        x-offset=${this.xOffset}
-        y-offset=${this.yOffset}
-        default-focus=${this.defaultFocus}
-        ?stay-open-on-focusout=${this.stayOpenOnFocusout}
-        ?stay-open-on-outside-click=${this.stayOpenOnOutsideClick}
-        ?skip-restore-focus=${this.skipRestoreFocus}
+        .open=${this.open}
+        .positioning=${this.positioning}
+        .anchorCorner=${this.anchorCorner}
+        .menuCorner=${this.menuCorner}
+        .quick=${this.quick}
+        .hasOverflow=${this.hasOverflow}
+        .xOffset=${this.xOffset}
+        .yOffset=${this.yOffset}
+        .defaultFocus=${this.defaultFocus}
+        .stayOpenOnFocusout=${this.stayOpenOnFocusout}
+        .stayOpenOnOutsideClick=${this.stayOpenOnOutsideClick}
+        .skipRestoreFocus=${this.skipRestoreFocus}
         @closed=${()=>this.open=!1}
       >
         <slot></slot>

package/dist/components/pd-menu.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/menu/menu-item.js");

package/dist/components/pd-menu.d.es.js

@@ -0,0 +1,2 @@
+import "lit";
+import "@material/web/menu/menu-item.js";

package/dist/components/pd-menu.es.js

@@ -2,10 +2,10 @@ import { css as c, LitElement as l, html as h } from "lit";
 import { query as f, property as o, customElement as y } from "lit/decorators.js";
 import "@material/web/menu/menu.js";
 import "@material/web/menu/menu-item.js";
-var m = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (n, r, p, i) => {
-  for (var s = i > 1 ? void 0 : i ? d(r, p) : r, a = n.length - 1, u; a >= 0; a--)
-    (u = n[a]) && (s = (i ? u(r, p, s) : u(s)) || s);
-  return i && s && m(r, p, s), s;
+var m = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (n, s, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? d(s, a) : s, p = n.length - 1, u; p >= 0; p--)
+    (u = n[p]) && (r = (i ? u(s, a, r) : u(r)) || r);
+  return i && r && m(s, a, r), r;
 };
 let t = class extends l {
   constructor() {
@@ -18,27 +18,27 @@ let t = class extends l {
    * which correctly handles Shadow DOM boundaries.
    */
   updated(n) {
-    if (n.has("anchor") && this.anchor) {
-      const r = this.getRootNode();
-      r && (this.anchorElement = r.getElementById(this.anchor) ?? void 0);
+    if (n.has("anchor")) {
+      const s = this.getRootNode();
+      this.anchor && s ? this.anchorElement = s.getElementById(this.anchor) ?? void 0 : this.anchor || (this.anchorElement = void 0);
     }
   }
   render() {
     return h`
       <md-menu
         .anchorElement=${this.anchorElement}
-        ?open=${this.open}
-        positioning=${this.positioning}
-        anchor-corner=${this.anchorCorner}
-        menu-corner=${this.menuCorner}
-        ?quick=${this.quick}
-        ?has-overflow=${this.hasOverflow}
-        x-offset=${this.xOffset}
-        y-offset=${this.yOffset}
-        default-focus=${this.defaultFocus}
-        ?stay-open-on-focusout=${this.stayOpenOnFocusout}
-        ?stay-open-on-outside-click=${this.stayOpenOnOutsideClick}
-        ?skip-restore-focus=${this.skipRestoreFocus}
+        .open=${this.open}
+        .positioning=${this.positioning}
+        .anchorCorner=${this.anchorCorner}
+        .menuCorner=${this.menuCorner}
+        .quick=${this.quick}
+        .hasOverflow=${this.hasOverflow}
+        .xOffset=${this.xOffset}
+        .yOffset=${this.yOffset}
+        .defaultFocus=${this.defaultFocus}
+        .stayOpenOnFocusout=${this.stayOpenOnFocusout}
+        .stayOpenOnOutsideClick=${this.stayOpenOnOutsideClick}
+        .skipRestoreFocus=${this.skipRestoreFocus}
         @closed=${() => this.open = !1}
       >
         <slot></slot>

package/dist/components/pd-progress.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/progress/circular-progress.js");require("@material/web/progress/linear-progress.js");

package/dist/components/pd-progress.d.es.js

@@ -0,0 +1,3 @@
+import "lit";
+import "@material/web/progress/circular-progress.js";
+import "@material/web/progress/linear-progress.js";

package/dist/components/pd-radio.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/radio/radio.js");

package/dist/components/pd-radio.d.es.js

@@ -0,0 +1,2 @@
+import "lit";
+import "@material/web/radio/radio.js";

package/dist/components/pd-segmented-button.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/icon/icon.js");

package/dist/components/pd-segmented-button.d.es.js

@@ -0,0 +1,2 @@
+import "lit";
+import "@material/web/icon/icon.js";

package/dist/components/pd-segmented-stepper.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("lit"),i=require("lit/decorators.js");require("@material/web/icon/icon.js");var n=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(c,e,t,s)=>{for(var o=s>1?void 0:s?d(e,t):e,a=c.length-1,l;a>=0;a--)(l=c[a])&&(o=(s?l(e,t,o):l(o))||o);return s&&o&&n(e,t,o),o};exports.PdSegmentedStepper=class extends p.LitElement{constructor(){super(...arguments),this.activeStep=0,this.completedSteps=[],this.size="medium",this.disabled=!1,this.allowStepNavigation=!0,this.linear=!0,this._steps=[],this._completedStepsSet=new Set}connectedCallback(){super.connectedCallback(),this.addEventListener("stepper-item-click",this._handleStepClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("stepper-item-click",this._handleStepClick)}firstUpdated(){this._updateSteps()}updated(e){super.updated(e),(e.has("activeStep")||e.has("completedSteps")||e.has("disabled")||e.has("allowStepNavigation")||e.has("linear"))&&(this._updateSteps(),e.has("completedSteps")&&(this._completedStepsSet=new Set(this.completedSteps)))}_updateSteps(){const e=this.querySelectorAll("pd-stepper-item");this._steps=Array.from(e),this._steps.forEach((t,s)=>{t.disabled=this.disabled,t.setAttribute("data-step-index",s.toString()),t.stepNumber=s+1;const o=this._completedStepsSet.has(s)||this.completedSteps.includes(s);o?t.state="completed":s===this.activeStep?t.state="active":t.state="pending";const a=!this.linear||s<=this.activeStep||o;t.clickable=this.allowStepNavigation&&a&&!this.disabled})}_handleStepClick(e){if(this.disabled)return;const t=e.target,s=parseInt(t.getAttribute("data-step-index")||"0");t.clickable&&this.allowStepNavigation&&this.goToStep(s)}goToStep(e){if(e>=0&&e<this._steps.length&&e!==this.activeStep){const t=this.activeStep;this.activeStep=e,this._completedStepsSet=new Set(this.completedSteps),this._updateSteps(),this._dispatchStepChange(t)}}_dispatchStepChange(e){this.dispatchEvent(new CustomEvent("step-change",{detail:{currentStep:this.activeStep,previousStep:e??this.activeStep},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("stepchange",{detail:{activeStep:this.activeStep,previousStep:e??this.activeStep,totalSteps:this._steps.length},bubbles:!0,composed:!0}))}next(){this.activeStep<this._steps.length-1&&(this.completeStep(this.activeStep),this.goToStep(this.activeStep+1))}back(){this.activeStep>0&&this.goToStep(this.activeStep-1)}nextStep(){this.next()}previousStep(){this.back()}completeCurrentStep(){this.completeStep(this.activeStep)}completeStep(e){e>=0&&e<this._steps.length&&!this._completedStepsSet.has(e)&&(this._completedStepsSet.add(e),this.completedSteps=Array.from(this._completedStepsSet).sort((t,s)=>t-s),this._updateSteps(),this.dispatchEvent(new CustomEvent("stepcomplete",{detail:{completedStep:e,completedSteps:this.completedSteps,totalSteps:this._steps.length},bubbles:!0,composed:!0})))}resetStep(e){e>=0&&e<this._steps.length&&this._completedStepsSet.has(e)&&(this._completedStepsSet.delete(e),this.completedSteps=Array.from(this._completedStepsSet).sort((t,s)=>t-s),this._updateSteps())}reset(){this.activeStep=0,this.completedSteps=[],this._completedStepsSet.clear(),this._updateSteps()}render(){return p.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("lit"),r=require("lit/decorators.js");require("@material/web/icon/icon.js");var n=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(c,e,t,s)=>{for(var o=s>1?void 0:s?d(e,t):e,a=c.length-1,l;a>=0;a--)(l=c[a])&&(o=(s?l(e,t,o):l(o))||o);return s&&o&&n(e,t,o),o};exports.PdSegmentedStepper=class extends p.LitElement{constructor(){super(...arguments),this.activeStep=0,this.completedSteps=[],this.size="medium",this.disabled=!1,this.allowStepNavigation=!0,this.linear=!0,this._steps=[],this._completedStepsSet=new Set}connectedCallback(){super.connectedCallback(),this.addEventListener("stepper-item-click",this._handleStepClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("stepper-item-click",this._handleStepClick)}firstUpdated(){this._updateSteps()}updated(e){super.updated(e),(e.has("activeStep")||e.has("completedSteps")||e.has("disabled")||e.has("allowStepNavigation")||e.has("linear"))&&(this._updateSteps(),e.has("completedSteps")&&(this._completedStepsSet=new Set(this.completedSteps)))}_updateSteps(){const e=this.querySelectorAll("pd-stepper-item");this._steps=Array.from(e),this._steps.forEach((t,s)=>{t.disabled=this.disabled,t.setAttribute("data-step-index",s.toString()),t.stepNumber=s+1;const o=this._completedStepsSet.has(s)||this.completedSteps.includes(s);o?t.state="completed":s===this.activeStep?t.state="active":t.state="pending";const a=!this.linear||s<=this.activeStep||o;t.clickable=this.allowStepNavigation&&a&&!this.disabled})}_handleStepClick(e){if(this.disabled)return;const t=e.target,s=parseInt(t.getAttribute("data-step-index")||"0");t.clickable&&this.allowStepNavigation&&this.goToStep(s)}goToStep(e){if(e>=0&&e<this._steps.length&&e!==this.activeStep){const t=this.activeStep;this.activeStep=e,this._completedStepsSet=new Set(this.completedSteps),this._updateSteps(),this._dispatchStepChange(t)}}_dispatchStepChange(e){this.dispatchEvent(new CustomEvent("step-change",{detail:{currentStep:this.activeStep,previousStep:e??this.activeStep,totalSteps:this._steps.length},bubbles:!0,composed:!0}))}next(){this.activeStep<this._steps.length-1&&(this.completeStep(this.activeStep),this.goToStep(this.activeStep+1))}back(){this.activeStep>0&&this.goToStep(this.activeStep-1)}nextStep(){this.next()}previousStep(){this.back()}completeCurrentStep(){this.completeStep(this.activeStep)}completeStep(e){e>=0&&e<this._steps.length&&!this._completedStepsSet.has(e)&&(this._completedStepsSet.add(e),this.completedSteps=Array.from(this._completedStepsSet).sort((t,s)=>t-s),this._updateSteps(),this.dispatchEvent(new CustomEvent("step-complete",{detail:{completedStep:e,completedSteps:this.completedSteps,totalSteps:this._steps.length},bubbles:!0,composed:!0})))}resetStep(e){e>=0&&e<this._steps.length&&this._completedStepsSet.has(e)&&(this._completedStepsSet.delete(e),this.completedSteps=Array.from(this._completedStepsSet).sort((t,s)=>t-s),this._updateSteps())}reset(){this.activeStep=0,this.completedSteps=[],this._completedStepsSet.clear(),this._updateSteps()}render(){return p.html`
       <div class="segmented-stepper" role="group" aria-label="Progress stepper">
         <slot @slotchange=${this._updateSteps}></slot>
       </div>
@@ -45,7 +45,7 @@
     :host([disabled]) ::slotted(pd-stepper-item) {
       border-right-color: var(--md-sys-color-on-surface-opacity-12, rgba(29, 27, 32, 0.12));
     }
-  `;r([i.property({type:Number,attribute:"active-step"})],exports.PdSegmentedStepper.prototype,"activeStep",2);r([i.property({type:Array,attribute:"completed-steps"})],exports.PdSegmentedStepper.prototype,"completedSteps",2);r([i.property({type:String,reflect:!0})],exports.PdSegmentedStepper.prototype,"size",2);r([i.property({type:Boolean,reflect:!0})],exports.PdSegmentedStepper.prototype,"disabled",2);r([i.property({type:Boolean,attribute:"allow-step-navigation"})],exports.PdSegmentedStepper.prototype,"allowStepNavigation",2);r([i.property({type:Boolean})],exports.PdSegmentedStepper.prototype,"linear",2);r([i.state()],exports.PdSegmentedStepper.prototype,"_steps",2);r([i.state()],exports.PdSegmentedStepper.prototype,"_completedStepsSet",2);exports.PdSegmentedStepper=r([i.customElement("pd-segmented-stepper")],exports.PdSegmentedStepper);exports.PdStepperItem=class extends p.LitElement{constructor(){super(...arguments),this.stepNumber=1,this.state="pending",this.disabled=!1,this.clickable=!1,this.icon=""}_handleClick(){this.disabled||!this.clickable||this.dispatchEvent(new CustomEvent("stepper-item-click",{detail:{stepNumber:this.stepNumber},bubbles:!0,composed:!0}))}render(){const e=this.state==="completed"&&!this.icon,t=this.state!=="completed"&&!this.icon;return p.html`
+  `;i([r.property({type:Number,attribute:"active-step"})],exports.PdSegmentedStepper.prototype,"activeStep",2);i([r.property({type:Array,attribute:"completed-steps"})],exports.PdSegmentedStepper.prototype,"completedSteps",2);i([r.property({type:String,reflect:!0})],exports.PdSegmentedStepper.prototype,"size",2);i([r.property({type:Boolean,reflect:!0})],exports.PdSegmentedStepper.prototype,"disabled",2);i([r.property({type:Boolean,attribute:"allow-step-navigation"})],exports.PdSegmentedStepper.prototype,"allowStepNavigation",2);i([r.property({type:Boolean})],exports.PdSegmentedStepper.prototype,"linear",2);i([r.state()],exports.PdSegmentedStepper.prototype,"_steps",2);i([r.state()],exports.PdSegmentedStepper.prototype,"_completedStepsSet",2);exports.PdSegmentedStepper=i([r.customElement("pd-segmented-stepper")],exports.PdSegmentedStepper);exports.PdStepperItem=class extends p.LitElement{constructor(){super(...arguments),this.stepNumber=1,this.state="pending",this.disabled=!1,this.clickable=!1,this.icon=""}_handleClick(){this.disabled||!this.clickable||this.dispatchEvent(new CustomEvent("stepper-item-click",{detail:{stepNumber:this.stepNumber},bubbles:!0,composed:!0}))}render(){const e=this.state==="completed"&&!this.icon,t=this.state!=="completed"&&!this.icon;return p.html`
       <button
         class="step ${this.state} ${this.clickable?"clickable":""}"
         ?disabled=${this.disabled}
@@ -188,4 +188,4 @@
       outline: 2px solid var(--md-sys-color-primary, #6750a4);
       outline-offset: 2px;
     }
-  `;r([i.property({type:Number,attribute:"step-number"})],exports.PdStepperItem.prototype,"stepNumber",2);r([i.property({type:String,reflect:!0})],exports.PdStepperItem.prototype,"state",2);r([i.property({type:Boolean,reflect:!0})],exports.PdStepperItem.prototype,"disabled",2);r([i.property({type:Boolean})],exports.PdStepperItem.prototype,"clickable",2);r([i.property({type:String})],exports.PdStepperItem.prototype,"icon",2);exports.PdStepperItem=r([i.customElement("pd-stepper-item")],exports.PdStepperItem);
+  `;i([r.property({type:Number,attribute:"step-number"})],exports.PdStepperItem.prototype,"stepNumber",2);i([r.property({type:String,reflect:!0})],exports.PdStepperItem.prototype,"state",2);i([r.property({type:Boolean,reflect:!0})],exports.PdStepperItem.prototype,"disabled",2);i([r.property({type:Boolean})],exports.PdStepperItem.prototype,"clickable",2);i([r.property({type:String})],exports.PdStepperItem.prototype,"icon",2);exports.PdStepperItem=i([r.customElement("pd-stepper-item")],exports.PdStepperItem);

package/dist/components/pd-segmented-stepper.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/icon/icon.js");

package/dist/components/pd-segmented-stepper.d.es.js

@@ -0,0 +1,2 @@
+import "lit";
+import "@material/web/icon/icon.js";

package/dist/components/pd-segmented-stepper.es.js

@@ -1,10 +1,10 @@
 import { css as h, LitElement as m, html as l } from "lit";
 import { property as a, state as u, customElement as b } from "lit/decorators.js";
 import "@material/web/icon/icon.js";
-var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (e, t, s, c) => {
-  for (var r = c > 1 ? void 0 : c ? S(t, s) : t, n = e.length - 1, d; n >= 0; n--)
+var S = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, t, s, c) => {
+  for (var r = c > 1 ? void 0 : c ? v(t, s) : t, n = e.length - 1, d; n >= 0; n--)
     (d = e[n]) && (r = (c ? d(t, s, r) : d(r)) || r);
-  return c && r && v(t, s, r), r;
+  return c && r && S(t, s, r), r;
 };
 let o = class extends m {
   constructor() {
@@ -48,13 +48,6 @@ let o = class extends m {
     this.dispatchEvent(new CustomEvent("step-change", {
       detail: {
         currentStep: this.activeStep,
-        previousStep: e ?? this.activeStep
-      },
-      bubbles: !0,
-      composed: !0
-    })), this.dispatchEvent(new CustomEvent("stepchange", {
-      detail: {
-        activeStep: this.activeStep,
         previousStep: e ?? this.activeStep,
         totalSteps: this._steps.length
       },
@@ -84,7 +77,7 @@ let o = class extends m {
   }
   /** Mark a specific step as completed. */
   completeStep(e) {
-    e >= 0 && e < this._steps.length && !this._completedStepsSet.has(e) && (this._completedStepsSet.add(e), this.completedSteps = Array.from(this._completedStepsSet).sort((t, s) => t - s), this._updateSteps(), this.dispatchEvent(new CustomEvent("stepcomplete", {
+    e >= 0 && e < this._steps.length && !this._completedStepsSet.has(e) && (this._completedStepsSet.add(e), this.completedSteps = Array.from(this._completedStepsSet).sort((t, s) => t - s), this._updateSteps(), this.dispatchEvent(new CustomEvent("step-complete", {
       detail: {
         completedStep: e,
         completedSteps: this.completedSteps,

package/dist/components/pd-select.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/select/filled-select.js");require("@material/web/select/outlined-select.js");require("@material/web/select/select-option.js");require("@material/web/icon/icon.js");

package/dist/components/pd-select.d.es.js

@@ -0,0 +1,5 @@
+import "lit";
+import "@material/web/select/filled-select.js";
+import "@material/web/select/outlined-select.js";
+import "@material/web/select/select-option.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-slider.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/slider/slider.js");

package/dist/components/pd-slider.d.es.js

@@ -0,0 +1,2 @@
+import "lit";
+import "@material/web/slider/slider.js";

package/dist/components/pd-stepper.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lit"),a=require("lit/decorators.js"),n=require("lit/directives/class-map.js");var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,p=(c,e,t,s)=>{for(var r=s>1?void 0:s?y(e,t):e,i=c.length-1,l;i>=0;i--)(l=c[i])&&(r=(s?l(e,t,r):l(r))||r);return s&&r&&u(e,t,r),r};exports.PdStepper=class extends o.LitElement{constructor(){super(...arguments),this.steps=[],this.currentStep=0,this.orientation="horizontal",this.linear=!0,this.showContent=!0,this.alternativeLabel=!1,this._completedSteps=new Set}render(){const e=this.orientation==="vertical",t={stepper:!0,vertical:e,horizontal:!e,"alternative-label":this.alternativeLabel&&!e};return o.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lit"),p=require("lit/decorators.js"),n=require("lit/directives/class-map.js");var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(c,e,t,s)=>{for(var r=s>1?void 0:s?y(e,t):e,i=c.length-1,l;i>=0;i--)(l=c[i])&&(r=(s?l(e,t,r):l(r))||r);return s&&r&&u(e,t,r),r};exports.PdStepper=class extends o.LitElement{constructor(){super(...arguments),this.steps=[],this.currentStep=0,this.orientation="horizontal",this.linear=!0,this.showContent=!0,this.alternativeLabel=!1,this._completedSteps=new Set}render(){const e=this.orientation==="vertical",t={stepper:!0,vertical:e,horizontal:!e,"alternative-label":this.alternativeLabel&&!e};return o.html`
       <div class=${n.classMap(t)}>
         ${this.steps.map((s,r)=>this._renderStep(s,r))}
         ${this.showContent&&!e?this._renderContent():""}
@@ -25,7 +25,7 @@
       <div class="stepper-content">
         ${e.content}
       </div>
-    `:""}_handleStepClick(e,t){if(!t)return;const s=this.currentStep;this.currentStep=e,this.dispatchEvent(new CustomEvent("step-change",{detail:{currentStep:e,previousStep:s},bubbles:!0,composed:!0}))}completeStep(e){this._completedSteps.add(e),this.requestUpdate()}resetStep(e){this._completedSteps.delete(e),this.requestUpdate()}next(){this.currentStep<this.steps.length-1&&(this.completeStep(this.currentStep),this.currentStep++,this._dispatchStepChange())}back(){this.currentStep>0&&(this.currentStep--,this._dispatchStepChange())}_dispatchStepChange(){this.dispatchEvent(new CustomEvent("step-change",{detail:{currentStep:this.currentStep},bubbles:!0,composed:!0}))}};exports.PdStepper.styles=o.css`
+    `:""}_handleStepClick(e,t){if(!t)return;const s=this.currentStep;this.currentStep=e,this.dispatchEvent(new CustomEvent("step-change",{detail:{currentStep:e,previousStep:s,totalSteps:this.steps.length},bubbles:!0,composed:!0}))}completeStep(e){this._completedSteps.add(e),this.requestUpdate()}resetStep(e){this._completedSteps.delete(e),this.requestUpdate()}next(){if(this.currentStep<this.steps.length-1){const e=this.currentStep;this.completeStep(this.currentStep),this.currentStep++,this._dispatchStepChange(e)}}back(){if(this.currentStep>0){const e=this.currentStep;this.currentStep--,this._dispatchStepChange(e)}}_dispatchStepChange(e){this.dispatchEvent(new CustomEvent("step-change",{detail:{currentStep:this.currentStep,previousStep:e??this.currentStep,totalSteps:this.steps.length},bubbles:!0,composed:!0}))}};exports.PdStepper.styles=o.css`
     :host {
       display: block;
       font-family: var(--md-sys-typescale-body-large-font, 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
@@ -276,4 +276,4 @@
         align-items: flex-start;
       }
     }
-  `;p([a.property({type:Array})],exports.PdStepper.prototype,"steps",2);p([a.property({type:Number})],exports.PdStepper.prototype,"currentStep",2);p([a.property({type:String})],exports.PdStepper.prototype,"orientation",2);p([a.property({type:Boolean})],exports.PdStepper.prototype,"linear",2);p([a.property({type:Boolean})],exports.PdStepper.prototype,"showContent",2);p([a.property({type:Boolean})],exports.PdStepper.prototype,"alternativeLabel",2);p([a.state()],exports.PdStepper.prototype,"_completedSteps",2);exports.PdStepper=p([a.customElement("pd-stepper")],exports.PdStepper);
+  `;a([p.property({type:Array})],exports.PdStepper.prototype,"steps",2);a([p.property({type:Number})],exports.PdStepper.prototype,"currentStep",2);a([p.property({type:String})],exports.PdStepper.prototype,"orientation",2);a([p.property({type:Boolean})],exports.PdStepper.prototype,"linear",2);a([p.property({type:Boolean})],exports.PdStepper.prototype,"showContent",2);a([p.property({type:Boolean})],exports.PdStepper.prototype,"alternativeLabel",2);a([p.state()],exports.PdStepper.prototype,"_completedSteps",2);exports.PdStepper=a([p.customElement("pd-stepper")],exports.PdStepper);

package/dist/components/pd-stepper.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");

package/dist/components/pd-stepper.d.es.js

@@ -0,0 +1 @@
+import "lit";

package/dist/components/pd-stepper.es.js

@@ -65,7 +65,11 @@ let a = class extends y {
     if (!t) return;
     const s = this.currentStep;
     this.currentStep = e, this.dispatchEvent(new CustomEvent("step-change", {
-      detail: { currentStep: e, previousStep: s },
+      detail: {
+        currentStep: e,
+        previousStep: s,
+        totalSteps: this.steps.length
+      },
       bubbles: !0,
       composed: !0
     }));
@@ -80,15 +84,25 @@ let a = class extends y {
   }
   /** Go to next step */
   next() {
-    this.currentStep < this.steps.length - 1 && (this.completeStep(this.currentStep), this.currentStep++, this._dispatchStepChange());
+    if (this.currentStep < this.steps.length - 1) {
+      const e = this.currentStep;
+      this.completeStep(this.currentStep), this.currentStep++, this._dispatchStepChange(e);
+    }
   }
   /** Go to previous step */
   back() {
-    this.currentStep > 0 && (this.currentStep--, this._dispatchStepChange());
+    if (this.currentStep > 0) {
+      const e = this.currentStep;
+      this.currentStep--, this._dispatchStepChange(e);
+    }
   }
-  _dispatchStepChange() {
+  _dispatchStepChange(e) {
     this.dispatchEvent(new CustomEvent("step-change", {
-      detail: { currentStep: this.currentStep },
+      detail: {
+        currentStep: this.currentStep,
+        previousStep: e ?? this.currentStep,
+        totalSteps: this.steps.length
+      },
       bubbles: !0,
       composed: !0
     }));

package/dist/components/pd-switch.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/switch/switch.js");require("@material/web/icon/icon.js");

package/dist/components/pd-switch.d.es.js

@@ -0,0 +1,3 @@
+import "lit";
+import "@material/web/switch/switch.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-tabs.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("lit"),i=require("lit/decorators.js");require("@material/web/tabs/tabs.js");require("@material/web/tabs/primary-tab.js");require("@material/web/tabs/secondary-tab.js");require("@material/web/icon/icon.js");var d=Object.defineProperty,b=Object.getOwnPropertyDescriptor,o=(l,t,a,e)=>{for(var s=e>1?void 0:e?b(t,a):t,n=l.length-1,c;n>=0;n--)(c=l[n])&&(s=(e?c(t,a,s):c(s))||s);return e&&s&&d(t,a,s),s};exports.PdTabs=class extends r.LitElement{constructor(){super(...arguments),this.activeTabIndex=0,this.autoActivate=!1,this.tabs=[],this.slottedTabs=[]}connectedCallback(){super.connectedCallback(),setTimeout(()=>this.collectTabsFromSlot(),0)}firstUpdated(){this.collectTabsFromSlot(),this.updateComplete.then(()=>this.forceActiveTabUpdate())}collectTabsFromSlot(){const t=this.shadowRoot?.querySelector("slot");if(!t)return;const a=t.assignedElements({flatten:!0}),e=[];a.forEach(s=>{if(s.tagName==="PD-TAB"){const n=s;e.push({label:n.textContent?.trim()||"",icon:n.getAttribute("icon")||void 0,secondary:n.hasAttribute("secondary"),inlineIcon:n.hasAttribute("inline-icon"),ariaLabel:n.getAttribute("aria-label")||void 0})}}),this.slottedTabs=e,this.requestUpdate()}handleSlotChange(){this.collectTabsFromSlot(),this.updateComplete.then(()=>this.forceActiveTabUpdate())}forceActiveTabUpdate(){const t=this.shadowRoot?.querySelector("md-tabs");t&&this.activeTabIndex!==void 0&&(t.activeTabIndex=this.activeTabIndex)}renderTab(t,a){const e=t.icon?r.html`<md-icon slot="icon">${t.icon}</md-icon>`:"";return t.secondary?r.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("lit"),a=require("lit/decorators.js");require("@material/web/tabs/tabs.js");require("@material/web/tabs/primary-tab.js");require("@material/web/tabs/secondary-tab.js");require("@material/web/icon/icon.js");var b=Object.defineProperty,c=Object.getOwnPropertyDescriptor,s=(o,t,i,e)=>{for(var n=e>1?void 0:e?c(t,i):t,d=o.length-1,l;d>=0;d--)(l=o[d])&&(n=(e?l(t,i,n):l(n))||n);return e&&n&&b(t,i,n),n};exports.PdTabs=class extends r.LitElement{constructor(){super(...arguments),this.activeTabIndex=0,this.autoActivate=!1,this.tabs=[],this.slottedTabs=[]}firstUpdated(){this.updateTabsFromSlot()}updateTabsFromSlot(){const i=(this.assignedTabs??[]).map(e=>({label:e.textContent?.trim()||"",icon:e.getAttribute("icon")||void 0,secondary:e.hasAttribute("secondary"),inlineIcon:e.hasAttribute("inline-icon"),ariaLabel:e.getAttribute("aria-label")||void 0}));this.slottedTabs=i,this.requestUpdate(),this.updateComplete.then(()=>this.forceActiveTabUpdate())}handleSlotChange(){this.updateTabsFromSlot()}forceActiveTabUpdate(){const t=this.shadowRoot?.querySelector("md-tabs");t&&this.activeTabIndex!==void 0&&(t.activeTabIndex=this.activeTabIndex)}renderTab(t,i){const e=t.icon?r.html`<md-icon slot="icon">${t.icon}</md-icon>`:"";return t.secondary?r.html`
         <md-secondary-tab
           ?inline-icon=${t.inlineIcon}
           aria-label=${t.ariaLabel||t.label}
@@ -20,13 +20,13 @@
         ?auto-activate=${this.autoActivate}
         @change=${this.handleChange}
       >
-        ${t.map((a,e)=>this.renderTab(a,e))}
+        ${t.map((i,e)=>this.renderTab(i,e))}
       </md-tabs>
       <div style="display: none;">
         <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}handleChange(t){const a=t.target;this.activeTabIndex=a.activeTabIndex,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{activeTabIndex:this.activeTabIndex}}))}};o([i.property({type:Number,attribute:"active-tab-index"})],exports.PdTabs.prototype,"activeTabIndex",2);o([i.property({type:Boolean,attribute:"auto-activate"})],exports.PdTabs.prototype,"autoActivate",2);o([i.property({type:Array})],exports.PdTabs.prototype,"tabs",2);o([i.state()],exports.PdTabs.prototype,"slottedTabs",2);exports.PdTabs=o([i.customElement("pd-tabs")],exports.PdTabs);exports.PdTab=class extends r.LitElement{constructor(){super(...arguments),this.secondary=!1,this.inlineIcon=!1,this.icon="",this.ariaLabel=""}render(){return r.html`<slot></slot>`}};exports.PdTab.styles=r.css`
+    `}handleChange(t){const i=t.target;this.activeTabIndex=i.activeTabIndex,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{activeTabIndex:this.activeTabIndex}}))}};s([a.property({type:Number,attribute:"active-tab-index"})],exports.PdTabs.prototype,"activeTabIndex",2);s([a.property({type:Boolean,attribute:"auto-activate"})],exports.PdTabs.prototype,"autoActivate",2);s([a.property({type:Array})],exports.PdTabs.prototype,"tabs",2);s([a.state()],exports.PdTabs.prototype,"slottedTabs",2);s([a.queryAssignedElements({flatten:!0,selector:"pd-tab"})],exports.PdTabs.prototype,"assignedTabs",2);exports.PdTabs=s([a.customElement("pd-tabs")],exports.PdTabs);exports.PdTab=class extends r.LitElement{constructor(){super(...arguments),this.secondary=!1,this.inlineIcon=!1,this.icon="",this.ariaLabel=""}render(){return r.html`<slot></slot>`}};exports.PdTab.styles=r.css`
     :host {
       display: none;
     }
-  `;o([i.property({type:Boolean})],exports.PdTab.prototype,"secondary",2);o([i.property({type:Boolean,attribute:"inline-icon"})],exports.PdTab.prototype,"inlineIcon",2);o([i.property({type:String})],exports.PdTab.prototype,"icon",2);o([i.property({type:String,attribute:"aria-label"})],exports.PdTab.prototype,"ariaLabel",2);exports.PdTab=o([i.customElement("pd-tab")],exports.PdTab);
+  `;s([a.property({type:Boolean})],exports.PdTab.prototype,"secondary",2);s([a.property({type:Boolean,attribute:"inline-icon"})],exports.PdTab.prototype,"inlineIcon",2);s([a.property({type:String})],exports.PdTab.prototype,"icon",2);s([a.property({type:String,attribute:"aria-label"})],exports.PdTab.prototype,"ariaLabel",2);exports.PdTab=s([a.customElement("pd-tab")],exports.PdTab);

package/dist/components/pd-tabs.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/tabs/tabs.js");require("@material/web/tabs/primary-tab.js");require("@material/web/tabs/secondary-tab.js");require("@material/web/icon/icon.js");

package/dist/components/pd-tabs.d.es.js

@@ -0,0 +1,5 @@
+import "lit";
+import "@material/web/tabs/tabs.js";
+import "@material/web/tabs/primary-tab.js";
+import "@material/web/tabs/secondary-tab.js";
+import "@material/web/icon/icon.js";

package/dist/components/pd-tabs.es.js

@@ -1,64 +1,54 @@
-import { css as u, LitElement as p, html as c } from "lit";
-import { property as r, state as m, customElement as h } from "lit/decorators.js";
+import { css as u, LitElement as b, html as l } from "lit";
+import { property as r, state as m, queryAssignedElements as v, customElement as h } from "lit/decorators.js";
 import "@material/web/tabs/tabs.js";
 import "@material/web/tabs/primary-tab.js";
 import "@material/web/tabs/secondary-tab.js";
 import "@material/web/icon/icon.js";
-var v = Object.defineProperty, T = Object.getOwnPropertyDescriptor, o = (t, a, i, s) => {
-  for (var e = s > 1 ? void 0 : s ? T(a, i) : a, d = t.length - 1, b; d >= 0; d--)
-    (b = t[d]) && (e = (s ? b(a, i, e) : b(e)) || e);
-  return s && e && v(a, i, e), e;
+var y = Object.defineProperty, T = Object.getOwnPropertyDescriptor, i = (t, a, e, d) => {
+  for (var s = d > 1 ? void 0 : d ? T(a, e) : a, c = t.length - 1, p; c >= 0; c--)
+    (p = t[c]) && (s = (d ? p(a, e, s) : p(s)) || s);
+  return d && s && y(a, e, s), s;
 };
-let l = class extends p {
+let n = class extends b {
   constructor() {
     super(...arguments), this.activeTabIndex = 0, this.autoActivate = !1, this.tabs = [], this.slottedTabs = [];
   }
-  connectedCallback() {
-    super.connectedCallback(), setTimeout(() => this.collectTabsFromSlot(), 0);
-  }
   firstUpdated() {
-    this.collectTabsFromSlot(), this.updateComplete.then(() => this.forceActiveTabUpdate());
+    this.updateTabsFromSlot();
   }
-  collectTabsFromSlot() {
-    const t = this.shadowRoot?.querySelector("slot");
-    if (!t) return;
-    const a = t.assignedElements({ flatten: !0 }), i = [];
-    a.forEach((s) => {
-      if (s.tagName === "PD-TAB") {
-        const e = s;
-        i.push({
-          label: e.textContent?.trim() || "",
-          icon: e.getAttribute("icon") || void 0,
-          secondary: e.hasAttribute("secondary"),
-          inlineIcon: e.hasAttribute("inline-icon"),
-          ariaLabel: e.getAttribute("aria-label") || void 0
-        });
-      }
-    }), this.slottedTabs = i, this.requestUpdate();
+  updateTabsFromSlot() {
+    const a = (this.assignedTabs ?? []).map((e) => ({
+      label: e.textContent?.trim() || "",
+      icon: e.getAttribute("icon") || void 0,
+      secondary: e.hasAttribute("secondary"),
+      inlineIcon: e.hasAttribute("inline-icon"),
+      ariaLabel: e.getAttribute("aria-label") || void 0
+    }));
+    this.slottedTabs = a, this.requestUpdate(), this.updateComplete.then(() => this.forceActiveTabUpdate());
   }
   handleSlotChange() {
-    this.collectTabsFromSlot(), this.updateComplete.then(() => this.forceActiveTabUpdate());
+    this.updateTabsFromSlot();
   }
   forceActiveTabUpdate() {
     const t = this.shadowRoot?.querySelector("md-tabs");
     t && this.activeTabIndex !== void 0 && (t.activeTabIndex = this.activeTabIndex);
   }
   renderTab(t, a) {
-    const i = t.icon ? c`<md-icon slot="icon">${t.icon}</md-icon>` : "";
-    return t.secondary ? c`
+    const e = t.icon ? l`<md-icon slot="icon">${t.icon}</md-icon>` : "";
+    return t.secondary ? l`
         <md-secondary-tab
           ?inline-icon=${t.inlineIcon}
           aria-label=${t.ariaLabel || t.label}
         >
-          ${i}
+          ${e}
           ${t.label}
         </md-secondary-tab>
-      ` : c`
+      ` : l`
       <md-primary-tab
         ?inline-icon=${t.inlineIcon}
         aria-label=${t.ariaLabel || t.label}
       >
-        ${i}
+        ${e}
         ${t.label}
       </md-primary-tab>
     `;
@@ -68,13 +58,13 @@ let l = class extends p {
   }
   render() {
     const t = this.tabs.length > 0 ? this.tabs : this.slottedTabs;
-    return c`
+    return l`
       <md-tabs
         .activeTabIndex=${this.activeTabIndex}
         ?auto-activate=${this.autoActivate}
         @change=${this.handleChange}
       >
-        ${t.map((a, i) => this.renderTab(a, i))}
+        ${t.map((a, e) => this.renderTab(a, e))}
       </md-tabs>
       <div style="display: none;">
         <slot @slotchange=${this.handleSlotChange}></slot>
@@ -90,50 +80,53 @@ let l = class extends p {
     }));
   }
 };
-o([
+i([
   r({ type: Number, attribute: "active-tab-index" })
-], l.prototype, "activeTabIndex", 2);
-o([
+], n.prototype, "activeTabIndex", 2);
+i([
   r({ type: Boolean, attribute: "auto-activate" })
-], l.prototype, "autoActivate", 2);
-o([
+], n.prototype, "autoActivate", 2);
+i([
   r({ type: Array })
-], l.prototype, "tabs", 2);
-o([
+], n.prototype, "tabs", 2);
+i([
   m()
-], l.prototype, "slottedTabs", 2);
-l = o([
+], n.prototype, "slottedTabs", 2);
+i([
+  v({ flatten: !0, selector: "pd-tab" })
+], n.prototype, "assignedTabs", 2);
+n = i([
   h("pd-tabs")
-], l);
-let n = class extends p {
+], n);
+let o = class extends b {
   constructor() {
     super(...arguments), this.secondary = !1, this.inlineIcon = !1, this.icon = "", this.ariaLabel = "";
   }
   render() {
-    return c`<slot></slot>`;
+    return l`<slot></slot>`;
   }
 };
-n.styles = u`
+o.styles = u`
     :host {
       display: none;
     }
   `;
-o([
+i([
   r({ type: Boolean })
-], n.prototype, "secondary", 2);
-o([
+], o.prototype, "secondary", 2);
+i([
   r({ type: Boolean, attribute: "inline-icon" })
-], n.prototype, "inlineIcon", 2);
-o([
+], o.prototype, "inlineIcon", 2);
+i([
   r({ type: String })
-], n.prototype, "icon", 2);
-o([
+], o.prototype, "icon", 2);
+i([
   r({ type: String, attribute: "aria-label" })
-], n.prototype, "ariaLabel", 2);
-n = o([
+], o.prototype, "ariaLabel", 2);
+o = i([
   h("pd-tab")
-], n);
+], o);
 export {
-  n as PdTab,
-  l as PdTabs
+  o as PdTab,
+  n as PdTabs
 };

package/dist/components/pd-text-field.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("lit");require("@material/web/textfield/filled-text-field.js");require("@material/web/textfield/outlined-text-field.js");require("@material/web/icon/icon.js");

package/dist/components/pd-text-field.d.es.js

@@ -0,0 +1,4 @@
+import "lit";
+import "@material/web/textfield/filled-text-field.js";
+import "@material/web/textfield/outlined-text-field.js";
+import "@material/web/icon/icon.js";