@odx/foundation 0.1.0-alpha.23 → 0.1.0-alpha.24

package/dist/components/button/base-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../components/button/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;;AAEnC;;;;;;;;;;;GAWG;AACH,qBACa,mBAAoB,SAAQ,wBAA0B;IACjE;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;IASlD,SAAS,CAAC,YAAY;CAgBvB"}
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../components/button/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;;AAEnC;;;;;;;;;;;GAWG;AACH,qBACa,mBAAoB,SAAQ,wBAA0B;IACjE;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;IAWlD,SAAS,CAAC,YAAY;CAgBvB"}

package/dist/components/button/base-button.js

@@ -29,7 +29,9 @@ let BaseButtonComponent = class extends WithLoadingState(BaseLink) {
   renderContent() {
     return html`
       <slot name="start"></slot>
-      <slot></slot>
+      <odx-line-clamp .max=${2}>
+        <slot></slot>
+      </odx-line-clamp>
       <slot name="end"></slot>
       ${when(this.loading, () => html`<odx-loading-spinner class="spinner" variant="dots"></odx-loading-spinner>`)}
     `;

package/dist/components/button/button.component.css.js

@@ -1,3 +1,3 @@
-const styles = ":host{--_color-stroke: transparent;--_color-stroke-hover: transparent;--_color-stroke-pressed: transparent;--_block-size: var(--odx-size-225);--_icon-size: var(--odx-typography-font-size-5);--_text-size: var(--odx-typography-font-size-3);--_padding-block: var(--odx-size-37);--_padding-inline: var(--odx-size-75);--_margin-block: var(--odx-size-37);--_margin-icon: calc(-.5 * (var(--_icon-size) - var(--_padding-inline)) - var(--odx-size-px));block-size:var(--_block-size);cursor:pointer;position:relative;user-select:none;vertical-align:top;border-radius:var(--odx-border-radius-sm);white-space:nowrap;margin-block:var(--_margin-block);-webkit-tap-highlight-color:transparent}:host(:focus-visible){outline:none}:host,:host::part(anchor){display:inline-flex;place-items:center;place-content:center}:host::part(anchor){overflow:clip;border-radius:inherit;cursor:inherit;-webkit-appearance:none;vertical-align:middle;text-decoration:none;font:inherit;block-size:100%;inline-size:100%;padding:0;gap:inherit;text-transform:inherit;padding-block:calc(var(--_padding-block));padding-inline:var(--_padding-inline);border:var(--odx-border-width-thin) solid var(--_color-stroke);transition:var(--odx-transition-reduced);transition-property:background-color,border-color,color,opacity,outline-color,transform;background-color:var(--_color-background, transparent);color:var(--_color-foreground);font-size:var(--_text-size);gap:var(--_padding-inline);font-weight:var(--odx-typography-font-weight-medium);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset)}.spinner{--_size: var(--_icon-size);color:var(--_color-foreground);position:absolute;margin:auto}:host::part(anchor)::-moz-focus-inner{padding:0;border:0}:host::part(anchor):focus-visible{outline-color:var(--odx-focus-ring-color)}:host([variant=\"primary\"]){--_color-background: var(--odx-color-primary-rest);--_color-background-hover: var(--odx-color-primary-hover);--_color-background-pressed: var(--odx-color-primary-pressed);--_color-foreground: var(--odx-color-foreground-inverse)}:host([variant=\"highlight\"]){--_color-background: var(--odx-color-highlight-rest);--_color-background-hover: var(--odx-color-highlight-hover);--_color-background-pressed: var(--odx-color-highlight-pressed);--_color-foreground: var(--odx-color-foreground-inverse)}:host,:host([variant=\"secondary\"]){--_color-background: var(--odx-experience-color-secondary-rest);--_color-background-hover: var(--odx-experience-color-secondary-hover);--_color-background-pressed: var(--odx-experience-color-secondary-pressed);--_color-foreground: var(--odx-experience-color-secondary-foreground)}:host([variant=\"ghost\"]){--_color-background: var(--odx-color-transparent);--_color-foreground: var(--odx-color-foreground);--_color-background-hover: var(--odx-color-transparent-hover);--_color-background-pressed: var(--odx-color-transparent-pressed)}:host([variant=\"danger\"]){--_color-background: var(--odx-color-danger-rest);--_color-background-hover: var(--odx-color-danger-hover);--_color-background-pressed: var(--odx-color-danger-pressed);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"success\"]){--_color-background: var(--odx-color-success-rest);--_color-background-hover: var(--odx-color-success-hover);--_color-background-pressed: var(--odx-color-success-pressed);--_color-foreground: var(--odx-color-foreground-dark)}:host([variant=\"confirmation\"]){--_color-background: var(--odx-color-confirmation-rest);--_color-background-hover: var(--odx-color-confirmation-hover);--_color-background-pressed: var(--odx-color-confirmation-pressed);--_color-foreground: var(--odx-color-foreground-dark)}:host(:hover){--_color-background: var(--_color-background-hover);--_color-stroke: var(--_color-stroke-hover)}:host(:not([aria-busy=\"true\"]):active){--_color-background: var(--_color-background-pressed);--_color-stroke: var(--_color-stroke-pressed)}:host([aria-busy=\"true\"]){--_color-background: var(--_color-background-hover);cursor:default;[part~=anchor]{color:transparent}}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);--_color-stroke: var(--odx-color-disabled-stroke);cursor:not-allowed}:host([size=\"sm\"]){--_block-size: var(--odx-size-150);--_padding-inline: var(--odx-size-50);--_text-size: var(--odx-typography-font-size-2);--_icon-size: var(--odx-size-100);--_margin-block: 0;--_spinner-size: var(--odx-size-37)}:host([size=\"lg\"]){--_block-size: var(--odx-size-300);--_padding-inline: var(--odx-size-100);--_text-size: var(--odx-typography-font-size-4);--_icon-size: var(--odx-typography-font-size-6);--_margin-block: 0}odx-icon,::slotted(odx-icon){--size: var(--_icon-size);margin-inline:var(--_margin-icon)}:host-context(odx-button-group[connected]:not([vertical])):host(:not(:last-of-type))::part(anchor){border-inline-end-width:0}:host-context(odx-button-group[connected][vertical]):host(:not(:last-of-type))::part(anchor){border-block-end-width:0}";
+const styles = ":host{--_color-stroke: transparent;--_color-stroke-hover: transparent;--_color-stroke-pressed: transparent;--_block-size: var(--odx-size-225);--_icon-size: var(--odx-typography-font-size-5);--_text-size: var(--odx-typography-font-size-3);--_padding-block: var(--odx-size-37);--_padding-inline: var(--odx-size-75);--_margin-block: var(--odx-size-37);--_margin-icon: calc(-.5 * (var(--_icon-size) - var(--_padding-inline)) - var(--odx-size-px));block-size:var(--_block-size);cursor:pointer;position:relative;user-select:none;vertical-align:top;border-radius:var(--odx-border-radius-sm);margin-block:var(--_margin-block);max-inline-size:100%;-webkit-tap-highlight-color:transparent}:host(:focus-visible){outline:none}:host,:host::part(anchor){display:inline-flex;place-items:center;place-content:center}:host::part(anchor){overflow:clip;border-radius:inherit;cursor:inherit;-webkit-appearance:none;vertical-align:middle;text-decoration:none;font:inherit;block-size:100%;inline-size:100%;padding:0;gap:inherit;text-transform:inherit;padding-block:calc(var(--_padding-block));padding-inline:var(--_padding-inline);border:var(--odx-border-width-thin) solid var(--_color-stroke);transition:var(--odx-transition-reduced);transition-property:background-color,border-color,color,opacity,outline-color,transform;background-color:var(--_color-background, transparent);color:var(--_color-foreground);font-size:var(--_text-size);gap:var(--_padding-inline);font-weight:var(--odx-typography-font-weight-medium);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);line-height:min(calc(var(--_block-size) / 2 - var(--odx-size-25)),1em)}.spinner{--_size: var(--_icon-size);color:var(--_color-foreground);position:absolute;margin:auto}:host::part(anchor)::-moz-focus-inner{padding:0;border:0}:host::part(anchor):focus-visible{outline-color:var(--odx-focus-ring-color)}:host([variant=\"primary\"]){--_color-background: var(--odx-color-primary-rest);--_color-background-hover: var(--odx-color-primary-hover);--_color-background-pressed: var(--odx-color-primary-pressed);--_color-foreground: var(--odx-color-foreground-inverse)}:host([variant=\"highlight\"]){--_color-background: var(--odx-color-highlight-rest);--_color-background-hover: var(--odx-color-highlight-hover);--_color-background-pressed: var(--odx-color-highlight-pressed);--_color-foreground: var(--odx-color-foreground-inverse)}:host,:host([variant=\"secondary\"]){--_color-background: var(--odx-experience-color-secondary-rest);--_color-background-hover: var(--odx-experience-color-secondary-hover);--_color-background-pressed: var(--odx-experience-color-secondary-pressed);--_color-foreground: var(--odx-experience-color-secondary-foreground)}:host([variant=\"ghost\"]){--_color-background: var(--odx-color-transparent);--_color-foreground: var(--odx-color-foreground);--_color-background-hover: var(--odx-color-transparent-hover);--_color-background-pressed: var(--odx-color-transparent-pressed)}:host([variant=\"danger\"]){--_color-background: var(--odx-color-danger-rest);--_color-background-hover: var(--odx-color-danger-hover);--_color-background-pressed: var(--odx-color-danger-pressed);--_color-foreground: var(--odx-color-foreground-light)}:host([variant=\"success\"]){--_color-background: var(--odx-color-success-rest);--_color-background-hover: var(--odx-color-success-hover);--_color-background-pressed: var(--odx-color-success-pressed);--_color-foreground: var(--odx-color-foreground-dark)}:host([variant=\"confirmation\"]){--_color-background: var(--odx-color-confirmation-rest);--_color-background-hover: var(--odx-color-confirmation-hover);--_color-background-pressed: var(--odx-color-confirmation-pressed);--_color-foreground: var(--odx-color-foreground-dark)}:host(:hover){--_color-background: var(--_color-background-hover);--_color-stroke: var(--_color-stroke-hover)}:host(:not([aria-busy=\"true\"]):active){--_color-background: var(--_color-background-pressed);--_color-stroke: var(--_color-stroke-pressed)}:host([aria-busy=\"true\"]){--_color-background: var(--_color-background-hover);cursor:default;[part~=anchor]{color:transparent}}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);--_color-stroke: var(--odx-color-disabled-stroke);cursor:not-allowed}:host([size=\"sm\"]){--_block-size: var(--odx-size-150);--_padding-inline: var(--odx-size-50);--_text-size: var(--odx-typography-font-size-1);--_icon-size: var(--odx-size-100);--_margin-block: 0;--_spinner-size: var(--odx-size-37)}:host([size=\"lg\"]){--_block-size: var(--odx-size-300);--_padding-inline: var(--odx-size-100);--_text-size: var(--odx-typography-font-size-4);--_icon-size: var(--odx-typography-font-size-6);--_margin-block: 0}odx-icon,::slotted(odx-icon){--size: var(--_icon-size);margin-inline:var(--_margin-icon)}:host-context(odx-button-group[connected]:not([vertical])):host(:not(:last-of-type))::part(anchor){border-inline-end-width:0}:host-context(odx-button-group[connected][vertical]):host(:not(:last-of-type))::part(anchor){border-block-end-width:0}";
 
 export { styles as default };

package/dist/components/circular-progress-bar/circular-progress-bar.component.css.js

@@ -0,0 +1,3 @@
+const styles = "@keyframes odx-circular-progress-indicator-animation{0%{stroke-dashoffset:100}25%{stroke-dashoffset:250;transform:rotate(180deg)}to{stroke-dashoffset:100;transform:rotate(270deg)}}@keyframes odx-circular-progress-inner-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{--_indicator-color: var(--odx-color-primary-rest);--_track-color: var(--odx-palette-coolgray-10);aspect-ratio:1;display:flex;place-content:center;place-items:center;color:currentColor;block-size:100%;inline-size:100%;position:relative}:host([size=\"small\"]){--_size: var(--odx-size-300)}:host([size=\"medium\"]){--_size: var(--odx-size-400)}:host([size=\"large\"]){--_size: var(--odx-size-600)}:host([size]){max-block-size:var(--_size);max-inline-size:var(--_size)}:host::part(track),:host::part(indicator){fill:transparent}:host::part(indicator){stroke:var(--_indicator-color);transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced)}:host::part(track){stroke:var(--_track-color)}:host([indeterminate]:not([indeterminate=\"false\"]))::part(inner){animation:1.75s linear infinite odx-circular-progress-inner-animation}:host([indeterminate]:not([indeterminate=\"false\"]))::part(indicator){animation:1.75s ease infinite odx-circular-progress-indicator-animation both}";
+
+export { styles as default };

package/dist/{elements/circular-progress-bar/circular-progress-bar.element.d.ts → components/circular-progress-bar/circular-progress-bar.component.d.ts}

@@ -1,9 +1,9 @@
 import { CustomElement } from '@odx/foundation';
 import { PropertyValueMap, TemplateResult } from 'lit';
-import { CircularProgressBarSize } from './models';
+import { CircularProgressBarSize } from './circular-progress-bar.models';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-circular-progress-bar': OdxCircularProgressBarElement;
+        'odx-circular-progress-bar': OdxCircularProgressBarComponent;
     }
 }
 /**
@@ -13,7 +13,7 @@ declare global {
  * @csspart track - The track circle element
  * @csspart indicator - The indicator circle element
  */
-export declare class OdxCircularProgressBarElement extends CustomElement {
+export declare class OdxCircularProgressBarComponent extends CustomElement {
     #private;
     protected readonly viewPortSize = 100;
     /**
@@ -39,4 +39,4 @@ export declare class OdxCircularProgressBarElement extends CustomElement {
     protected render(): TemplateResult;
     private setAttributes;
 }
-//# sourceMappingURL=circular-progress-bar.element.d.ts.map
+//# sourceMappingURL=circular-progress-bar.component.d.ts.map

package/dist/components/circular-progress-bar/circular-progress-bar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress-bar.component.d.ts","sourceRoot":"","sources":["../../../components/circular-progress-bar/circular-progress-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuC,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,+BAA+B,CAAC;KAC9D;CACF;AAED;;;;;;GAMG;AACH,qBACa,+BAAgC,SAAQ,aAAa;;IAEhE,SAAS,CAAC,QAAQ,CAAC,YAAY,OAAO;IAUtC;;;OAGG;IACH,IACI,KAAK,CAAC,GAAG,EAAE,MAAM,EAQpB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAgBD;;OAEG;IAEH,MAAM,SAAK;IAEX;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,IAAI,EAAE,uBAAuB,CAAkC;IAEtD,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAQnD,oBAAoB,IAAI,IAAI;cAKlB,MAAM,IAAI,cAAc;IAuB3C,OAAO,CAAC,aAAa;CAMtB"}

package/dist/{elements/circular-progress-bar/circular-progress-bar.element.js → components/circular-progress-bar/circular-progress-bar.component.js}

@@ -1,8 +1,8 @@
 import { CustomElement, SharedResizeObserver, customElement } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
-import styles from './circular-progress-bar.element.css.js';
-import { CircularProgressBarSize } from './models/circular-progress-bar-size.js';
+import styles from './circular-progress-bar.component.css.js';
+import { CircularProgressBarSize } from './circular-progress-bar.models.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -21,14 +21,14 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _value, _OdxCircularProgressBarElement_instances, circumference_get, radius_get, progressValue_get, normalizedStrokeWidth_get;
-let OdxCircularProgressBarElement = class extends CustomElement {
+var _value, _OdxCircularProgressBarComponent_instances, circumference_get, radius_get, progressValue_get, normalizedStrokeWidth_get;
+let OdxCircularProgressBarComponent = class extends CustomElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _OdxCircularProgressBarElement_instances);
+    __privateAdd(this, _OdxCircularProgressBarComponent_instances);
     __privateAdd(this, _value, 0);
     this.viewPortSize = 100;
-    this.stroke = 1;
+    this.stroke = 4;
     this.indeterminate = false;
     this.size = CircularProgressBarSize.MEDIUM;
   }
@@ -60,17 +60,17 @@ let OdxCircularProgressBarElement = class extends CustomElement {
       <svg part="inner" viewBox="0 0 ${this.viewPortSize} ${this.viewPortSize}">
         <circle
           part="track"
-          stroke-width="${__privateGet(this, _OdxCircularProgressBarElement_instances, normalizedStrokeWidth_get)}"
-          r="${__privateGet(this, _OdxCircularProgressBarElement_instances, radius_get)}"
+          stroke-width="${__privateGet(this, _OdxCircularProgressBarComponent_instances, normalizedStrokeWidth_get)}"
+          r="${__privateGet(this, _OdxCircularProgressBarComponent_instances, radius_get)}"
           cx="50%"
           cy="50%"
         />
         <circle
           part="indicator"
-          stroke-dasharray="${__privateGet(this, _OdxCircularProgressBarElement_instances, circumference_get)}"
-          stroke-dashoffset="${__privateGet(this, _OdxCircularProgressBarElement_instances, progressValue_get)}"
-          stroke-width="${__privateGet(this, _OdxCircularProgressBarElement_instances, normalizedStrokeWidth_get)}"
-          r="${__privateGet(this, _OdxCircularProgressBarElement_instances, radius_get)}"
+          stroke-dasharray="${__privateGet(this, _OdxCircularProgressBarComponent_instances, circumference_get)}"
+          stroke-dashoffset="${__privateGet(this, _OdxCircularProgressBarComponent_instances, progressValue_get)}"
+          stroke-width="${__privateGet(this, _OdxCircularProgressBarComponent_instances, normalizedStrokeWidth_get)}"
+          r="${__privateGet(this, _OdxCircularProgressBarComponent_instances, radius_get)}"
           cx="50%"
           cy="50%"
         />
@@ -85,15 +85,15 @@ let OdxCircularProgressBarElement = class extends CustomElement {
   }
 };
 _value = new WeakMap();
-_OdxCircularProgressBarElement_instances = new WeakSet();
+_OdxCircularProgressBarComponent_instances = new WeakSet();
 circumference_get = function() {
-  return Math.floor(2 * __privateGet(this, _OdxCircularProgressBarElement_instances, radius_get) * Math.PI);
+  return Math.floor(2 * __privateGet(this, _OdxCircularProgressBarComponent_instances, radius_get) * Math.PI);
 };
 radius_get = function() {
-  return Math.max(0, this.viewPortSize / 2 - __privateGet(this, _OdxCircularProgressBarElement_instances, normalizedStrokeWidth_get) / 2);
+  return Math.max(0, this.viewPortSize / 2 - __privateGet(this, _OdxCircularProgressBarComponent_instances, normalizedStrokeWidth_get) / 2);
 };
 progressValue_get = function() {
-  return this.indeterminate ? __privateGet(this, _OdxCircularProgressBarElement_instances, circumference_get) : Math.floor((1 - __privateGet(this, _value) / 100) * __privateGet(this, _OdxCircularProgressBarElement_instances, circumference_get));
+  return this.indeterminate ? __privateGet(this, _OdxCircularProgressBarComponent_instances, circumference_get) : Math.floor((1 - __privateGet(this, _value) / 100) * __privateGet(this, _OdxCircularProgressBarComponent_instances, circumference_get));
 };
 normalizedStrokeWidth_get = function() {
   if (this.stroke < 0) return 0;
@@ -106,18 +106,18 @@ normalizedStrokeWidth_get = function() {
 };
 __decorateClass([
   property({ type: Number })
-], OdxCircularProgressBarElement.prototype, "value", 1);
+], OdxCircularProgressBarComponent.prototype, "value", 1);
 __decorateClass([
   property({ type: Number, reflect: true })
-], OdxCircularProgressBarElement.prototype, "stroke", 2);
+], OdxCircularProgressBarComponent.prototype, "stroke", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], OdxCircularProgressBarElement.prototype, "indeterminate", 2);
+], OdxCircularProgressBarComponent.prototype, "indeterminate", 2);
 __decorateClass([
   property({ reflect: true })
-], OdxCircularProgressBarElement.prototype, "size", 2);
-OdxCircularProgressBarElement = __decorateClass([
+], OdxCircularProgressBarComponent.prototype, "size", 2);
+OdxCircularProgressBarComponent = __decorateClass([
   customElement("odx-circular-progress-bar", [styles])
-], OdxCircularProgressBarElement);
+], OdxCircularProgressBarComponent);
 
-export { OdxCircularProgressBarElement };
+export { OdxCircularProgressBarComponent };

package/dist/{elements/circular-progress-bar/models/circular-progress-bar-size.d.ts → components/circular-progress-bar/circular-progress-bar.models.d.ts}

@@ -4,4 +4,4 @@ export declare const CircularProgressBarSize: {
     readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
-//# sourceMappingURL=circular-progress-bar-size.d.ts.map
+//# sourceMappingURL=circular-progress-bar.models.d.ts.map

package/dist/components/circular-progress-bar/circular-progress-bar.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress-bar.models.d.ts","sourceRoot":"","sources":["../../../components/circular-progress-bar/circular-progress-bar.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAE7G,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}

package/dist/components/circular-progress-bar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './circular-progress-bar.component';
+export * from './circular-progress-bar.models';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/circular-progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/circular-progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC"}

package/dist/components/line-clamp/index.d.ts

@@ -0,0 +1,2 @@
+export * from './line-clamp.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/line-clamp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/line-clamp/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/line-clamp/line-clamp.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:-webkit-box;min-inline-size:min-content;-webkit-box-orient:vertical;-webkit-line-clamp:var(--max, 2)}";
+
+export { styles as default };

package/dist/components/line-clamp/line-clamp.component.d.ts

@@ -0,0 +1,12 @@
+import { CustomElement } from '@odx/foundation';
+import { PropertyValueMap } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-line-clamp': OdxLineClampComponent;
+    }
+}
+export declare class OdxLineClampComponent extends CustomElement {
+    max?: number | null;
+    protected updated(props: PropertyValueMap<this>): void;
+}
+//# sourceMappingURL=line-clamp.component.d.ts.map

package/dist/components/line-clamp/line-clamp.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-clamp.component.d.ts","sourceRoot":"","sources":["../../../components/line-clamp/line-clamp.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF;AAED,qBACa,qBAAsB,SAAQ,aAAa;IAEtD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;cAED,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAahE"}

package/dist/components/line-clamp/line-clamp.component.js

@@ -0,0 +1,37 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './line-clamp.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxLineClampComponent = class extends CustomElement {
+  updated(props) {
+    super.updated(props);
+    if (typeof this.max === "number" && this.max > 0) {
+      this.style.setProperty("--max", String(this.max));
+    } else {
+      this.style.removeProperty("--max");
+    }
+    if (typeof this.max === "number" && this.max > 0) {
+      this.style.setProperty("--min", String(this.max));
+    } else {
+      this.style.removeProperty("--max");
+    }
+  }
+};
+__decorateClass([
+  property({ type: Number })
+], OdxLineClampComponent.prototype, "max", 2);
+OdxLineClampComponent = __decorateClass([
+  customElement("odx-line-clamp", [styles])
+], OdxLineClampComponent);
+
+export { OdxLineClampComponent };

package/dist/components/loading-spinner/loading-spinner.component.css.js

@@ -1,3 +1,3 @@
-const styles = ":host{--_animation-duration: 1.5s;--_animation-delay: 0s;--_size: var(--odx-size-225);--_space: var(--odx-size-37);--_track-size: calc(var(--odx-size-37) - var(--odx-size-px));--_track-color: var(--odx-color-transparent-pressed);display:flex;place-content:center;place-items:center;color:inherit;font-size:var(--_size);block-size:1em}:not(svg){transform-origin:0px 0px}.base{display:block;block-size:100%;inline-size:100%;aspect-ratio:1;animation:loading-spinner-rotation-animation 1.5s linear infinite}:host(:not([variant=\"dots\"])){inline-size:1em;.track,.indicator{stroke-width:var(--_track-size)}.track{stroke:var(--_track-color)}.indicator{stroke:currentColor;color:inherit;stroke-dasharray:90,180;stroke-dashoffset:-5;animation:loading-spinner-animation 1.5s ease-in-out infinite;stroke-linecap:round}}:host([variant=\"dots\"]){gap:calc(var(--_space) / 2);padding:var(--_space);animation:loading-spinner-dots-entry-animation .25s linear both;.indicator{background-color:currentColor;border-radius:50%;block-size:calc(var(--_size) / 3);flex:0 0 calc(var(--_size) / 3);z-index:3;animation:loading-spinner-dots-animation var(--_animation-duration) var(--_animation-delay) infinite cubic-bezier(.96,.21,.41,.76) forwards;&:nth-child(1){--_animation-delay: calc(-1 * var(--_animation-duration) / 6)}&:nth-child(2){--_animation-delay: calc(-1 * var(--_animation-duration) / 12)}&:nth-child(3){--_animation-delay: 0s}}}@keyframes loading-spinner-animation{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes loading-spinner-rotation-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-spinner-dots-entry-animation{0%{opacity:0}to{opacity:1}}@keyframes loading-spinner-dots-animation{0%,75%,to{transform:scale(.667);background-color:var(--odx-color-transparent-pressed)}50%{transform:scale(1);background-color:currentColor}}";
+const styles = ":host{--_animation-duration: 1.5s;--_animation-delay: 0s;--_size: var(--odx-size-225);--_space: var(--odx-size-37);--_track-size: calc(var(--odx-size-37) - var(--odx-size-px));--_track-color: var(--odx-color-transparent-pressed);display:flex;place-content:center;place-items:center;color:inherit;font-size:var(--_size);block-size:1em}.base{display:block;block-size:100%;inline-size:100%;aspect-ratio:1;animation:loading-spinner-rotation-animation 1.5s linear infinite}:host(:not([variant=\"dots\"])){inline-size:1em;.track,.indicator{stroke-width:var(--_track-size)}.track{stroke:var(--_track-color)}.indicator{stroke:currentColor;color:inherit;stroke-dasharray:90,180;stroke-dashoffset:-5;animation:loading-spinner-animation 1.5s ease-in-out infinite;stroke-linecap:round}:not(svg){transform-origin:0px 0px}}:host([variant=\"dots\"]){gap:calc(var(--_space) / 2);padding:var(--_space);animation:loading-spinner-dots-entry-animation .25s linear both;.indicator{background-color:currentColor;border-radius:50%;block-size:calc(var(--_size) / 3);flex:0 0 calc(var(--_size) / 3);z-index:3;animation:loading-spinner-dots-animation var(--_animation-duration) var(--_animation-delay) infinite cubic-bezier(.96,.21,.41,.76) forwards;&:nth-child(1){--_animation-delay: calc(-1 * var(--_animation-duration) / 6)}&:nth-child(2){--_animation-delay: calc(-1 * var(--_animation-duration) / 12)}&:nth-child(3){--_animation-delay: 0s}}}@keyframes loading-spinner-animation{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes loading-spinner-rotation-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-spinner-dots-entry-animation{0%{opacity:0}to{opacity:1}}@keyframes loading-spinner-dots-animation{0%,75%,to{transform:scale(.667);background-color:var(--odx-color-transparent-pressed)}50%{transform:scale(1);background-color:currentColor}}";
 
 export { styles as default };

package/dist/components/main.d.ts

@@ -10,6 +10,7 @@ export * from './card';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './chip';
+export * from './circular-progress-bar';
 export * from './content-box';
 export * from './dropdown';
 export * from './format';
@@ -17,6 +18,7 @@ export * from './header';
 export * from './headline';
 export * from './icon-button';
 export * from './inline-message';
+export * from './line-clamp';
 export * from './link';
 export * from './list';
 export * from './loading-overlay';
@@ -27,12 +29,14 @@ export * from './navigation-item';
 export * from './option';
 export * from './page';
 export * from './page-layout';
+export * from './progress-bar';
 export * from './radio-button';
 export * from './radio-group';
 export * from './rail-navigation';
 export * from './search-bar';
 export * from './select';
 export * from './separator';
+export * from './slider';
 export * from './spacer';
 export * from './spinbox';
 export * from './stack';

package/dist/components/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../components/main.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAElC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../components/main.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAElC,cAAc,kBAAkB,CAAC"}

package/dist/components/main.js

@@ -20,6 +20,8 @@ export { OdxCheckboxGroupComponent } from './checkbox-group/checkbox-group.compo
 export { CheckboxGroupVariant } from './checkbox-group/checkbox-group.models.js';
 export { OdxChipComponent } from './chip/chip.component.js';
 export { ChipVariant } from './chip/chip.models.js';
+export { OdxCircularProgressBarComponent } from './circular-progress-bar/circular-progress-bar.component.js';
+export { CircularProgressBarSize } from './circular-progress-bar/circular-progress-bar.models.js';
 export { OdxContentBoxComponent } from './content-box/content-box.component.js';
 export { OdxDropdownComponent } from './dropdown/dropdown.component.js';
 export { DropdownPlacement } from './dropdown/dropdown.models.js';
@@ -34,6 +36,7 @@ export { HeadlineSize } from './headline/headline.models.js';
 export { OdxIconButtonComponent } from './icon-button/icon-button.component.js';
 export { OdxInlineMessageComponent } from './inline-message/inline-message.component.js';
 export { InlineMessageVariant } from './inline-message/inline-message.models.js';
+export { OdxLineClampComponent } from './line-clamp/line-clamp.component.js';
 export { BaseLink } from './link/base-link.js';
 export { OdxLinkComponent } from './link/link.component.js';
 export { OdxListItemComponent } from './list/list-item.component.js';
@@ -53,6 +56,8 @@ export { OdxOptionComponent } from './option/option.component.js';
 export { OdxPageComponent } from './page/page.component.js';
 export { PageAlignment, PageLayout } from './page/page.models.js';
 export { OdxPageLayoutComponent } from './page-layout/page-layout.component.js';
+export { OdxProgressBarComponent } from './progress-bar/progress-bar.component.js';
+export { ProgressState } from './progress-bar/progress-bar.models.js';
 export { OdxRadioButtonComponent } from './radio-button/radio-button.component.js';
 export { OdxRadioGroupComponent } from './radio-group/radio-group.component.js';
 export { RadioGroupVariant } from './radio-group/radio-group.models.js';
@@ -62,6 +67,10 @@ export { SearchEvent } from './search-bar/search-bar.events.js';
 export { SearchBarBehavior } from './search-bar/search-bar.models.js';
 export { OdxSelectComponent } from './select/select.component.js';
 export { OdxSeparatorComponent } from './separator/separator.component.js';
+export { OdxSliderHandleComponent } from './slider/slider-handle.component.js';
+export { OdxSliderMarksComponent } from './slider/slider-marks.component.js';
+export { OdxSliderComponent } from './slider/slider.component.js';
+export { SliderLabelVisibility, SliderTrackVisibility, sliderContext } from './slider/slider.models.js';
 export { OdxSpacerComponent } from './spacer/spacer.component.js';
 export { OdxSpinboxComponent } from './spinbox/spinbox.component.js';
 export { OdxStackComponent } from './stack/stack.component.js';
@@ -73,22 +82,13 @@ export { OdxTitleComponent } from './title/title.component.js';
 export { TitleSize } from './title/title.models.js';
 export { OdxToggleButtonComponent } from './toggle-button/toggle-button.component.js';
 export { OdxVisuallyHiddenComponent } from './visually-hidden/visually-hidden.component.js';
-export { OdxCircularProgressBarElement } from '../elements/circular-progress-bar/circular-progress-bar.element.js';
-export { CircularProgressBarSize } from '../elements/circular-progress-bar/models/circular-progress-bar-size.js';
 export { OdxFormFieldElement } from '../elements/form-field/form-field.element.js';
 export { OdxGrid } from '../elements/grid/grid.element.js';
 export { GridGap } from '../elements/grid/grid.models.js';
 export { OdxMenuItemElement } from '../elements/menu/elements/menu-item/menu-item.element.js';
 export { OdxMenuLabelElement } from '../elements/menu/elements/menu-label/menu-label.element.js';
 export { OdxMenuElement } from '../elements/menu/menu.element.js';
-export { ProgressState } from '../elements/progress-bar/models/progress-state.js';
-export { OdxProgressBarElement } from '../elements/progress-bar/progress-bar.element.js';
 export { OdxSkeletonElement } from '../elements/skeleton/skeleton.element.js';
-export { SliderLabelVisibility } from '../elements/slider/models/slider-label-visibility.js';
-export { SliderTrackVisibility } from '../elements/slider/models/slider-track-visibility.js';
-export { OdxSliderHandleElement } from '../elements/slider/slider-handle.element.js';
-export { OdxSliderMarksElement } from '../elements/slider/slider-marks.element.js';
-export { OdxSliderElement } from '../elements/slider/slider.element.js';
 export { OdxTableBodyElement } from '../elements/table/elements/table-body/table-body.element.js';
 export { OdxTableCellElement } from '../elements/table/elements/table-cell/table-cell.element.js';
 export { OdxTableCheckboxCellElement } from '../elements/table/elements/table-checkbox-cell/table-checkbox-cell.element.js';

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './progress-bar.component';
+export * from './progress-bar.models';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/dist/components/progress-bar/progress-bar.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-foreground: inherit;--_indicator-color: var(--odx-color-primary-rest);--_track-color: var(--odx-palette-coolgray-10);--_track-size: var(--odx-size-50);--_value-percentage: 0;--_label-width: var(--odx-progress-label-width, 33.3%);--_value-width: 1.5rem}:host{display:flex;align-items:center;flex-wrap:wrap;gap:var(--odx-size-50);color:var(--_color-foreground);line-height:1rem;padding-inline:var(--odx-size-75);padding-block:var(--odx-size-25)}:host::part(base),:host::part(indicator){inline-size:100%}:host::part(base){block-size:var(--_track-size);background:var(--_track-color);border-radius:var(--odx-border-radius-md);overflow:hidden;position:relative;inline-size:100%}:host::part(indicator){block-size:100%;background-color:var(--_indicator-color);transform:scaleX(calc(var(--_value-percentage) / 100));transform-origin:0 center;transition:var(--odx-transition-reduced);transition-property:background-color,transform;transform-origin:0% 50%}:host::part(label){text-align:start;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap;max-inline-size:calc(100% - var(--_value-width) - var(--odx-size-75))}:host::part(value){text-align:end;margin-inline-start:auto}:host([condensed]:not([condensed=\"false\"])){padding-block:0;flex-wrap:nowrap}:host([condensed]:not([condensed=\"false\"]))::part(label){inline-size:var(--_label-width)}:host([condensed]:not([condensed=\"false\"]))::part(value){width:var(--_value-width);order:99}:host([state=\"confirm\"]){--_indicator-color: var(--odx-color-confirmation-rest);--_color-foreground: var(--_indicator-color);--_value-color: var(--_indicator-color)}:host([state=\"error\"]){--_indicator-color: var(--odx-color-danger-rest);--_color-foreground: var(--_indicator-color);--_value-color: var(--_indicator-color);font-weight:var(--odx-font-weight-medium)}:host([state=\"success\"]){--_indicator-color: var(--odx-color-success-rest)}:host([indeterminate]:not([indeterminate=\"false\"]))::part(indicator){animation:indeterminate 1.5s linear infinite}@keyframes indeterminate{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}";
+
+export { styles as default };

package/dist/{elements/progress-bar/progress-bar.element.d.ts → components/progress-bar/progress-bar.component.d.ts}

@@ -1,12 +1,12 @@
 import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
-import { ProgressState } from './models';
+import { ProgressState } from './progress-bar.models';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-progress-bar': OdxProgressBarElement;
+        'odx-progress-bar': OdxProgressBarComponent;
     }
 }
-export declare class OdxProgressBarElement extends CustomElement {
+export declare class OdxProgressBarComponent extends CustomElement {
     readonly content: HTMLElement[];
     indeterminate: boolean;
     min: number;
@@ -21,4 +21,4 @@ export declare class OdxProgressBarElement extends CustomElement {
     get valueHidden(): boolean;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=progress-bar.element.d.ts.map
+//# sourceMappingURL=progress-bar.component.d.ts.map

package/dist/components/progress-bar/progress-bar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.component.d.ts","sourceRoot":"","sources":["../../../components/progress-bar/progress-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAC;AAE7E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,aAAa;IAExD,QAAQ,CAAC,OAAO,EAAG,WAAW,EAAE,CAAC;IAGjC,aAAa,UAAS;IAGtB,GAAG,SAAK;IAGR,GAAG,SAAO;IAGV,KAAK,SAAK;IAGV,SAAS,UAAS;IAGlB,KAAK,CAAC,EAAE,aAAa,CAAC;IAGtB,SAAS,UAAS;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;cAEkB,MAAM,IAAI,cAAc;CAoB5C"}

package/dist/{elements/progress-bar/progress-bar.element.js → components/progress-bar/progress-bar.component.js}

@@ -4,7 +4,7 @@ import { html } from 'lit';
 import { queryAssignedElements, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
-import styles from './progress-bar.element.css.js';
+import styles from './progress-bar.component.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,7 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let OdxProgressBarElement = class extends CustomElement {
+let OdxProgressBarComponent = class extends CustomElement {
   constructor() {
     super(...arguments);
     this.indeterminate = false;
@@ -33,9 +33,10 @@ let OdxProgressBarElement = class extends CustomElement {
     return this.hideValue || !this.valueText && this.indeterminate;
   }
   render() {
+    const valueText = this.valueText || `${this.valuePercentage}%`;
     return html`
       ${when(this.label, (label) => html`<div part="label" aria-hidden="true">${label}</div>`)}
-      ${when(!this.valueHidden, () => html`<odx-text part="value" aria-hidden="true">${this.valuePercentage}%</odx-text>`)}
+      ${when(!this.valueHidden, () => html`<odx-text part="value" aria-hidden="true">${valueText}</odx-text>`)}
       <div
         part="base"
         role="progressbar"
@@ -46,7 +47,6 @@ let OdxProgressBarElement = class extends CustomElement {
         aria-valuenow=${this.indeterminate ? 0 : this.value}
         style=${styleMap({ "--_value-percentage": this.valuePercentage })}
         >
-
         <div part="indicator"></div>
       </div>
     `;
@@ -54,36 +54,36 @@ let OdxProgressBarElement = class extends CustomElement {
 };
 __decorateClass([
   queryAssignedElements()
-], OdxProgressBarElement.prototype, "content", 2);
+], OdxProgressBarComponent.prototype, "content", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], OdxProgressBarElement.prototype, "indeterminate", 2);
+], OdxProgressBarComponent.prototype, "indeterminate", 2);
 __decorateClass([
   property({ type: Number })
-], OdxProgressBarElement.prototype, "min", 2);
+], OdxProgressBarComponent.prototype, "min", 2);
 __decorateClass([
   property({ type: Number })
-], OdxProgressBarElement.prototype, "max", 2);
+], OdxProgressBarComponent.prototype, "max", 2);
 __decorateClass([
   property({ type: Number })
-], OdxProgressBarElement.prototype, "value", 2);
+], OdxProgressBarComponent.prototype, "value", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], OdxProgressBarElement.prototype, "condensed", 2);
+], OdxProgressBarComponent.prototype, "condensed", 2);
 __decorateClass([
   property({ reflect: true })
-], OdxProgressBarElement.prototype, "state", 2);
+], OdxProgressBarComponent.prototype, "state", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], OdxProgressBarElement.prototype, "hideValue", 2);
+], OdxProgressBarComponent.prototype, "hideValue", 2);
 __decorateClass([
   property()
-], OdxProgressBarElement.prototype, "label", 2);
+], OdxProgressBarComponent.prototype, "label", 2);
 __decorateClass([
   property()
-], OdxProgressBarElement.prototype, "valueText", 2);
-OdxProgressBarElement = __decorateClass([
+], OdxProgressBarComponent.prototype, "valueText", 2);
+OdxProgressBarComponent = __decorateClass([
   customElement("odx-progress-bar", [styles])
-], OdxProgressBarElement);
+], OdxProgressBarComponent);
 
-export { OdxProgressBarElement };
+export { OdxProgressBarComponent };

package/dist/{elements/progress-bar/models/progress-state.d.ts → components/progress-bar/progress-bar.models.d.ts}

@@ -4,4 +4,4 @@ export declare const ProgressState: {
     readonly SUCCESS: "success";
     readonly ERROR: "error";
 };
-//# sourceMappingURL=progress-state.d.ts.map
+//# sourceMappingURL=progress-bar.models.d.ts.map

package/dist/components/progress-bar/progress-bar.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.models.d.ts","sourceRoot":"","sources":["../../../components/progress-bar/progress-bar.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;;;CAIhB,CAAC"}

package/dist/components/slider/index.d.ts

@@ -0,0 +1,5 @@
+export * from './slider-handle.component';
+export * from './slider-marks.component';
+export * from './slider.component';
+export * from './slider.models';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/{elements/slider/slider-handle.element.css.js → components/slider/slider-handle.component.css.js}

@@ -1,3 +1,3 @@
-const styles = "*{margin:0;padding:0;box-sizing:border-box}:host{--_thumb-color: var(--_track-color);--_thumb-size: var(--odx-size-150);--_previous-position: 0%;--_position: 0%;--_next-position: 0%;display:contents}:host::part(track),:host::part(thumb),:host::part(label){position:absolute}:host::part(track),:host::part(label){pointer-events:none}:host::part(thumb),:host::part(label){background-color:var(--_thumb-color);inset-inline-start:var(--_position)}:host::part(track){background-color:var(--_track-color);border-radius:var(--_track-size);inset:0 calc(100% - var(--_position)) 0 var(--_previous-position);z-index:var(--_layer-background)}:host::part(thumb){display:flex;place-content:center;place-items:center;border-radius:50%;block-size:var(--_thumb-size);inline-size:var(--_thumb-size);inset-block-start:50%;cursor:grab;transform:translate(-50%,-50%);z-index:var(--_layer-interactive);box-shadow:var(--odx-shadow-level-0);outline:0 solid var(--odx-palette-cyan-50-15)}:host::part(label){inset-block-end:100%;transform:translate(-50%) translateY(calc(-1 * var(--odx-size-75))) scale(0);opacity:0;border-radius:var(--odx-border-radius-sm);color:var(--odx-color-primary-text);padding-inline:var(--odx-size-50);line-height:var(--odx-size-150);z-index:var(--_layer-foreground)}:host::part(with-motion){transition:var(--odx-transition-reduced)}:host([odx-drag-active])::part(with-motion){transition-property:outline}:host::part(thumb):active,:host(:active)::part(thumb){outline-width:var(--odx-size-75)}:host(:hover),:host(:focus-within){--_thumb-color: var(--odx-palette-cyan-50)}:host(:focus-within)::part(label),:host(:hover)::part(label){opacity:1;transform:translate(-50%) translateY(calc(-1 * var(--odx-size-75))) scale(1)}:host([aria-disabled=\"true\"]){pointer-events:none}:host([aria-disabled=\"true\"])::part(thumb){--_thumb-color: var(--odx-color-primary-disabled);z-index:var(--_layer-interactive-disabled)}";
+const styles = "*{margin:0;padding:0;box-sizing:border-box}:host{--_thumb-color: var(--_track-color);--_thumb-size: var(--odx-size-150);--_previous-position: 0%;--_position: 0%;--_next-position: 0%;display:contents}:host::part(track),:host::part(thumb),:host::part(label){position:absolute}:host::part(track),:host::part(label){pointer-events:none}:host::part(thumb),:host::part(label){background-color:var(--_thumb-color);inset-inline-start:var(--_position)}:host::part(track){background-color:var(--_track-color);border-radius:var(--_track-size);inset:0 calc(100% - var(--_position)) 0 var(--_previous-position);z-index:var(--_layer-background)}:host::part(thumb){display:flex;place-content:center;place-items:center;border-radius:50%;block-size:var(--_thumb-size);inline-size:var(--_thumb-size);inset-block-start:50%;cursor:grab;transform:translate(-50%,-50%);z-index:var(--_layer-interactive);box-shadow:var(--odx-shadow-level-0);outline:0 solid var(--odx-palette-cyan-50-15)}:host::part(label){inset-block-end:100%;transform:translate(-50%) translateY(calc(-1 * var(--odx-size-75))) scale(0);opacity:0;border-radius:var(--odx-border-radius-sm);color:var(--odx-color-foreground-light);padding-inline:var(--odx-size-50);line-height:var(--odx-size-150);z-index:var(--_layer-foreground)}:host::part(with-motion){transition:var(--odx-transition-reduced)}:host([odx-drag-active])::part(with-motion){transition-property:outline}:host::part(thumb):active,:host(:active)::part(thumb){outline-width:var(--odx-size-75)}:host(:hover),:host(:focus-within){--_thumb-color: var(--odx-color-highlight-rest)}:host(:focus-within)::part(label),:host(:hover)::part(label){opacity:1;transform:translate(-50%) translateY(calc(-1 * var(--odx-size-75))) scale(1)}:host([aria-disabled=\"true\"]){pointer-events:none}:host([aria-disabled=\"true\"])::part(thumb){--_thumb-color: var(--odx-color-disabled-fill);z-index:var(--_layer-interactive-disabled)}";
 
 export { styles as default };

package/dist/{elements/slider/slider-handle.element.d.ts → components/slider/slider-handle.component.d.ts}

@@ -1,14 +1,14 @@
 import { CustomElement } from '@odx/foundation';
 import { DragEvent } from '@odx/foundation/cdk';
 import { PropertyValueMap, TemplateResult } from 'lit';
-import { SliderTrackVisibility } from './models';
+import { SliderTrackVisibility } from './slider.models';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-slider-handle': OdxSliderHandleElement;
+        'odx-slider-handle': OdxSliderHandleComponent;
     }
 }
-declare const OdxSliderHandleElement_base: import('@odx/foundation').Constructor<import('@odx/foundation/cdk').DraggableElement> & import('@odx/foundation').Constructor<import('@odx/foundation').IsNumberControl> & typeof CustomElement;
-export declare class OdxSliderHandleElement extends OdxSliderHandleElement_base {
+declare const OdxSliderHandleComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation/cdk').DraggableElement> & import('@odx/foundation').Constructor<import('@odx/foundation').IsNumberControl> & typeof CustomElement;
+export declare class OdxSliderHandleComponent extends OdxSliderHandleComponent_base {
     #private;
     private context;
     step: never;
@@ -26,4 +26,4 @@ export declare class OdxSliderHandleElement extends OdxSliderHandleElement_base
     protected render(): TemplateResult;
 }
 export {};
-//# sourceMappingURL=slider-handle.element.d.ts.map
+//# sourceMappingURL=slider-handle.component.d.ts.map

package/dist/components/slider/slider-handle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-handle.component.d.ts","sourceRoot":"","sources":["../../../components/slider/slider-handle.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAgC,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,KAAK,SAAS,EAAwD,MAAM,qBAAqB,CAAC;AAE3G,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIvE,OAAO,EAAyB,qBAAqB,EAAiB,MAAM,iBAAiB,CAAC;AAE9F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,wBAAwB,CAAC;KAC/C;CACF;;AAED,qBACa,wBAAyB,SAAQ,6BAAyC;;IAErF,OAAO,CAAC,OAAO,CAA8B;IAKpC,IAAI,EAAG,KAAK,CAAC;IAGtB,eAAe,CAAC,EAAE,qBAAqB,CAAC;IAExC,IAAI,QAAQ,IAAI,MAAM,CAErB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAOvC,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAKjC,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAUhC,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAMpC,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM;IAOvE,YAAY,IAAI,MAAM;cAIZ,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;cAW/C,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;cAQ5C,MAAM,IAAI,cAAc;CAsE5C"}