@oddkin/components 0.0.0-stage → 1.0.0-beta.0

package/dist/command-palette/command-palette.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.styles.js","sourceRoot":"","sources":["../../src/command-palette/command-palette.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;WAG5B,KAAK,CAAC,UAAU,CAAC;eACb,KAAK,CAAC,UAAU,CAAC;qBACX,KAAK,CAAC,WAAW,CAAC;kBACrB,KAAK,CAAC,sBAAsB,CAAC;;;sBAGzB,KAAK,CAAC,mBAAmB,CAAC;eACjC,KAAK,CAAC,UAAU,CAAC;cAClB,KAAK,CAAC,sBAAsB,CAAC,UAAU,KAAK,CAAC,qBAAqB,CAAC;qBAC5D,KAAK,CAAC,gBAAgB,CAAC;kBAC1B,KAAK,CAAC,uBAAuB,CAAC;mBAC7B,KAAK,CAAC,kBAAkB,CAAC;iBAC3B,KAAK,CAAC,gBAAgB,CAAC;mBACrB,KAAK,CAAC,uBAAuB,CAAC;;;oBAG7B,KAAK,CAAC,kBAAkB,CAAC;6BAChB,KAAK,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,sBAAsB,CAAC;QAC5E,KAAK,CAAC,kBAAkB,CAAC;;;;;;;aAOpB,KAAK,CAAC,sBAAsB,CAAC;;;;;aAK7B,KAAK,CAAC,sBAAsB,CAAC;mBACvB,KAAK,CAAC,mBAAmB,CAAC;iBAC5B,KAAK,CAAC,iBAAiB,CAAC;mBACtB,KAAK,CAAC,wBAAwB,CAAC;;;;;0BAKxB,KAAK,CAAC,UAAU,CAAC;;;eAG5B,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,KAAK,CAAC,sBAAsB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;iBAC9B,KAAK,CAAC,mBAAmB,CAAC;mBACxB,KAAK,CAAC,qBAAqB,CAAC;mBAC5B,KAAK,CAAC,0BAA0B,CAAC;sBAC9B,KAAK,CAAC,6BAA6B,CAAC;;;;WAI/C,KAAK,CAAC,UAAU,CAAC;eACb,KAAK,CAAC,UAAU,CAAC;kBACd,KAAK,CAAC,uBAAuB,CAAC;;;mBAG7B,KAAK,CAAC,kBAAkB,CAAC;iBAC3B,KAAK,CAAC,gBAAgB,CAAC;mBACrB,KAAK,CAAC,kBAAkB,CAAC;mBACzB,KAAK,CAAC,uBAAuB,CAAC;;;;;kBAK/B,KAAK,CAAC,4BAA4B,CAAC;aACxC,KAAK,CAAC,4BAA4B,CAAC;;;;aAInC,KAAK,CAAC,4BAA4B,CAAC;;;qBAG3B,KAAK,CAAC,UAAU,CAAC;aACzB,KAAK,CAAC,sBAAsB,CAAC;mBACvB,KAAK,CAAC,kBAAkB,CAAC;iBAC3B,KAAK,CAAC,gBAAgB,CAAC;mBACrB,KAAK,CAAC,uBAAuB,CAAC;;;aAGpC,KAAK,CAAC,oBAAoB,CAAC;mBACrB,KAAK,CAAC,qBAAqB,CAAC;iBAC9B,KAAK,CAAC,mBAAmB,CAAC;mBACxB,KAAK,CAAC,qBAAqB,CAAC;mBAC5B,KAAK,CAAC,0BAA0B,CAAC;sBAC9B,KAAK,CAAC,6BAA6B,CAAC;;CAEzD,CAAC"}

package/dist/command-palette/command-palette.template.d.ts

@@ -0,0 +1,12 @@
+import type { OddkinCommandPalette } from './command-palette.js';
+/**
+ * Anatomy: a modal `<dialog part="dialog">` (the overlay surface's sheet) named by `label`, holding
+ * the search field (`part="search"`: a search glyph, the `role="combobox"` input `part="input"`, and
+ * an Esc hint), the results (the `role="listbox"` with command rows from the option-row module,
+ * grouped under `part="group"` headings; each row an icon, the label with its description, and the
+ * shortcut), the busy row, the empty state, the `status` slot, and the keyboard hints
+ * (`part="footer"`). Rows are keyed by id, so the active row stays the same element while the
+ * search changes.
+ */
+export declare const commandPaletteTemplate: (palette: OddkinCommandPalette) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=command-palette.template.d.ts.map

package/dist/command-palette/command-palette.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.template.d.ts","sourceRoot":"","sources":["../../src/command-palette/command-palette.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,YAAa,oBAAoB,mDAqGnE,CAAC"}

package/dist/command-palette/command-palette.template.js

@@ -0,0 +1,101 @@
+import { live } from '@oddkin/core/helpers/live';
+import { html, nothing, repeat } from '@oddkin/core/template';
+import { groupsOf } from '../collection/collection.js';
+import { searchGlyph } from '../styles/glyphs.js';
+import { spinnerTemplate } from '../styles/spinner.styles.js';
+/**
+ * Anatomy: a modal `<dialog part="dialog">` (the overlay surface's sheet) named by `label`, holding
+ * the search field (`part="search"`: a search glyph, the `role="combobox"` input `part="input"`, and
+ * an Esc hint), the results (the `role="listbox"` with command rows from the option-row module,
+ * grouped under `part="group"` headings; each row an icon, the label with its description, and the
+ * shortcut), the busy row, the empty state, the `status` slot, and the keyboard hints
+ * (`part="footer"`). Rows are keyed by id, so the active row stays the same element while the
+ * search changes.
+ */
+export const commandPaletteTemplate = (palette) => {
+    const items = palette._shown.value;
+    const active = palette._activeIndex.value;
+    const strings = palette._strings;
+    const rows = (each) => repeat(each, ({ option }) => option.id, ({ option, index }) => html `<div
+          role="option"
+          part="item"
+          class=${index === active ? 'option active' : 'option'}
+          aria-selected=${index === active ? 'true' : 'false'}
+          aria-disabled=${option.disabled ? 'true' : null}
+        >
+          ${option.icon
+        ? html `<span class="option-start"
+                  ><odd-icon src=${option.icon} size="sm"></odd-icon
+                ></span>`
+        : nothing}<span class="option-label"
+            ><span class="option-text">${option.label}</span>${option.description
+        ? html `<span class="option-description">${option.description}</span>`
+        : nothing}</span
+          >${option.shortcut ? html `<kbd class="option-end shortcut">${option.shortcut}</kbd>` : nothing}
+        </div>`);
+    return html `<dialog
+    part="dialog"
+    class="overlay-surface sheet palette"
+    aria-label=${palette.label}
+  >
+    <div part="search" class="search">
+      <span class="search-glyph" aria-hidden="true">${searchGlyph}</span>
+      <input
+        part="input"
+        class="input"
+        type="text"
+        role="combobox"
+        autocomplete="off"
+        inputmode=${palette._hints.get('inputmode')}
+        enterkeyhint=${palette._hints.get('enterkeyhint')}
+        autocapitalize=${palette._hints.get('autocapitalize')}
+        autocorrect=${palette._hints.get('autocorrect')}
+        spellcheck=${palette._hints.get('spellcheck', 'false')}
+        aria-label=${strings.search}
+        aria-expanded="true"
+        aria-controls="results"
+        aria-autocomplete="list"
+        placeholder=${palette.placeholder || null}
+        .value=${live(palette.query)}
+        @input=${palette._onInput}
+        @keydown=${palette._onKeydown}
+      />
+      <kbd class="hint" aria-hidden="true">Esc</kbd>
+    </div>
+    <div
+      class="results"
+      @pointerdown=${palette._onResultsPointerdown}
+      @click=${palette._onResultsClick}
+    >
+      <div
+        part="listbox"
+        id="results"
+        class="listbox"
+        role="listbox"
+        aria-label=${palette.label}
+        aria-busy=${palette.loading ? 'true' : null}
+        ?hidden=${!items.length}
+      >
+        ${repeat(groupsOf(items), (group, n) => group.label === undefined ? `item ${group.rows[0].option.id}` : `group ${n}`, (group, n) => group.label === undefined
+        ? rows(group.rows)
+        : html `<div role="group" class="group" aria-labelledby=${`group-${n}`}>
+                  <div part="group" id=${`group-${n}`} class="group-label">${group.label}</div>
+                  ${rows(group.rows)}
+                </div>`)}
+      </div>
+      <div part="loading" class="state" ?hidden=${!palette.loading}>
+        ${spinnerTemplate}${strings.loading}
+      </div>
+      <div part="empty" class="state empty" ?hidden=${items.length > 0 || palette.loading}>
+        <slot name="empty">${strings.empty}</slot>
+      </div>
+      <slot name="status"></slot>
+    </div>
+    <div part="footer" class="footer">
+      <span><kbd aria-hidden="true">↑ ↓</kbd> ${strings.navigate}</span>
+      <span><kbd aria-hidden="true">↵</kbd> ${strings.choose}</span>
+      <span><kbd aria-hidden="true">Esc</kbd> ${strings.close}</span>
+    </div>
+  </dialog>`;
+};
+//# sourceMappingURL=command-palette.template.js.map

package/dist/command-palette/command-palette.template.js.map

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

package/dist/command-palette/foundation.d.ts

@@ -0,0 +1,9 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinCommandPalette } from './command-palette.js';
+export { commandPaletteTemplate } from './command-palette.template.js';
+export { commandPaletteStructuralStyles } from './command-palette.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/command-palette/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/command-palette/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/command-palette/foundation.js

@@ -0,0 +1,11 @@
+// Skin-free foundation: behavior, anatomy, and structural styles (shared host defaults first).
+// Loads no default visual styles and registers nothing (multi-product.md §4).
+export { hostStyles } from '../styles/host.styles.js';
+export { overlaySurfaceStructuralStyles } from '../styles/overlay-surface.structural.styles.js';
+export { optionRowStructuralStyles } from '../styles/option-row.structural.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { spinnerStyles } from '../styles/spinner.styles.js';
+export { OddkinCommandPalette } from './command-palette.js';
+export { commandPaletteTemplate } from './command-palette.template.js';
+export { commandPaletteStructuralStyles } from './command-palette.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/command-palette/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/command-palette/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/command-palette/index.d.ts

@@ -0,0 +1,7 @@
+export { OddkinCommandPalette, commandActionEvent, COMMAND_PALETTE_STRINGS, } from './command-palette.js';
+export type { CommandRecord, QueryChangeDetail } from './command-palette.js';
+export { commandPaletteTemplate } from './command-palette.template.js';
+export { commandPaletteStructuralStyles } from './command-palette.structural.styles.js';
+export { commandPaletteStyles } from './command-palette.styles.js';
+export { commandPaletteDefinition } from './command-palette.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/command-palette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/command-palette/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/command-palette/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/command-palette`.
+export { OddkinCommandPalette, commandActionEvent, COMMAND_PALETTE_STRINGS, } from './command-palette.js';
+export { commandPaletteTemplate } from './command-palette.template.js';
+export { commandPaletteStructuralStyles } from './command-palette.structural.styles.js';
+export { commandPaletteStyles } from './command-palette.styles.js';
+export { commandPaletteDefinition } from './command-palette.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/command-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/command-palette/index.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/composition/catalog.d.ts

@@ -0,0 +1,3 @@
+import type { Catalog } from './vocabulary.js';
+export declare const CATALOG: Catalog;
+//# sourceMappingURL=catalog.d.ts.map

package/dist/composition/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/composition/catalog.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,OA0vBrB,CAAC"}