@scouterna/ui-webc 2.0.0 → 2.1.0

package/dist/types/components.d.ts

@@ -8,9 +8,13 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ItemType } from "./components/bottom-bar-item/bottom-bar-item";
 import { Variant } from "./components/button/button";
 import { InputMode, InputType } from "./components/input/input";
+import { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
+import { Direction, GapSize } from "./components/stack/stack";
 export { ItemType } from "./components/bottom-bar-item/bottom-bar-item";
 export { Variant } from "./components/button/button";
 export { InputMode, InputType } from "./components/input/input";
+export { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
+export { Direction, GapSize } from "./components/stack/stack";
 export namespace Components {
     /**
      * The bottom bar component is used in the Jamboree26 app to provide
@@ -39,6 +43,8 @@ export namespace Components {
           * The label to display below the icon.
          */
         "label": string;
+        "rel"?: string;
+        "target"?: string;
         /**
           * The type of the bottom bar item, either a button or a link.
           * @default "button"
@@ -49,14 +55,17 @@ export namespace Components {
      * A simple button component.
      */
     interface ScoutButton {
+        "href"?: string;
         /**
           * An optional icon to display alongside the button text. Must be an SVG string.
          */
         "icon"?: string;
+        "rel"?: string;
+        "target"?: string;
         /**
           * @default "button"
          */
-        "type": "button" | "submit" | "reset";
+        "type": "button" | "submit" | "reset" | "link";
         /**
           * The variant primarily affects the color of the button.
           * @default "outlined"
@@ -83,6 +92,8 @@ export namespace Components {
         "disabled": boolean;
         "label": string;
     }
+    interface ScoutDivider {
+    }
     interface ScoutField {
         /**
           * Help text shown below the field.
@@ -122,6 +133,80 @@ export namespace Components {
          */
         "value": string;
     }
+    interface ScoutLink {
+        /**
+          * The URL that the link points to. Required when type is set to link
+         */
+        "href"?: string;
+        /**
+          * Text to be displayed for the link
+         */
+        "label": string;
+        /**
+          * If the label property is not sufficient to describe its use, add an aria-label describing what happens when pressing the button or where the user navigates if it is a link.
+         */
+        "linkAriaLabel"?: string;
+        "rel"?: string;
+        /**
+          * _blank	Opens the linked document in a new window or tab  _self	Opens the linked document in the same frame as it was clicked (this is default)  _parent	Opens the linked document in the parent frame  _top	Opens the linked document in the full body of the window  _framename	Opens the linked document in the named iframe
+          * @default "_self"
+         */
+        "target"?: "_blank" | "_self" | "_parent" | "_top" | "framename";
+        /**
+          * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it as a normal link, a link with href is rendered.
+          * @default "link"
+         */
+        "type": "link" | "button";
+    }
+    interface ScoutListView {
+    }
+    interface ScoutListViewItem {
+        "href"?: string;
+        "icon"?: string;
+        "primary"?: string;
+        "rel"?: string;
+        "secondary"?: string;
+        "target"?: string;
+        /**
+          * @default "button"
+         */
+        "type": ItemType1;
+    }
+    interface ScoutLoader {
+        /**
+          * @default "base"
+         */
+        "size"?: "xs" | "sm" | "base" | "lg" | "xl";
+        "text"?: string;
+    }
+    interface ScoutSelect {
+        /**
+          * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
+         */
+        "validate"?: (value: string) => string | null;
+        /**
+          * Value of the select element, in case you want to control it yourself.
+          * @default ""
+         */
+        "value": string;
+    }
+    interface ScoutStack {
+        /**
+          * The direction of the stack.
+          * @default "row"
+         */
+        "direction": Direction;
+        /**
+          * Gap size. If more sizes are needed, we can expand.
+          * @default "m"
+         */
+        "gapSize": GapSize;
+    }
     interface ScoutSwitch {
         /**
           * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
@@ -155,6 +240,18 @@ export interface ScoutInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLScoutInputElement;
 }
+export interface ScoutLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutLinkElement;
+}
+export interface ScoutListViewItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutListViewItemElement;
+}
+export interface ScoutSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutSelectElement;
+}
 export interface ScoutSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLScoutSwitchElement;
@@ -241,6 +338,12 @@ declare global {
         prototype: HTMLScoutCheckboxElement;
         new (): HTMLScoutCheckboxElement;
     };
+    interface HTMLScoutDividerElement extends Components.ScoutDivider, HTMLStencilElement {
+    }
+    var HTMLScoutDividerElement: {
+        prototype: HTMLScoutDividerElement;
+        new (): HTMLScoutDividerElement;
+    };
     interface HTMLScoutFieldElement extends Components.ScoutField, HTMLStencilElement {
     }
     var HTMLScoutFieldElement: {
@@ -269,6 +372,80 @@ declare global {
         prototype: HTMLScoutInputElement;
         new (): HTMLScoutInputElement;
     };
+    interface HTMLScoutLinkElementEventMap {
+        "scoutLinkClick": HTMLButtonElement;
+    }
+    interface HTMLScoutLinkElement extends Components.ScoutLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutLinkElementEventMap>(type: K, listener: (this: HTMLScoutLinkElement, ev: ScoutLinkCustomEvent<HTMLScoutLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutLinkElementEventMap>(type: K, listener: (this: HTMLScoutLinkElement, ev: ScoutLinkCustomEvent<HTMLScoutLinkElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutLinkElement: {
+        prototype: HTMLScoutLinkElement;
+        new (): HTMLScoutLinkElement;
+    };
+    interface HTMLScoutListViewElement extends Components.ScoutListView, HTMLStencilElement {
+    }
+    var HTMLScoutListViewElement: {
+        prototype: HTMLScoutListViewElement;
+        new (): HTMLScoutListViewElement;
+    };
+    interface HTMLScoutListViewItemElementEventMap {
+        "scoutClick": void;
+    }
+    interface HTMLScoutListViewItemElement extends Components.ScoutListViewItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutListViewItemElementEventMap>(type: K, listener: (this: HTMLScoutListViewItemElement, ev: ScoutListViewItemCustomEvent<HTMLScoutListViewItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutListViewItemElementEventMap>(type: K, listener: (this: HTMLScoutListViewItemElement, ev: ScoutListViewItemCustomEvent<HTMLScoutListViewItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutListViewItemElement: {
+        prototype: HTMLScoutListViewItemElement;
+        new (): HTMLScoutListViewItemElement;
+    };
+    interface HTMLScoutLoaderElement extends Components.ScoutLoader, HTMLStencilElement {
+    }
+    var HTMLScoutLoaderElement: {
+        prototype: HTMLScoutLoaderElement;
+        new (): HTMLScoutLoaderElement;
+    };
+    interface HTMLScoutSelectElementEventMap {
+        "scoutInputChange": {
+    value: string;
+    element: HTMLSelectElement;
+  };
+        "scoutBlur": void;
+        "_fieldId": string;
+    }
+    interface HTMLScoutSelectElement extends Components.ScoutSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutSelectElement: {
+        prototype: HTMLScoutSelectElement;
+        new (): HTMLScoutSelectElement;
+    };
+    interface HTMLScoutStackElement extends Components.ScoutStack, HTMLStencilElement {
+    }
+    var HTMLScoutStackElement: {
+        prototype: HTMLScoutStackElement;
+        new (): HTMLScoutStackElement;
+    };
     interface HTMLScoutSwitchElementEventMap {
         "scoutSwitchToggled": {
     toggled: boolean;
@@ -296,8 +473,15 @@ declare global {
         "scout-button": HTMLScoutButtonElement;
         "scout-card": HTMLScoutCardElement;
         "scout-checkbox": HTMLScoutCheckboxElement;
+        "scout-divider": HTMLScoutDividerElement;
         "scout-field": HTMLScoutFieldElement;
         "scout-input": HTMLScoutInputElement;
+        "scout-link": HTMLScoutLinkElement;
+        "scout-list-view": HTMLScoutListViewElement;
+        "scout-list-view-item": HTMLScoutListViewItemElement;
+        "scout-loader": HTMLScoutLoaderElement;
+        "scout-select": HTMLScoutSelectElement;
+        "scout-stack": HTMLScoutStackElement;
         "scout-switch": HTMLScoutSwitchElement;
     }
 }
@@ -330,6 +514,8 @@ declare namespace LocalJSX {
          */
         "label": string;
         "onScoutClick"?: (event: ScoutBottomBarItemCustomEvent<void>) => void;
+        "rel"?: string;
+        "target"?: string;
         /**
           * The type of the bottom bar item, either a button or a link.
           * @default "button"
@@ -340,15 +526,18 @@ declare namespace LocalJSX {
      * A simple button component.
      */
     interface ScoutButton {
+        "href"?: string;
         /**
           * An optional icon to display alongside the button text. Must be an SVG string.
          */
         "icon"?: string;
         "onScoutClick"?: (event: ScoutButtonCustomEvent<void>) => void;
+        "rel"?: string;
+        "target"?: string;
         /**
           * @default "button"
          */
-        "type"?: "button" | "submit" | "reset";
+        "type"?: "button" | "submit" | "reset" | "link";
         /**
           * The variant primarily affects the color of the button.
           * @default "outlined"
@@ -383,6 +572,8 @@ declare namespace LocalJSX {
          */
         "on_fieldId"?: (event: ScoutCheckboxCustomEvent<string>) => void;
     }
+    interface ScoutDivider {
+    }
     interface ScoutField {
         /**
           * Help text shown below the field.
@@ -431,6 +622,94 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface ScoutLink {
+        /**
+          * The URL that the link points to. Required when type is set to link
+         */
+        "href"?: string;
+        /**
+          * Text to be displayed for the link
+         */
+        "label"?: string;
+        /**
+          * If the label property is not sufficient to describe its use, add an aria-label describing what happens when pressing the button or where the user navigates if it is a link.
+         */
+        "linkAriaLabel"?: string;
+        /**
+          * Only sent if the link is a button.
+         */
+        "onScoutLinkClick"?: (event: ScoutLinkCustomEvent<HTMLButtonElement>) => void;
+        "rel"?: string;
+        /**
+          * _blank	Opens the linked document in a new window or tab  _self	Opens the linked document in the same frame as it was clicked (this is default)  _parent	Opens the linked document in the parent frame  _top	Opens the linked document in the full body of the window  _framename	Opens the linked document in the named iframe
+          * @default "_self"
+         */
+        "target"?: "_blank" | "_self" | "_parent" | "_top" | "framename";
+        /**
+          * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it as a normal link, a link with href is rendered.
+          * @default "link"
+         */
+        "type"?: "link" | "button";
+    }
+    interface ScoutListView {
+    }
+    interface ScoutListViewItem {
+        "href"?: string;
+        "icon"?: string;
+        "onScoutClick"?: (event: ScoutListViewItemCustomEvent<void>) => void;
+        "primary"?: string;
+        "rel"?: string;
+        "secondary"?: string;
+        "target"?: string;
+        /**
+          * @default "button"
+         */
+        "type"?: ItemType1;
+    }
+    interface ScoutLoader {
+        /**
+          * @default "base"
+         */
+        "size"?: "xs" | "sm" | "base" | "lg" | "xl";
+        "text"?: string;
+    }
+    interface ScoutSelect {
+        /**
+          * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
+          * @default false
+         */
+        "disabled"?: boolean;
+        "onScoutBlur"?: (event: ScoutSelectCustomEvent<void>) => void;
+        "onScoutInputChange"?: (event: ScoutSelectCustomEvent<{
+    value: string;
+    element: HTMLSelectElement;
+  }>) => void;
+        /**
+          * Internal event used for form field association.
+         */
+        "on_fieldId"?: (event: ScoutSelectCustomEvent<string>) => void;
+        /**
+          * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
+         */
+        "validate"?: (value: string) => string | null;
+        /**
+          * Value of the select element, in case you want to control it yourself.
+          * @default ""
+         */
+        "value"?: string;
+    }
+    interface ScoutStack {
+        /**
+          * The direction of the stack.
+          * @default "row"
+         */
+        "direction"?: Direction;
+        /**
+          * Gap size. If more sizes are needed, we can expand.
+          * @default "m"
+         */
+        "gapSize"?: GapSize;
+    }
     interface ScoutSwitch {
         /**
           * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
@@ -461,8 +740,15 @@ declare namespace LocalJSX {
         "scout-button": ScoutButton;
         "scout-card": ScoutCard;
         "scout-checkbox": ScoutCheckbox;
+        "scout-divider": ScoutDivider;
         "scout-field": ScoutField;
         "scout-input": ScoutInput;
+        "scout-link": ScoutLink;
+        "scout-list-view": ScoutListView;
+        "scout-list-view-item": ScoutListViewItem;
+        "scout-loader": ScoutLoader;
+        "scout-select": ScoutSelect;
+        "scout-stack": ScoutStack;
         "scout-switch": ScoutSwitch;
     }
 }
@@ -489,8 +775,15 @@ declare module "@stencil/core" {
              */
             "scout-card": LocalJSX.ScoutCard & JSXBase.HTMLAttributes<HTMLScoutCardElement>;
             "scout-checkbox": LocalJSX.ScoutCheckbox & JSXBase.HTMLAttributes<HTMLScoutCheckboxElement>;
+            "scout-divider": LocalJSX.ScoutDivider & JSXBase.HTMLAttributes<HTMLScoutDividerElement>;
             "scout-field": LocalJSX.ScoutField & JSXBase.HTMLAttributes<HTMLScoutFieldElement>;
             "scout-input": LocalJSX.ScoutInput & JSXBase.HTMLAttributes<HTMLScoutInputElement>;
+            "scout-link": LocalJSX.ScoutLink & JSXBase.HTMLAttributes<HTMLScoutLinkElement>;
+            "scout-list-view": LocalJSX.ScoutListView & JSXBase.HTMLAttributes<HTMLScoutListViewElement>;
+            "scout-list-view-item": LocalJSX.ScoutListViewItem & JSXBase.HTMLAttributes<HTMLScoutListViewItemElement>;
+            "scout-loader": LocalJSX.ScoutLoader & JSXBase.HTMLAttributes<HTMLScoutLoaderElement>;
+            "scout-select": LocalJSX.ScoutSelect & JSXBase.HTMLAttributes<HTMLScoutSelectElement>;
+            "scout-stack": LocalJSX.ScoutStack & JSXBase.HTMLAttributes<HTMLScoutStackElement>;
             "scout-switch": LocalJSX.ScoutSwitch & JSXBase.HTMLAttributes<HTMLScoutSwitchElement>;
         }
     }

package/dist/types/stencil-public-runtime.d.ts

@@ -1,5 +1,6 @@
 type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
-type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -338,9 +339,8 @@ export declare function forceUpdate(ref: any): void;
  * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
-export interface HTMLStencilElement extends Omit<HTMLElement, 'autocorrect'> {
+export interface HTMLStencilElement extends HTMLElement {
     componentOnReady(): Promise<this>;
-    autocorrect: 'on' | 'off';
 }
 /**
  * Schedules a DOM-write task. The provided callback will be executed
@@ -365,18 +365,27 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
-export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
 /**
  * Compose multiple mixin classes into a single constructor.
  * The resulting class has the combined instance types of all mixed-in classes.
  *
  * Example:
- * ```
- * import { Mixin, MixinFactory } from '@stencil/core';
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
  *
- * const AWrap: MixinFactory = (Base) => {class A extends Base { propA = A }; return A;}
- * const BWrap: MixinFactory = (Base) => {class B extends Base { propB = B }; return B;}
- * const CWrap: MixinFactory = (Base) => {class C extends Base { propC = C }; return C;}
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
  *
  * class X extends Mixin(AWrap, BWrap, CWrap) {
  *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
@@ -384,9 +393,9 @@ export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBa
  * ```
  *
  * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
- * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
  */
-export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/dist/ui-webc/p-15634492.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o}from"./p-BI7oh__S.js";function r(t){var e,o,n="";if("string"==typeof t||"number"==typeof t)n+=t;else if("object"==typeof t)if(Array.isArray(t)){var a=t.length;for(e=0;e<a;e++)t[e]&&(o=r(t[e]))&&(n&&(n+=" "),n+=o)}else for(o in t)t[o]&&(n&&(n+=" "),n+=o);return n}function n(){for(var t,e,o=0,n="",a=arguments.length;o<a;o++)(t=arguments[o])&&(e=r(t))&&(n&&(n+=" "),n+=e);return n}const a=":host{display:flex;flex:1}.button{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;background-color:transparent;border:none;color:var(--color-text-base);cursor:pointer}.button:hover{background-color:var(--color-neutral-50)}.button.active{background-color:var(--color-blue-50);color:var(--color-blue-500)}.button .icon{width:var(--spacing-6);height:var(--spacing-6)}.button .label{font:var(--type-label-sm)}a{-webkit-text-decoration:none;text-decoration:none}";const c=class{constructor(o){t(this,o);this.scoutClick=e(this,"scoutClick")}type="button";href;target;rel;icon;label;active;scoutClick;render(){const t=this.type==="link"?"a":"button";const e=this.type==="link"?{href:this.href,target:this.target,rel:this.rel??(this.target==="_blank"?"noopener noreferrer":undefined)}:{};return o(t,{key:"d6accb2a7bb0af55f33dba3299749b7ec5ba68a4",class:n("button",this.active&&"active"),onClick:()=>this.scoutClick.emit(),...e},o("span",{key:"419edd0be8ff7a4f91aeb1641afffb9d949efba2",class:"icon",innerHTML:this.icon}),o("span",{key:"e1e40f9a192ffe8a0152a1d0333fbedf174e7bea",class:"label"},this.label))}static get delegatesFocus(){return true}};c.style=a;export{c as scout_bottom_bar_item};
+//# sourceMappingURL=p-15634492.entry.js.map

package/dist/ui-webc/p-15634492.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","r","e","t","f","n","Array","isArray","o","length","clsx","arguments","bottomBarItemCss","ScoutBottomBarItem","constructor","hostRef","this","scoutClick","type","href","target","rel","icon","label","active","render","Tag","props","undefined","key","class","onClick","emit","innerHTML","delegatesFocus","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,MAAS,kBAE3D,SAASC,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,CAAC,IAAIM,EAAEN,EAAEO,OAAO,IAAIN,EAAE,EAAEA,EAAEK,EAAEL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,EAAG,MAAM,IAAIA,KAAKF,EAAEA,EAAEE,KAAKC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAC,SAASK,IAAO,IAAI,IAAIR,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGG,EAAEG,UAAUF,OAAOL,EAAEI,EAAEJ,KAAKF,EAAES,UAAUP,MAAMD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CAEzW,MAAMO,EAAmB,gfAEzB,MAAMC,EAAqB,MACvB,WAAAC,CAAYC,GACRjB,EAAiBkB,KAAMD,GACvBC,KAAKC,WAAalB,EAAYiB,KAAM,aACxC,CAIAE,KAAO,SAKPC,KACAC,OACAC,IAIAC,KAIAC,MAKAC,OACAP,WACA,MAAAQ,GACI,MAAMC,EAAMV,KAAKE,OAAS,OAAS,IAAM,SACzC,MAAMS,EAAQX,KAAKE,OAAS,OACtB,CACEC,KAAMH,KAAKG,KACXC,OAAQJ,KAAKI,OAEbC,IAAKL,KAAKK,MACLL,KAAKI,SAAW,SAAW,sBAAwBQ,YAE1D,CAAC,EACP,OAAQ5B,EAAE0B,EAAK,CAAEG,IAAK,2CAA4CC,MAAOpB,EAAK,SAAUM,KAAKQ,QAAU,UAAWO,QAAS,IAAMf,KAAKC,WAAWe,UAAWL,GAAS3B,EAAE,OAAQ,CAAE6B,IAAK,2CAA4CC,MAAO,OAAQG,UAAWjB,KAAKM,OAAStB,EAAE,OAAQ,CAAE6B,IAAK,2CAA4CC,MAAO,SAAWd,KAAKO,OAClW,CACA,yBAAWW,GAAmB,OAAO,IAAM,GAE/CrB,EAAmBsB,MAAQvB,SAElBC","ignoreList":[]}

package/dist/ui-webc/{p-383736c1.entry.js → p-316eed06.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s}from"./p-DByXnE9g.js";const a=":host{display:block;border-radius:var(--spacing-2);border:1px solid var(--color-gray-100);padding:var(--spacing-2);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)}";const o=class{constructor(s){r(this,s)}render(){return s("slot",{key:"bde708b7482da31d53fbc29581bed3f068e26279"})}static get delegatesFocus(){return true}};o.style=a;export{o as scout_card};
-//# sourceMappingURL=p-383736c1.entry.js.map
+import{r,h as s}from"./p-BI7oh__S.js";const a=":host{display:block;border-radius:var(--spacing-2);border:1px solid var(--color-gray-100);padding:var(--spacing-2);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)}";const o=class{constructor(s){r(this,s)}render(){return s("slot",{key:"44e84e98fac4b83c20fdec40a532c752f41dffd7"})}static get delegatesFocus(){return true}};o.style=a;export{o as scout_card};
+//# sourceMappingURL=p-316eed06.entry.js.map

package/dist/ui-webc/p-4064b941.entry.js

@@ -0,0 +1,2 @@
+import{r as c,c as e,h as o}from"./p-BI7oh__S.js";const a="data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hlY2siCj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNNSAxMmw1IDVsMTAgLTEwIiAvPgo8L3N2Zz4=";const r='.checkbox.sc-scout-checkbox{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:3px;background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative}.checkbox.sc-scout-checkbox:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}.checkbox.sc-scout-checkbox:active{background-color:var(--color-background-brand-subtle-pressed)}.checkbox.sc-scout-checkbox:checked:hover{background-color:var(--color-background-brand-hovered);border:2px solid var(--color-background-brand-hovered);box-shadow:none}.checkbox.sc-scout-checkbox:checked{background-color:var(--color-background-brand-base);border-color:var(--color-background-brand-base)}.checkbox.sc-scout-checkbox::after{content:"";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox.sc-scout-checkbox:checked::before{content:"";background-color:var(--color-text-brand-inverse);width:var(--spacing-6);height:var(--spacing-6);position:absolute;top:50%;left:50%;right:0;bottom:0;transform:translate(-50%, -50%);-webkit-mask-image:var(--icon-checkbox);mask-image:var(--icon-checkbox);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox.sc-scout-checkbox:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-checkbox{display:flex;flex-direction:row-reverse;align-items:center;font:var(--type-label-base);color:var(--color-text-base)}.inlineDivider.sc-scout-checkbox{width:var(--spacing-2)}';const s=class{constructor(o){c(this,o);this.scoutCheckboxChecked=e(this,"scoutCheckboxChecked");this._fieldId=e(this,"_fieldId")}checked=false;disabled=false;ariaLabelledby;label;ariaId;scoutCheckboxChecked;_fieldId;componentWillLoad(){this.ariaId=`_${Math.random().toString(36).substring(2,9)}`;this._fieldId.emit(this.ariaId)}onClick(c){const e=c.target;console.log("checkbox",e.checked);this.scoutCheckboxChecked.emit({checked:e.checked,element:e})}render(){const c=this.label&&this.label.length?"label":"div";return o(c,{key:"39d7814c3af4261c7b60423464d5b3167ad96003"},this.label,o("span",{key:"10375644d673913047c66460c2c0395f0110b644",class:"inlineDivider"}),o("input",{key:"3e5c5fa2571874e75325a7a3161a15e00332cd36",class:"checkbox",onChange:c=>this.onClick(c),style:{"--icon-checkbox":`url(${a})`},type:"checkbox",id:this.ariaId,"aria-labelledby":this.ariaLabelledby,"aria-disabled":this.disabled,disabled:this.disabled,checked:this.checked}))}};s.style=r;export{s as scout_checkbox};
+//# sourceMappingURL=p-4064b941.entry.js.map

package/dist/ui-webc/{p-24632b65.entry.js.map → p-4064b941.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","checkSvg","checkboxCss","ScoutCheckbox","constructor","hostRef","this","scoutCheckboxChecked","_fieldId","checked","disabled","ariaLabelledby","label","ariaId","componentWillLoad","Math","random","toString","substring","emit","onClick","event","checkbox","target","console","log","element","render","Tag","length","key","class","onChange","style","type","id"],"sources":["0"],"mappings":"YAAcA,EAAuBC,OAAaC,MAAS,kBAE3D,MAAMC,EAAW,6fAEjB,MAAMC,EAAc,usDAEpB,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,qBAAuBR,EAAYO,KAAM,wBAC9CA,KAAKE,SAAWT,EAAYO,KAAM,WACtC,CACAG,QAAU,MACVC,SAAW,MAIXC,eACAC,MACAC,OACAN,qBAIAC,SACA,iBAAAM,GACIR,KAAKO,OAAS,IAAIE,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,KAC1DZ,KAAKE,SAASW,KAAKb,KAAKO,OAC5B,CACA,OAAAO,CAAQC,GACJ,MAAMC,EAAWD,EAAME,OACvBC,QAAQC,IAAI,WAAYH,EAASb,SACjCH,KAAKC,qBAAqBY,KAAK,CAC3BV,QAASa,EAASb,QAClBiB,QAASJ,GAEjB,CAMA,MAAAK,GACI,MAAMC,EAAMtB,KAAKM,OAASN,KAAKM,MAAMiB,OAAS,QAAU,MACxD,OAAQ7B,EAAE4B,EAAK,CAAEE,IAAK,4CAA8CxB,KAAKM,MAAOZ,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CC,MAAO,kBAAoB/B,EAAE,QAAS,CAAE8B,IAAK,2CAA4CC,MAAO,WAAYC,SAAWX,GAAUf,KAAKc,QAAQC,GAAQY,MAAO,CAAE,kBAAmB,OAAOhC,MAAeiC,KAAM,WAAYC,GAAI7B,KAAKO,OAAQ,kBAAmBP,KAAKK,eAAgB,gBAAiBL,KAAKI,SAAUA,SAAUJ,KAAKI,SAAUD,QAASH,KAAKG,UAC3e,GAEJN,EAAc8B,MAAQ/B,SAEbC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","checkSvg","checkboxCss","ScoutCheckbox","constructor","hostRef","this","scoutCheckboxChecked","_fieldId","checked","disabled","ariaLabelledby","label","ariaId","componentWillLoad","Math","random","toString","substring","emit","onClick","event","checkbox","target","console","log","element","render","Tag","length","key","class","onChange","style","type","id"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,MAAS,kBAE3D,MAAMC,EAAW,6fAEjB,MAAMC,EAAc,usDAEpB,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,qBAAuBR,EAAYO,KAAM,wBAC9CA,KAAKE,SAAWT,EAAYO,KAAM,WACtC,CACAG,QAAU,MACVC,SAAW,MAIXC,eACAC,MACAC,OACAN,qBAIAC,SACA,iBAAAM,GACIR,KAAKO,OAAS,IAAIE,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,KAC1DZ,KAAKE,SAASW,KAAKb,KAAKO,OAC5B,CACA,OAAAO,CAAQC,GACJ,MAAMC,EAAWD,EAAME,OACvBC,QAAQC,IAAI,WAAYH,EAASb,SACjCH,KAAKC,qBAAqBY,KAAK,CAC3BV,QAASa,EAASb,QAClBiB,QAASJ,GAEjB,CAMA,MAAAK,GACI,MAAMC,EAAMtB,KAAKM,OAASN,KAAKM,MAAMiB,OAAS,QAAU,MACxD,OAAQ7B,EAAE4B,EAAK,CAAEE,IAAK,4CAA8CxB,KAAKM,MAAOZ,EAAE,OAAQ,CAAE8B,IAAK,2CAA4CC,MAAO,kBAAoB/B,EAAE,QAAS,CAAE8B,IAAK,2CAA4CC,MAAO,WAAYC,SAAWX,GAAUf,KAAKc,QAAQC,GAAQY,MAAO,CAAE,kBAAmB,OAAOhC,MAAeiC,KAAM,WAAYC,GAAI7B,KAAKO,OAAQ,kBAAmBP,KAAKK,eAAgB,gBAAiBL,KAAKI,SAAUA,SAAUJ,KAAKI,SAAUD,QAASH,KAAKG,UAC3e,GAEJN,EAAc8B,MAAQ/B,SAEbC","ignoreList":[]}

package/dist/ui-webc/p-5e2c0abc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as s}from"./p-BI7oh__S.js";const e=":host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}";var c;(function(t){t["xs"]="2";t["s"]="4";t["m"]="8";t["l"]="12";t["xl"]="16";t["xxl"]="20"})(c||(c={}));const r=class{constructor(a){t(this,a)}direction="row";gapSize="m";render(){return a(s,{key:"90f80d802bd4570953744731a9db9f6871d131ce",style:{"--stack-flex-direction":`${this.direction}`,"--stack-gap-spacing":`var(--spacing-${c[this.gapSize]})`}},a("slot",{key:"a2b7d0d330def74156d8acb7d295405a44a27271"}))}static get delegatesFocus(){return true}};r.style=e;export{r as scout_stack};
+//# sourceMappingURL=p-5e2c0abc.entry.js.map

package/dist/ui-webc/p-5e2c0abc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","stackCss","GapSizeValues","ScoutStack","constructor","hostRef","this","direction","gapSize","render","key","style","delegatesFocus"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAW,yGAEjB,IAAIC,GACJ,SAAWA,GACPA,EAAc,MAAQ,IACtBA,EAAc,KAAO,IACrBA,EAAc,KAAO,IACrBA,EAAc,KAAO,KACrBA,EAAc,MAAQ,KACtBA,EAAc,OAAS,IAC1B,EAPD,CAOGA,IAAkBA,EAAgB,CAAC,IACtC,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CAIAE,UAAY,MAIZC,QAAU,IACV,MAAAC,GACI,OAAQV,EAAEC,EAAM,CAAEU,IAAK,2CAA4CC,MAAO,CAClE,yBAA0B,GAAGL,KAAKC,YAClC,sBAAuB,iBAAiBL,EAAcI,KAAKE,cAC1DT,EAAE,OAAQ,CAAEW,IAAK,6CAC9B,CACA,yBAAWE,GAAmB,OAAO,IAAM,GAE/CT,EAAWQ,MAAQV,SAEVE","ignoreList":[]}

package/dist/ui-webc/{p-9b7c270d.entry.js → p-662554f2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as o}from"./p-DByXnE9g.js";const i=".input.sc-scout-input{height:var(--spacing-10);padding:var(--spacing-2);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}";const a=class{constructor(o){t(this,o);this.scoutInputChange=s(this,"scoutInputChange");this.scoutBlur=s(this,"scoutBlur");this._fieldId=s(this,"_fieldId")}type="text";inputmode;pattern;value="";disabled=false;validate;scoutInputChange;scoutBlur;_fieldId;ariaId;componentWillLoad(){this.ariaId=`_${Math.random().toString(36).substring(2,9)}`;this._fieldId.emit(this.ariaId)}onInput(t){const s=t.target;if(this.validate){const t=this.validate(s.value);s.setCustomValidity(t??"")}this.scoutInputChange.emit({value:s.value,element:s})}render(){return o("input",{key:"7bc05d32826cd3173b6a6e4620acfb501fae4edc",id:this.ariaId,type:this.type,inputMode:this.inputmode,pattern:this.pattern,class:"input",value:this.value,disabled:this.disabled,onInput:t=>this.onInput(t),onBlur:()=>this.scoutBlur.emit()})}};a.style=i;export{a as scout_input};
-//# sourceMappingURL=p-9b7c270d.entry.js.map
+import{r as t,c as s,h as o}from"./p-BI7oh__S.js";const i=".input.sc-scout-input{height:var(--spacing-10);padding:var(--spacing-2);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}";const a=class{constructor(o){t(this,o);this.scoutInputChange=s(this,"scoutInputChange");this.scoutBlur=s(this,"scoutBlur");this._fieldId=s(this,"_fieldId")}type="text";inputmode;pattern;value="";disabled=false;validate;scoutInputChange;scoutBlur;_fieldId;ariaId;componentWillLoad(){this.ariaId=`_${Math.random().toString(36).substring(2,9)}`;this._fieldId.emit(this.ariaId)}onInput(t){const s=t.target;if(this.validate){const t=this.validate(s.value);s.setCustomValidity(t??"")}this.scoutInputChange.emit({value:s.value,element:s})}render(){return o("input",{key:"7bc05d32826cd3173b6a6e4620acfb501fae4edc",id:this.ariaId,type:this.type,inputMode:this.inputmode,pattern:this.pattern,class:"input",value:this.value,disabled:this.disabled,onInput:t=>this.onInput(t),onBlur:()=>this.scoutBlur.emit()})}};a.style=i;export{a as scout_input};
+//# sourceMappingURL=p-662554f2.entry.js.map