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

package/dist/radio-group/radio-group.structural.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.structural.styles.js","sourceRoot":"","sources":["../../src/radio-group/radio-group.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAExE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;IACzC,sBAAsB;;;;;;;;;;;CAWzB,CAAC"}

package/dist/radio-group/radio-group.styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Oddkin's default radio group (Figma `radioGroup`, `radio`): the control-indicator box made
+ * round with a dot in the selection foreground; the legend, description, and error are the
+ * shared control look. Options sit one target height apart, as Figma's 48 px rows, each
+ * description in the small role under its label. The legend keeps its colour while the group is
+ * disabled, as Figma's CheckboxGroup draws it; the options show the disabled look.
+ */
+export declare const radioGroupStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=radio-group.styles.d.ts.map

package/dist/radio-group/radio-group.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.styles.d.ts","sourceRoot":"","sources":["../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,yCAmB5B,CAAC"}

package/dist/radio-group/radio-group.styles.js

@@ -0,0 +1,30 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default radio group (Figma `radioGroup`, `radio`): the control-indicator box made
+ * round with a dot in the selection foreground; the legend, description, and error are the
+ * shared control look. Options sit one target height apart, as Figma's 48 px rows, each
+ * description in the small role under its label. The legend keeps its colour while the group is
+ * disabled, as Figma's CheckboxGroup draws it; the options show the disabled look.
+ */
+export const radioGroupStyles = css `
+  .options {
+    padding-block: ${token('space.sm')};
+  }
+  .indicator-box,
+  .indicator-dot {
+    border-radius: ${token('radius.full')};
+  }
+  .indicator-dot {
+    background: currentColor;
+  }
+  .option-description {
+    padding-inline-start: calc(${token('space.2xs')} + 1.25rem + ${token('space.sm')});
+  }
+  .group-label {
+    color: ${token('color.text.secondary')};
+    font-size: ${token('type.small.size')};
+    line-height: ${token('type.small.line-height')};
+  }
+`;
+//# sourceMappingURL=radio-group.styles.js.map

package/dist/radio-group/radio-group.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;qBAEd,KAAK,CAAC,UAAU,CAAC;;;;qBAIjB,KAAK,CAAC,aAAa,CAAC;;;;;;iCAMR,KAAK,CAAC,WAAW,CAAC,gBAAgB,KAAK,CAAC,UAAU,CAAC;;;aAGvE,KAAK,CAAC,sBAAsB,CAAC;iBACzB,KAAK,CAAC,iBAAiB,CAAC;mBACtB,KAAK,CAAC,wBAAwB,CAAC;;CAEjD,CAAC"}

package/dist/radio-group/radio-group.template.d.ts

@@ -0,0 +1,10 @@
+import type { OddkinRadioGroup } from './radio-group.js';
+/**
+ * Anatomy: the shared field as a `role="radiogroup"` named by its legend (`label` part) and
+ * described by the `description` and `error` parts, around the options (`control`). Each option
+ * is a `.choice` row (control-indicator module) holding the native radio, drawn as a round box
+ * with a dot, and its label, with its description below; a group's options sit in a
+ * `role="group"` named by its heading.
+ */
+export declare const radioGroupTemplate: (group: OddkinRadioGroup) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=radio-group.template.d.ts.map

package/dist/radio-group/radio-group.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.template.d.ts","sourceRoot":"","sources":["../../src/radio-group/radio-group.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,UAAW,gBAAgB,mDAkDzD,CAAC"}

package/dist/radio-group/radio-group.template.js

@@ -0,0 +1,61 @@
+import { html } from '@oddkin/core/template';
+import { groupsOf } from '../collection/collection.js';
+import { externalDescriptionTemplate } from '../form-control/description.js';
+import { radioFlag, radioInput } from '../form-control/radio-input.js';
+/**
+ * Anatomy: the shared field as a `role="radiogroup"` named by its legend (`label` part) and
+ * described by the `description` and `error` parts, around the options (`control`). Each option
+ * is a `.choice` row (control-indicator module) holding the native radio, drawn as a round box
+ * with a dot, and its label, with its description below; a group's options sit in a
+ * `role="group"` named by its heading.
+ */
+export const radioGroupTemplate = (group) => {
+    const row = ({ option, index }) => {
+        const id = `option-${index}-description`;
+        return html `<div part="option" class="option">
+      <label class="choice">
+        <span class="indicator">
+          ${radioInput(group, option, 'indicator-box', {
+            describedBy: option.description ? id : null,
+        })}
+          <span class="indicator-mark indicator-dot"></span>
+        </span>
+        <span class="label">${option.label}</span>
+      </label>
+      <div
+        part="option-description"
+        id=${id}
+        class="description option-description"
+        ?hidden=${!option.description}
+      >
+        ${option.description}
+      </div>
+    </div>`;
+    };
+    return html `<div
+    part="field"
+    class="field"
+    role="radiogroup"
+    aria-disabled=${group.disabled || group._formDisabled.value ? 'true' : null}
+    aria-labelledby=${group.label ? 'label' : null}
+    aria-describedby=${group._describedBy}
+    @focusout=${group._onFocusOut}
+  >
+    <div part="label" id="label" class="label" ?hidden=${!group.label}>${group.label}</div>
+    <div part="description" id="description" class="description" ?hidden=${!group.description}>
+      ${group.description}
+    </div>
+    <div part="control" class="options">
+      ${groupsOf(group._options.value).map((options, n) => options.label === undefined
+        ? options.rows.map(row)
+        : html `<div role="group" class="group" aria-labelledby=${`group-${n}`}>
+              <div part="group" id=${`group-${n}`} class="group-label">${options.label}</div>
+              ${options.rows.map(row)}
+            </div>`)}
+      ${radioFlag(group)}
+    </div>
+    <div part="error" id="error" class="error" ?hidden=${!group.error}>${group.error}</div>
+    ${externalDescriptionTemplate(group._externalDescription)}
+  </div>`;
+};
+//# sourceMappingURL=radio-group.template.js.map

package/dist/radio-group/radio-group.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.template.js","sourceRoot":"","sources":["../../src/radio-group/radio-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAkB,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGvE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC5D,MAAM,GAAG,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAa,EAAE,EAAE;QAC3C,MAAM,EAAE,GAAG,UAAU,KAAK,cAAc,CAAC;QACzC,OAAO,IAAI,CAAA;;;YAGH,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE;YAC3C,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;SAC5C,CAAC;;;8BAGkB,MAAM,CAAC,KAAK;;;;aAI7B,EAAE;;kBAEG,CAAC,MAAM,CAAC,WAAW;;UAE3B,MAAM,CAAC,WAAW;;WAEjB,CAAC;IACV,CAAC,CAAC;IACF,OAAO,IAAI,CAAA;;;;oBAIO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;sBACzD,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;uBAC3B,KAAK,CAAC,YAAY;gBACzB,KAAK,CAAC,WAAW;;yDAEwB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;2EACT,CAAC,KAAK,CAAC,WAAW;QACrF,KAAK,CAAC,WAAW;;;QAGjB,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAClD,OAAO,CAAC,KAAK,KAAK,SAAS;QACzB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QACvB,CAAC,CAAC,IAAI,CAAA,mDAAmD,SAAS,CAAC,EAAE;qCAC1C,SAAS,CAAC,EAAE,wBAAwB,OAAO,CAAC,KAAK;gBACtE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;mBAClB,CACZ;QACC,SAAS,CAAC,KAAK,CAAC;;yDAEiC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;MAC9E,2BAA2B,CAAC,KAAK,CAAC,oBAAoB,CAAC;SACpD,CAAC;AACV,CAAC,CAAC"}

package/dist/rating/foundation.d.ts

@@ -0,0 +1,8 @@
+export { hostStyles } from '../styles/host.styles.js';
+export { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinRating, RATING_STRINGS, inputEvent, changeEvent, type OptionRecord, } from './rating.js';
+export { ratingTemplate } from './rating.template.js';
+export { ratingStructuralStyles } from './rating.structural.styles.js';
+//# sourceMappingURL=foundation.d.ts.map

package/dist/rating/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../../src/rating/foundation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,YAAY,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/rating/foundation.js

@@ -0,0 +1,10 @@
+// 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 { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+export { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+export { glyphStyles } from '../styles/glyphs.js';
+export { OddkinRating, RATING_STRINGS, inputEvent, changeEvent, } from './rating.js';
+export { ratingTemplate } from './rating.template.js';
+export { ratingStructuralStyles } from './rating.structural.styles.js';
+//# sourceMappingURL=foundation.js.map

package/dist/rating/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../../src/rating/foundation.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,8EAA8E;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,GAEZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/rating/index.d.ts

@@ -0,0 +1,6 @@
+export { OddkinRating, RATING_STRINGS, inputEvent, changeEvent, type OptionRecord, } from './rating.js';
+export { ratingTemplate } from './rating.template.js';
+export { ratingStructuralStyles } from './rating.structural.styles.js';
+export { ratingStyles } from './rating.styles.js';
+export { ratingDefinition } from './rating.definition.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rating/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,YAAY,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/rating/index.js

@@ -0,0 +1,7 @@
+// Side-effect free. Register with `@oddkin/components/define/rating`.
+export { OddkinRating, RATING_STRINGS, inputEvent, changeEvent, } from './rating.js';
+export { ratingTemplate } from './rating.template.js';
+export { ratingStructuralStyles } from './rating.structural.styles.js';
+export { ratingStyles } from './rating.styles.js';
+export { ratingDefinition } from './rating.definition.js';
+//# sourceMappingURL=index.js.map

package/dist/rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rating/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,GAEZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/rating/rating.d.ts

@@ -0,0 +1,65 @@
+import { type Readable } from '@oddkin/core/reactive';
+import { OddkinRadioControl, type OptionRecord } from '../form-control/radio-control.js';
+export type { OptionRecord } from '../form-control/radio-control.js';
+export { changeEvent, inputEvent } from '../form-control/radio-control.js';
+export declare const RATING_STRINGS: {
+    star: string;
+    starOne: string;
+    summary: string;
+    empty: string;
+};
+declare const OddkinRating_base: import("@oddkin/core/element").WithProps<typeof OddkinRadioControl, {
+    readonly max: import("@oddkin/core/element").PropDefinition<number>;
+    readonly readonly: import("@oddkin/core/element").PropDefinition<boolean>;
+    readonly strings: import("@oddkin/core/element").PropDefinition<Partial<{
+        star: string;
+        starOne: string;
+        summary: string;
+        empty: string;
+    }> | undefined>;
+}>;
+/**
+ * A score from one to `max` stars (default five), with the chosen value beside the stars ("3 of
+ * 5"): the radio-group behavior drawn as stars, each filled up to the chosen one. Without
+ * `<option>` children or `options`, the stars are named by `strings.star` ("3 stars"); options
+ * name them instead ("Good"), and their count replaces `max`.
+ *
+ * @csspart field - Wrapper of label, description, stars, value, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The row of stars and the value.
+ * @csspart option - One star.
+ * @csspart value - The chosen value, or `strings.empty` while nothing is chosen.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The rating shows its error: `error` is set, or nothing is chosen while `required` after focus left the stars or a validity check failed.
+ * @a11y A `role="radiogroup"` in the shadow root, named by `label` and described by the description and error, holds a native radio per star, named by its option's label ("3 stars"), as the WAI-ARIA rating radio group example. `readonly` adds `aria-readonly` and keeps the stars focusable.
+ * @keyboard Native radio behavior: Tab enters at the chosen star (or the first, when none is chosen) and leaves; arrow keys move to the next or previous star and choose it; Space chooses the focused star. While `readonly`, the keys and clicks change nothing.
+ * @previewRole rating
+ * @useFor A score the user gives on a short ordered scale: an opinion of an item, a satisfaction level.
+ * @notFor A number on a long or continuous scale (use odd-slider); choices that are not ordered (use odd-radio-group).
+ * @limitation Whole stars only: no half values. The focus ring and the chosen value move together, as on native radios.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export declare class OddkinRating extends OddkinRating_base {
+    #private;
+    /** @internal The built-in text with the author's overrides. */
+    readonly _strings: Readable<typeof RATING_STRINGS>;
+    /** @internal The stars: the given options, else `max` stars named by `strings.star`. */
+    readonly _options: Readable<readonly OptionRecord[]>;
+    /** @internal The chosen star's position from one; zero while nothing is chosen. */
+    readonly _position: Readable<number>;
+    /** @internal What the value part says. */
+    readonly _summary: Readable<string>;
+    /**
+     * @internal Template handler: while read-only, a click checks nothing. The engines check a radio
+     * by the arrow keys and Space through a cancelable click too, so this covers the keys.
+     */
+    readonly _onClick: (event: Event) => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odd-rating': OddkinRating;
+    }
+}
+//# sourceMappingURL=rating.d.ts.map

package/dist/rating/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../src/rating/rating.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEzF,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE3E,eAAO,MAAM,cAAc;IACzB,IAAI;IACJ,OAAO;IACP,OAAO;IACP,KAAK;CACN,CAAC;;;;;;;;;;;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,YAAa,SAAQ,iBAehC;;IAIA,+DAA+D;IAC/D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,cAAc,CAAC,CAEhD;IAEF,wFAAwF;IACxF,SAAkB,QAAQ,EAAE,QAAQ,CAAC,SAAS,YAAY,EAAE,CAAC,CAS1D;IAEH,mFAAmF;IACnF,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAElC;IAEF,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAMhC;IAEH;;;OAGG;IACH,QAAQ,CAAC,QAAQ,UAAW,KAAK,KAAG,IAAI,CAEtC;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,YAAY,CAAC;KAC5B;CACF"}

package/dist/rating/rating.define.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="rating.d.ts" preserve="true" />
+export {};
+//# sourceMappingURL=rating.define.d.ts.map

package/dist/rating/rating.define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.define.d.ts","sourceRoot":"","sources":["../../src/rating/rating.define.ts"],"names":[],"mappings":""}

package/dist/rating/rating.define.js

@@ -0,0 +1,5 @@
+/// <reference path="./rating.ts" preserve="true" />
+import { define } from '@oddkin/core/element';
+import { ratingDefinition } from './rating.definition.js';
+define(ratingDefinition);
+//# sourceMappingURL=rating.define.js.map

package/dist/rating/rating.define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.define.js","sourceRoot":"","sources":["../../src/rating/rating.define.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/rating/rating.definition.d.ts

@@ -0,0 +1,3 @@
+import { OddkinRating } from './rating.js';
+export declare const ratingDefinition: import("@oddkin/core/element").ElementDefinition<OddkinRating>;
+//# sourceMappingURL=rating.definition.d.ts.map

package/dist/rating/rating.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.definition.d.ts","sourceRoot":"","sources":["../../src/rating/rating.definition.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,eAAO,MAAM,gBAAgB,gEAc3B,CAAC"}

package/dist/rating/rating.definition.js

@@ -0,0 +1,27 @@
+import { compose } from '@oddkin/core/element';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+import { focusRingStyles } from '../styles/focus-ring.styles.js';
+import { glyphStyles } from '../styles/glyphs.js';
+import { hostStyles } from '../styles/host.styles.js';
+import { visuallyHiddenStyles } from '../styles/visually-hidden.styles.js';
+import { OddkinRating } from './rating.js';
+import { ratingStructuralStyles } from './rating.structural.styles.js';
+import { ratingStyles } from './rating.styles.js';
+import { ratingTemplate } from './rating.template.js';
+export const ratingDefinition = compose({
+    name: 'odd-rating',
+    element: OddkinRating,
+    template: ratingTemplate,
+    styles: [
+        hostStyles,
+        fieldStructuralStyles,
+        ratingStructuralStyles,
+        visuallyHiddenStyles,
+        glyphStyles,
+        focusRingStyles,
+        controlStyles,
+        ratingStyles,
+    ],
+});
+//# sourceMappingURL=rating.definition.js.map

package/dist/rating/rating.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.definition.js","sourceRoot":"","sources":["../../src/rating/rating.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACtC,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE;QACN,UAAU;QACV,qBAAqB;QACrB,sBAAsB;QACtB,oBAAoB;QACpB,WAAW;QACX,eAAe;QACf,aAAa;QACb,YAAY;KACb;CACF,CAAC,CAAC"}

package/dist/rating/rating.js

@@ -0,0 +1,84 @@
+import { prop } from '@oddkin/core/element';
+import { format, langOf, plural, strings } from '@oddkin/core/i18n';
+import { computed } from '@oddkin/core/reactive';
+import { OddkinRadioControl } from '../form-control/radio-control.js';
+export { changeEvent, inputEvent } from '../form-control/radio-control.js';
+export const RATING_STRINGS = {
+    star: '{count} stars',
+    starOne: '{count} star',
+    summary: '{value} of {max}',
+    empty: 'Not rated',
+};
+/**
+ * A score from one to `max` stars (default five), with the chosen value beside the stars ("3 of
+ * 5"): the radio-group behavior drawn as stars, each filled up to the chosen one. Without
+ * `<option>` children or `options`, the stars are named by `strings.star` ("3 stars"); options
+ * name them instead ("Good"), and their count replaces `max`.
+ *
+ * @csspart field - Wrapper of label, description, stars, value, and error.
+ * @csspart label - The visible label.
+ * @csspart description - Help text, referenced by `aria-describedby`.
+ * @csspart control - The row of stars and the value.
+ * @csspart option - One star.
+ * @csspart value - The chosen value, or `strings.empty` while nothing is chosen.
+ * @csspart error - The error message, referenced by `aria-describedby`.
+ * @cssstate user-invalid - The rating shows its error: `error` is set, or nothing is chosen while `required` after focus left the stars or a validity check failed.
+ * @a11y A `role="radiogroup"` in the shadow root, named by `label` and described by the description and error, holds a native radio per star, named by its option's label ("3 stars"), as the WAI-ARIA rating radio group example. `readonly` adds `aria-readonly` and keeps the stars focusable.
+ * @keyboard Native radio behavior: Tab enters at the chosen star (or the first, when none is chosen) and leaves; arrow keys move to the next or previous star and choose it; Space chooses the focused star. While `readonly`, the keys and clicks change nothing.
+ * @previewRole rating
+ * @useFor A score the user gives on a short ordered scale: an opinion of an item, a satisfaction level.
+ * @notFor A number on a long or continuous scale (use odd-slider); choices that are not ordered (use odd-radio-group).
+ * @limitation Whole stars only: no half values. The focus ring and the chosen value move together, as on native radios.
+ * @category Forms
+ * @customization 1 2 3
+ */
+export class OddkinRating extends OddkinRadioControl.with({
+    max: prop.number({
+        default: 5,
+        reflect: true,
+        description: 'How many stars, when the options are not given.',
+    }),
+    readonly: prop.boolean({
+        reflect: true,
+        description: 'Shows the value without letting the user change it; still submitted and, as a native read-only field, barred from validation.',
+    }),
+    strings: prop.object({
+        description: 'Localized string overrides: `star` and `starOne` (a star\'s name, "{count} stars"), `summary` ("{value} of {max}"), `empty` (nothing chosen).',
+    }),
+}) {
+    // The options from children or `options`, as the shared radio control read them.
+    #given = this._options;
+    /** @internal The built-in text with the author's overrides. */
+    _strings = computed(() => strings(RATING_STRINGS, this.strings));
+    /** @internal The stars: the given options, else `max` stars named by `strings.star`. */
+    _options = computed(() => {
+        const given = this.#given.value;
+        if (given.length)
+            return given;
+        const s = this._strings.value;
+        const lang = langOf(this);
+        return Array.from({ length: Math.max(1, Math.floor(this.max) || 5) }, (_, index) => ({
+            value: String(index + 1),
+            label: plural(index + 1, { one: s.starOne, other: s.star }, lang),
+        }));
+    });
+    /** @internal The chosen star's position from one; zero while nothing is chosen. */
+    _position = computed(() => this._options.value.findIndex((option) => option.value === this.value) + 1);
+    /** @internal What the value part says. */
+    _summary = computed(() => {
+        const s = this._strings.value;
+        const position = this._position.value;
+        return position
+            ? format(s.summary, { value: position, max: this._options.value.length })
+            : s.empty;
+    });
+    /**
+     * @internal Template handler: while read-only, a click checks nothing. The engines check a radio
+     * by the arrow keys and Space through a cancelable click too, so this covers the keys.
+     */
+    _onClick = (event) => {
+        if (this.readonly && event.target.localName === 'input')
+            event.preventDefault();
+    };
+}
+//# sourceMappingURL=rating.js.map

package/dist/rating/rating.js.map

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

package/dist/rating/rating.recipe.d.ts

@@ -0,0 +1,3 @@
+/** Arrangement of the rating (layout-recipes.md §14): the stars and the value in a row that wraps. */
+export declare const ratingRecipe: import("../layout/index.js").LayoutRecipe;
+//# sourceMappingURL=rating.recipe.d.ts.map

package/dist/rating/rating.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.recipe.d.ts","sourceRoot":"","sources":["../../src/rating/rating.recipe.ts"],"names":[],"mappings":"AAGA,sGAAsG;AACtG,eAAO,MAAM,YAAY,2CAGvB,CAAC"}

package/dist/rating/rating.recipe.js

@@ -0,0 +1,8 @@
+import { token } from '@oddkin/tokens/refs';
+import { defineLayoutRecipe, row } from '../layout/index.js';
+/** Arrangement of the rating (layout-recipes.md §14): the stars and the value in a row that wraps. */
+export const ratingRecipe = defineLayoutRecipe({
+    name: 'rating',
+    regions: { row: row({ gap: token('space.sm'), wrap: true }) },
+});
+//# sourceMappingURL=rating.recipe.js.map

package/dist/rating/rating.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.recipe.js","sourceRoot":"","sources":["../../src/rating/rating.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE7D,sGAAsG;AACtG,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;IAC7C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE;CAC9D,CAAC,CAAC"}

package/dist/rating/rating.recipe.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const ratingRecipeStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=rating.recipe.styles.d.ts.map

package/dist/rating/rating.recipe.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.recipe.styles.d.ts","sourceRoot":"","sources":["../../src/rating/rating.recipe.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,yCAE9B,CAAC"}

package/dist/rating/rating.recipe.styles.js

@@ -0,0 +1,5 @@
+// Generated from ./rating.recipe.ts by packages/components/test/recipes.test.ts (UPDATE_FIXTURES=1).
+// Do not edit: change the recipe and regenerate.
+import { unsafeCSS } from '@oddkin/core/styles';
+export const ratingRecipeStyles = unsafeCSS('@layer odd.layout.base, odd.layout.variant, odd.layout.condition;\n@layer odd.layout.base {\n  .row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--odd-space-sm);\n    flex-wrap: wrap;\n    min-inline-size: 0;\n  }\n}\n');
+//# sourceMappingURL=rating.recipe.styles.js.map

package/dist/rating/rating.recipe.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.recipe.styles.js","sourceRoot":"","sources":["../../src/rating/rating.recipe.styles.ts"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,iDAAiD;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CACzC,uQAAuQ,CACxQ,CAAC"}

package/dist/rating/rating.structural.styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The rating is a block; its label, description, and error use the shared field layout. The row
+ * (the layout recipe in `rating.recipe.ts`)
+ * holds the stars and the value; each star stacks its radio, drawn as the star's target
+ * (`appearance: none`), under the glyph, which lets pointer events through to the radio. A star
+ * that is on fills its glyph. No brand tokens.
+ */
+export declare const ratingStructuralStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=rating.structural.styles.d.ts.map

package/dist/rating/rating.structural.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.structural.styles.d.ts","sourceRoot":"","sources":["../../src/rating/rating.structural.styles.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,yCA4ClC,CAAC"}

package/dist/rating/rating.structural.styles.js

@@ -0,0 +1,55 @@
+import { css } from '@oddkin/core/styles';
+import { ratingRecipeStyles } from './rating.recipe.styles.js';
+/**
+ * The rating is a block; its label, description, and error use the shared field layout. The row
+ * (the layout recipe in `rating.recipe.ts`)
+ * holds the stars and the value; each star stacks its radio, drawn as the star's target
+ * (`appearance: none`), under the glyph, which lets pointer events through to the radio. A star
+ * that is on fills its glyph. No brand tokens.
+ */
+export const ratingStructuralStyles = css `
+  ${ratingRecipeStyles}
+  :host {
+    display: block;
+  }
+  .stars {
+    display: flex;
+  }
+  .star {
+    display: grid;
+    place-items: center;
+  }
+  .star > * {
+    grid-area: 1 / 1;
+  }
+  .star-box {
+    inline-size: 100%;
+    block-size: 100%;
+    margin: 0;
+    appearance: none;
+    /* Firefox tints a disabled input's background. */
+    background: none;
+    cursor: pointer;
+  }
+  .star-box:disabled {
+    cursor: not-allowed;
+  }
+  :host([readonly]) .star-box {
+    cursor: inherit;
+  }
+  .star .glyph {
+    pointer-events: none;
+  }
+  .star[data-state='on'] .glyph {
+    fill: currentColor;
+  }
+  @media (forced-colors: active) {
+    .star[data-state='on'] > .glyph {
+      color: Highlight;
+    }
+    .star > .star-box:disabled + .glyph {
+      color: GrayText;
+    }
+  }
+`;
+//# sourceMappingURL=rating.structural.styles.js.map

package/dist/rating/rating.structural.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.structural.styles.js","sourceRoot":"","sources":["../../src/rating/rating.structural.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;IACrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CrB,CAAC"}

package/dist/rating/rating.styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Oddkin's default rating (Figma `rating`, `rating/Item`): `control.height.sm` star targets with
+ * the small radius, `space.2xs` apart, holding a 20 px star (`icon.size.md`) in the strong border
+ * colour, filled in the selection colour up to the chosen star and in the disabled text colour
+ * while disabled; a pointer hover on an editable star. The value sits `space.sm` after the stars
+ * in the small type role and the secondary text colour; the label is dimmed while disabled.
+ */
+export declare const ratingStyles: import("@oddkin/core/styles").CSSResult;
+//# sourceMappingURL=rating.styles.d.ts.map

package/dist/rating/rating.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.styles.d.ts","sourceRoot":"","sources":["../../src/rating/rating.styles.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,yCAmCxB,CAAC"}

package/dist/rating/rating.styles.js

@@ -0,0 +1,46 @@
+import { css } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+/**
+ * Oddkin's default rating (Figma `rating`, `rating/Item`): `control.height.sm` star targets with
+ * the small radius, `space.2xs` apart, holding a 20 px star (`icon.size.md`) in the strong border
+ * colour, filled in the selection colour up to the chosen star and in the disabled text colour
+ * while disabled; a pointer hover on an editable star. The value sits `space.sm` after the stars
+ * in the small type role and the secondary text colour; the label is dimmed while disabled.
+ */
+export const ratingStyles = css `
+  .stars {
+    gap: ${token('space.2xs')};
+  }
+  .star {
+    inline-size: ${token('control.height.sm')};
+    block-size: ${token('control.height.sm')};
+    color: ${token('color.border.strong')};
+    font-size: ${token('icon.size.md')};
+  }
+  .star-box {
+    border-radius: ${token('radius.sm')};
+    transition-property: background-color;
+    transition-duration: ${token('motion.duration.fast')};
+    transition-timing-function: ${token('motion.easing.standard')};
+  }
+  @media (hover: hover) {
+    :host(:not([readonly])) .star-box:enabled:hover {
+      background: ${token('color.surface.hover')};
+    }
+  }
+  .star[data-state='on'] {
+    color: ${token('color.selection.background')};
+  }
+  .star-box:disabled + .glyph {
+    color: ${token('color.text.disabled')};
+  }
+  .value {
+    color: ${token('color.text.secondary')};
+    font-size: ${token('type.small.size')};
+    line-height: ${token('type.small.line-height')};
+  }
+  :host(:disabled) .label {
+    color: ${token('color.text.disabled')};
+  }
+`;
+//# sourceMappingURL=rating.styles.js.map

package/dist/rating/rating.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.styles.js","sourceRoot":"","sources":["../../src/rating/rating.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;WAEpB,KAAK,CAAC,WAAW,CAAC;;;mBAGV,KAAK,CAAC,mBAAmB,CAAC;kBAC3B,KAAK,CAAC,mBAAmB,CAAC;aAC/B,KAAK,CAAC,qBAAqB,CAAC;iBACxB,KAAK,CAAC,cAAc,CAAC;;;qBAGjB,KAAK,CAAC,WAAW,CAAC;;2BAEZ,KAAK,CAAC,sBAAsB,CAAC;kCACtB,KAAK,CAAC,wBAAwB,CAAC;;;;oBAI7C,KAAK,CAAC,qBAAqB,CAAC;;;;aAInC,KAAK,CAAC,4BAA4B,CAAC;;;aAGnC,KAAK,CAAC,qBAAqB,CAAC;;;aAG5B,KAAK,CAAC,sBAAsB,CAAC;iBACzB,KAAK,CAAC,iBAAiB,CAAC;mBACtB,KAAK,CAAC,wBAAwB,CAAC;;;aAGrC,KAAK,CAAC,qBAAqB,CAAC;;CAExC,CAAC"}

package/dist/rating/rating.template.d.ts

@@ -0,0 +1,10 @@
+import type { OddkinRating } from './rating.js';
+/**
+ * Anatomy: the shared field as a `role="radiogroup"` named by its `label` part and described by
+ * the `description` and `error` parts, around a row (`control`) of stars and the chosen value
+ * (`value`). Each star (`option`) is a label holding its native radio, drawn as the star's
+ * target, under the star glyph and the option's label for assistive technology; stars up to the
+ * chosen one are `data-state="on"`.
+ */
+export declare const ratingTemplate: (rating: OddkinRating) => import("@oddkin/core/template").TemplateResult;
+//# sourceMappingURL=rating.template.d.ts.map

package/dist/rating/rating.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.template.d.ts","sourceRoot":"","sources":["../../src/rating/rating.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,WAAY,YAAY,mDAiClD,CAAC"}