@adobe/data 0.5.3 → 0.5.5

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;
+}

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

@@ -0,0 +1,77 @@
+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-toolbar-presentation.js';
+import { styles } from './todo-toolbar.css.js';
+import { withMap } from '@adobe/data/observe';
+import { customElement } from 'lit/decorators.js';
+import { css } from 'lit';
+import { useObservableValues } from '../../../../lit/hooks/index.js';
+import { TodoElement } from '../../todo-element.js';
+export const tagName = 'data-todo-toolbar';
+let TodoToolbar = class TodoToolbar extends TodoElement {
+    static { this.styles = [
+        styles,
+        css `
+      :host {
+        display: block;
+        flex-shrink: 0;
+        width: 100%;
+      }
+    `
+    ]; }
+    render() {
+        const localized = {
+            add1Todo: 'Add 1 Todo',
+            add10Todos: 'Add 10 Todos',
+            add1000Todos: 'Add 1000 Todos',
+            clearCompleted: 'Clear Completed',
+            toggleAll: 'Toggle All',
+            todoCount: 'todos',
+            completedCount: 'completed',
+        };
+        const values = useObservableValues(() => ({
+            completedCount: withMap(this.service.dependentState.completeTodos, todos => todos.length),
+            todoCount: withMap(this.service.dependentState.allTodos, todos => todos.length),
+        }));
+        if (!values)
+            return;
+        return presentation.render({
+            ...values,
+            localized,
+            isGenerating: false,
+            createBulkTodos: this.service.state.transactions.createBulkTodos,
+            clearCompleted: () => {
+                // Placeholder - would need to implement this transaction
+            },
+            toggleAll: () => {
+                // Placeholder - would need to implement this transaction
+            },
+        });
+    }
+};
+TodoToolbar = __decorate([
+    customElement(tagName)
+], TodoToolbar);
+export { TodoToolbar };
+//# sourceMappingURL=todo-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"todo-toolbar.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/todo-toolbar.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,KAAK,YAAY,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,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;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC;AASpC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;aACnC,WAAM,GAAG;QACd,MAAM;QACN,GAAG,CAAA;;;;;;KAMF;KACF,AATY,CASX;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,cAAc;YAC1B,YAAY,EAAE,gBAAgB;YAC9B,cAAc,EAAE,iBAAiB;YACjC,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,OAAO;YAClB,cAAc,EAAE,WAAW;SACnB,CAAC;QACX,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;YACzF,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;SAChF,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;YACT,SAAS;YACT,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe;YAChE,cAAc,EAAE,GAAG,EAAE;gBACnB,yDAAyD;YAC3D,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;gBACd,yDAAyD;YAC3D,CAAC;SACF,CAAC,CAAC;IACL,CAAC;;AAzCU,WAAW;IADvB,aAAa,CAAC,OAAO,CAAC;GACV,WAAW,CA0CvB"}

package/dist/samples/todo/elements/todo-undo-redo/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-undo-redo.js';

package/dist/samples/todo/elements/todo-undo-redo/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-undo-redo.js';
+//# sourceMappingURL=index.js.map

package/dist/samples/todo/elements/todo-undo-redo/index.js.map

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

package/dist/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.d.ts

@@ -0,0 +1,17 @@
+import '@spectrum-web-components/action-button/sp-action-button.js';
+import '@spectrum-web-components/action-group/sp-action-group.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-redo.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-undo.js';
+declare const localizedStrings: {
+    readonly undo: "Undo";
+    readonly redo: "Redo";
+};
+type RenderArgs = {
+    localized: typeof localizedStrings;
+    hasUndo: boolean;
+    hasRedo: boolean;
+    undo: () => void;
+    redo: () => void;
+};
+export declare function render(args: RenderArgs): import("lit").TemplateResult<1>;
+export {};

package/dist/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.js

@@ -0,0 +1,45 @@
+/*************************************************************************
+ *
+ * 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 '@spectrum-web-components/action-button/sp-action-button.js';
+import '@spectrum-web-components/action-group/sp-action-group.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-redo.js';
+import '@spectrum-web-components/icons-workflow/icons/sp-icon-undo.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 = {
+    undo: 'Undo',
+    redo: 'Redo',
+};
+export function render(args) {
+    const { localized, hasUndo, hasRedo, undo, redo } = args;
+    return html `
+    <sp-action-group>
+      <sp-action-button @click=${undo} ?disabled=${!hasUndo} quiet>
+        <sp-icon-undo slot="icon"></sp-icon-undo>
+        ${localized.undo}
+      </sp-action-button>
+      <sp-action-button @click=${redo} ?disabled=${!hasRedo} quiet>
+        <sp-icon-redo slot="icon"></sp-icon-redo>
+        ${localized.redo}
+      </sp-action-button>
+    </sp-action-group>
+  `;
+}
+//# sourceMappingURL=todo-undo-redo-presentation.js.map

package/dist/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-undo-redo-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;4EAgB4E;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,4DAA4D,CAAC;AACpE,OAAO,0DAA0D,CAAC;AAClE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,kDAAkD;AAClD,kGAAkG;AAElG,4DAA4D;AAC5D,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACJ,CAAC;AAUX,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEzD,OAAO,IAAI,CAAA;;iCAEoB,IAAI,cAAc,CAAC,OAAO;;UAEjD,SAAS,CAAC,IAAI;;iCAES,IAAI,cAAc,CAAC,OAAO;;UAEjD,SAAS,CAAC,IAAI;;;GAGrB,CAAC;AACJ,CAAC"}

package/dist/samples/todo/elements/todo-undo-redo/todo-undo-redo.css.d.ts

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