@jolly-pixel/ui 1.0.1

package/dist/feedback/Loading.styles.js

@@ -0,0 +1,236 @@
+// Import Third-party Dependencies
+import { css } from "lit";
+// Import Internal Dependencies
+import { truncate } from "../theme/styles/mixins.js";
+export const loadingStyles = css `
+  :host {
+    display: block;
+    position: absolute;
+    inset: 0;
+    transition: opacity 0.5s ease-out;
+  }
+  :host([completed]) {
+    opacity: 0;
+  }
+  #loading {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    color: var(--jolly-loading-color, #444);
+    font-size: 24px;
+    font-family: sans-serif;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+    background: var(--jolly-loading-background, #eee);
+  }
+  :host(:not([started])) #loading {
+    opacity: 0;
+  }
+  #loading a {
+    transition: opacity 0.3s ease-out;
+    position: relative;
+    text-decoration: none;
+    color: inherit;
+    display: flex;
+    flex-direction: column;
+  }
+  #loading a > * {
+    pointer-events: none;
+  }
+  #loading .logo {
+    width: 480px;
+    height: 280px;
+    max-width: 100%;
+    opacity: 0;
+    transform: translateY(-20px) scale(0.95);
+    animation: logo-fade-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+    animation-delay: 0.2s;
+  }
+  #loading .logo.hidden {
+    display: none;
+  }
+  @keyframes logo-fade-in {
+    0% {
+      opacity: 0;
+      transform: translateY(-20px) scale(0.95);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+  :host([completed]) #loading .logo {
+    animation: logo-fade-out 0.4s ease-out forwards;
+  }
+  @keyframes logo-fade-out {
+    0% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+    100% {
+      opacity: 0;
+      transform: translateY(-10px) scale(0.98);
+    }
+  }
+  #loading .asset {
+    margin-top: 20px;
+    text-align: center;
+    font-size: 13px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    color: var(--jolly-loading-asset-color, #282e38);
+    opacity: 0;
+    animation: fade-slide-in 0.6s ease-out forwards;
+    animation-delay: 0.5s;
+    padding: 0 2em;
+    max-width: 100%;
+    ${truncate}
+    /* Transition douce lors du changement d'asset */
+    transition: opacity 0.2s ease-out;
+  }
+  /* Effet subtil de "pulse" pendant le chargement */
+  @keyframes fade-slide-in {
+    0% {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+    100% {
+      opacity: 0.8;
+      transform: translateY(0);
+    }
+  }
+  #loading .progress-container {
+    --jolly-progress-height: 6px;
+    --jolly-progress-duration: 400ms;
+    --jolly-progress-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    --jolly-progress-track: linear-gradient(
+      180deg,
+      var(--jolly-loading-progress-track-start, #b8bfb0) 0%,
+      var(--jolly-loading-progress-track-middle, #d0d4c3) 50%,
+      var(--jolly-loading-progress-track-end, #b8bfb0) 100%
+    );
+    --jolly-progress-track-shadow:
+      inset 0 1px 2px rgb(0 0 0 / 0.1),
+      0 1px 0 rgb(255 255 255 / 0.5);
+    --jolly-progress-fill: linear-gradient(
+      90deg,
+      var(--jolly-loading-progress-start, #2a5d8f) 0%,
+      var(--jolly-loading-progress-middle, #3e7cb8) 50%,
+      var(--jolly-loading-progress-end, #4a8fd8) 100%
+    );
+    --jolly-progress-shadow:
+      0 0 10px
+        var(--jolly-loading-progress-glow, rgba(62, 124, 184, 0.5)),
+      0 0 20px
+        var(--jolly-loading-progress-glow-subtle, rgba(62, 124, 184, 0.3)),
+      inset 0 1px 0 rgb(255 255 255 / 0.3);
+    --jolly-progress-shadow-active:
+      0 0 15px
+        var(--jolly-loading-progress-glow-strong, rgba(62, 124, 184, 0.7)),
+      0 0 30px
+        var(--jolly-loading-progress-glow, rgba(62, 124, 184, 0.5)),
+      inset 0 1px 0 rgb(255 255 255 / 0.4);
+
+    width: 100%;
+    position: relative;
+    opacity: 0;
+    animation: fade-slide-in 0.6s ease-out forwards;
+    animation-delay: 0.7s;
+    transform: translateZ(0);
+    backface-visibility: hidden;
+  }
+  #loading div.error {
+    text-align: center;
+    padding: 0 2em;
+    font-size: 18px;
+    font-weight: bold;
+    letter-spacing: 0.5px;
+    font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
+    color: var(--jolly-loading-error-color, #bf360c);
+    text-transform: uppercase;
+  }
+  #loading pre.error {
+    text-align: left;
+    overflow: auto;
+    padding: 1em;
+    margin-top: 1em;
+    background: var(--jolly-loading-error-background, #cfd8dc);
+    color: var(--jolly-loading-error-text-color, #182024);
+    font-size: 15px;
+    border-radius: 4px;
+  }
+  #loading button.dismiss {
+    margin-top: 1.5em;
+    padding: 0.5em 1.5em;
+    font-size: 14px;
+    font-family: sans-serif;
+    text-transform: none;
+    letter-spacing: normal;
+    color: var(--jolly-loading-error-color, #bf360c);
+    background: transparent;
+    border: 1px solid var(--jolly-loading-error-color, #bf360c);
+    border-radius: 4px;
+    cursor: pointer;
+    pointer-events: auto;
+  }
+  #loading button.dismiss:hover {
+    background: var(--jolly-loading-error-color, #bf360c);
+    color: var(--jolly-loading-error-background, #cfd8dc);
+  }
+  /* Media queries pour mobile */
+  @media (max-width: 600px) {
+    #loading {
+      padding: 15px;
+    }
+    #loading .asset {
+      font-size: 11px;
+      letter-spacing: 1px;
+      margin-top: 15px;
+    }
+    #loading div.error {
+      font-size: 16px;
+      padding: 0 1em;
+    }
+    #loading pre.error {
+      font-size: 13px;
+      padding: 0.8em;
+    }
+  }
+  @media (max-width: 400px) {
+    #loading {
+      padding: 10px;
+    }
+    #loading .asset {
+      font-size: 10px;
+      letter-spacing: 0.5px;
+      margin-top: 12px;
+    }
+    #loading .progress-container {
+      --jolly-progress-height: 5px;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :host,
+    #loading a,
+    #loading .logo,
+    #loading .asset,
+    #loading .progress-container {
+      animation: none;
+      transition-duration: 0ms;
+    }
+
+    #loading .logo,
+    #loading .asset,
+    #loading .progress-container {
+      opacity: 1;
+      transform: none;
+    }
+  }
+`;
+//# sourceMappingURL=Loading.styles.js.map

package/dist/feedback/Loading.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.styles.js","sourceRoot":"","sources":["../../src/feedback/Loading.styles.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,+BAA+B;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuF1B,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Ib,CAAC"}

package/dist/feedback/Log.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, type PropertyValues, type TemplateResult } from "lit";
+import type { LogEntry } from "./LogQueue.types.ts";
+export type LogLiveness = "polite" | "off";
+export declare class LogElement extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    entries: readonly LogEntry[];
+    live: LogLiveness;
+    empty: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-log": LogElement;
+    }
+}
+//# sourceMappingURL=Log.d.ts.map

package/dist/feedback/Log.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Log.d.ts","sourceRoot":"","sources":["../../src/feedback/Log.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAMpD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE3C,qBACa,UAAW,SAAQ,UAAU;;IACxC,OAAgB,MAAM,4BAGpB;IAGM,OAAO,EAAE,SAAS,QAAQ,EAAE,CAAC;IAG7B,IAAI,EAAE,WAAW,CAAC;IAGlB,KAAK,EAAE,OAAO,CAAC;;IAad,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQlB,UAAU,CAC3B,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GACtC,IAAI;cAUY,MAAM,IAAI,cAAc;CAoF5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,UAAU,CAAC;KACzB;CACF"}

package/dist/feedback/Log.js

@@ -0,0 +1,126 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+// Import Third-party Dependencies
+import { LitElement, html } from "lit";
+import { classMap } from "lit/directives/class-map.js";
+import { repeat } from "lit/directives/repeat.js";
+import { customElement, property } from "lit/decorators.js";
+// Import Internal Dependencies
+import { logStyles } from "./Log.styles.js";
+import { hiddenStyles } from "../theme/styles/hiddenStyles.js";
+// CONSTANTS
+const kExitFallbackMs = 1_000;
+let LogElement = class LogElement extends LitElement {
+    static styles = [
+        logStyles,
+        hiddenStyles
+    ];
+    #rendered = [];
+    #leaving = new Set();
+    #timers = new Map();
+    constructor() {
+        super();
+        this.entries = [];
+        this.live = "polite";
+        this.empty = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute("role", "log");
+        this.setAttribute("aria-relevant", "additions");
+        this.setAttribute("aria-atomic", "false");
+        this.setAttribute("aria-live", this.live);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        for (const timer of this.#timers.values()) {
+            window.clearTimeout(timer);
+        }
+        this.#timers.clear();
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has("live")) {
+            this.setAttribute("aria-live", this.live);
+        }
+        if (changedProperties.has("entries")) {
+            this.#reconcile(this.entries ?? []);
+        }
+        this.empty = this.#rendered.length === 0;
+    }
+    render() {
+        return html `${repeat(this.#rendered, (entry) => entry.id, (entry) => this.#row(entry))}`;
+    }
+    #row(entry) {
+        const leaving = this.#leaving.has(entry.id);
+        return html `
+      <div
+        class=${classMap({ row: true, leaving })}
+        aria-hidden=${leaving ? "true" : "false"}
+        @transitionend=${() => this.#drop(entry.id)}
+      >
+        <div class="content">${entry.content}</div>
+      </div>
+    `;
+    }
+    #reconcile(incoming) {
+        const byId = new Map(incoming.map((entry) => [entry.id, entry]));
+        const known = new Set(this.#rendered.map((entry) => entry.id));
+        for (const entry of this.#rendered) {
+            if (!byId.has(entry.id)) {
+                this.#markLeaving(entry.id);
+            }
+        }
+        const added = incoming.filter((entry) => !known.has(entry.id));
+        const kept = this.#rendered
+            .filter((entry) => byId.has(entry.id) || this.#leaving.has(entry.id))
+            .map((entry) => byId.get(entry.id) ?? entry);
+        this.#rendered = [
+            ...added,
+            ...kept
+        ];
+    }
+    #markLeaving(id) {
+        if (this.#leaving.has(id)) {
+            return;
+        }
+        this.#leaving.add(id);
+        this.#timers.set(id, window.setTimeout(() => this.#drop(id), kExitFallbackMs));
+    }
+    #drop(id) {
+        if (!this.#leaving.delete(id)) {
+            return;
+        }
+        const timer = this.#timers.get(id);
+        if (timer !== undefined) {
+            window.clearTimeout(timer);
+            this.#timers.delete(id);
+        }
+        this.#rendered = this.#rendered.filter((entry) => entry.id !== id);
+        this.requestUpdate();
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], LogElement.prototype, "entries", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], LogElement.prototype, "live", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], LogElement.prototype, "empty", void 0);
+LogElement = __decorate([
+    customElement("jolly-log"),
+    __metadata("design:paramtypes", [])
+], LogElement);
+export { LogElement };
+//# sourceMappingURL=Log.js.map

package/dist/feedback/Log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Log.js","sourceRoot":"","sources":["../../src/feedback/Log.ts"],"names":[],"mappings":"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"}

package/dist/feedback/Log.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const logStyles: import("lit").CSSResult;
+//# sourceMappingURL=Log.styles.d.ts.map

package/dist/feedback/Log.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Log.styles.d.ts","sourceRoot":"","sources":["../../src/feedback/Log.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,yBA6DrB,CAAC"}

package/dist/feedback/Log.styles.js

@@ -0,0 +1,65 @@
+// Import Third-party Dependencies
+import { css } from "lit";
+export const logStyles = css `
+  :host {
+    --jolly-log-gap: var(--jolly-space-1, 4px);
+    --jolly-log-max-width: 320px;
+    --jolly-log-enter-duration: var(--jolly-duration-base, 160ms);
+    --jolly-log-exit-duration: var(--jolly-duration-base, 160ms);
+    --jolly-log-easing: var(--jolly-easing, ease);
+    --jolly-log-color: var(--jolly-text, #e6edf3);
+    --jolly-log-shadow: 0 1px 2px rgb(0 0 0 / 0.65);
+    --jolly-log-rise: 4px;
+
+    display: flex;
+    flex-direction: column-reverse;
+    max-width: var(--jolly-log-max-width);
+    color: var(--jolly-log-color);
+    font-family: var(--jolly-font-family, system-ui);
+    font-size: var(--jolly-font-size, 13px);
+    line-height: 1.35;
+    pointer-events: none;
+  }
+
+  .row {
+    display: grid;
+    grid-template-rows: 1fr;
+    opacity: 1;
+    transform: translateY(0);
+    transition:
+      grid-template-rows var(--jolly-log-enter-duration)
+        var(--jolly-log-easing),
+      opacity var(--jolly-log-enter-duration) var(--jolly-log-easing),
+      transform var(--jolly-log-enter-duration) var(--jolly-log-easing);
+  }
+
+  @starting-style {
+    .row {
+      grid-template-rows: 0fr;
+      opacity: 0;
+      transform: translateY(var(--jolly-log-rise));
+    }
+  }
+
+  .row.leaving {
+    grid-template-rows: 0fr;
+    opacity: 0;
+    transform: translateY(calc(-1 * var(--jolly-log-rise)));
+    transition-duration: var(--jolly-log-exit-duration);
+  }
+
+  .content {
+    min-height: 0;
+    padding-block-start: var(--jolly-log-gap);
+    overflow: hidden;
+    overflow-wrap: anywhere;
+    text-shadow: var(--jolly-log-shadow);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .row {
+      transition: none;
+    }
+  }
+`;
+//# sourceMappingURL=Log.styles.js.map

package/dist/feedback/Log.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Log.styles.js","sourceRoot":"","sources":["../../src/feedback/Log.styles.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D3B,CAAC"}

package/dist/feedback/LogQueue.d.ts

@@ -0,0 +1,12 @@
+import type { LogContent, LogEntry, LogListener, LogQueueOptions } from "./LogQueue.types.ts";
+export declare class LogQueue {
+    #private;
+    constructor(options?: LogQueueOptions);
+    get entries(): readonly LogEntry[];
+    push(content: LogContent): string;
+    dismiss(id: string): void;
+    clear(): void;
+    subscribe(listener: LogListener): () => void;
+    dispose(): void;
+}
+//# sourceMappingURL=LogQueue.d.ts.map

package/dist/feedback/LogQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogQueue.d.ts","sourceRoot":"","sources":["../../src/feedback/LogQueue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,eAAe,EAEhB,MAAM,qBAAqB,CAAC;AAe7B,qBAAa,QAAQ;;gBAWjB,OAAO,GAAE,eAAoB;IAQ/B,IAAI,OAAO,IAAI,SAAS,QAAQ,EAAE,CAEjC;IAED,IAAI,CACF,OAAO,EAAE,UAAU,GAClB,MAAM;IA0BT,OAAO,CACL,EAAE,EAAE,MAAM,GACT,IAAI;IAYP,KAAK,IAAI,IAAI;IAYb,SAAS,CACP,QAAQ,EAAE,WAAW,GACpB,MAAM,IAAI;IAQb,OAAO,IAAI,IAAI;CA0BhB"}

package/dist/feedback/LogQueue.js

@@ -0,0 +1,91 @@
+// CONSTANTS
+const kDefaultMax = 5;
+const kDefaultGracePeriod = 10_000;
+function defaultScheduler(callback, delay) {
+    const timer = setTimeout(callback, delay);
+    return () => clearTimeout(timer);
+}
+export class LogQueue {
+    #max;
+    #gracePeriod;
+    #now;
+    #schedule;
+    #entries = [];
+    #timers = new Map();
+    #listeners = new Set();
+    #sequence = 0;
+    constructor(options = {}) {
+        this.#max = Math.max(0, options.max ?? kDefaultMax);
+        this.#gracePeriod = options.gracePeriod ?? kDefaultGracePeriod;
+        this.#now = options.now ?? Date.now;
+        this.#schedule = options.schedule ?? defaultScheduler;
+    }
+    get entries() {
+        return this.#entries;
+    }
+    push(content) {
+        this.#sequence += 1;
+        const id = `log-${this.#sequence}`;
+        const entry = {
+            id,
+            content,
+            createdAt: this.#now()
+        };
+        const next = [entry, ...this.#entries];
+        for (const evicted of next.slice(this.#max)) {
+            this.#cancel(evicted.id);
+        }
+        this.#entries = next.slice(0, this.#max);
+        if (this.#entries.includes(entry)) {
+            this.#timers.set(id, this.#schedule(() => this.dismiss(id), this.#gracePeriod));
+        }
+        this.#emit();
+        return id;
+    }
+    dismiss(id) {
+        if (!this.#entries.some((entry) => entry.id === id)) {
+            return;
+        }
+        this.#cancel(id);
+        this.#entries = this.#entries.filter((entry) => entry.id !== id);
+        this.#emit();
+    }
+    clear() {
+        if (this.#entries.length === 0) {
+            return;
+        }
+        for (const entry of this.#entries) {
+            this.#cancel(entry.id);
+        }
+        this.#entries = [];
+        this.#emit();
+    }
+    subscribe(listener) {
+        this.#listeners.add(listener);
+        return () => {
+            this.#listeners.delete(listener);
+        };
+    }
+    dispose() {
+        for (const cancel of this.#timers.values()) {
+            cancel();
+        }
+        this.#timers.clear();
+        this.#listeners.clear();
+        this.#entries = [];
+    }
+    #cancel(id) {
+        const cancel = this.#timers.get(id);
+        if (cancel === undefined) {
+            return;
+        }
+        cancel();
+        this.#timers.delete(id);
+    }
+    #emit() {
+        for (const listener of [...this.#listeners]) {
+            listener(this.#entries);
+        }
+    }
+}
+//# sourceMappingURL=LogQueue.js.map

package/dist/feedback/LogQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogQueue.js","sourceRoot":"","sources":["../../src/feedback/LogQueue.ts"],"names":[],"mappings":"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"}

package/dist/feedback/LogQueue.types.d.ts

@@ -0,0 +1,16 @@
+import type { TemplateResult } from "lit";
+export type LogContent = string | TemplateResult;
+export interface LogEntry {
+    id: string;
+    content: LogContent;
+    createdAt: number;
+}
+export type LogListener = (entries: readonly LogEntry[]) => void;
+export type LogScheduler = (callback: () => void, delay: number) => () => void;
+export interface LogQueueOptions {
+    max?: number;
+    gracePeriod?: number;
+    now?: () => number;
+    schedule?: LogScheduler;
+}
+//# sourceMappingURL=LogQueue.types.d.ts.map

package/dist/feedback/LogQueue.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogQueue.types.d.ts","sourceRoot":"","sources":["../../src/feedback/LogQueue.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,cAAc,CAAC;AAEjD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,UAAU,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,CACxB,OAAO,EAAE,SAAS,QAAQ,EAAE,KACzB,IAAI,CAAC;AAEV,MAAM,MAAM,YAAY,GAAG,CACzB,QAAQ,EAAE,MAAM,IAAI,EACpB,KAAK,EAAE,MAAM,KACV,MAAM,IAAI,CAAC;AAEhB,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB"}

package/dist/feedback/LogQueue.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LogQueue.types.js.map

package/dist/feedback/LogQueue.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogQueue.types.js","sourceRoot":"","sources":["../../src/feedback/LogQueue.types.ts"],"names":[],"mappings":""}

package/dist/feedback/Progress.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, type PropertyValues, type TemplateResult } from "lit";
+/**
+ * Displays determinate or indeterminate progress for a long-running operation.
+ * Omit value for the indeterminate state.
+ */
+export declare class Progress extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    value: number | null;
+    max: number;
+    label: string;
+    valueText: string;
+    animated: boolean;
+    completed: boolean;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-progress": Progress;
+    }
+}
+//# sourceMappingURL=Progress.d.ts.map

package/dist/feedback/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/feedback/Progress.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAGV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAiBb;;;GAGG;AACH,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,0BAAkB;IAGhC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrB,GAAG,EAAE,MAAM,CAAC;IAGZ,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,SAAS,EAAE,OAAO,CAAC;;cAoBR,UAAU,CAC3B,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GACtC,IAAI;IAaE,MAAM,IAAI,cAAc;CAuDlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,QAAQ,CAAC;KAC5B;CACF"}