@adobe/data 0.5.4 → 0.5.5

package/dist/samples/todo/elements/todo-list/todo-list-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-list-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-list/todo-list-presentation.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,4DAA4D,CAAC;AACpE,OAAO,yBAAyB,CAAC;AAMjC,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,OAAO,IAAI,CAAA;;QAEL,MAAM,CACV,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,EAAE,CAAC,IAAI,EACZ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA,2BAA2B,IAAI,WAAW,KAAK,oBAAoB,CACzF;;GAEA,CAAC;AACJ,CAAC"}

package/dist/samples/todo/elements/todo-list/todo-list.css.d.ts

@@ -0,0 +1,18 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+export declare const styles: import("lit").CSSResult;

package/dist/samples/todo/elements/todo-list/todo-list.css.js

@@ -0,0 +1,27 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import { css } from 'lit';
+export const styles = css `
+    .todo-list {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        user-select: none;
+    }
+`;
+//# sourceMappingURL=todo-list.css.js.map

package/dist/samples/todo/elements/todo-list/todo-list.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-list.css.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-list/todo-list.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAE5E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;CAOxB,CAAC"}

package/dist/samples/todo/elements/todo-list/todo-list.d.ts

@@ -0,0 +1,12 @@
+import { TodoElement } from '../../todo-element.js';
+import '../todo-row/todo-row.js';
+export declare const tagName = "data-todo-list";
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: TodoList;
+    }
+}
+export declare class TodoList extends TodoElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1> | undefined;
+}

package/dist/samples/todo/elements/todo-list/todo-list.js

@@ -0,0 +1,60 @@
+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;
+};
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import * as presentation from './todo-list-presentation.js';
+import { styles } from './todo-list.css.js';
+import { customElement } from 'lit/decorators.js';
+import { css } from 'lit';
+import { useObservableValues } from '../../../../lit/hooks/index.js';
+import { TodoElement } from '../../todo-element.js';
+import '../todo-row/todo-row.js';
+export const tagName = 'data-todo-list';
+let TodoList = class TodoList extends TodoElement {
+    static { this.styles = [
+        styles,
+        css `
+      :host {
+        display: block;
+        height: 100%;
+        width: 100%;
+        overflow-y: auto;
+        position: relative;
+      }
+    `
+    ]; }
+    render() {
+        const values = useObservableValues(() => ({
+            todos: this.service.dependentState.allTodos,
+        }));
+        if (!values)
+            return;
+        return presentation.render({
+            ...values,
+        });
+    }
+};
+TodoList = __decorate([
+    customElement(tagName)
+], TodoList);
+export { TodoList };
+//# sourceMappingURL=todo-list.js.map

package/dist/samples/todo/elements/todo-list/todo-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-list.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-list/todo-list.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AASjC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;aAChC,WAAM,GAAG;QACd,MAAM;QACN,GAAG,CAAA;;;;;;;;KAQF;KACF,AAXY,CAWX;IAEF,MAAM;QACJ,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;SAC5C,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;SACV,CAAC,CAAC;IACL,CAAC;;AAxBU,QAAQ;IADpB,aAAa,CAAC,OAAO,CAAC;GACV,QAAQ,CAyBpB"}

package/dist/samples/todo/elements/todo-row/index.d.ts

@@ -0,0 +1,18 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+export * from './todo-row.js';

package/dist/samples/todo/elements/todo-row/index.js

@@ -0,0 +1,19 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+export * from './todo-row.js';
+//# sourceMappingURL=index.js.map

package/dist/samples/todo/elements/todo-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,cAAc,eAAe,CAAC"}

package/dist/samples/todo/elements/todo-row/todo-row-presentation.d.ts

@@ -0,0 +1,18 @@
+import '@spectrum-web-components/action-button/sp-action-button.js';
+import '@spectrum-web-components/checkbox/sp-checkbox.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js';
+import { DragTodoFunction, Todo } from '../../services/state-service/todo-state-service.js';
+declare const localizedStrings: {
+    readonly deleteTodo: "Delete";
+    readonly toggleComplete: "Toggle complete";
+};
+type RenderArgs = {
+    localized: typeof localizedStrings;
+    todo: Todo;
+    toggleComplete: () => void;
+    deleteTodo: () => void;
+    dragTodo: DragTodoFunction;
+    index: number;
+};
+export declare function render(args: RenderArgs): import("lit").TemplateResult<1>;
+export {};

package/dist/samples/todo/elements/todo-row/todo-row-presentation.js

@@ -0,0 +1,66 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import { html } from 'lit';
+import { useDragTransaction } from '../../../../lit/hooks/index.js';
+import '@spectrum-web-components/action-button/sp-action-button.js';
+import '@spectrum-web-components/checkbox/sp-checkbox.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js';
+const TODO_ROW_HEIGHT = 56;
+// Simplified localization for sample - using static strings
+const localizedStrings = {
+    deleteTodo: 'Delete',
+    toggleComplete: 'Toggle complete',
+};
+export function render(args) {
+    const { localized, todo, toggleComplete, deleteTodo, index, dragTodo } = args;
+    useDragTransaction(() => ({
+        transaction: dragTodo,
+        update: (value) => {
+            if (value.type === 'move') {
+                return {
+                    todo: todo.id,
+                    dragPosition: value.delta[1],
+                };
+            }
+            else if (value.type === 'end') {
+                const finalIndex = index + Math.round(value.position[1] / TODO_ROW_HEIGHT);
+                return {
+                    todo: todo.id,
+                    dragPosition: index,
+                    finalIndex,
+                };
+            }
+        },
+    }), [dragTodo, todo.id, index]);
+    const dragging = todo.dragPosition !== null;
+    const position = index * TODO_ROW_HEIGHT + (todo.dragPosition ?? 0);
+    return html `
+    <div
+      class="todo-row ${dragging ? 'dragging' : ''}"
+      style="height: ${TODO_ROW_HEIGHT}px; position: absolute; top: ${position}px; left: 0; right: 0;">
+      <sp-checkbox @change=${toggleComplete} title=${localized.toggleComplete} ?checked=${todo.complete}> </sp-checkbox>
+
+      <span class="todo-name"> ${index}: ${todo.name} </span>
+
+      <sp-action-button @click=${deleteTodo} quiet title=${localized.deleteTodo}>
+        <sp-icon-delete slot="icon"></sp-icon-delete>
+      </sp-action-button>
+    </div>
+  `;
+}
+//# sourceMappingURL=todo-row-presentation.js.map

package/dist/samples/todo/elements/todo-row/todo-row-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-row-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/todo-row-presentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,kDAAkD,CAAC;AAC1D,OAAO,iEAAiE,CAAC;AAMzE,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,4DAA4D;AAC5D,MAAM,gBAAgB,GAAG;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,iBAAiB;CACzB,CAAC;AAWX,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE9E,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;QACxB,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,EAAE;oBACb,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;iBAC7B,CAAC;YACJ,CAAC;iBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAChC,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC;gBAC3E,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,EAAE;oBACb,YAAY,EAAE,KAAK;oBACnB,UAAU;iBACX,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,IAAI,CAAA;;wBAEW,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;uBAC3B,eAAe,gCAAgC,QAAQ;6BACjD,cAAc,UAAU,SAAS,CAAC,cAAc,aAAa,IAAI,CAAC,QAAQ;;iCAEtE,KAAK,KAAK,IAAI,CAAC,IAAI;;iCAEnB,UAAU,gBAAgB,SAAS,CAAC,UAAU;;;;GAI5E,CAAC;AACJ,CAAC"}

package/dist/samples/todo/elements/todo-row/todo-row.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/samples/todo/elements/todo-row/todo-row.css.js

@@ -0,0 +1,65 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .todo-row {
+    --todo-row-height: 56px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    gap: var(--spectrum-spacing-200);
+    padding: var(--spectrum-spacing-200) var(--spectrum-spacing-300);
+    border-bottom: 1px solid var(--spectrum-gray-200);
+    min-height: var(--todo-row-height);
+    height: var(--todo-row-height);
+    contain: layout paint style;            /* or at least paint/layout */
+    content-visibility: auto;               /* skip offscreen work: https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility */
+    contain-intrinsic-size: 500px var(--todo-row-height);     /* reserve space so auto can skip paint: https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-size */
+    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  }
+
+  .todo-row.dragging {
+    background-color: var(--spectrum-gray-100);
+    z-index: 100;
+    box-shadow: 0 0 10px var(--spectrum-gray-300);
+  }
+
+  .todo-row:hover {
+    background-color: var(--spectrum-gray-100);
+  }
+
+  .todo-name {
+    flex: 1;
+    font-size: var(--spectrum-font-size-100);
+    line-height: var(--spectrum-line-height-100);
+    color: var(--spectrum-gray-800);
+  }
+
+  sp-checkbox {
+    flex-shrink: 0;
+  }
+
+  sp-action-button {
+    flex-shrink: 0;
+  }
+`;
+//# sourceMappingURL=todo-row.css.js.map

package/dist/samples/todo/elements/todo-row/todo-row.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-row.css.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/todo-row.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CxB,CAAC"}

package/dist/samples/todo/elements/todo-row/todo-row.d.ts

@@ -0,0 +1,14 @@
+import { Entity } from '@adobe/data/ecs';
+import { TodoElement } from '../../todo-element.js';
+export declare const tagName = "data-todo-row";
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: TodoRow;
+    }
+}
+export declare class TodoRow extends TodoElement {
+    static styles: import("lit").CSSResult;
+    entity: Entity;
+    index: number;
+    render(): import("lit").TemplateResult<1> | undefined;
+}

package/dist/samples/todo/elements/todo-row/todo-row.js

@@ -0,0 +1,60 @@
+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;
+};
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import * as presentation from './todo-row-presentation.js';
+import { styles } from './todo-row.css.js';
+import { customElement, property } from 'lit/decorators.js';
+import { useObservableValues } from '../../../../lit/hooks/index.js';
+import { TodoElement } from '../../todo-element.js';
+export const tagName = 'data-todo-row';
+let TodoRow = class TodoRow extends TodoElement {
+    static { this.styles = styles; }
+    render() {
+        const localized = { toggleComplete: 'Toggle complete', deleteTodo: 'Delete' };
+        const values = useObservableValues(() => ({
+            todo: this.service.state.observe.entity(this.entity, this.service.state.archetypes.Todo),
+        }));
+        if (!values || !values.todo)
+            return;
+        return presentation.render({
+            ...values,
+            localized,
+            todo: values.todo,
+            toggleComplete: () => this.service.state.transactions.toggleComplete(this.entity),
+            deleteTodo: () => this.service.state.transactions.deleteTodo(this.entity),
+            dragTodo: this.service.state.transactions.dragTodo,
+            index: this.index,
+        });
+    }
+};
+__decorate([
+    property({ type: Number })
+], TodoRow.prototype, "entity", void 0);
+__decorate([
+    property({ type: Number })
+], TodoRow.prototype, "index", void 0);
+TodoRow = __decorate([
+    customElement(tagName)
+], TodoRow);
+export { TodoRow };
+//# sourceMappingURL=todo-row.js.map

package/dist/samples/todo/elements/todo-row/todo-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-row.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/todo-row.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;AAShC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;aAC/B,WAAM,GAAG,MAAM,AAAT,CAAU;IAQvB,MAAM;QACJ,MAAM,SAAS,GAAG,EAAE,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAW,CAAC;QACvF,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;SACzF,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAEpC,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;YACT,SAAS;YACT,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC;YACjF,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;YACzE,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;YAClD,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;;AAtBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACZ;AAPJ,OAAO;IADnB,aAAa,CAAC,OAAO,CAAC;GACV,OAAO,CA2BnB"}

package/dist/samples/todo/elements/todo-toolbar/index.d.ts

@@ -0,0 +1,18 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+export * from './todo-toolbar.js';

package/dist/samples/todo/elements/todo-toolbar/index.js

@@ -0,0 +1,19 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+export * from './todo-toolbar.js';
+//# sourceMappingURL=index.js.map

package/dist/samples/todo/elements/todo-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,cAAc,mBAAmB,CAAC"}

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.d.ts

@@ -0,0 +1,22 @@
+import '../todo-undo-redo/index.js';
+import '@spectrum-web-components/action-button/sp-action-button.js';
+declare const localizedStrings: {
+    readonly add1Todo: "Add 1 Todo";
+    readonly add10Todos: "Add 10 Todos";
+    readonly add1000Todos: "Add 1000 Todos";
+    readonly clearCompleted: "Clear Completed";
+    readonly toggleAll: "Toggle All";
+    readonly todoCount: "todos";
+    readonly completedCount: "completed";
+};
+type RenderArgs = {
+    localized: typeof localizedStrings;
+    todoCount: number;
+    completedCount: number;
+    isGenerating: boolean;
+    createBulkTodos: (count: number) => void;
+    clearCompleted: () => void;
+    toggleAll: () => void;
+};
+export declare function render(args: RenderArgs): import("lit").TemplateResult<1>;
+export {};

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.js

@@ -0,0 +1,57 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import { html } from 'lit';
+import '../todo-undo-redo/index.js';
+import '@spectrum-web-components/action-button/sp-action-button.js';
+// Temporarily disable localization for the sample
+// import { Localized, Unlocalized } from '../../../../services/locale-service/locale-service.js';
+// Simplified localization for sample - using static strings
+const localizedStrings = {
+    add1Todo: 'Add 1 Todo',
+    add10Todos: 'Add 10 Todos',
+    add1000Todos: 'Add 1000 Todos',
+    clearCompleted: 'Clear Completed',
+    toggleAll: 'Toggle All',
+    todoCount: 'todos',
+    completedCount: 'completed',
+};
+export function render(args) {
+    const { localized, todoCount, completedCount, isGenerating, createBulkTodos, clearCompleted, toggleAll } = args;
+    return html `
+    <div class="todo-toolbar">
+      <div class="toolbar-left">
+        <data-todo-undo-redo></data-todo-undo-redo>
+        <sp-action-button @click=${toggleAll} ?disabled=${isGenerating} quiet> ${localized.toggleAll} </sp-action-button>
+      </div>
+
+      <div class="toolbar-center">
+        <sp-action-button @click=${() => createBulkTodos(1)} ?disabled=${isGenerating}> ${localized.add1Todo} </sp-action-button>
+        <sp-action-button @click=${() => createBulkTodos(10)} ?disabled=${isGenerating}> ${localized.add10Todos} </sp-action-button>
+        <sp-action-button @click=${() => createBulkTodos(1000)} ?disabled=${isGenerating}> ${localized.add1000Todos} </sp-action-button>
+      </div>
+
+      <div class="toolbar-right">
+        <sp-action-button @click=${clearCompleted} ?disabled=${completedCount === 0 || isGenerating} quiet>
+          ${localized.clearCompleted}
+        </sp-action-button>
+        <span class="todo-stats"> ${completedCount} / ${todoCount} </span>
+      </div>
+    </div>
+  `;
+}
+//# sourceMappingURL=todo-toolbar-presentation.js.map

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-toolbar-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,4BAA4B,CAAC;AACpC,OAAO,4DAA4D,CAAC;AAEpE,kDAAkD;AAClD,kGAAkG;AAElG,4DAA4D;AAC5D,MAAM,gBAAgB,GAAG;IACvB,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE,cAAc;IAC1B,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,iBAAiB;IACjC,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,WAAW;CACnB,CAAC;AAYX,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAEhH,OAAO,IAAI,CAAA;;;;mCAIsB,SAAS,cAAc,YAAY,WAAW,SAAS,CAAC,SAAS;;;;mCAIjE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,YAAY,KAAK,SAAS,CAAC,QAAQ;mCACzE,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,cAAc,YAAY,KAAK,SAAS,CAAC,UAAU;mCAC5E,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,YAAY,KAAK,SAAS,CAAC,YAAY;;;;mCAIhF,cAAc,cAAc,cAAc,KAAK,CAAC,IAAI,YAAY;YACvF,SAAS,CAAC,cAAc;;oCAEA,cAAc,MAAM,SAAS;;;GAG9D,CAAC;AACJ,CAAC"}

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar.css.js

@@ -0,0 +1,50 @@
+/*************************************************************************
+ *
+ * ADOBE CONFIDENTIAL
+ * ___________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ **************************************************************************/
+import { css } from 'lit';
+export const styles = css `
+  .todo-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--spectrum-spacing-200) var(--spectrum-spacing-300);
+    background-color: var(--spectrum-gray-100);
+    border-bottom: 1px solid var(--spectrum-gray-300);
+    gap: var(--spectrum-spacing-200);
+  }
+
+  .toolbar-left,
+  .toolbar-center,
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+    gap: var(--spectrum-spacing-100);
+  }
+
+  .toolbar-center {
+    flex: 1;
+    justify-content: center;
+  }
+
+  .todo-stats {
+    font-size: var(--spectrum-font-size-100);
+    color: var(--spectrum-gray-600);
+    margin-left: var(--spectrum-spacing-200);
+    width: 100px;
+  }
+`;
+//# sourceMappingURL=todo-toolbar.css.js.map

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-toolbar.css.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/todo-toolbar.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC"}

package/dist/samples/todo/elements/todo-toolbar/todo-toolbar.d.ts

@@ -0,0 +1,11 @@
+import { TodoElement } from '../../todo-element.js';
+export declare const tagName = "data-todo-toolbar";
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: TodoToolbar;
+    }
+}
+export declare class TodoToolbar extends TodoElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1> | undefined;
+}