ds-one 0.2.0-alpha.3 → 0.2.5-alpha.10

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

@@ -1,85 +0,0 @@
-import { LitElement, html, css } from "lit";
-import { getText } from "../utils/language";
-/**
- * A component for creating localized links that open in new tabs
- *
- * @element ds-link
- * @prop {string} href - The URL to link to
- */
-export class Link extends LitElement {
-    static get properties() {
-        return {
-            href: { type: String, reflect: true },
-            _text: { type: String, state: true },
-        };
-    }
-    constructor() {
-        super();
-        this.href = "";
-        this._text = "";
-        // Create bound event handlers for proper cleanup
-        this.boundHandlers = {
-            languageChanged: (() => {
-                this._loadText();
-            }),
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._loadText();
-        // Listen for language changes
-        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
-        // Also listen for translations loaded event
-        window.addEventListener("translations-loaded", this.boundHandlers.languageChanged);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
-        window.removeEventListener("translations-loaded", this.boundHandlers.languageChanged);
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has("href")) {
-            this._loadText();
-        }
-    }
-    _loadText() {
-        try {
-            const text = getText("link");
-            this._text = text || "Link";
-        }
-        catch (error) {
-            console.error("Error loading text for key 'link':", error);
-            this._text = "Link";
-        }
-        this.requestUpdate();
-    }
-    render() {
-        if (!this.href) {
-            return html `<span>${this._text}</span>`;
-        }
-        return html `
-      <a href="${this.href}" target="_blank" rel="noopener noreferrer">
-        ${this._text}
-        <ds-icon type="open"></ds-icon>
-      </a>
-    `;
-    }
-}
-Link.styles = css `
-    :host {
-      display: inline;
-      font-family: var(--typeface);
-    }
-
-    a {
-      color: inherit;
-      text-decoration: none;
-    }
-
-    ds-icon {
-      display: inline-block;
-      vertical-align: middle;
-    }
-  `;
-customElements.define("ds-link", Link);

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

@@ -1,7 +0,0 @@
-declare global {
-    interface HTMLElementTagNameMap {
-        "ds-markdown": any;
-    }
-}
-export {};
-//# sourceMappingURL=ds-markdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-markdown.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-markdown.ts"],"names":[],"mappings":"AAsPA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,GAAG,CAAC;KACpB;CACF"}

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

@@ -1,240 +0,0 @@
-var _a;
-import { LitElement, html, css } from "lit";
-customElements.define("ds-markdown", (_a = class Markdown extends LitElement {
-        constructor() {
-            super(...arguments);
-            this.content = "";
-            this.title = "";
-            this.language = "";
-            this.guideId = "";
-        }
-        render() {
-            if (!this.content) {
-                return html `<div class="markdown-container">
-          <p>No content available</p>
-        </div>`;
-            }
-            return html `
-        <div class="markdown-container">
-          ${this.title
-                ? html `
-                <div class="markdown-header">
-                  <h1 class="markdown-title">${this.title}</h1>
-                  <div class="markdown-meta">
-                    ${this.language
-                    ? html `
-                          <span class="markdown-category"
-                            >${this.language}</span
-                          >
-                        `
-                    : ""}
-                    ${this.guideId
-                    ? html `
-                          <span class="markdown-tag"
-                            >Guide ID: ${this.guideId}</span
-                          >
-                        `
-                    : ""}
-                  </div>
-                </div>
-              `
-                : ""}
-          <div class="markdown-content">
-            ${this.renderMarkdown(this.content)}
-          </div>
-        </div>
-      `;
-        }
-        renderMarkdown(markdown) {
-            // Simple markdown rendering - you might want to use a proper markdown parser
-            let htmlContent = markdown
-                // Headers
-                .replace(/^### (.*$)/gim, "<h3>$1</h3>")
-                .replace(/^## (.*$)/gim, "<h2>$1</h2>")
-                .replace(/^# (.*$)/gim, "<h1>$1</h1>")
-                // Bold
-                .replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>")
-                // Italic
-                .replace(/\*(.*?)\*/g, "<em>$1</em>")
-                // Code blocks
-                .replace(/```([\s\S]*?)```/g, "<pre><code>$1</code></pre>")
-                // Inline code
-                .replace(/`(.*?)`/g, "<code>$1</code>")
-                // Links
-                .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>')
-                // Line breaks
-                .replace(/\n/g, "<br>");
-            return html `${htmlContent}`;
-        }
-    },
-    _a.properties = {
-        content: { type: String },
-        title: { type: String },
-        language: { type: String },
-        guideId: { type: String },
-    },
-    _a.styles = css `
-      :host {
-        display: block;
-        font-family:
-          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
-          Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-        line-height: 1.6;
-        color: #333;
-      }
-
-      .markdown-container {
-        max-width: 800px;
-        margin: 0 auto;
-      }
-
-      .markdown-header {
-        padding-bottom: 1rem;
-      }
-
-      .markdown-title {
-        font-weight: 700;
-        margin: 0 0 0.5rem 0;
-        color: #2c3e50;
-      }
-
-      .markdown-meta {
-        display: flex;
-        gap: 1rem;
-        font-size: 0.9rem;
-        color: #666;
-        flex-wrap: wrap;
-      }
-
-      .markdown-category {
-        background: #e3f2fd;
-        color: #1976d2;
-        padding: 0.25rem 0.5rem;
-        border-radius: 4px;
-        font-weight: 500;
-      }
-
-      .markdown-tags {
-        display: flex;
-        gap: 0.5rem;
-        flex-wrap: wrap;
-      }
-
-      .markdown-tag {
-        background: #f5f5f5;
-        color: #666;
-        padding: 0.25rem 0.5rem;
-        border-radius: 4px;
-        font-size: 0.8rem;
-      }
-
-      .markdown-content {
-        font-size: 1rem;
-      }
-
-      .markdown-content h1,
-      .markdown-content h2,
-      .markdown-content h3,
-      .markdown-content h4,
-      .markdown-content h5,
-      .markdown-content h6 {
-        margin-bottom: 1rem;
-        font-weight: 600;
-        line-height: 1.3;
-      }
-
-      .markdown-content h1 {
-        font-size: 1.8rem;
-        color: #2c3e50;
-      }
-
-      .markdown-content h2 {
-        font-size: 1.5rem;
-        color: #34495e;
-      }
-
-      .markdown-content h3 {
-        font-size: 1.3rem;
-        color: #2c3e50;
-      }
-
-      .markdown-content h4 {
-        font-size: 1.1rem;
-        color: #34495e;
-      }
-
-      .markdown-content p {
-        margin-bottom: 1rem;
-        line-height: 1.7;
-      }
-
-      .markdown-content ul,
-      .markdown-content ol {
-      }
-
-      .markdown-content li {
-        margin-bottom: 0.5rem;
-      }
-
-      .markdown-content blockquote {
-        border-left: 4px solid #3498db;
-        padding-left: 1rem;
-        margin: 1.5rem 0;
-        font-style: italic;
-        color: #555;
-      }
-
-      .markdown-content code {
-        background: #f8f9fa;
-        padding: 0.2rem 0.4rem;
-        border-radius: 3px;
-        font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
-        font-size: 0.9em;
-      }
-
-      .markdown-content pre {
-        background: #f8f9fa;
-        padding: 1rem;
-        border-radius: 5px;
-        overflow-x: auto;
-        margin: 1.5rem 0;
-      }
-
-      .markdown-content pre code {
-        background: none;
-        padding: 0;
-      }
-
-      .markdown-content table {
-        width: 100%;
-        border-collapse: collapse;
-        margin: 1.5rem 0;
-      }
-
-      .markdown-content th,
-      .markdown-content td {
-        padding: 0.75rem;
-        text-align: left;
-      }
-
-      .markdown-content th {
-        background: #f8f9fa;
-        font-weight: 600;
-      }
-
-      .markdown-content a {
-        color: #3498db;
-        text-decoration: none;
-      }
-
-      .markdown-content a:hover {
-        text-decoration: underline;
-      }
-
-      .markdown-content img {
-        max-width: 100%;
-        height: auto;
-        margin: 1rem 0;
-      }
-    `,
-    _a));

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

@@ -1,46 +0,0 @@
-import { LitElement } from "lit";
-/**
- * A component for displaying the monthly price label based on language/region
- *
- * @element ds-price
- * @prop {string} country - Preferred country (overrides language mapping)
- * @prop {string} region - Alias for country; if provided, takes precedence over country
- */
-export declare class Price extends LitElement {
-    static get properties(): {
-        country: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        region: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        _label: {
-            type: StringConstructor;
-            state: boolean;
-        };
-        _loading: {
-            type: BooleanConstructor;
-            state: boolean;
-        };
-    };
-    country: string;
-    region: string;
-    _label: string;
-    _loading: boolean;
-    private boundHandlers;
-    constructor();
-    static styles: import("lit").CSSResult;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    private _loadPrice;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "ds-price": Price;
-    }
-}
-//# sourceMappingURL=ds-price.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-price.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-price.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;GAMG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;MAOpB;IAEO,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,aAAa,CAAqC;;IAgB1D,MAAM,CAAC,MAAM,0BAOX;IAEF,iBAAiB;IAajB,oBAAoB;IAYpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,UAAU;IAUlB,MAAM;CAKP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}

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

@@ -1,72 +0,0 @@
-import { LitElement, html, css } from "lit";
-import { currentLanguage } from "../utils/language";
-import { getPriceLabel } from "../utils/pricing";
-/**
- * A component for displaying the monthly price label based on language/region
- *
- * @element ds-price
- * @prop {string} country - Preferred country (overrides language mapping)
- * @prop {string} region - Alias for country; if provided, takes precedence over country
- */
-export class Price extends LitElement {
-    static get properties() {
-        return {
-            country: { type: String, reflect: true },
-            region: { type: String, reflect: true },
-            _label: { type: String, state: true },
-            _loading: { type: Boolean, state: true },
-        };
-    }
-    constructor() {
-        super();
-        this.country = "";
-        this.region = "";
-        this._label = "";
-        this._loading = true;
-        this.boundHandlers = {
-            languageChanged: (() => {
-                this._loadPrice();
-            }),
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._loadPrice();
-        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
-        window.addEventListener("translations-loaded", this.boundHandlers.languageChanged);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
-        window.removeEventListener("translations-loaded", this.boundHandlers.languageChanged);
-    }
-    updated(changed) {
-        super.updated(changed);
-        if (changed.has("country") || changed.has("region")) {
-            this._loadPrice();
-        }
-    }
-    _loadPrice() {
-        this._loading = true;
-        const lang = currentLanguage.value;
-        const preferredCountry = this.region || this.country;
-        const label = getPriceLabel({ language: lang, country: preferredCountry });
-        this._label = label;
-        this._loading = false;
-        this.requestUpdate();
-    }
-    render() {
-        return html `<span class="${this._loading ? "loading" : ""}"
-      >${this._label}</span
-    >`;
-    }
-}
-Price.styles = css `
-    :host {
-      display: inline;
-    }
-    .loading {
-      opacity: 0.6;
-    }
-  `;
-customElements.define("ds-price", Price);

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

@@ -1,50 +0,0 @@
-import { LitElement } from "lit";
-/**
- * A component for theme toggle or project links (square or circle shape)
- *
- * @element ds-squarecircle
- * @prop {string} type - "theme-toggle" or "link"
- * @prop {string} shape - "square" or "circle"
- * @prop {string} href - URL for link type
- * @prop {string} project - Project name for color theming
- * @prop {boolean} loading - Loading state with pulse animation
- */
-export declare class SquareCircle extends LitElement {
-    static get properties(): {
-        type: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        shape: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        href: {
-            type: StringConstructor;
-        };
-        project: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-    };
-    type: "theme-toggle" | "link";
-    shape: "square" | "circle";
-    href: string;
-    project: string;
-    loading: boolean;
-    constructor();
-    static styles: import("lit").CSSResult;
-    private _handleClick;
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "ds-squarecircle": SquareCircle;
-    }
-}
-//# sourceMappingURL=ds-squarecircle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-squarecircle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-squarecircle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;MAQpB;IAEO,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;;IAWzB,MAAM,CAAC,MAAM,0BAgEX;IAEF,OAAO,CAAC,YAAY;IAQpB,iBAAiB;IAOjB,MAAM;CAyBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,YAAY,CAAC;KACjC;CACF"}

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

@@ -1,133 +0,0 @@
-import { LitElement, css, html } from "lit";
-import { setTheme, currentTheme } from "../utils/theme";
-/**
- * A component for theme toggle or project links (square or circle shape)
- *
- * @element ds-squarecircle
- * @prop {string} type - "theme-toggle" or "link"
- * @prop {string} shape - "square" or "circle"
- * @prop {string} href - URL for link type
- * @prop {string} project - Project name for color theming
- * @prop {boolean} loading - Loading state with pulse animation
- */
-export class SquareCircle extends LitElement {
-    static get properties() {
-        return {
-            type: { type: String, reflect: true },
-            shape: { type: String, reflect: true },
-            href: { type: String },
-            project: { type: String, reflect: true },
-            loading: { type: Boolean, reflect: true },
-        };
-    }
-    constructor() {
-        super();
-        this.type = "theme-toggle";
-        this.shape = "circle";
-        this.href = "";
-        this.project = "";
-        this.loading = false;
-    }
-    _handleClick(e) {
-        if (this.type === "theme-toggle") {
-            e.preventDefault();
-            const newTheme = currentTheme.get() === "light" ? "dark" : "light";
-            setTheme(newTheme);
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener("click", (e) => {
-            this._handleClick(e);
-        });
-    }
-    render() {
-        const content = html `<div
-      class="container"
-      @click="${(e) => {
-            this._handleClick(e);
-        }}"
-    ></div>`;
-        if (this.type === "link" && this.href) {
-            return html `
-        <a href="${this.href}" @click="${this._handleClick}">${content}</a>
-      `;
-        }
-        return html `
-      <div
-        class="wrapper"
-        @click="${(e) => {
-            this._handleClick(e);
-        }}"
-      >
-        ${content}
-      </div>
-    `;
-    }
-}
-SquareCircle.styles = css `
-    :host {
-      background-color: light-dark(var(--black), var(--white));
-      display: block;
-      width: calc(120px * var(--scaling-factor));
-      height: calc(120px * var(--scaling-factor));
-      cursor: pointer;
-      pointer-events: auto;
-      position: relative;
-      z-index: 1;
-    }
-
-    :host([shape="circle"]) {
-      border-radius: 9999px;
-    }
-
-    :host([shape="circle"]) .wrapper,
-    :host([shape="circle"]) .container {
-      border-radius: 9999px;
-    }
-
-    .wrapper {
-      width: 100%;
-      height: 100%;
-      cursor: pointer;
-      pointer-events: auto;
-    }
-
-    .container {
-      width: 100%;
-      height: 100%;
-      background-color: inherit;
-      cursor: pointer;
-      pointer-events: auto;
-    }
-
-    .container:hover {
-      opacity: 0.8;
-    }
-
-    a {
-      display: block;
-      width: 100%;
-      height: 100%;
-      text-decoration: none;
-      cursor: pointer;
-      pointer-events: auto;
-    }
-
-    :host([loading]) {
-      animation: gentle-pulse 2s ease-in-out infinite;
-    }
-
-    @keyframes gentle-pulse {
-      0% {
-        opacity: 1;
-      }
-      50% {
-        opacity: 0.7;
-      }
-      100% {
-        opacity: 1;
-      }
-    }
-  `;
-customElements.define("ds-squarecircle", SquareCircle);

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

@@ -1,50 +0,0 @@
-import { LitElement } from "lit";
-/**
- * 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 declare class Title extends LitElement {
-    private _gridArea;
-    static get properties(): {
-        gridarea: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        key: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        defaultValue: {
-            type: StringConstructor;
-            reflect: boolean;
-            attribute: string;
-        };
-        _text: {
-            type: StringConstructor;
-            state: boolean;
-        };
-    };
-    key: string;
-    defaultValue: string;
-    _text: string;
-    private boundHandlers;
-    set gridarea(value: string);
-    get gridarea(): string;
-    static styles: import("lit").CSSResult;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    _loadText(): void;
-    firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "ds-title": Title;
-    }
-}
-//# sourceMappingURL=ds-title.d.ts.map

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"}