@oscarpalmer/oui 0.37.0 → 0.39.0

package/dist/js/constants.color-picker-B-gFjL8m.d.mts

@@ -0,0 +1,364 @@
+import { t as OuiLocalizations } from "./l10n-Bn-7RcwR.mjs";
+import { r as OuiFloatable } from "./floatable.embedded-DQYkXt8X.mjs";
+import { Color, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor } from "@oscarpalmer/atoms/color";
+import { RemovableEventListener } from "@oscarpalmer/toretto";
+//#region src/js/color-picker/misc.color-picker.d.ts
+declare function getColorPickerId(): string;
+declare function getColorPickerOutput(element: OuiColorPickerElement): OuiColorPickerOutputType;
+declare function getColorPickerValueType(state: OuiColorPickerState, value: unknown): OuiColorPickerValueType | undefined;
+/**
+ * Set localizations for a specific language
+ *
+ * @param language Language code
+ * @param localizations Localizations for language
+ */
+declare function setColorPickerLocalizations(language: string, localizations: Partial<OuiColorPickerLocalizations>): void;
+/**
+ * Set localizations for one or more languages
+ *
+ * @param localizations Localizations for one or more languages
+ */
+declare function setColorPickerLocalizations(localizations: Record<string, Partial<OuiColorPickerLocalizations>>): void;
+declare function setColorPickerDisabled(state: OuiColorPickerState, type: "disabled" | "readonly", value: boolean): void;
+declare function setColorPickerRequired(state: OuiColorPickerState, value: boolean): void;
+declare function setColorPickerValue<Type extends OuiColorPickerValueType>(state: OuiColorPickerState, value: unknown, type?: Type): void;
+declare function setColorPickerValues(state: OuiColorPickerState, focus: boolean, input?: string): void;
+declare function updateColorPickerLabels(state: OuiColorPickerState): void;
+declare function updateColorPickerLocalizations(instance: OuiLocalizations<OuiColorPickerLocalizations>, destination: Record<string, Partial<OuiColorPickerLocalizations>>, first: string | Record<string, Partial<OuiColorPickerLocalizations>>, second?: Partial<OuiColorPickerLocalizations>): void;
+//#endregion
+//#region src/js/color-picker/index.d.ts
+declare global {
+  interface HTMLElementTagNameMap {
+    [COLOR_PICKER_TAGNAME]: OuiColorPickerElement;
+  }
+}
+declare class OuiColorPickerElement extends HTMLElement {
+  #private;
+  static formAssociated: boolean;
+  static observedAttributes: string[];
+  /**
+   * Is the color picker disabled?
+   */
+  get disabled(): boolean;
+  /**
+   * Should the color picker be disabled?
+   */
+  set disabled(value: boolean);
+  /**
+   * Form element associated with the color picker
+   */
+  get form(): HTMLFormElement | null;
+  /**
+   * Color value as hexadecimal string
+   */
+  get hex(): string;
+  /**
+   * Set color value from a hexadecimal string
+   */
+  set hex(value: string);
+  /**
+   * Color value as hexadecimal string with alpha channel
+   */
+  get hexa(): string;
+  /**
+   * Set color value from a hexadecimal string with alpha channel
+   */
+  set hexa(value: string);
+  /**
+   * Color value as an _HSL_ color object
+   */
+  get hsl(): HSLColor;
+  /**
+   * Set color value from an _HSL_ color object
+   */
+  set hsl(value: HSLColor);
+  /**
+   * Color value as an _HSLA_ color object _(HSL with alpha channel)_
+   */
+  get hsla(): HSLAColor;
+  /**
+   * Set color value from an _HSLA_ color object _(HSL with alpha channel)_
+   */
+  set hsla(value: HSLAColor);
+  /**
+   * Color value as an _HWB_ color object
+   */
+  get hwb(): HWBColor;
+  /**
+   * Set color value from an _HWB_ color object
+   */
+  set hwb(value: HWBColor);
+  /**
+   * Color value as an _HWBA_ color object _(HWB with alpha channel)_
+   */
+  get hwba(): HWBAColor;
+  /**
+   * Set color value from an _HWBA_ color object _(HWB with alpha channel)_
+   */
+  set hwba(value: HWBAColor);
+  /**
+   * Text input value
+   */
+  get input(): string;
+  /**
+   * Label elements associated with the color picker
+   */
+  get labels(): NodeList;
+  /**
+   * Is the color picker readonly?
+   */
+  get readonly(): boolean;
+  /**
+   * Should the color picker be readonly?
+   */
+  set readonly(value: boolean);
+  /**
+   * Is the color picker required?
+   */
+  get required(): boolean;
+  /**
+   * Should the color picker be required?
+   */
+  set required(value: boolean);
+  /**
+   * Color value as an _RGB_ color object
+   */
+  get rgb(): RGBColor;
+  /**
+   * Set color value from an _RGB_ color object
+   */
+  set rgb(value: RGBColor);
+  /**
+   * Color value as an _RGBA_ color object _(RGB with alpha channel)_
+   */
+  get rgba(): RGBAColor;
+  /**
+   * Set color value from an _RGBA_ color object _(RGB with alpha channel)_
+   */
+  set rgba(value: RGBAColor);
+  /**
+   * Validation message for the color picker
+   */
+  get validationMessage(): string;
+  /**
+   * Validity state for the color picker
+   */
+  get validity(): ValidityState;
+  /**
+   * Current color value
+   */
+  get value(): string;
+  /**
+   * Set color value from a string, _HSL(A)_, _HWB(A)_, or _RGB(A)_ color object
+   */
+  set value(value: string | HSLColor | HSLAColor | HWBColor | HWBAColor | RGBColor | RGBAColor);
+  /**
+   * Can the color picker be validated?
+   */
+  get willValidate(): boolean;
+  constructor();
+  attributeChangedCallback(name: string, _: string | null, value: string | null): void;
+  /**
+   * Check if the color picker is valid
+   *
+   * @returns `true` if the color picker is valid, otherwise `false`
+   */
+  checkValidity(): boolean;
+  /**
+   * Clear the color picker's value
+   */
+  clear(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  formDisabledCallback(disabled: boolean): void;
+  formResetCallback(): void;
+  formStateRestoreCallback(state: unknown, reason: unknown): void;
+  /**
+   * Check if the color picker is valid and report any validation errors
+   *
+   * @returns `true` if the color picker is valid, otherwise `false`
+   */
+  reportValidity(): boolean;
+  /**
+   * Set a custom validation message for the color picker
+   *
+   * @param message Validation message
+   */
+  setCustomValidity(message: string): void;
+  /**
+   * Set localizations for a specific language
+   *
+   * @param language Language code
+   * @param localizations Localizations for language
+   */
+  setLocalizations(language: string, localizations: Partial<OuiColorPickerLocalizations>): void;
+  /**
+   * Set localizations for one or more languages
+   *
+   * @param localizations Localizations for one or more languages
+   */
+  setLocalizations(localizations: Record<string, Partial<OuiColorPickerLocalizations>>): void;
+}
+//#endregion
+//#region src/js/color-picker/models.color-picker.d.ts
+type OuiColorPickerAnchor = {
+  copy?: OuiColorPickerCopy;
+  toggle?: HTMLButtonElement;
+  container: HTMLDivElement;
+  input: HTMLInputElement;
+};
+type OuiColorPickerColor = {
+  foreground: string;
+  value: Color;
+};
+type OuiColorPickerContent = {
+  element: HTMLDivElement;
+  hue: OuiColorPickerContentHue;
+  opacity?: OuiColorPickerContentOpacity;
+  output?: OuiColorPickerContentOutput;
+  well: OuiColorPickerContentWell;
+};
+type OuiColorPickerContentHue = {
+  container: HTMLDivElement;
+  input: HTMLInputElement;
+  label: HTMLLabelElement;
+  knob: HTMLSpanElement;
+  track: HTMLDivElement;
+};
+type OuiColorPickerContentOpacity = {
+  container: HTMLDivElement;
+  input: HTMLInputElement;
+  label: HTMLLabelElement;
+};
+type OuiColorPickerContentOutput = {
+  container: HTMLDivElement;
+  copy?: OuiColorPickerCopy;
+  inputs: HTMLInputElement[];
+  items: HTMLDivElement[];
+  toggle?: HTMLSelectElement;
+};
+type OuiColorPickerContentWell = {
+  element: HTMLDivElement;
+  knob: HTMLSpanElement;
+  label: HTMLSpanElement;
+};
+type OuiColorPickerCopy = {
+  button: HTMLButtonElement;
+  timer?: number;
+};
+type OuiColorPickerCreateParameters = {
+  alpha: boolean;
+  color: Color;
+  copy: boolean;
+  id: string;
+  inline: boolean;
+  input: HTMLInputElement;
+  output: OuiColorPickerOutputType;
+};
+declare class OuiColorPickerEvent extends Event {
+  readonly valid: boolean;
+  readonly value: OuiColorPickerEventValue;
+  constructor(type: OuiColorPickerEventType, color: Color, valid: boolean);
+}
+type OuiColorPickerEventType = "oui:change" | "oui:input";
+type OuiColorPickerEventValue = {
+  hex: string;
+  hexa: string;
+  hsl: HSLColor;
+  hsla: HSLAColor;
+  hwb: HWBColor;
+  hwba: HWBAColor;
+  rgb: RGBColor;
+  rgba: RGBAColor;
+};
+type OuiColorPickerLabel = {
+  element: HTMLLabelElement;
+  id: string;
+};
+type OuiColorPickerLocalizations = {
+  blackness: string;
+  blue: string;
+  copy: string;
+  green: string;
+  hex: string;
+  hsl: string;
+  hue: string;
+  hwb: string;
+  invalid: string;
+  lightness: string;
+  opacity: string;
+  output: string;
+  red: string;
+  rgb: string;
+  saturation: string;
+  toggle: string;
+  wellLabel: string;
+  wellValue: string | ((lightness: number, saturation: number) => string);
+  whiteness: string;
+};
+type OuiColorPickerMovement = {
+  parameters?: OuiColorPickerMovementParameters;
+};
+type OuiColorPickerMovementParameters = {
+  rectangle: DOMRect;
+  state: OuiColorPickerState;
+  value: string;
+};
+type OuiColorPickerOutputColor = "hsl" | "hwb" | "rgb";
+type OuiColorPickerOutputColorProperty = "blackness" | "blue" | "green" | "hue" | "lightness" | "red" | "saturation" | "whiteness";
+type OuiColorPickerOutputType = "all" | "none" | OuiColorPickerOutputColor;
+type OuiColorPickerState = {
+  alpha: boolean;
+  anchor: OuiColorPickerAnchor;
+  color: OuiColorPickerColor;
+  copy: boolean;
+  content: OuiColorPickerContent;
+  disabled: boolean;
+  floatable?: OuiFloatable;
+  host: OuiColorPickerElement;
+  id: string;
+  inline: boolean;
+  input: HTMLInputElement;
+  internals: ElementInternals;
+  label: OuiColorPickerLabel;
+  listeners: RemovableEventListener[];
+  localizations: OuiColorPickerStateLocalizations;
+  output: OuiColorPickerOutputType;
+  readonly: boolean;
+  required: boolean;
+  style: HTMLStyleElement;
+  value: OuiColorPickerValue;
+};
+type OuiColorPickerStateLocalizations = {
+  component: Record<string, Partial<OuiColorPickerLocalizations>>;
+  global: OuiLocalizations<OuiColorPickerLocalizations>;
+};
+type OuiColorPickerValue = {
+  current: string;
+  initial: string;
+};
+type OuiColorPickerValueType = "hex" | "hexa" | "hsl" | "hsla" | "hwb" | "hwba" | "rgb" | "rgba";
+//#endregion
+//#region src/js/color-picker/constants.color-picker.d.ts
+declare const COLOR_PICKER_TAGNAME = "oui-color-picker";
+declare const COLOR_PICKER_ATTRIBUTE_COPY: string;
+declare const COLOR_PICKER_ATTRIBUTE_COPY_ERROR: string;
+declare const COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS: string;
+declare const COLOR_PICKER_ATTRIBUTE_INPUT: string;
+declare const COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT: string;
+declare const COLOR_PICKER_ATTRIBUTE_WELL: string;
+declare const COLOR_PICKER_ATTRIBUTE_WELL_KNOB: string;
+declare const COLOR_PICKER_EXPRESSION_HEX_PREFIX: RegExp;
+declare const COLOR_PICKER_INPUT_TYPES: Set<string>;
+declare const COLOR_PICKER_KEYS: Set<string>;
+declare const COLOR_PICKER_MESSAGE_INPUT: string;
+declare const COLOR_PICKER_MESSAGE_LABEL: string;
+declare const COLOR_PICKER_OUTPUTS: Set<OuiColorPickerOutputType>;
+declare const COLOR_PICKER_SELECTOR_COPY: string;
+declare const COLOR_PICKER_SELECTOR_INPUT: string;
+declare const COLOR_PICKER_SELECTOR_OUTPUT_INPUT: string;
+declare const COLOR_PICKER_SELECTOR_WELL: string;
+declare const COLOR_PICKER_SELECTOR_WELL_KNOB: string;
+declare const colorPickerLocalizations: OuiLocalizations<OuiColorPickerLocalizations>;
+//#endregion
+export { OuiColorPickerEvent as A, OuiColorPickerElement as B, OuiColorPickerContent as C, OuiColorPickerContentWell as D, OuiColorPickerContentOutput as E, OuiColorPickerOutputColorProperty as F, setColorPickerLocalizations as G, getColorPickerOutput as H, OuiColorPickerOutputType as I, setColorPickerValues as J, setColorPickerRequired as K, OuiColorPickerState as L, OuiColorPickerMovement as M, OuiColorPickerMovementParameters as N, OuiColorPickerCopy as O, OuiColorPickerOutputColor as P, OuiColorPickerStateLocalizations as R, OuiColorPickerColor as S, OuiColorPickerContentOpacity as T, getColorPickerValueType as U, getColorPickerId as V, setColorPickerDisabled as W, updateColorPickerLocalizations as X, updateColorPickerLabels as Y, COLOR_PICKER_SELECTOR_WELL as _, COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT as a, colorPickerLocalizations as b, COLOR_PICKER_EXPRESSION_HEX_PREFIX as c, COLOR_PICKER_MESSAGE_INPUT as d, COLOR_PICKER_MESSAGE_LABEL as f, COLOR_PICKER_SELECTOR_OUTPUT_INPUT as g, COLOR_PICKER_SELECTOR_INPUT as h, COLOR_PICKER_ATTRIBUTE_INPUT as i, OuiColorPickerLocalizations as j, OuiColorPickerCreateParameters as k, COLOR_PICKER_INPUT_TYPES as l, COLOR_PICKER_SELECTOR_COPY as m, COLOR_PICKER_ATTRIBUTE_COPY_ERROR as n, COLOR_PICKER_ATTRIBUTE_WELL as o, COLOR_PICKER_OUTPUTS as p, setColorPickerValue as q, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS as r, COLOR_PICKER_ATTRIBUTE_WELL_KNOB as s, COLOR_PICKER_ATTRIBUTE_COPY as t, COLOR_PICKER_KEYS as u, COLOR_PICKER_SELECTOR_WELL_KNOB as v, OuiColorPickerContentHue as w, OuiColorPickerAnchor as x, COLOR_PICKER_TAGNAME as y, OuiColorPickerValueType as z };

package/dist/js/constants.combobox-8EMRmv09.d.mts

@@ -0,0 +1,18 @@
+import { r as OuiListboxAutoCompleteType, t as OuiListboxAttributes } from "./listbox.model-BHPA7GM4.mjs";
+//#region src/js/combobox/constants.combobox.d.ts
+declare const COMBOBOX_TAGNAME = "oui-combobox";
+declare const COMBOBOX_ATTRIBUTE_ANCHOR: string;
+declare const COMBOBOX_ATTRIBUTE_SELECTION: string;
+declare const COMBOBOX_ATTRIBUTE_SELECTION_ITEM: string;
+declare const COMBOBOX_AUTOCOMPLETES: Set<OuiListboxAutoCompleteType>;
+declare const messageLabel: string;
+declare const messageSelect: string;
+declare const selectorAnchor: string;
+declare const selectorContent: string;
+declare const selectorOption: string;
+declare const selectorSelectionItem: string;
+declare const COMBOBOX_ATTRIBUTES: OuiListboxAttributes;
+declare const COMBOBOX_MESSAGES: Record<string, string>;
+declare const COMBOBOX_SELECTORS: Record<string, string>;
+//#endregion
+export { COMBOBOX_AUTOCOMPLETES as a, COMBOBOX_TAGNAME as c, selectorAnchor as d, selectorContent as f, COMBOBOX_ATTRIBUTE_SELECTION_ITEM as i, messageLabel as l, selectorSelectionItem as m, COMBOBOX_ATTRIBUTE_ANCHOR as n, COMBOBOX_MESSAGES as o, selectorOption as p, COMBOBOX_ATTRIBUTE_SELECTION as r, COMBOBOX_SELECTORS as s, COMBOBOX_ATTRIBUTES as t, messageSelect as u };

package/dist/js/constants.listbox-DGnX32kv.d.mts

@@ -0,0 +1,8 @@
+import { t as OuiListboxAttributes } from "./listbox.model-BHPA7GM4.mjs";
+//#region src/js/listbox/constants.listbox.d.ts
+declare const LISTBOX_TAGNAME = "oui-listbox";
+declare const LISTBOX_ATTRIBUTES: OuiListboxAttributes;
+declare const LISTBOX_MESSAGES: Record<string, string>;
+declare const LISTBOX_SELECTORS: Record<string, string>;
+//#endregion
+export { LISTBOX_TAGNAME as i, LISTBOX_MESSAGES as n, LISTBOX_SELECTORS as r, LISTBOX_ATTRIBUTES as t };

package/dist/js/dialog.d.mts

@@ -1,6 +1,6 @@
-import { h as OuiMovable } from "./draggable-a6w0J1OD.mjs";
+import { h as OuiMovable } from "./draggable-B5-70SZm.mjs";
 import "./movable/movable.standalone.mjs";
-import { n as OuiResizable } from "./resizable.embedded-3qoR0Bjm.mjs";
+import { n as OuiResizable } from "./resizable.embedded-dvhdfQgt.mjs";
 import "./resizable/resizable.standalone.mjs";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
 //#region src/js/dialog.d.ts

package/dist/js/dialog.mjs

@@ -106,7 +106,7 @@ function getState(element) {
 				state.resizable?.reset();
 			}
 		})],
-		modal: getAria(element, "modal") === "true" || element.matches(":modal")
+		modal: getAria(element, "modal") === true || element.matches(":modal")
 	};
 	state.dialog = new OuiDialog(state);
 	state.movable = getMovable(element);

package/dist/js/{draggable-a6w0J1OD.d.mts → draggable-B5-70SZm.d.mts}

@@ -1,5 +1,6 @@
 import { StyleToggler } from "@oscarpalmer/toretto/style";
-import { EventPosition, PlainObject } from "@oscarpalmer/atoms/models";
+import { PlainObject } from "@oscarpalmer/atoms/models";
+import { EventPosition } from "@oscarpalmer/toretto/models";
 //#region src/js/movable/movable.embedded.d.ts
 declare class OuiMovable extends OuiDraggable<OuiMovableState> {
   #private;
@@ -7,7 +8,7 @@ declare class OuiMovable extends OuiDraggable<OuiMovableState> {
   /**
    * Destroys the _Movable_
    */
-  destroy(): void;
+  override destroy(): void;
 }
 type OuiMovableState = {
   hasHandles?: boolean;
@@ -27,7 +28,7 @@ type OuiMovableStyle = {
  */
 declare function createMovable(element: HTMLElement, options?: CreateOuiDraggableOptions): OuiMovable;
 declare const ATTRIBUTE_MOVABLE = "oui-movable";
-declare const ATTRIBUTE_MOVABLE_HANDLE = "oui-movable-handle";
+declare const ATTRIBUTE_MOVABLE_HANDLE: string;
 //#endregion
 //#region src/js/sortable/sortable.embedded.d.ts
 declare class OuiSortable extends OuiDraggable<OuiSortableState> {
@@ -56,7 +57,7 @@ type CreateOuiDraggableOptions = {
    */
   direction?: OuiDraggableDirection;
 };
-type OuiDraggableDirection = 'horizontal' | 'vertical' | 'x' | 'y';
+type OuiDraggableDirection = "horizontal" | "vertical" | "x" | "y";
 declare abstract class OuiDraggable<ExtraState extends PlainObject = PlainObject> {
   #private;
   get element(): HTMLElement;