@limetech/lime-elements 39.11.1 → 39.12.1

package/dist/lime-elements/{p-50f51eb9.entry.js → p-fbdca779.entry.js}

@@ -1 +1 @@
-import{r as e,h as o,H as a}from"./p-DBTJNfo7.js";const i=class{constructor(o){e(this,o)}render(){return o(a,{key:"64623e09534c5b4e457029cbed4865d97d3cc19e",class:{"boolean-input":!0,"radio-button":!0,checked:this.checked,disabled:this.disabled}},o("input",{key:"4eb816e8031d20bbfa5beb32798e50e5d3747895",type:"radio",id:this.id,checked:this.checked,disabled:this.disabled,onChange:this.onChange}),o("div",{key:"9e7d7db22981a16b4655d7cbcd7c3eb2462a7953",class:"box"}),o("label",{key:"4b2061d351b2d4d03d6e5763bc132be46d146e48",class:"boolean-input-label",htmlFor:this.id},this.label))}};i.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;overflow-wrap:var(--limel-boolean-input-label-overflow-wrap, normal);font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:"*"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)));}.checked .box,.boolean-input>input[type=checkbox]:checked+.box,.boolean-input>input[type=radio]:checked+.box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.box{}.boolean-input:not(.disabled):hover .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):active .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);content:"";position:absolute;inset:-0.1875rem;border-radius:inherit;}.boolean-input>input[type=checkbox]:focus-visible+.box:before,.boolean-input>input[type=radio]:focus-visible+.box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:"";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white));}.boolean-input:not(.disabled):hover .box:after{will-change:opacity, box-shadow, transform, width}.radio-button{--limel-boolean-input-box-border-radius:var(       --limel-boolean-input-box-size   )}.radio-button .box:after{width:100%;height:100%;border-radius:50%}.boolean-input:has(input[type=radio]:checked) .box:after{opacity:1;transform:scale(0.6);box-shadow:var(--shadow-depth-8)}';export{i as limel_radio_button}
+import{r as e,h as o,H as a}from"./p-DBTJNfo7.js";const i=class{constructor(o){e(this,o)}render(){return o(a,{key:"d198242b1e1a066b38b1d6ddc55fcd8dd7817c36",class:{"boolean-input":!0,"radio-button":!0,checked:this.checked,disabled:this.disabled}},o("input",{key:"7b2a009c5753d4ad9bad3c1ee9d8aa2b1fc30db8",type:"radio",id:this.id,checked:this.checked,disabled:this.disabled,onChange:this.onChange}),o("div",{key:"8eef5a56df7502ec7b6cb1ed84c8b8f0a72cd21c",class:"box"}),o("label",{key:"bcd0883bf0dbdd307508a47e98402e590167fa00",class:"boolean-input-label",htmlFor:this.id},this.label))}};i.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;overflow-wrap:var(--limel-boolean-input-label-overflow-wrap, normal);font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:"*"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)));}.checked .box,.boolean-input>input[type=checkbox]:checked+.box,.boolean-input>input[type=radio]:checked+.box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.box{}.boolean-input:not(.disabled):hover .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):active .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);content:"";position:absolute;inset:-0.1875rem;border-radius:inherit;}.boolean-input>input[type=checkbox]:focus-visible+.box:before,.boolean-input>input[type=radio]:focus-visible+.box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:"";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white));}.boolean-input:not(.disabled):hover .box:after{will-change:opacity, box-shadow, transform, width}.radio-button{--limel-boolean-input-box-border-radius:var(       --limel-boolean-input-box-size   )}.radio-button .box:after{width:100%;height:100%;border-radius:50%}.boolean-input:has(input[type=radio]:checked) .box:after{opacity:1;transform:scale(0.6);box-shadow:var(--shadow-depth-8)}';export{i as limel_radio_button}

package/dist/types/components/form/form.d.ts

@@ -63,6 +63,7 @@ export declare class Form {
     private modifiedSchema;
     private validator;
     private root;
+    private initialized;
     constructor();
     connectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/form/schema-cache.d.ts

@@ -0,0 +1,17 @@
+import Ajv from 'ajv';
+/**
+ * Returns a compiled JSON Schema validator, using a cached version
+ * if the same schema content has been seen before.
+ *
+ * @param schema - the JSON Schema to compile
+ */
+export declare function getValidator(schema: Record<string, any>): Ajv.ValidateFunction;
+/**
+ * Generates a deterministic ID from schema content, preserving any
+ * existing `$id` as a prefix. Used to work around RJSF #1563 where
+ * identical schemas need stable IDs to avoid validation cache collisions.
+ *
+ * @param schema - the JSON Schema to generate an ID for
+ */
+export declare function getSchemaId(schema: Record<string, any>): string;
+//# sourceMappingURL=schema-cache.d.ts.map

package/dist/types/components/masonry-layout/masonry-layout.d.ts

@@ -0,0 +1,94 @@
+/**
+ * A responsive masonry grid layout component.
+ *
+ * This component arranges slotted elements into a masonry-style grid,
+ * where items are placed in the shortest column, resulting in a
+ * Pinterest-like layout with minimal vertical gaps.
+ *
+ * The component uses JavaScript to calculate positions, providing
+ * reliable cross-browser support — unlike CSS-only approaches such as
+ * `columns` or `grid-template-rows: masonry`, which have limited
+ * browser support or produce poor results.
+ *
+ * The number of columns is determined automatically based on the
+ * available width and the minimum column width.
+ *
+ * @exampleComponent limel-example-masonry-layout-basic
+ * @exampleComponent limel-example-masonry-layout-images
+ * @exampleComponent limel-example-masonry-layout-ordered
+ * @slot - Items to arrange in the masonry layout
+ * @beta
+ */
+export declare class MasonryLayout {
+    /**
+     * When `true`, items are placed left-to-right in DOM order.
+     * When `false` (default), items are placed in the shortest column.
+     */
+    ordered: boolean;
+    protected onOrderedChange(): void;
+    private host;
+    private containerHeight;
+    private hasRendered;
+    private resizeObserver;
+    private mutationObserver;
+    private itemResizeObserver;
+    private pendingLayoutFrame;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
+    private setupObservers;
+    private observeItemSizes;
+    private getItems;
+    private getRootFontSize;
+    private pxToRem;
+    /**
+     * Reads a CSS custom property from the host element and resolves
+     * its value to pixels. Falls back to the provided default if the
+     * property is not set.
+     *
+     * @param property - The CSS custom property name to read.
+     * @param fallback - The fallback CSS value if the property is not set.
+     * @param rootFontSize - The root font size in pixels for rem conversion.
+     */
+    private getCssPropertyInPx;
+    /**
+     * Debounces layout recalculations using `requestAnimationFrame`
+     * to coalesce multiple observer callbacks into a single layout
+     * pass per frame, avoiding layout thrashing.
+     */
+    private scheduleLayout;
+    private layoutItems;
+    private calculateColumns;
+    /**
+     * Absolutely positions each item into the grid. In ordered mode,
+     * items are placed left-to-right via round-robin. In default mode,
+     * each item is placed in the shortest column for balanced heights.
+     *
+     * @param items - The child elements to position.
+     * @param columnCount - The number of columns in the grid.
+     * @param columnWidth - The width of each column in pixels.
+     * @param gapPx - The gap between items in pixels.
+     * @param rootFontSize - The root font size in pixels for rem conversion.
+     * @returns The cumulative height of each column in pixels.
+     */
+    private positionItems;
+    /**
+     * Applies a staggered fade-in transition to an item.
+     * Inline `transition` and `transitionDelay` styles are set
+     * temporarily and cleaned up via a `transitionend` listener
+     * so they don't interfere with the consumer's own transitions.
+     *
+     * The listener filters by `event.target` to avoid reacting to
+     * bubbled events from descendant elements.
+     *
+     * Skipped entirely when `prefers-reduced-motion: reduce` is
+     * active — items become visible instantly via the CSS
+     * `is-laid-out` class instead.
+     *
+     * @param item - The element to fade in.
+     * @param index - The item's position in the list, used to calculate the delay.
+     */
+    private staggerFadeIn;
+}
+//# sourceMappingURL=masonry-layout.d.ts.map

package/dist/types/components.d.ts

@@ -2498,6 +2498,29 @@ export namespace Components {
          */
         "whitelist"?: CustomElementDefinition[];
     }
+    /**
+     * A responsive masonry grid layout component.
+     * This component arranges slotted elements into a masonry-style grid,
+     * where items are placed in the shortest column, resulting in a
+     * Pinterest-like layout with minimal vertical gaps.
+     * The component uses JavaScript to calculate positions, providing
+     * reliable cross-browser support — unlike CSS-only approaches such as
+     * `columns` or `grid-template-rows: masonry`, which have limited
+     * browser support or produce poor results.
+     * The number of columns is determined automatically based on the
+     * available width and the minimum column width.
+     * @exampleComponent limel-example-masonry-layout-basic
+     * @exampleComponent limel-example-masonry-layout-images
+     * @exampleComponent limel-example-masonry-layout-ordered
+     * @beta 
+     */
+    interface LimelMasonryLayout {
+        /**
+          * When `true`, items are placed left-to-right in DOM order. When `false` (default), items are placed in the shortest column.
+          * @default false
+         */
+        "ordered": boolean;
+    }
     /**
      * @exampleComponent limel-example-menu-basic
      * @exampleComponent limel-example-menu-disabled
@@ -5501,6 +5524,28 @@ declare global {
         prototype: HTMLLimelMarkdownElement;
         new (): HTMLLimelMarkdownElement;
     };
+    /**
+     * A responsive masonry grid layout component.
+     * This component arranges slotted elements into a masonry-style grid,
+     * where items are placed in the shortest column, resulting in a
+     * Pinterest-like layout with minimal vertical gaps.
+     * The component uses JavaScript to calculate positions, providing
+     * reliable cross-browser support — unlike CSS-only approaches such as
+     * `columns` or `grid-template-rows: masonry`, which have limited
+     * browser support or produce poor results.
+     * The number of columns is determined automatically based on the
+     * available width and the minimum column width.
+     * @exampleComponent limel-example-masonry-layout-basic
+     * @exampleComponent limel-example-masonry-layout-images
+     * @exampleComponent limel-example-masonry-layout-ordered
+     * @beta 
+     */
+    interface HTMLLimelMasonryLayoutElement extends Components.LimelMasonryLayout, HTMLStencilElement {
+    }
+    var HTMLLimelMasonryLayoutElement: {
+        prototype: HTMLLimelMasonryLayoutElement;
+        new (): HTMLLimelMasonryLayoutElement;
+    };
     interface HTMLLimelMenuElementEventMap {
         "cancel": void;
         "select": MenuItem;
@@ -6387,6 +6432,7 @@ declare global {
         "limel-list": HTMLLimelListElement;
         "limel-list-item": HTMLLimelListItemElement;
         "limel-markdown": HTMLLimelMarkdownElement;
+        "limel-masonry-layout": HTMLLimelMasonryLayoutElement;
         "limel-menu": HTMLLimelMenuElement;
         "limel-menu-item-meta": HTMLLimelMenuItemMetaElement;
         "limel-menu-list": HTMLLimelMenuListElement;
@@ -8973,6 +9019,29 @@ declare namespace LocalJSX {
          */
         "whitelist"?: CustomElementDefinition[];
     }
+    /**
+     * A responsive masonry grid layout component.
+     * This component arranges slotted elements into a masonry-style grid,
+     * where items are placed in the shortest column, resulting in a
+     * Pinterest-like layout with minimal vertical gaps.
+     * The component uses JavaScript to calculate positions, providing
+     * reliable cross-browser support — unlike CSS-only approaches such as
+     * `columns` or `grid-template-rows: masonry`, which have limited
+     * browser support or produce poor results.
+     * The number of columns is determined automatically based on the
+     * available width and the minimum column width.
+     * @exampleComponent limel-example-masonry-layout-basic
+     * @exampleComponent limel-example-masonry-layout-images
+     * @exampleComponent limel-example-masonry-layout-ordered
+     * @beta 
+     */
+    interface LimelMasonryLayout {
+        /**
+          * When `true`, items are placed left-to-right in DOM order. When `false` (default), items are placed in the shortest column.
+          * @default false
+         */
+        "ordered"?: boolean;
+    }
     /**
      * @exampleComponent limel-example-menu-basic
      * @exampleComponent limel-example-menu-disabled
@@ -10903,6 +10972,9 @@ declare namespace LocalJSX {
         "lazyLoadImages": boolean;
         "removeEmptyParagraphs": boolean;
     }
+    interface LimelMasonryLayoutAttributes {
+        "ordered": boolean;
+    }
     interface LimelMenuAttributes {
         "disabled": boolean;
         "openDirection": OpenDirection;
@@ -11162,6 +11234,7 @@ declare namespace LocalJSX {
         "limel-list": Omit<LimelList, keyof LimelListAttributes> & { [K in keyof LimelList & keyof LimelListAttributes]?: LimelList[K] } & { [K in keyof LimelList & keyof LimelListAttributes as `attr:${K}`]?: LimelListAttributes[K] } & { [K in keyof LimelList & keyof LimelListAttributes as `prop:${K}`]?: LimelList[K] };
         "limel-list-item": Omit<LimelListItem, keyof LimelListItemAttributes> & { [K in keyof LimelListItem & keyof LimelListItemAttributes]?: LimelListItem[K] } & { [K in keyof LimelListItem & keyof LimelListItemAttributes as `attr:${K}`]?: LimelListItemAttributes[K] } & { [K in keyof LimelListItem & keyof LimelListItemAttributes as `prop:${K}`]?: LimelListItem[K] };
         "limel-markdown": Omit<LimelMarkdown, keyof LimelMarkdownAttributes> & { [K in keyof LimelMarkdown & keyof LimelMarkdownAttributes]?: LimelMarkdown[K] } & { [K in keyof LimelMarkdown & keyof LimelMarkdownAttributes as `attr:${K}`]?: LimelMarkdownAttributes[K] } & { [K in keyof LimelMarkdown & keyof LimelMarkdownAttributes as `prop:${K}`]?: LimelMarkdown[K] };
+        "limel-masonry-layout": Omit<LimelMasonryLayout, keyof LimelMasonryLayoutAttributes> & { [K in keyof LimelMasonryLayout & keyof LimelMasonryLayoutAttributes]?: LimelMasonryLayout[K] } & { [K in keyof LimelMasonryLayout & keyof LimelMasonryLayoutAttributes as `attr:${K}`]?: LimelMasonryLayoutAttributes[K] } & { [K in keyof LimelMasonryLayout & keyof LimelMasonryLayoutAttributes as `prop:${K}`]?: LimelMasonryLayout[K] };
         "limel-menu": Omit<LimelMenu, keyof LimelMenuAttributes> & { [K in keyof LimelMenu & keyof LimelMenuAttributes]?: LimelMenu[K] } & { [K in keyof LimelMenu & keyof LimelMenuAttributes as `attr:${K}`]?: LimelMenuAttributes[K] } & { [K in keyof LimelMenu & keyof LimelMenuAttributes as `prop:${K}`]?: LimelMenu[K] };
         "limel-menu-item-meta": Omit<LimelMenuItemMeta, keyof LimelMenuItemMetaAttributes> & { [K in keyof LimelMenuItemMeta & keyof LimelMenuItemMetaAttributes]?: LimelMenuItemMeta[K] } & { [K in keyof LimelMenuItemMeta & keyof LimelMenuItemMetaAttributes as `attr:${K}`]?: LimelMenuItemMetaAttributes[K] } & { [K in keyof LimelMenuItemMeta & keyof LimelMenuItemMetaAttributes as `prop:${K}`]?: LimelMenuItemMeta[K] };
         "limel-menu-list": Omit<LimelMenuList, keyof LimelMenuListAttributes> & { [K in keyof LimelMenuList & keyof LimelMenuListAttributes]?: LimelMenuList[K] } & { [K in keyof LimelMenuList & keyof LimelMenuListAttributes as `attr:${K}`]?: LimelMenuListAttributes[K] } & { [K in keyof LimelMenuList & keyof LimelMenuListAttributes as `prop:${K}`]?: LimelMenuList[K] };
@@ -12066,6 +12139,23 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-markdown-composite
              */
             "limel-markdown": LocalJSX.IntrinsicElements["limel-markdown"] & JSXBase.HTMLAttributes<HTMLLimelMarkdownElement>;
+            /**
+             * A responsive masonry grid layout component.
+             * This component arranges slotted elements into a masonry-style grid,
+             * where items are placed in the shortest column, resulting in a
+             * Pinterest-like layout with minimal vertical gaps.
+             * The component uses JavaScript to calculate positions, providing
+             * reliable cross-browser support — unlike CSS-only approaches such as
+             * `columns` or `grid-template-rows: masonry`, which have limited
+             * browser support or produce poor results.
+             * The number of columns is determined automatically based on the
+             * available width and the minimum column width.
+             * @exampleComponent limel-example-masonry-layout-basic
+             * @exampleComponent limel-example-masonry-layout-images
+             * @exampleComponent limel-example-masonry-layout-ordered
+             * @beta 
+             */
+            "limel-masonry-layout": LocalJSX.IntrinsicElements["limel-masonry-layout"] & JSXBase.HTMLAttributes<HTMLLimelMasonryLayoutElement>;
             /**
              * @exampleComponent limel-example-menu-basic
              * @exampleComponent limel-example-menu-disabled

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "39.11.1",
+  "version": "39.12.1",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -84,7 +84,6 @@
     "puppeteer": "^19.11.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-shadow-dom-retarget-events": "^1.1.0",
     "rehype-parse": "^9.0.1",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",

package/dist/lime-elements/p-59716b48.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e}from"./p-DBTJNfo7.js";const i=class{constructor(e){t(this,e),this.change=s(this,"change"),this.disabled=!1,this.maxLinesSecondaryText=3,this.handleChange=t=>{t.stopPropagation(),this.disabled||this.change.emit(t.detail)}}render(){return e("limel-list",{key:"d42e6342d4fd79d34cb2c6a9d25d3dfe577e9a99",items:this.createItems(),type:"radio",badgeIcons:this.badgeIcons,maxLinesSecondaryText:this.maxLinesSecondaryText,onChange:this.handleChange})}createItems(){return this.items.map((t=>{var s;return"separator"in t?t:Object.assign(Object.assign({},t),{selected:t.value===(null===(s=this.selectedItem)||void 0===s?void 0:s.value),disabled:this.disabled||t.disabled})}))}};export{i as limel_radio_button_group}