le-kit 0.5.3 → 0.5.4

package/dist/collection/components/le-round-progress/le-round-progress.js

@@ -1,179 +0,0 @@
-import { h } from "@stencil/core";
-export class LeRoundProgress {
-    constructor() {
-        // progress value coming from an attribute
-        this.value = 0;
-        // padding value coming from an attribute
-        this.padding = 0;
-    }
-    updateValue(newValue) {
-        this.value = parseFloat(newValue);
-    }
-    updatePadding(newValue) {
-        this.padding = parseFloat(newValue);
-        this.calcParams();
-    }
-    updateProgressBackgrounds(newValue) {
-        this.progressPaths = JSON.parse(newValue);
-    }
-    /**
-     * Component lifecycles
-     *
-     * Before the component is loaded, we need to calculate and update params
-     * using the component size (width of the round progress)
-     * and progress width (max of )
-     */
-    componentWillLoad() {
-        if (typeof this.paths === 'string') {
-            this.updateProgressBackgrounds(this.paths);
-        }
-        this.calcParams();
-    }
-    calcParams() {
-        // get element width
-        const width = this.el.getBoundingClientRect().width;
-        const diameter = width - this.padding;
-        // calc circumference — we'll need it later to calc the stroke paths
-        const circumference = Math.PI * diameter;
-        this.params = { width, diameter, circumference };
-    }
-    /**
-     * Returns the viewPath attribute value for the SVG
-     * based on the width of the parent element
-     */
-    getViewBox() {
-        return '0 0 ' + this.params.width + ' ' + this.params.width;
-    }
-    /**
-     * Returns the circular path for the progress stroke
-     * and additional paths in the background
-     */
-    getPath() {
-        return ('M' +
-            this.params.width / 2 +
-            ' ' +
-            (this.params.width - this.params.diameter) / 2 +
-            ' a ' +
-            this.params.diameter / 2 +
-            ' ' +
-            this.params.diameter / 2 +
-            ' 0 0 1 0 ' +
-            this.params.diameter +
-            ' a ' +
-            this.params.diameter / 2 +
-            ' ' +
-            this.params.diameter / 2 +
-            ' 0 0 1 0 -' +
-            this.params.diameter);
-    }
-    getStrokeDashArray() {
-        return (this.value / 100) * this.params.circumference + ', ' + this.params.circumference;
-    }
-    getPaths() {
-        if (!this.progressPaths || !this.progressPaths.length) {
-            return null;
-        }
-        let paths = [];
-        this.progressPaths.forEach(bg => {
-            paths.push(h("path", { class: "round-progress--path", d: this.getPath(), stroke: bg.color, "stroke-width": bg.width, "stroke-dasharray": bg.dasharray, "stroke-linecap": bg.linecap }));
-        });
-        return (h("svg", { viewBox: this.getViewBox(), class: "round-progress" }, paths));
-    }
-    render() {
-        return (h("div", { key: '5a51e57f587b1c065bc63091a4d824006ffb0547', class: "round-progress--container" }, this.getPaths(), h("svg", { key: '12ca2118e9f5ff3dc472f1d20a4a4d4dbd3b97c0', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, h("path", { key: '7fb75f5b03fe34d4a0f9ecdba94db95ba59a7756', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), h("slot", { key: 'a855a01d4332479f6488d1e7a7760d70e29eb707' })));
-    }
-    static get is() { return "le-round-progress"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-round-progress.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-round-progress.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "value": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "0"
-            },
-            "padding": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "padding",
-                "defaultValue": "0"
-            },
-            "paths": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "paths"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "params": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "updateValue"
-            }, {
-                "propName": "padding",
-                "methodName": "updatePadding"
-            }, {
-                "propName": "paths",
-                "methodName": "updateProgressBackgrounds"
-            }];
-    }
-}
-//# sourceMappingURL=le-round-progress.js.map

package/dist/collection/components/le-round-progress/le-round-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-round-progress.js","sourceRoot":"","sources":["../../../src/components/le-round-progress/le-round-progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'le-round-progress',\n  styleUrl: 'le-round-progress.css',\n  shadow: true,\n})\nexport class LeRoundProgress {\n  // host element\n  @Element() el: HTMLElement;\n\n  // progress value coming from an attribute\n  @Prop() value: number = 0;\n  @Watch('value')\n  updateValue(newValue: string) {\n    this.value = parseFloat(newValue);\n  }\n\n  // padding value coming from an attribute\n  @Prop() padding: number = 0;\n  @Watch('padding')\n  updatePadding(newValue: string) {\n    this.padding = parseFloat(newValue);\n    this.calcParams();\n  }\n\n  // the progress backgrounds can be as many as needed\n  // but it should be JSON format: double quotes and strict commas\n  @Prop() paths: string;\n  @Watch('paths')\n  updateProgressBackgrounds(newValue: string) {\n    this.progressPaths = JSON.parse(newValue);\n  }\n  progressPaths: any[];\n\n  @State() params: {\n    width: number;\n    diameter: number;\n    circumference: number;\n  };\n\n  /**\n   * Component lifecycles\n   *\n   * Before the component is loaded, we need to calculate and update params\n   * using the component size (width of the round progress)\n   * and progress width (max of )\n   */\n  componentWillLoad() {\n    if (typeof this.paths === 'string') {\n      this.updateProgressBackgrounds(this.paths);\n    }\n    this.calcParams();\n  }\n\n  calcParams() {\n    // get element width\n    const width = this.el.getBoundingClientRect().width;\n    const diameter = width - this.padding;\n    // calc circumference — we'll need it later to calc the stroke paths\n    const circumference = Math.PI * diameter;\n\n    this.params = { width, diameter, circumference };\n  }\n\n  /**\n   * Returns the viewPath attribute value for the SVG\n   * based on the width of the parent element\n   */\n  getViewBox() {\n    return '0 0 ' + this.params.width + ' ' + this.params.width;\n  }\n\n  /**\n   * Returns the circular path for the progress stroke\n   * and additional paths in the background\n   */\n  getPath() {\n    return (\n      'M' +\n      this.params.width / 2 +\n      ' ' +\n      (this.params.width - this.params.diameter) / 2 +\n      ' a ' +\n      this.params.diameter / 2 +\n      ' ' +\n      this.params.diameter / 2 +\n      ' 0 0 1 0 ' +\n      this.params.diameter +\n      ' a ' +\n      this.params.diameter / 2 +\n      ' ' +\n      this.params.diameter / 2 +\n      ' 0 0 1 0 -' +\n      this.params.diameter\n    );\n  }\n\n  getStrokeDashArray() {\n    return (this.value / 100) * this.params.circumference + ', ' + this.params.circumference;\n  }\n\n  getPaths() {\n    if (!this.progressPaths || !this.progressPaths.length) {\n      return null;\n    }\n    let paths = [];\n    this.progressPaths.forEach(bg => {\n      paths.push(<path class=\"round-progress--path\" d={this.getPath()} stroke={bg.color} stroke-width={bg.width} stroke-dasharray={bg.dasharray} stroke-linecap={bg.linecap} />);\n    });\n    return (\n      <svg viewBox={this.getViewBox()} class=\"round-progress\">\n        {paths}\n      </svg>\n    );\n  }\n\n  render() {\n    return (\n      <div class=\"round-progress--container\">\n        {this.getPaths()}\n        <svg viewBox={this.getViewBox()} class=\"round-progress round-progress--progress\">\n          <path class=\"round-progress--circle\" stroke-dasharray={this.getStrokeDashArray()} d={this.getPath()} />\n        </svg>\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-scroll-progress/le-scroll-progress.css

@@ -1,29 +0,0 @@
-:host {
-  display: block;
-}
-:host([sticky]) {
-  position: sticky;
-  top: var(--le-scroll-progress-sticky-top, 0);
-  z-index: var(--le-scroll-progress-z, calc(var(--le-header-z, 1000) + 1));
-}
-:host([fixed]) {
-  position: fixed;
-  top: var(--le-scroll-progress-fixed-top, 0);
-  left: var(--le-scroll-progress-fixed-left, 0);
-  right: var(--le-scroll-progress-fixed-right, 0);
-  z-index: var(--le-scroll-progress-z, calc(var(--le-header-z, 1000) + 1));
-}
-
-.track {
-  width: 100%;
-  height: var(--le-scroll-progress-height, 4px);
-  background: var(--le-scroll-progress-bg, transparent);
-}
-
-.fill {
-  height: 100%; 
-  width: 0;
-  background: var(--le-scroll-progress-fill, var(--le-color-primary, currentColor));
-  border-radius: var(--le-scroll-progress-border-radius, 2px);
-  transition: width var(--le-transition-fast, 120ms linear);
-}

package/dist/collection/components/le-scroll-progress/le-scroll-progress.js

@@ -1,185 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * Displays scroll progress as a simple bar.
- *
- * If `track-scroll-progress` is present without a value, tracks the full document.
- * If it is a selector string, tracks progress within the matched element.
- *
- * @cssprop --le-scroll-progress-height - Bar height
- * @cssprop --le-scroll-progress-bg - Track background
- * @cssprop --le-scroll-progress-fill - Fill color
- * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top
- * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top
- * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left
- * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right
- * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)
- *
- * @csspart track - Outer track
- * @csspart fill - Inner fill
- *
- * @cmsEditable true
- * @cmsCategory Layout
- */
-export class LeScrollProgress {
-    constructor() {
-        this.progress = 0;
-        this.rafId = null;
-        this.targetEl = null;
-    }
-    componentWillLoad() {
-        this.updateProgress();
-    }
-    componentDidLoad() {
-        this.resolveTarget();
-        this.updateProgress();
-    }
-    disconnectedCallback() {
-        if (this.rafId != null) {
-            cancelAnimationFrame(this.rafId);
-            this.rafId = null;
-        }
-    }
-    onTrackChange() {
-        this.resolveTarget();
-        this.updateProgress();
-    }
-    onScroll() {
-        this.scheduleUpdate();
-    }
-    onResize() {
-        this.resolveTarget();
-        this.scheduleUpdate(true);
-    }
-    scheduleUpdate(force = false) {
-        if (this.rafId != null && !force)
-            return;
-        this.rafId = requestAnimationFrame(() => {
-            this.rafId = null;
-            this.updateProgress();
-        });
-    }
-    resolveTarget() {
-        if (typeof document === 'undefined')
-            return;
-        const raw = this.trackScrollProgress;
-        // If attribute missing, default to enabled (full document).
-        // If user explicitly sets 'false', treat as disabled.
-        if (raw == null) {
-            this.targetEl = null;
-            return;
-        }
-        const val = String(raw).trim();
-        if (val === '' || val === 'true') {
-            this.targetEl = null;
-            return;
-        }
-        if (val === 'false') {
-            this.targetEl = null;
-            return;
-        }
-        try {
-            this.targetEl = document.querySelector(val);
-        }
-        catch {
-            this.targetEl = null;
-        }
-    }
-    clamp01(n) {
-        return Math.max(0, Math.min(1, n));
-    }
-    updateProgress() {
-        if (typeof window === 'undefined' || typeof document === 'undefined')
-            return;
-        // If explicitly disabled.
-        if (this.trackScrollProgress === 'false') {
-            if (this.progress !== 0)
-                this.progress = 0;
-            return;
-        }
-        const scrollY = window.scrollY || 0;
-        let p = 0;
-        if (this.targetEl) {
-            const rect = this.targetEl.getBoundingClientRect();
-            const top = scrollY + rect.top;
-            const height = rect.height;
-            const viewport = window.innerHeight || 1;
-            const denom = Math.max(1, height - viewport);
-            p = this.clamp01((scrollY - top) / denom);
-        }
-        else {
-            const doc = document.documentElement;
-            const denom = Math.max(1, doc.scrollHeight - doc.clientHeight);
-            p = this.clamp01(scrollY / denom);
-        }
-        const next = Math.round(p * 1000) / 1000;
-        if (next !== this.progress)
-            this.progress = next;
-    }
-    render() {
-        const width = `${this.progress * 100}%`;
-        return (h(Host, { key: '4521900e44e8226280a6fc1d7431e24832057be3' }, h("div", { key: 'a0daeec6b1c39fd4b5cc3ae90f27e615fa9828ef', class: "track", part: "track", "aria-hidden": "true" }, h("div", { key: 'd2c683765627c5eea27483ce00c3eff734e8c87a', class: "fill", part: "fill", style: { width } }))));
-    }
-    static get is() { return "le-scroll-progress"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-scroll-progress.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-scroll-progress.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "trackScrollProgress": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Boolean or selector string."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "track-scroll-progress"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "progress": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "trackScrollProgress",
-                "methodName": "onTrackChange"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "scroll",
-                "method": "onScroll",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }, {
-                "name": "resize",
-                "method": "onResize",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }];
-    }
-}
-//# sourceMappingURL=le-scroll-progress.js.map

package/dist/collection/components/le-scroll-progress/le-scroll-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-scroll-progress.js","sourceRoot":"","sources":["../../../src/components/le-scroll-progress/le-scroll-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAExF;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH,MAAM,OAAO,gBAAgB;IAL7B;QAWmB,aAAQ,GAAW,CAAC,CAAC;QAE9B,UAAK,GAAkB,IAAI,CAAC;QAC5B,aAAQ,GAAmB,IAAI,CAAC;KAsHzC;IApHC,iBAAiB;QACf,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YACvB,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IAGS,aAAa;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAGS,QAAQ;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAGS,QAAQ;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAEO,cAAc,CAAC,QAAiB,KAAK;QAC3C,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO;QACzC,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;YACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,aAAa;QACnB,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC;QAErC,4DAA4D;QAC5D,sDAAsD;QACtD,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QAC/B,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;YACjC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC9C,CAAC;QAAC,MAAM,CAAC;YACP,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,OAAO,CAAC,CAAS;QACvB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAEO,cAAc;QACpB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAE7E,0BAA0B;QAC1B,IAAI,IAAI,CAAC,mBAAmB,KAAK,OAAO,EAAE,CAAC;YACzC,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;gBAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAC3C,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;QAEpC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEV,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,IAAI,GAAI,IAAI,CAAC,QAAwB,CAAC,qBAAqB,EAAE,CAAC;YACpE,MAAM,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;YAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC;YAEzC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;YAC7C,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC;YACrC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAC,CAAC;YAC/D,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC;QACpC,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QACzC,IAAI,IAAI,KAAK,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACnD,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,CAAC;QAExC,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,iBAAa,MAAM;gBAChD,4DAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAI,CAC9C,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\n/**\n * Displays scroll progress as a simple bar.\n *\n * If `track-scroll-progress` is present without a value, tracks the full document.\n * If it is a selector string, tracks progress within the matched element.\n *\n * @cssprop --le-scroll-progress-height - Bar height\n * @cssprop --le-scroll-progress-bg - Track background\n * @cssprop --le-scroll-progress-fill - Fill color\n * @cssprop --le-scroll-progress-sticky-top - If sticky, stop position to parent top\n * @cssprop --le-scroll-progress-fixed-top - If fixed, distance from window top\n * @cssprop --le-scroll-progress-fixed-left - If fixed, distance from window left\n * @cssprop --le-scroll-progress-fixed-right - If fixed, distance from window right\n * @cssprop --le-scroll-progress-z - Z-index of the progress bar (1001 by default, above header)\n *\n * @csspart track - Outer track\n * @csspart fill - Inner fill\n *\n * @cmsEditable true\n * @cmsCategory Layout\n */\n@Component({\n  tag: 'le-scroll-progress',\n  styleUrl: 'le-scroll-progress.css',\n  shadow: true,\n})\nexport class LeScrollProgress {\n  @Element() el: HTMLElement;\n\n  /** Boolean or selector string. */\n  @Prop({ attribute: 'track-scroll-progress', reflect: true }) trackScrollProgress?: string;\n\n  @State() private progress: number = 0;\n\n  private rafId: number | null = null;\n  private targetEl: Element | null = null;\n\n  componentWillLoad() {\n    this.updateProgress();\n  }\n\n  componentDidLoad() {\n    this.resolveTarget();\n    this.updateProgress();\n  }\n\n  disconnectedCallback() {\n    if (this.rafId != null) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n  }\n\n  @Watch('trackScrollProgress')\n  protected onTrackChange() {\n    this.resolveTarget();\n    this.updateProgress();\n  }\n\n  @Listen('scroll', { target: 'window', passive: true })\n  protected onScroll() {\n    this.scheduleUpdate();\n  }\n\n  @Listen('resize', { target: 'window', passive: true })\n  protected onResize() {\n    this.resolveTarget();\n    this.scheduleUpdate(true);\n  }\n\n  private scheduleUpdate(force: boolean = false) {\n    if (this.rafId != null && !force) return;\n    this.rafId = requestAnimationFrame(() => {\n      this.rafId = null;\n      this.updateProgress();\n    });\n  }\n\n  private resolveTarget() {\n    if (typeof document === 'undefined') return;\n    const raw = this.trackScrollProgress;\n\n    // If attribute missing, default to enabled (full document).\n    // If user explicitly sets 'false', treat as disabled.\n    if (raw == null) {\n      this.targetEl = null;\n      return;\n    }\n\n    const val = String(raw).trim();\n    if (val === '' || val === 'true') {\n      this.targetEl = null;\n      return;\n    }\n\n    if (val === 'false') {\n      this.targetEl = null;\n      return;\n    }\n\n    try {\n      this.targetEl = document.querySelector(val);\n    } catch {\n      this.targetEl = null;\n    }\n  }\n\n  private clamp01(n: number) {\n    return Math.max(0, Math.min(1, n));\n  }\n\n  private updateProgress() {\n    if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n    // If explicitly disabled.\n    if (this.trackScrollProgress === 'false') {\n      if (this.progress !== 0) this.progress = 0;\n      return;\n    }\n\n    const scrollY = window.scrollY || 0;\n\n    let p = 0;\n\n    if (this.targetEl) {\n      const rect = (this.targetEl as HTMLElement).getBoundingClientRect();\n      const top = scrollY + rect.top;\n      const height = rect.height;\n      const viewport = window.innerHeight || 1;\n\n      const denom = Math.max(1, height - viewport);\n      p = this.clamp01((scrollY - top) / denom);\n    } else {\n      const doc = document.documentElement;\n      const denom = Math.max(1, doc.scrollHeight - doc.clientHeight);\n      p = this.clamp01(scrollY / denom);\n    }\n\n    const next = Math.round(p * 1000) / 1000;\n    if (next !== this.progress) this.progress = next;\n  }\n\n  render() {\n    const width = `${this.progress * 100}%`;\n\n    return (\n      <Host>\n        <div class=\"track\" part=\"track\" aria-hidden=\"true\">\n          <div class=\"fill\" part=\"fill\" style={{ width }} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/le-segmented-control/le-segmented-control.css

@@ -1,78 +0,0 @@
-/**
- * le-segmented-control - Default mode styles
- */
-
-:host {
-  display: inline-block;
-  max-width: 100%;
-  --le-segmented-control-bg: var(--le-color-background-secondary);
-  --le-segmented-control-padding: var(--le-spacing-1);
-}
-:host([full-width]) {
-  width: 100%;
-}
-:host(.overflow-visible) {
-  max-width: none;
-}
-
-.le-segmented-control {
-  flex-direction: row;
-  white-space: nowrap;
-  border: none;
-  gap: 0;
-  background-color: var(--le-segmented-control-bg);
-  border-radius: calc(var(--le-radius-md) + var(--le-segmented-control-padding));
-  padding: var(--le-segmented-control-padding);
-}
-
-.le-segmented-control.overflow-auto {
-  overflow: auto;
-}
-.le-segmented-control.overflow-hidden {
-  overflow: hidden;
-}
-.le-segmented-control.overflow-visible {
-  overflow: visible;
-}
-.le-segmented-control.overflow-scroll {
-  overflow: scroll;
-}
-
-.le-segmented-control.full-width {
-  display: flex;
-  width: 100%;
-  width: calc(100% - var(--le-segmented-control-padding) * 2);
-}
-
-.le-segmented-control.disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.le-segmented-control:focus {
-  outline: 2px solid var(--le-color-focus);
-  outline-offset: 2px;
-}
-
-
-/* ============================================
- * SEGMENT BUTTON
- * ============================================ */
-
-.full-width .segment {
-  flex: 1;
-}
-
-.segment:focus-visible {
-  outline: 2px solid var(--le-focus-ring-color, var(--le-color-primary));
-  outline-offset: 2px;
-}
-
-.segment-active {
-  color: var(--le-segmented-text-color-active, var(--le-text-primary));
-}
-
-.segment-disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}