ds-one 0.2.0-alpha.2 → 0.2.5-alpha.1

package/dist/2-core/ds-title.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-title.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;GAMG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC,OAAO,CAAC,SAAS,CAAM;IAEvB,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;MAOpB;IAEO,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,aAAa,CAAqC;IAE1D,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKzB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,MAAM,CAAC,MAAM,0BAwBX;;IAeF,iBAAiB;IASjB,oBAAoB;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,SAAS;IAkBT,YAAY;IAMZ,MAAM;CAKP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}

package/dist/2-core/ds-title.js

@@ -1,103 +0,0 @@
-import { LitElement, html, css } from "lit";
-import { getText } from "../utils/language";
-/**
- * A component for displaying page titles with localization support
- *
- * @element ds-title
- * @prop {string} key - The translation key to use
- * @prop {string} defaultValue - Default value if translation is not found
- */
-export class Title extends LitElement {
-    static get properties() {
-        return {
-            gridarea: { type: String, reflect: true },
-            key: { type: String, reflect: true },
-            defaultValue: { type: String, reflect: true, attribute: "default-value" },
-            _text: { type: String, state: true },
-        };
-    }
-    set gridarea(value) {
-        const oldValue = this._gridArea;
-        this._gridArea = value;
-        this.style.gridArea = value;
-        this.requestUpdate("gridarea", oldValue);
-    }
-    get gridarea() {
-        return this._gridArea;
-    }
-    constructor() {
-        super();
-        this._gridArea = "";
-        this.key = "";
-        this.defaultValue = "";
-        this._text = "";
-        this.boundHandlers = {
-            languageChanged: (() => {
-                this._loadText();
-            }),
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._loadText();
-        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
-    }
-    updated(changedProperties) {
-        if (changedProperties.has("key") || changedProperties.has("defaultValue")) {
-            this._loadText();
-        }
-    }
-    _loadText() {
-        if (!this.key) {
-            this._text = this.defaultValue || "";
-            return;
-        }
-        try {
-            const text = getText(this.key);
-            this._text = text || this.defaultValue || this.key;
-        }
-        catch (error) {
-            console.error(`[ds-title] Error loading text for key "${this.key}":`, error);
-            this._text = this.defaultValue || this.key;
-        }
-    }
-    firstUpdated() {
-        if (this.hasAttribute("gridarea")) {
-            this.style.gridArea = this.getAttribute("gridarea") || "";
-        }
-    }
-    render() {
-        const hasKey = this.key && this._text;
-        return html ` <h1>${hasKey ? this._text : html `<slot></slot>`}</h1> `;
-    }
-}
-Title.styles = css `
-    :host {
-      display: flex;
-      padding: calc(2px * var(--scaling-factor));
-      align-items: flex-start;
-    }
-
-    h1 {
-      display: block;
-      place-content: center;
-      font-family: var(--typeface);
-      color: light-dark(var(--black), var(--white));
-      font-size: calc(36px * var(--scaling-factor));
-      font-weight: 500;
-      align-items: center;
-      letter-spacing: -0.72px;
-      margin: 0;
-      height: 45px;
-    }
-
-    ::slotted(*) {
-      margin: 0;
-      width: 100%;
-    }
-  `;
-customElements.define("ds-title", Title);

package/dist/2-core/ds-viewtoggle.d.ts

@@ -1,27 +0,0 @@
-import { LitElement } from "lit";
-/**
- * A component for toggling between text and image view modes
- *
- * @element ds-viewtoggle
- */
-export declare class ViewToggle extends LitElement {
-    static properties: {
-        _mode: {
-            type: StringConstructor;
-            state: boolean;
-        };
-    };
-    _mode: "text" | "image";
-    private boundHandlers;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _toggle;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "ds-viewtoggle": ViewToggle;
-    }
-}
-//# sourceMappingURL=ds-viewtoggle.d.ts.map

package/dist/2-core/ds-viewtoggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-viewtoggle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-viewtoggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,aAAa,CAGnB;;IAkBF,iBAAiB;IAYjB,oBAAoB;IAYpB,OAAO,CAAC,OAAO,CAGb;IAEF,MAAM;CAOP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}

package/dist/2-core/ds-viewtoggle.js

@@ -1,49 +0,0 @@
-import { LitElement, html } from "lit";
-import { getText } from "../utils/language";
-import { getViewMode, setViewMode } from "../utils/viewMode";
-/**
- * A component for toggling between text and image view modes
- *
- * @element ds-viewtoggle
- */
-export class ViewToggle extends LitElement {
-    constructor() {
-        super();
-        this._toggle = () => {
-            const next = this._mode === "image" ? "text" : "image";
-            setViewMode(next);
-        };
-        this._mode = getViewMode();
-        this.boundHandlers = {
-            viewModeChanged: ((e) => {
-                const mode = e.detail === "image" ? "image" : "text";
-                if (this._mode !== mode) {
-                    this._mode = mode;
-                }
-            }),
-            languageChanged: (() => {
-                this.requestUpdate();
-            }),
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener("view-mode-changed", this.boundHandlers.viewModeChanged);
-        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("view-mode-changed", this.boundHandlers.viewModeChanged);
-        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
-    }
-    render() {
-        const label = this._mode === "image" ? getText("hideImage") : getText("viewImage");
-        return html `
-      <ds-button variant="primary" @click=${this._toggle}>${label}</ds-button>
-    `;
-    }
-}
-ViewToggle.properties = {
-    _mode: { type: String, state: true },
-};
-customElements.define("ds-viewtoggle", ViewToggle);

package/dist/2-core/ds-year.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-year.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-year.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;GAIG;AACH,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAIP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/2-core/header-v1.d.ts

@@ -1,28 +0,0 @@
-import { LitElement } from "lit";
-/**
- * A component for displaying page headers
- *
- * @element header-v1
- * @prop {string} gridarea - Grid area placement
- */
-export declare class Header extends LitElement {
-    private _gridArea;
-    static get properties(): {
-        gridarea: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-    };
-    set gridarea(value: string);
-    get gridarea(): string;
-    static styles: import("lit").CSSResult;
-    constructor();
-    firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "header-v1": Header;
-    }
-}
-//# sourceMappingURL=header-v1.d.ts.map

package/dist/2-core/header-v1.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-v1.d.ts","sourceRoot":"","sources":["../../DS1/2-core/header-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;GAKG;AACH,qBAAa,MAAO,SAAQ,UAAU;IACpC,OAAO,CAAC,SAAS,CAAM;IAEvB,MAAM,KAAK,UAAU;;;;;MAIpB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKzB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,MAAM,CAAC,MAAM,0BAuBX;;IAMF,YAAY;IAMZ,MAAM;CASP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}

package/dist/2-core/header-v1.js

@@ -1,66 +0,0 @@
-import { LitElement, html, css } from "lit";
-/**
- * A component for displaying page headers
- *
- * @element header-v1
- * @prop {string} gridarea - Grid area placement
- */
-export class Header extends LitElement {
-    static get properties() {
-        return {
-            gridarea: { type: String, reflect: true },
-        };
-    }
-    set gridarea(value) {
-        const oldValue = this._gridArea;
-        this._gridArea = value;
-        this.style.gridArea = value;
-        this.requestUpdate("gridarea", oldValue);
-    }
-    get gridarea() {
-        return this._gridArea;
-    }
-    constructor() {
-        super();
-        this._gridArea = "";
-    }
-    firstUpdated() {
-        if (this.hasAttribute("gridarea")) {
-            this.style.gridArea = this.getAttribute("gridarea") || "";
-        }
-    }
-    render() {
-        return html `
-      <h2
-        style="display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%;"
-      >
-        <slot></slot>
-      </h2>
-    `;
-    }
-}
-Header.styles = css `
-    :host {
-      display: flex;
-      padding: calc(2px * var(--scaling-factor));
-      align-items: flex-start;
-      width: 100%;
-    }
-
-    h2 {
-      display: flex;
-      place-content: center;
-      font-family: var(--typeface);
-      color: light-dark(var(--black), var(--white));
-      align-items: center;
-      font-weight: 500;
-      font-size: calc(14px * var(--scaling-factor));
-      margin: 0;
-      width: 100%;
-    }
-
-    ::slotted(*) {
-      margin: 0;
-    }
-  `;
-customElements.define("header-v1", Header);

package/dist/2-core/home-v1.d.ts

@@ -1,26 +0,0 @@
-import { LitElement } from "lit";
-export declare class Home extends LitElement {
-    static properties: any;
-    state: "active" | "disabled";
-    /**
-     * Ensure Home is always disabled on mobile devices.
-     * Runs once when the element is connected to the DOM.
-     */
-    connectedCallback(): void;
-    /**
-     * Lightweight mobile detection. Mirrors the app's utility without importing it
-     * to keep the design system component self-contained.
-     */
-    private _isMobileDevice;
-    protected updated(): void;
-    static styles: import("lit").CSSResult;
-    private _navigateHome;
-    private _onKeyDown;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "home-v1": Home;
-    }
-}
-//# sourceMappingURL=home-v1.d.ts.map

package/dist/2-core/home-v1.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"home-v1.d.ts","sourceRoot":"","sources":["../../DS1/2-core/home-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU,EAEZ,GAAG,CAAC;IAET,KAAK,EAAE,QAAQ,GAAG,UAAU,CAAY;IAExC;;;OAGG;IACH,iBAAiB;IAOjB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAoBvB,SAAS,CAAC,OAAO,IAAI,IAAI;IAOzB,MAAM,CAAC,MAAM,0BAyEX;IAIF,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,UAAU;IAQlB,MAAM;CAgBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/2-core/home-v1.js

@@ -1,148 +0,0 @@
-import { LitElement, html, css } from "lit";
-// Home tab button that reveals on hover (active) or stays visible and non-interactive (disabled)
-export class Home extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.state = "active";
-    }
-    /**
-     * Ensure Home is always disabled on mobile devices.
-     * Runs once when the element is connected to the DOM.
-     */
-    connectedCallback() {
-        super.connectedCallback();
-        if (this._isMobileDevice()) {
-            this.state = "disabled";
-        }
-    }
-    /**
-     * Lightweight mobile detection. Mirrors the app's utility without importing it
-     * to keep the design system component self-contained.
-     */
-    _isMobileDevice() {
-        const nav = globalThis.navigator;
-        const win = globalThis.window;
-        const ua = (nav && (nav.userAgent || nav.vendor)) || (win && win.opera) || "";
-        const uaMatchesMobile = /Mobile|Android|iP(ad|hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)|Windows Phone|Phone|Tablet/i.test(ua);
-        const touchPoints = (nav && nav.maxTouchPoints) || 0;
-        const isTouchCapable = touchPoints > 1;
-        const narrowViewport = win
-            ? Math.min(win.innerWidth || 0, win.innerHeight || 0) <= 820
-            : false;
-        return uaMatchesMobile || (isTouchCapable && narrowViewport);
-    }
-    updated() {
-        // Enforce disabled on mobile even if someone flips the state later
-        if (this._isMobileDevice() && this.state !== "disabled") {
-            this.state = "disabled";
-        }
-    }
-    // No setup needed; `state` defaults to "active" and reflects if provided
-    _navigateHome() {
-        if (this.state === "disabled")
-            return;
-        window.location.href = "./home.html";
-    }
-    _onKeyDown(e) {
-        if (this.state === "disabled")
-            return;
-        if (e?.key === "Enter" || e?.key === " ") {
-            e.preventDefault();
-            this._navigateHome();
-        }
-    }
-    render() {
-        const isDisabled = this.state === "disabled";
-        return html `
-      <div class="hover-fill"></div>
-      <div
-        class="home ${isDisabled ? "is-disabled" : "is-active"}"
-        role="button"
-        aria-disabled="${String(isDisabled)}"
-        tabindex="${isDisabled ? -1 : 0}"
-        @click="${this._navigateHome}"
-        @keydown="${this._onKeyDown}"
-      >
-        <ds-text key="home"></ds-text>
-      </div>
-    `;
-    }
-}
-Home.properties = {
-    state: { type: String, reflect: true }, // "active" | "disabled"
-};
-Home.styles = css `
-    :host {
-      /* local sizing vars, derived from one.css */
-      --home-visible: calc(var(--1) * 0.1); /* 2px */
-
-      position: relative;
-      display: flex; /* expand hover zone horizontally */
-      width: 100%; /* take the whole row width of the app container */
-      height: calc(
-        var(--1) * var(--scaling-factor)
-      ); /* provide hover zone under the tab */
-      font-family: var(--typeface);
-      overflow: hidden; /* hide the part above the host */
-    }
-
-    /* Disabled: preserve full hover area space but keep inactive */
-    :host([state="disabled"]) {
-      height: var(--1); /* keep same layout height as active */
-      overflow: hidden;
-    }
-
-    .home {
-      position: absolute;
-      left: 0;
-      width: calc(var(--4) * var(--scaling-factor));
-      height: calc(var(--1) * var(--scaling-factor));
-      margin: 0 calc(var(--1) * var(--scaling-factor));
-      display: flex;
-      align-items: center;
-      background: var(--accent-color);
-      color: light-dark(var(--black), var(--black));
-      user-select: none;
-      transition: top 120ms ease;
-    }
-
-    /* Inner text spacing without affecting the 80px outer width */
-    .home > ds-text {
-      padding: 0 calc(var(--1) * 0.15 * var(--scaling-factor));
-      box-sizing: border-box;
-      height: 100%;
-      display: inline-flex;
-      align-items: center;
-    }
-
-    /* invisible flex filler to extend hover area to the right */
-    .hover-fill {
-      flex: 1 1 auto;
-    }
-
-    /* Active: hidden until hover */
-    .home.is-active {
-      cursor: pointer;
-      /* Hide above, leave a 2px strip visible */
-      top: calc(var(--home-visible) - var(--1));
-    }
-
-    /* Reveal the tab when hovering anywhere in the host area
-       (the host is 80x20, while the tab starts hidden above) */
-    :host(:hover) .home.is-active {
-      top: 0;
-    }
-
-    /* Disabled: stays hidden and not interactive */
-    .home.is-disabled {
-      top: calc(var(--home-visible) - var(--1));
-      cursor: default;
-      pointer-events: none;
-      color: var(--accent-color);
-    }
-
-    .label {
-      font-size: var(--type-size-default);
-    }
-  `;
-customElements.define("home-v1", Home);

package/dist/2-core/icon-v1.d.ts

@@ -1,28 +0,0 @@
-import { LitElement, type PropertyValues } from "lit";
-export declare class Icon extends LitElement {
-    static properties: {
-        type: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-    };
-    private _type;
-    size: string;
-    color: string;
-    background: string;
-    get type(): string;
-    set type(val: string);
-    static styles: import("lit").CSSResult;
-    private static readonly iconNameToSvgMap;
-    constructor();
-    connectedCallback(): void;
-    renderIcon(): import("lit-html").TemplateResult<1>;
-    updated(changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "icon-v1": Icon;
-    }
-}
-//# sourceMappingURL=icon-v1.d.ts.map

package/dist/2-core/icon-v1.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-v1.d.ts","sourceRoot":"","sources":["../../DS1/2-core/icon-v1.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;MAEf;IAEF,OAAO,CAAC,KAAK,CAAM;IAEnB,IAAI,SAAS;IACb,KAAK,SAAkB;IACvB,UAAU,SAAiB;IAE3B,IAAI,IAAI,WAEP;IACD,IAAI,IAAI,CAAC,GAAG,QAAA,EAIX;IAED,MAAM,CAAC,MAAM,0BA+BX;IAIF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAyBnC;;IAOL,iBAAiB;IAKjB,UAAU;IA4MV,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAQzC,MAAM;CAIP;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}