ds-one 0.2.0-alpha.1 → 0.2.0-alpha.3

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

@@ -0,0 +1,128 @@
+import { LitElement, html, css } from "lit";
+import { getText } from "../utils/language";
+/**
+ * A component for displaying project/work attributes (year, category, status)
+ *
+ * @element ds-attributes
+ * @prop {string} year - Year key for translation
+ * @prop {string} category - Category key for translation
+ * @prop {string} status - Status key for translation
+ * @prop {string} type - Type of attributes: "project" or "work"
+ */
+export class Attributes extends LitElement {
+    static get properties() {
+        return {
+            year: { type: String, reflect: true },
+            category: { type: String, reflect: true },
+            status: { type: String, reflect: true },
+            type: { type: String, reflect: true },
+        };
+    }
+    constructor() {
+        super();
+        this.year = "";
+        this.category = "";
+        this.status = "";
+        this.type = "project";
+        this.boundHandlers = {
+            languageChanged: (() => {
+                this.requestUpdate();
+            }),
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
+    }
+    _getStatusClass(status) {
+        if (status.includes("Done"))
+            return "done";
+        if (status.includes("Ongoing"))
+            return "ongoing";
+        if (status.includes("Pending"))
+            return "pending";
+        if (status.includes("NotStarted"))
+            return "not-started";
+        return "pending";
+    }
+    render() {
+        return html `
+      ${this.year
+            ? html `
+            <div class="attribute-row">${getText(this.year) || this.year}</div>
+          `
+            : ""}
+      ${this.category
+            ? html `
+            <div class="attribute-row">
+              ${this.type === "work"
+                ? html `<span
+                    class="status-indicator ${this._getStatusClass(this.status)}"
+                  ></span>`
+                : ""}
+              ${getText(this.category) || this.category}
+            </div>
+          `
+            : ""}
+      ${this.status && this.type === "project"
+            ? html `
+            <div class="attribute-row">
+              <span
+                class="status-indicator ${this._getStatusClass(this.status)}"
+              ></span>
+              ${getText(this.status) || this.status}
+            </div>
+          `
+            : ""}
+    `;
+    }
+}
+Attributes.styles = css `
+    :host {
+      display: flex;
+      flex-direction: row;
+      gap: calc(16px * var(--scaling-factor));
+      align-items: flex-start;
+    }
+
+    .attribute-row {
+      display: inline-flex;
+      height: calc(20px * var(--scaling-factor));
+      padding: 0px calc(2px * var(--scaling-factor));
+      align-items: flex-start;
+      gap: calc(5px * var(--scaling-factor));
+      font-family: var(--typeface);
+      font-size: calc(14px * var(--scaling-factor));
+      color: light-dark(var(--slate), var(--slate-dark));
+    }
+
+    .status-indicator {
+      width: calc(8px * var(--scaling-factor));
+      height: calc(8px * var(--scaling-factor));
+      display: inline-block;
+      transition:
+        background 0.2s,
+        border-radius 0.2s;
+    }
+
+    .status-indicator.done {
+      background-color: green;
+    }
+
+    .status-indicator.ongoing {
+      background-color: #30adec;
+    }
+
+    .status-indicator.pending {
+      background-color: #f6c71c;
+    }
+
+    .status-indicator.not-started {
+      background-color: #b1b4b9;
+    }
+  `;
+customElements.define("ds-attributes", Attributes);

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

@@ -0,0 +1,66 @@
+import { LitElement } from "lit";
+import "./ds-button";
+import "./ds-icon";
+export declare class Cycle extends LitElement {
+    static get properties(): {
+        type: {
+            type: StringConstructor;
+        };
+        values: {
+            type: ArrayConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        currentValue: {
+            type: StringConstructor;
+            state: boolean;
+        };
+        translationsReady: {
+            type: BooleanConstructor;
+            state: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            state: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+        };
+    };
+    static styles: import("lit").CSSResult;
+    type: string;
+    values: string[];
+    label: string;
+    currentValue: string;
+    translationsReady: boolean;
+    disabled: boolean;
+    variant: string;
+    private boundHandlers;
+    constructor();
+    connectedCallback(): void;
+    initializeValues(): Promise<void>;
+    ensureThemeInitialized(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    setupInitialValue(): Promise<void>;
+    handleSettingsChanges(): void;
+    disconnectedCallback(): void;
+    handleButtonClick(e: Event): void;
+    getValueDisplay(value: string): string | any;
+    getColorName(colorVar: string): string;
+    getNotesStyleIcon(style: string): import("lit-html").TemplateResult<1>;
+    getLabel(): string;
+    render(): import("lit-html").TemplateResult<1>;
+    private waitForTranslations;
+    private handleTranslationsLoaded;
+    private handleLanguageChanged;
+    private handleThemeChanged;
+    private handleAccentColorChanged;
+    private handleNoteBehaviorChanged;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-cycle": Cycle;
+    }
+}
+//# sourceMappingURL=ds-cycle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-cycle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-cycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAY5C,OAAO,aAAa,CAAC;AACrB,OAAO,WAAW,CAAC;AAqCnB,qBAAa,KAAM,SAAQ,UAAU;IAEnC,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;MAUpB;IAED,MAAM,CAAC,MAAM,0BAWX;IAIM,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAGxB,OAAO,CAAC,aAAa,CAOnB;;IAyBF,iBAAiB;IA6BX,gBAAgB;IAgFtB,sBAAsB;IAatB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IASnE,iBAAiB;IAuDvB,qBAAqB;IAKrB,oBAAoB;IA0BpB,iBAAiB,CAAC,CAAC,EAAE,KAAK;IAuJ1B,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG;IA+C5C,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAyBtC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAe/B,QAAQ,IAAI,MAAM;IAgElB,MAAM;YAuCQ,mBAAmB;IAwBjC,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,yBAAyB;CAGlC;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}