@mhmo91/schmancy 0.8.3 → 0.8.6

package/dist/{progress-0POmJs5o.js → progress-yTIX6EqC.js}

@@ -1,16 +1,13 @@
-import { css as m, html as c } from "lit";
+import { $ as m } from "./litElement.mixin-DHZXtvYq.js";
+import { css as u, html as c } from "lit";
 import { property as a, customElement as p } from "lit/decorators.js";
 import { classMap as d } from "lit/directives/class-map.js";
-import { styleMap as u } from "lit/directives/style-map.js";
-import "rxjs";
-import "rxjs/operators";
-import "./tailwind.mixin-Ddt05Frc.js";
-import { $ as g } from "./litElement.mixin-Wcu4yIIs.js";
-var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (l, r, o, i) => {
-  for (var n, e = i > 1 ? void 0 : i ? y(r, o) : r, h = l.length - 1; h >= 0; h--) (n = l[h]) && (e = (i ? n(r, o, e) : n(e)) || e);
-  return i && e && f(r, o, e), e;
+import { styleMap as g } from "lit/directives/style-map.js";
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (l, r, o, i) => {
+  for (var n, s = i > 1 ? void 0 : i ? y(r, o) : r, h = l.length - 1; h >= 0; h--) (n = l[h]) && (s = (i ? n(r, o, s) : n(s)) || s);
+  return i && s && f(r, o, s), s;
 };
-let t = class extends g(m`
+let t = class extends m(u`
   :host {
     display: block;
   }
@@ -40,7 +37,7 @@ let t = class extends g(m`
       <div class="${d(l)}">
         <div 
           class="${d({ ...r, ...i })}"
-          style="${u(o)}"
+          style="${g(o)}"
           role="progressbar"
           aria-valuenow="${this.value}"
           aria-valuemin="0"
@@ -55,5 +52,5 @@ let t = class extends g(m`
     `;
   }
 };
-s([a({ type: Number, reflect: !0 })], t.prototype, "value", 2), s([a({ type: Number, reflect: !0 })], t.prototype, "max", 2), s([a({ type: Boolean, reflect: !0 })], t.prototype, "indeterminate", 2), s([a({ type: String, reflect: !0 })], t.prototype, "size", 2), s([a({ type: String, reflect: !0 })], t.prototype, "color", 2), s([a({ type: Boolean, reflect: !0 })], t.prototype, "glass", 2), t = s([p("schmancy-progress")], t);
-//# sourceMappingURL=progress-0POmJs5o.js.map
+e([a({ type: Number, reflect: !0 })], t.prototype, "value", 2), e([a({ type: Number, reflect: !0 })], t.prototype, "max", 2), e([a({ type: Boolean, reflect: !0 })], t.prototype, "indeterminate", 2), e([a({ type: String, reflect: !0 })], t.prototype, "size", 2), e([a({ type: String, reflect: !0 })], t.prototype, "color", 2), e([a({ type: Boolean, reflect: !0 })], t.prototype, "glass", 2), t = e([p("schmancy-progress")], t);
+//# sourceMappingURL=progress-yTIX6EqC.js.map

package/dist/progress-yTIX6EqC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-yTIX6EqC.js","sources":["../src/progress/progress.ts"],"sourcesContent":["import { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\n@customElement('schmancy-progress')\nexport default class SchmancyProgress extends $LitElement(css`\n  :host {\n    display: block;\n  }\n\n  @keyframes indeterminate {\n    0% {\n      left: -30%;\n    }\n    100% {\n      left: 100%;\n    }\n  }\n\n  .indeterminate-animation {\n    animation: indeterminate 1.5s infinite ease-in-out;\n  }\n`) {\n  @property({ type: Number, reflect: true })\n  value = 0\n\n  @property({ type: Number, reflect: true })\n  max = 100\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false\n\n  // M3 aligned track heights: xs=1px, sm=2px, md=4px, lg=8px\n  @property({ type: String, reflect: true })\n  size: 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n  @property({ type: String, reflect: true })\n  color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' = 'primary'\n\n  @property({ type: Boolean, reflect: true })\n  glass = false\n\n  private get percentage(): number {\n    if (this.indeterminate) return 0\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100))\n  }\n\n  protected render() {\n    const containerClasses = {\n      'w-full': true,\n      'relative': true,\n      'overflow-hidden': true,\n      'rounded-full': true,\n      'h-px': this.size === 'xs',   // 1px - M3 linear indicator track\n      'h-0.5': this.size === 'sm',  // 2px\n      'h-1': this.size === 'md',    // 4px - M3 default\n      'h-2': this.size === 'lg',    // 8px\n      // Glass effect background\n      'backdrop-blur-xl': this.glass,\n      'backdrop-saturate-150': this.glass,\n      'bg-surface-container/20': this.glass && !this.indeterminate,\n      'bg-surface-container': !this.glass,\n      'shadow-[inset_0_1px_2px_0_rgba(0,0,0,0.1)]': this.glass,\n      'border': this.glass,\n      'border-outline/20': this.glass\n    }\n\n    const barClasses = {\n      'h-full': true,\n      'rounded-full': true,\n      'transition-all': true,\n      'duration-300': true,\n      'ease-in-out': true,\n      'relative': true,\n      'bg-primary-default': this.color === 'primary' && !this.glass,\n      'bg-secondary-default': this.color === 'secondary' && !this.glass,\n      'bg-tertiary-default': this.color === 'tertiary' && !this.glass,\n      'bg-error-default': this.color === 'error' && !this.glass,\n      'bg-success-default': this.color === 'success' && !this.glass,\n      'w-[30%]': this.indeterminate,\n      'absolute': this.indeterminate,\n      'indeterminate-animation': this.indeterminate\n    }\n\n    const barStyles = this.indeterminate \n      ? {} \n      : { width: `${this.percentage}%` }\n\n    // Glass effect bar classes\n    const glassBarClasses = {\n      'backdrop-blur-sm': this.glass,\n      'shadow-[0_0_20px_rgba(0,0,0,0.1)]': this.glass,\n      // Use semi-transparent background colors for glass effect\n      'bg-primary-default/70': this.glass && this.color === 'primary',\n      'bg-secondary-default/70': this.glass && this.color === 'secondary',\n      'bg-tertiary-default/70': this.glass && this.color === 'tertiary',\n      'bg-error-default/70': this.glass && this.color === 'error',\n      'bg-success-default/70': this.glass && this.color === 'success',\n    }\n\n    return html`\n      <div class=\"${classMap(containerClasses)}\">\n        <div \n          class=\"${classMap({...barClasses, ...glassBarClasses})}\"\n          style=\"${styleMap(barStyles)}\"\n          role=\"progressbar\"\n          aria-valuenow=\"${this.value}\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"${this.max}\"\n        >\n          ${this.glass ? html`\n            <!-- Glass shine effect -->\n            <div class=\"absolute inset-0 bg-linear-to-b from-surface-on/20 to-transparent rounded-full\"></div>\n          ` : ''}\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-progress': SchmancyProgress\n  }\n}\n"],"names":["SchmancyProgress","$LitElement","css","constructor","super","arguments","this","value","max","indeterminate","size","color","glass","percentage","Math","min","render","containerClasses","relative","border","barClasses","absolute","barStyles","width","glassBarClasses","html","classMap","styleMap","__decorateClass","property","type","Number","reflect","prototype","Boolean","String","customElement"],"mappings":"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"}

package/dist/progress.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./progress-qx8jtrOA.cjs");
+"use strict";require("./progress-DlhYniW_.cjs");
 //# sourceMappingURL=progress.cjs.map

package/dist/progress.js

@@ -1,2 +1,2 @@
-import "./progress-0POmJs5o.js";
+import "./progress-yTIX6EqC.js";
 //# sourceMappingURL=progress.js.map