@breadstone/mosaik-elements-foundation 0.0.226 → 0.0.228

package/Controls/Components/Inputs/Select/SelectItemGroupElement.d.ts

@@ -4,12 +4,100 @@ import { SelectItemElement } from './SelectItemElement';
 import { IItemsAware } from '../../Interfaces/IItemsAware';
 declare const SelectItemGroupElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Select Item Group - A collection of selectable options within a dropdown or select element.
+ * Select Item Group - A labeled collection of related select options within dropdown menus.
  *
+ * @description
+ * The Select Item Group component provides semantic grouping for related select options,
+ * creating organized sections within dropdown menus. It includes a header label to
+ * identify the group and automatically manages child Select Item elements through its
+ * default slot. This component improves menu navigation and comprehension by visually
+ * separating options into logical categories. It implements the IItemsAware interface
+ * to provide access to grouped items and their count, enabling dynamic menu structures
+ * and programmatic interaction with grouped options.
+ *
+ * @name Select Item Group
  * @element mosaik-select-item-group
+ * @category Selectors
+ *
+ * @slot - The default slot for Select Item elements within the group
+ * @slot header - The header slot for custom group label content
+ *
+ * @csspart header - The group header text element displaying the group label
+ *
+ * @cssprop {String} --select-item-group-background-color - The background color of the group
+ * @cssprop {String} --select-item-group-foreground-color - The header text color
+ * @cssprop {String} --select-item-group-border-color - The border color
+ * @cssprop {String} --select-item-group-border-width - The border thickness
+ * @cssprop {String} --select-item-group-border-style - The border line style
+ * @cssprop {String} --select-item-group-border-radius - The corner rounding radius
+ * @cssprop {String} --select-item-group-font-family - The font family for group header
+ * @cssprop {String} --select-item-group-font-size - The font size for group header
+ * @cssprop {String} --select-item-group-font-weight - The font weight for group header
+ * @cssprop {String} --select-item-group-padding-top - The top padding inside the group
+ * @cssprop {String} --select-item-group-padding-right - The right padding inside the group
+ * @cssprop {String} --select-item-group-padding-bottom - The bottom padding inside the group
+ * @cssprop {String} --select-item-group-padding-left - The left padding inside the group
+ * @cssprop {String} --select-item-group-gap - The spacing between header and items
+ * @cssprop {String} --select-item-group-shadow - The drop shadow or elevation effect
+ * @cssprop {String} --select-item-group-transition-duration - The duration of state transitions
+ * @cssprop {String} --select-item-group-transition-mode - The timing function for transitions
+ * @cssprop {String} --select-item-group-transition-property - The CSS properties to transition
+ *
+ * @dependency {TextElement} - Text rendering component for group header labels
+ *
+ * @example
+ * Basic grouped select items:
+ * ```html
+ * <mosaik-select>
+ *   <mosaik-select-item-group header="Recent">
+ *     <mosaik-select-item label="Home" value="home"></mosaik-select-item>
+ *     <mosaik-select-item label="Dashboard" value="dashboard"></mosaik-select-item>
+ *   </mosaik-select-item-group>
+ *
+ *   <mosaik-select-item-group header="Settings">
+ *     <mosaik-select-item label="Profile" value="profile"></mosaik-select-item>
+ *     <mosaik-select-item label="Preferences" value="preferences"></mosaik-select-item>
+ *   </mosaik-select-item-group>
+ * </mosaik-select>
+ * ```
+ *
+ * @example
+ * Custom header content via slot:
+ * ```html
+ * <mosaik-select-item-group>
+ *   <div slot="header">
+ *     <strong>Admin Tools</strong> <em>(restricted)</em>
+ *   </div>
+ *   <mosaik-select-item label="Users" value="users"></mosaik-select-item>
+ *   <mosaik-select-item label="Settings" value="admin-settings"></mosaik-select-item>
+ * </mosaik-select-item-group>
+ * ```
+ *
+ * @example
+ * Programmatic access to grouped items:
+ * ```typescript
+ * const group = document.querySelector('mosaik-select-item-group');
+ * console.log(`Group contains ${group.count} items`);
+ * group.items.forEach(item => {
+ *   console.log(item.label, item.value);
+ * });
+ * ```
+ *
+ * @example
+ * Categorized menu structure:
+ * ```html
+ * <mosaik-select>
+ *   <mosaik-select-item-group header="Documents">
+ *     <mosaik-select-item label="Invoices" value="invoices"></mosaik-select-item>
+ *     <mosaik-select-item label="Reports" value="reports"></mosaik-select-item>
+ *   </mosaik-select-item-group>
  *
- * @slot - The default slot
- * @slot header - The header slot.
+ *   <mosaik-select-item-group header="Media">
+ *     <mosaik-select-item label="Images" value="images"></mosaik-select-item>
+ *     <mosaik-select-item label="Videos" value="videos"></mosaik-select-item>
+ *   </mosaik-select-item-group>
+ * </mosaik-select>
+ * ```
  *
  * @public
  */

package/Controls/Components/Inputs/Select/SelectItemGroupElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAK3D;;;;;;;;;GASG;AACH,qBAYa,sBACT,SAAQ,2BACR,YAAW,4BAA4B,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAIvE,OAAO,CAAC,OAAO,CAAS;IAMxB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAG3C;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,sBAAsB,CAAC;KACtD;CACJ"}
+{"version":3,"file":"SelectItemGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAK3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGG;AACH,qBAYa,sBACT,SAAQ,2BACR,YAAW,4BAA4B,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAIvE,OAAO,CAAC,OAAO,CAAS;IAMxB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAG3C;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,sBAAsB,CAAC;KACtD;CACJ"}

package/Controls/Components/Inputs/Select/SelectItemGroupElement.js

@@ -21,12 +21,100 @@ import { Themeable } from '../../../Behaviors/Themeable';
 import { getSlotElements } from '../../../../Dom/Slot';
 // #endregion
 /**
- * Select Item Group - A collection of selectable options within a dropdown or select element.
+ * Select Item Group - A labeled collection of related select options within dropdown menus.
  *
+ * @description
+ * The Select Item Group component provides semantic grouping for related select options,
+ * creating organized sections within dropdown menus. It includes a header label to
+ * identify the group and automatically manages child Select Item elements through its
+ * default slot. This component improves menu navigation and comprehension by visually
+ * separating options into logical categories. It implements the IItemsAware interface
+ * to provide access to grouped items and their count, enabling dynamic menu structures
+ * and programmatic interaction with grouped options.
+ *
+ * @name Select Item Group
  * @element mosaik-select-item-group
+ * @category Selectors
+ *
+ * @slot - The default slot for Select Item elements within the group
+ * @slot header - The header slot for custom group label content
+ *
+ * @csspart header - The group header text element displaying the group label
+ *
+ * @cssprop {String} --select-item-group-background-color - The background color of the group
+ * @cssprop {String} --select-item-group-foreground-color - The header text color
+ * @cssprop {String} --select-item-group-border-color - The border color
+ * @cssprop {String} --select-item-group-border-width - The border thickness
+ * @cssprop {String} --select-item-group-border-style - The border line style
+ * @cssprop {String} --select-item-group-border-radius - The corner rounding radius
+ * @cssprop {String} --select-item-group-font-family - The font family for group header
+ * @cssprop {String} --select-item-group-font-size - The font size for group header
+ * @cssprop {String} --select-item-group-font-weight - The font weight for group header
+ * @cssprop {String} --select-item-group-padding-top - The top padding inside the group
+ * @cssprop {String} --select-item-group-padding-right - The right padding inside the group
+ * @cssprop {String} --select-item-group-padding-bottom - The bottom padding inside the group
+ * @cssprop {String} --select-item-group-padding-left - The left padding inside the group
+ * @cssprop {String} --select-item-group-gap - The spacing between header and items
+ * @cssprop {String} --select-item-group-shadow - The drop shadow or elevation effect
+ * @cssprop {String} --select-item-group-transition-duration - The duration of state transitions
+ * @cssprop {String} --select-item-group-transition-mode - The timing function for transitions
+ * @cssprop {String} --select-item-group-transition-property - The CSS properties to transition
+ *
+ * @dependency {TextElement} - Text rendering component for group header labels
+ *
+ * @example
+ * Basic grouped select items:
+ * ```html
+ * <mosaik-select>
+ *   <mosaik-select-item-group header="Recent">
+ *     <mosaik-select-item label="Home" value="home"></mosaik-select-item>
+ *     <mosaik-select-item label="Dashboard" value="dashboard"></mosaik-select-item>
+ *   </mosaik-select-item-group>
+ *
+ *   <mosaik-select-item-group header="Settings">
+ *     <mosaik-select-item label="Profile" value="profile"></mosaik-select-item>
+ *     <mosaik-select-item label="Preferences" value="preferences"></mosaik-select-item>
+ *   </mosaik-select-item-group>
+ * </mosaik-select>
+ * ```
+ *
+ * @example
+ * Custom header content via slot:
+ * ```html
+ * <mosaik-select-item-group>
+ *   <div slot="header">
+ *     <strong>Admin Tools</strong> <em>(restricted)</em>
+ *   </div>
+ *   <mosaik-select-item label="Users" value="users"></mosaik-select-item>
+ *   <mosaik-select-item label="Settings" value="admin-settings"></mosaik-select-item>
+ * </mosaik-select-item-group>
+ * ```
+ *
+ * @example
+ * Programmatic access to grouped items:
+ * ```typescript
+ * const group = document.querySelector('mosaik-select-item-group');
+ * console.log(`Group contains ${group.count} items`);
+ * group.items.forEach(item => {
+ *   console.log(item.label, item.value);
+ * });
+ * ```
+ *
+ * @example
+ * Categorized menu structure:
+ * ```html
+ * <mosaik-select>
+ *   <mosaik-select-item-group header="Documents">
+ *     <mosaik-select-item label="Invoices" value="invoices"></mosaik-select-item>
+ *     <mosaik-select-item label="Reports" value="reports"></mosaik-select-item>
+ *   </mosaik-select-item-group>
  *
- * @slot - The default slot
- * @slot header - The header slot.
+ *   <mosaik-select-item-group header="Media">
+ *     <mosaik-select-item label="Images" value="images"></mosaik-select-item>
+ *     <mosaik-select-item label="Videos" value="videos"></mosaik-select-item>
+ *   </mosaik-select-item-group>
+ * </mosaik-select>
+ * ```
  *
  * @public
  */

package/Controls/Components/Inputs/Select/SelectItemGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,aAAa;AAEb;;;;;;;;;GASG;AAaI,IAAM,sBAAsB,GAA5B,MAAM,sBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAAS;IAExB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,MAAM,QAAQ,GAAG,eAAe,CAAoB,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC3F,OAAO,QAAQ,CAAC;IACpB,CAAC;CAIJ,CAAA;AAlCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;oDAG3B;AA9CQ,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE;YACJ,GAAG,EAAE,8BAA8B;YACnC,OAAO,EAAE,kCAAkC;YAC3C,YAAY,EAAE,uCAAuC;SACxD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,sBAAsB,CA6ElC"}
+{"version":3,"file":"SelectItemGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGG;AAaI,IAAM,sBAAsB,GAA5B,MAAM,sBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAAS;IAExB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,MAAM,QAAQ,GAAG,eAAe,CAAoB,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC3F,OAAO,QAAQ,CAAC;IACpB,CAAC;CAIJ,CAAA;AAlCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;oDAG3B;AA9CQ,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE;YACJ,GAAG,EAAE,8BAA8B;YACnC,OAAO,EAAE,kCAAkC;YAC3C,YAAY,EAAE,uCAAuC;SACxD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,sBAAsB,CA6ElC"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAqI1D"}
+{"version":3,"file":"SelectElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAuI1D"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.js

@@ -98,6 +98,8 @@ export function selectElementCosmopolitanStyle() {
 
 :host [part="input"] {
   cursor: inherit;
+  --textbox-border-color: var(--select-border-color);
+  --textbox-border-radius: var(--select-border-radius);
 }
 
 :host [part="input"][readonly]:not([invalid]) {

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqIT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAkLjD"}
+{"version":3,"file":"SelectElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAoLjD"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.js

@@ -98,6 +98,8 @@ export function selectElementJoyStyle() {
 
 :host [part="input"] {
   cursor: inherit;
+  --textbox-border-color: var(--select-border-color);
+  --textbox-border-radius: var(--select-border-radius);
 }
 
 :host [part="input"][readonly]:not([invalid]) {

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkLT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA8KrD"}
+{"version":3,"file":"SelectElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAgLrD"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.js

@@ -98,6 +98,8 @@ export function selectElementMemphisStyle() {
 
 :host [part="input"] {
   cursor: inherit;
+  --textbox-border-color: var(--select-border-color);
+  --textbox-border-radius: var(--select-border-radius);
 }
 
 :host [part="input"][readonly]:not([invalid]) {

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4KT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8KT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.d.ts

@@ -1,10 +1,10 @@
-import { type PointGroup } from 'signature_pad';
-import { IEventDetail, IEventEmitter } from '@breadstone/mosaik-elements';
+import { IEventEmitter } from '@breadstone/mosaik-elements';
 import { CssColor } from '@breadstone/mosaik-themes';
+import { type PointGroup } from 'signature_pad';
 import { IClearable } from '../../../Behaviors/Clearable';
 import { type IInvalidable } from '../../../Behaviors/Invalidable';
+import { ISignEndedEventDetail, ISignStartedEventDetail, ISignStrokeEventDetail } from '../../../events';
 import { CustomElement } from '../../Abstracts/CustomElement';
-import type { ISignaturePadEvents } from './ISignaturePadElementEvents';
 import type { ISignaturePadElementProps } from './ISignaturePadElementProps';
 declare const SignaturePadElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Clearable").IClearableProps & import("../../../Behaviors/Clearable").IClearableEvents & IClearable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => IInvalidable & import("../../../Behaviors/Invalidable").IInvalidableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
@@ -19,19 +19,19 @@ declare const SignaturePadElement_base: (abstract new (...args: Array<any>) => i
  *
  * @category Forms
  *
- * @fires cleared - Fired when the value is cleared.
- * @fires signStarted - Fired when the user starts signing.
- * @fires signEnded - Fired when the user ends signing.
- * @fires signStrokeBeforeUpdated - Fired when the user starts signing.
- * @fires signStrokeAfterUpdated - Fired when the user ends signing.
+ * @fires cleared {ClearedEvent} - Fired when the value is cleared.
+ * @fires signStarted {SignStartedEvent} - Fired when the user starts signing.
+ * @fires signEnded {SignEndedEvent} - Fired when the user ends signing.
+ * @fires signStrokeBeforeUpdate {SignStrokeBeforeUpdateEvent} - Fired when the user starts signing.
+ * @fires signStrokeAfterUpdate {SignStrokeAfterUpdateEvent} - Fired when the user ends signing.
  *
  * @public
  */
-export declare class SignaturePadElement extends SignaturePadElement_base implements ISignaturePadElementProps, ISignaturePadEvents, IInvalidable, IClearable {
+export declare class SignaturePadElement extends SignaturePadElement_base implements ISignaturePadElementProps, IInvalidable, IClearable {
     private readonly _signStarted;
     private readonly _signEnded;
-    private readonly _signStrokeBeforeUpdated;
-    private readonly _signStrokeAfterUpdated;
+    private readonly _signStrokeBeforeUpdate;
+    private readonly _signStrokeAfterUpdate;
     private _signaturePad;
     private _width;
     private _height;
@@ -163,40 +163,40 @@ export declare class SignaturePadElement extends SignaturePadElement_base implem
     get isEmpty(): boolean;
     /**
      * Called when the signing starts.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignStartedEventDetail}` as event detail.
      *
      * @public
      * @readonly
      * @eventProperty
      */
-    get signStarted(): IEventEmitter<IEventDetail<this>>;
+    get signStarted(): IEventEmitter<ISignStartedEventDetail>;
     /**
      * Called when the signing ends.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignEndedEventDetail}` as event detail.
      *
      * @public
      * @readonly
      * @eventProperty
      */
-    get signEnded(): IEventEmitter<IEventDetail<this>>;
+    get signEnded(): IEventEmitter<ISignEndedEventDetail>;
     /**
      * Called before the signing stroke is updated.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignStrokeEventDetail}` as event detail.
      *
      * @public
      * @readonly
      * @eventProperty
      */
-    get signStrokeBeforeUpdated(): IEventEmitter<IEventDetail<this>>;
+    get signStrokeBeforeUpdate(): IEventEmitter<ISignStrokeEventDetail>;
     /**
      * Called after the signing stroke is updated.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignStrokeEventDetail}` as event detail.
      *
      * @public
      * @readonly
      * @eventProperty
      */
-    get signStrokeAfterUpdated(): IEventEmitter<IEventDetail<this>>;
+    get signStrokeAfterUpdate(): IEventEmitter<ISignStrokeEventDetail>;
     /**
      * @public
      * @override
@@ -346,16 +346,6 @@ declare global {
     interface HTMLElementTagNameMap {
         'mosaik-signaturepad': SignaturePadElement;
     }
-    interface HTMLElementEventMap {
-        signEnded: CustomEvent<IEventDetail>;
-        signStarted: CustomEvent<IEventDetail>;
-        signStrokeBeforeUpdated: CustomEvent<IEventDetail>;
-        signStrokeAfterUpdated: CustomEvent<IEventDetail>;
-        beginStroke: Event;
-        beforeUpdateStroke: Event;
-        afterUpdateStroke: Event;
-        endStroke: Event;
-    }
 }
 export {};
 //# sourceMappingURL=SignaturePadElement.d.ts.map

package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignaturePadElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SignaturePad/SignaturePadElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SignaturePadElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SignaturePad/SignaturePadElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Inputs/SignaturePad/SignaturePadElement.js

@@ -8,17 +8,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { HTMLElementEventEmitter, on } from '@breadstone/mosaik-elements';
+import { CssColor } from '@breadstone/mosaik-themes';
 import SignaturePad from 'signature_pad';
 import { RendererServiceLocator } from '../../../../Dom/Renderer';
-import { Emit } from '../../../../Events/Decorators/EmitDecorator';
-import { on, HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
-import { CssColor } from '@breadstone/mosaik-themes';
+import { Emit } from '../../../../events/Decorators/EmitDecorator';
 import { Appearanceable } from '../../../Behaviors/Appearanceable';
 import { Clearable } from '../../../Behaviors/Clearable';
 import { Disableable } from '../../../Behaviors/Disableable';
 import { Focusable } from '../../../Behaviors/Focusable';
 import { Invalidable } from '../../../Behaviors/Invalidable';
 import { Labelable } from '../../../Behaviors/Labelable';
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Valueable } from '../../../Behaviors/Valueable';
 import { Variantable } from '../../../Behaviors/Variantable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
@@ -29,10 +30,9 @@ import { ButtonElement } from '../../Buttons/Button/ButtonElement';
 import { FocusRingElement } from '../../Primitives/FocusRing/FocusRingElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
 import { signaturePadElementTemplate } from './SignaturePadElementTemplate';
+import { signaturePadElementCosmopolitanStyle } from './Themes/SignaturePadElement.Cosmopolitan';
 import { signaturePadElementJoyStyle } from './Themes/SignaturePadElement.Joy';
 import { signaturePadElementMemphisStyle } from './Themes/SignaturePadElement.Memphis';
-import { signaturePadElementCosmopolitanStyle } from './Themes/SignaturePadElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
  * Signature Pad - A user interface component for capturing and displaying digital signatures.
@@ -46,11 +46,11 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @category Forms
  *
- * @fires cleared - Fired when the value is cleared.
- * @fires signStarted - Fired when the user starts signing.
- * @fires signEnded - Fired when the user ends signing.
- * @fires signStrokeBeforeUpdated - Fired when the user starts signing.
- * @fires signStrokeAfterUpdated - Fired when the user ends signing.
+ * @fires cleared {ClearedEvent} - Fired when the value is cleared.
+ * @fires signStarted {SignStartedEvent} - Fired when the user starts signing.
+ * @fires signEnded {SignEndedEvent} - Fired when the user ends signing.
+ * @fires signStrokeBeforeUpdate {SignStrokeBeforeUpdateEvent} - Fired when the user starts signing.
+ * @fires signStrokeAfterUpdate {SignStrokeAfterUpdateEvent} - Fired when the user ends signing.
  *
  * @public
  */
@@ -58,8 +58,8 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
     // #region Fields
     _signStarted;
     _signEnded;
-    _signStrokeBeforeUpdated;
-    _signStrokeAfterUpdated;
+    _signStrokeBeforeUpdate;
+    _signStrokeAfterUpdate;
     _signaturePad;
     _width;
     _height;
@@ -95,8 +95,8 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
         this._required = false;
         this._signStarted = new HTMLElementEventEmitter(this, 'signStarted');
         this._signEnded = new HTMLElementEventEmitter(this, 'signEnded');
-        this._signStrokeBeforeUpdated = new HTMLElementEventEmitter(this, 'signStrokeBeforeUpdated');
-        this._signStrokeAfterUpdated = new HTMLElementEventEmitter(this, 'signStrokeAfterUpdated');
+        this._signStrokeBeforeUpdate = new HTMLElementEventEmitter(this, 'signStrokeBeforeUpdate');
+        this._signStrokeAfterUpdate = new HTMLElementEventEmitter(this, 'signStrokeAfterUpdate');
     }
     // #endregion
     // #region Properties
@@ -304,7 +304,7 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
     }
     /**
      * Called when the signing starts.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignStartedEventDetail}` as event detail.
      *
      * @public
      * @readonly
@@ -315,7 +315,7 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
     }
     /**
      * Called when the signing ends.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignEndedEventDetail}` as event detail.
      *
      * @public
      * @readonly
@@ -326,25 +326,25 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
     }
     /**
      * Called before the signing stroke is updated.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignStrokeEventDetail}` as event detail.
      *
      * @public
      * @readonly
      * @eventProperty
      */
-    get signStrokeBeforeUpdated() {
-        return this._signStrokeBeforeUpdated;
+    get signStrokeBeforeUpdate() {
+        return this._signStrokeBeforeUpdate;
     }
     /**
      * Called after the signing stroke is updated.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `{@link ISignStrokeEventDetail}` as event detail.
      *
      * @public
      * @readonly
      * @eventProperty
      */
-    get signStrokeAfterUpdated() {
-        return this._signStrokeAfterUpdated;
+    get signStrokeAfterUpdate() {
+        return this._signStrokeAfterUpdate;
     }
     // #endregion
     // #region Methods
@@ -491,7 +491,7 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
      * @protected
      */
     onSignStrokeBeforeUpdated() {
-        this._signStrokeBeforeUpdated.emit();
+        this._signStrokeBeforeUpdate.emit();
     }
     /**
      * Emits the {@link signStrokeAfterUpdated} event.
@@ -499,7 +499,7 @@ let SignaturePadElement = class SignaturePadElement extends Themeable(Clearable(
      * @protected
      */
     onSignStrokeAfterUpdated() {
-        this._signStrokeAfterUpdated.emit();
+        this._signStrokeAfterUpdate.emit();
     }
     /**
      * @protected
@@ -707,15 +707,15 @@ __decorate([
     __metadata("design:paramtypes", [])
 ], SignaturePadElement.prototype, "signEnded", null);
 __decorate([
-    Emit({ eventName: 'signStrokeBeforeUpdated' }),
+    Emit({ eventName: 'signStrokeBeforeUpdate' }),
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
-], SignaturePadElement.prototype, "signStrokeBeforeUpdated", null);
+], SignaturePadElement.prototype, "signStrokeBeforeUpdate", null);
 __decorate([
-    Emit({ eventName: 'signStrokeAfterUpdated' }),
+    Emit({ eventName: 'signStrokeAfterUpdate' }),
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
-], SignaturePadElement.prototype, "signStrokeAfterUpdated", null);
+], SignaturePadElement.prototype, "signStrokeAfterUpdate", null);
 __decorate([
     Watch('minDistance', { waitUntilFirstUpdate: true }),
     __metadata("design:type", Function),