lido-player 0.0.2-alpha-8 → 0.0.2-alpha-9

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const utils = require('./utils-1697a6b5.js');
+const utils = require('./utils-0bfc0d99.js');
 require('./index-0d28e716.js');
 
 

package/dist/cjs/lido-avatar_13.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0d28e716.js');
-const utils = require('./utils-1697a6b5.js');
+const utils = require('./utils-0bfc0d99.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -6619,6 +6619,9 @@ const LidoCol = class {
         this.onInCorrect = undefined;
         this.onCorrect = undefined;
         this.onEntry = undefined;
+        this.childElementsLength = undefined;
+        this.minLength = undefined;
+        this.maxLength = undefined;
     }
     /**
      * This lifecycle hook is called after the component is rendered in the DOM.
@@ -6626,6 +6629,7 @@ const LidoCol = class {
      */
     componentDidLoad() {
         utils.initEventsForElement(this.el, this.type);
+        utils.handlingChildElements(this.el, this.minLength, this.maxLength, this.childElementsLength, "flex");
     }
     render() {
         // Inline styles applied to the column, mainly for positioning and background.
@@ -6638,7 +6642,7 @@ const LidoCol = class {
             display: this.visible ? 'flex' : 'none',
             zIndex: this.z,
         };
-        return (index.h(index.Host, { key: 'c0615aafb8bef4afbada7be8dbbd9630c4a089c6', id: this.id, class: "lido-col", type: this.type, tabindex: this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: '9d3ec68dc577b7b68a8f20be71f49b7831e4a4bc' })));
+        return (index.h(index.Host, { key: 'a91a0219b86fca7c5b979ba19451d554c12e3236', id: this.id, class: "lido-col", type: this.type, tabindex: this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: 'dc46259db21b1675e4e2595312d539df66931fd3' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -7162,7 +7166,7 @@ const LidoRoot = class {
     static get assetsDirs() { return ["assets"]; }
 };
 
-const lidoRowCss = ".lido-row{display:flex;justify-content:space-between;align-items:center;}.lido-row>*{}";
+const lidoRowCss = ".lido-row{display:flex;justify-content:space-around;align-items:center;}.lido-row>*{}";
 const LidoRowStyle0 = lidoRowCss;
 
 const LidoRow = class {
@@ -7185,6 +7189,9 @@ const LidoRow = class {
         this.onInCorrect = undefined;
         this.onCorrect = undefined;
         this.onEntry = undefined;
+        this.childElementsLength = undefined;
+        this.minLength = undefined;
+        this.maxLength = undefined;
     }
     /**
      * Lifecycle hook that runs after the component is loaded into the DOM.
@@ -7192,6 +7199,7 @@ const LidoRow = class {
      */
     componentDidLoad() {
         utils.initEventsForElement(this.el, this.type);
+        utils.handlingChildElements(this.el, this.minLength, this.maxLength, this.childElementsLength, "flex");
     }
     render() {
         // Inline styles to position and size the row component
@@ -7204,7 +7212,7 @@ const LidoRow = class {
             zIndex: this.z,
             backgroundColor: this.bgColor, // Apply background color if provided
         };
-        return (index.h(index.Host, { key: '81728e5492a63bbdce29e3a18785e4cd2951f92e', class: "lido-row", type: this.type, tabindex: this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: '6ecd0f63f4a0960bd898b6b2994246caf6e7c638' })));
+        return (index.h(index.Host, { key: '6b9543d3dea5b46f31b8709e6b2cbb4adac318fb', class: "lido-row", type: this.type, tabindex: this.tabIndex, value: this.value, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: '51412c74fad69cc788d673846410b9b45aeef62d' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -7827,6 +7835,9 @@ const LidoWrap = class {
         this.onInCorrect = undefined;
         this.onCorrect = undefined;
         this.onEntry = undefined;
+        this.childElementsLength = undefined;
+        this.minLength = undefined;
+        this.maxLength = undefined;
     }
     /**
      * Lifecycle hook that runs after the component is rendered in the DOM.
@@ -7834,6 +7845,7 @@ const LidoWrap = class {
      */
     componentDidLoad() {
         utils.initEventsForElement(this.el, this.type);
+        utils.handlingChildElements(this.el, this.minLength, this.maxLength, this.childElementsLength, "grid");
     }
     render() {
         // Inline styles to position and size the wrap container, with grid layout applied
@@ -7846,7 +7858,7 @@ const LidoWrap = class {
             zIndex: this.z,
             backgroundColor: this.bgColor,
         };
-        return (index.h(index.Host, { key: '01d99920831e63b5fe6ae9d8c701fb9c87c7873e', class: "lido-wrap", value: this.value, type: this.type, tabindex: this.tabIndex, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: '32047fafcbe079aab8f8fb0104142abe0588db30' })));
+        return (index.h(index.Host, { key: '917fef997c58f2590f803ae4641d10557def0a24', class: "lido-wrap", value: this.value, type: this.type, tabindex: this.tabIndex, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, index.h("slot", { key: '24b14fcac75fb78c960ee0a50aefb54145ff760b' })));
     }
     get el() { return index.getElement(this); }
 };