urnovl-web-components 0.0.260 → 0.0.261

package/dist/esm/{ur-radio-button_2.entry.js → ur-radio-group.entry.js}

@@ -1,213 +1,24 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DvddpEp7.js';
-import { _ as __decorate, t, i, a as i$1, M as MduiElement, x, c as componentStyle } from './component-style-zh2SzAzp.js';
-import { n as n$1 } from './directive-Cdjto-xB.js';
+import { a as i, c as componentStyle, _ as __decorate, t, M as MduiElement, x } from './component-style-zh2SzAzp.js';
+import { n } from './directive-Cdjto-xB.js';
 import { r } from './state-VNaKC22C.js';
-import { e as e$1 } from './class-map-DhnCnSWX.js';
-import { e, n } from './ref-Bz3X8sIV.js';
-import { w as watch } from './watch-BvhH6khE.js';
-import { b as booleanConverter, D as DefinedController } from './attr-x5F1K2Wv.js';
-import { s as style, a as svgTag } from './svg-tag-DL9gwcZV.js';
-import { R as RippleMixin, F as FocusableMixin } from './ripple-mixin-B-KYfpV5.js';
-import './index-DZdO-mMi.js';
 import { o } from './if-defined-BYHxg-DB.js';
+import { e, n as n$1 } from './ref-Bz3X8sIV.js';
 import { $, J as JQ } from './get-Bo_xHyoL.js';
+import './ripple-mixin-B-KYfpV5.js';
+import { b as booleanConverter, D as DefinedController } from './attr-x5F1K2Wv.js';
 import './extend-CivLoY3b.js';
 import { F as FormController, f as formResets } from './form-BgKWWIji.js';
 import { d as defaultValue } from './default-value-KfNy2OuL.js';
+import { w as watch } from './watch-BvhH6khE.js';
+import './radio-B2MeJZg9.js';
 import './children-C1xUAMVf.js';
+import './class-map-DhnCnSWX.js';
 import './appendTo-Bs3lgi94.js';
+import './svg-tag-DL9gwcZV.js';
+import './index-DZdO-mMi.js';
 import './has-slot-BUAeIuVe.js';
 
-let IconCircle = class IconCircle extends i {
-    render() {
-        return svgTag('<path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z"/>');
-    }
-};
-IconCircle.styles = style;
-IconCircle = __decorate([
-    t('mdui-icon-circle')
-], IconCircle);
-
-let IconRadioButtonUnchecked = class IconRadioButtonUnchecked extends i {
-    render() {
-        return svgTag('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>');
-    }
-};
-IconRadioButtonUnchecked.styles = style;
-IconRadioButtonUnchecked = __decorate([
-    t('mdui-icon-radio-button-unchecked')
-], IconRadioButtonUnchecked);
-
-const radioStyle = i$1 `:host{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;zoom:1;-webkit-user-drag:none;border-radius:.125rem;font-size:var(--mdui-typescale-label-large-size);font-weight:var(--mdui-typescale-label-large-weight);letter-spacing:var(--mdui-typescale-label-large-tracking);line-height:var(--mdui-typescale-label-large-line-height)}.icon{display:flex;position:absolute;font-size:1.5rem}:not(.initial) .icon{transition-duration:var(--mdui-motion-duration-short4);transition-timing-function:var(--mdui-motion-easing-standard)}.unchecked-icon{transition-property:color;color:rgb(var(--mdui-color-on-surface-variant))}:host([focused]) .unchecked-icon,:host([hover]) .unchecked-icon,:host([pressed]) .unchecked-icon{color:rgb(var(--mdui-color-on-surface))}.checked-icon{opacity:0;transform:scale(.2);transition-property:color,opacity,transform;color:rgb(var(--mdui-color-primary))}.icon .i,::slotted([slot=checked-icon]),::slotted([slot=unchecked-icon]){color:inherit;font-size:inherit}i{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:50%;width:2.5rem;height:2.5rem;--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface)}.label{display:flex;width:100%;padding-top:.625rem;padding-bottom:.625rem;color:rgb(var(--mdui-color-on-surface))}.label:not(.initial){transition:color var(--mdui-motion-duration-short4) var(--mdui-motion-easing-standard)}:host([checked]:not([checked=false i])) i{--mdui-comp-ripple-state-layer-color:var(--mdui-color-primary)}:host([checked]:not([checked=false i])) .icon{color:rgb(var(--mdui-color-primary))}:host([checked]:not([checked=false i])) .checked-icon{opacity:1;transform:scale(.5)}i.invalid{--mdui-comp-ripple-state-layer-color:var(--mdui-color-error)}i.invalid .icon{color:rgb(var(--mdui-color-error))}.label.invalid{color:rgb(var(--mdui-color-error))}:host([disabled]:not([disabled=false i])),:host([group-disabled]){cursor:default;pointer-events:none}:host([disabled]:not([disabled=false i])) .icon,:host([group-disabled]) .icon{color:rgba(var(--mdui-color-on-surface),38%)}:host([disabled]:not([disabled=false i])) .label,:host([group-disabled]) .label{color:rgba(var(--mdui-color-on-surface),38%)}`;
-
-/**
- * @summary 单选框组件。需配合 `<mdui-radio-group>` 组件使用
- *
- * ```html
- * <mdui-radio-group value="chinese">
- * ..<mdui-radio value="chinese">Chinese</mdui-radio>
- * ..<mdui-radio value="english">English</mdui-radio>
- * </mdui-radio-group>
- * ```
- *
- * @event focus - 获得焦点时触发
- * @event blur - 失去焦点时触发
- * @event change - 选中该单选项时触发
- *
- * @slot - 文本内容
- * @slot unchecked-icon - 未选中状态的图标
- * @slot checked-icon - 选中状态的图标
- *
- * @csspart control - 左侧图标容器
- * @csspart unchecked-icon 未选中状态的图标
- * @csspart checked-icon 选中状态的图标
- * @csspart label - 文本内容
- */
-let Radio = class Radio extends RippleMixin(FocusableMixin(MduiElement)) {
-    constructor() {
-        super(...arguments);
-        /**
-         * 当前单选项的值
-         */
-        this.value = '';
-        /**
-         * 是否禁用当前单选项
-         */
-        this.disabled = false;
-        /**
-         * 当前单选项是否已选中
-         */
-        this.checked = false;
-        // 是否验证未通过。由 <mdui-radio-group> 控制该参数
-        this.invalid = false;
-        // 父组件中是否设置了禁用。由 <mdui-radio-group> 控制该参数
-        this.groupDisabled = false;
-        // 是否可聚焦。
-        // 单独使用该组件时，默认可聚焦。
-        // 如果放在 <mdui-radio-group> 组件中使用，则由 <mdui-radio-group> 控制该参数
-        this.focusable = true;
-        // 是否是初始状态，不显示动画。由 <mdui-radio-group> 组件控制该参数
-        this.isInitial = true;
-        this.rippleRef = e();
-    }
-    get rippleElement() {
-        return this.rippleRef.value;
-    }
-    get rippleDisabled() {
-        return this.isDisabled();
-    }
-    get focusElement() {
-        return this;
-    }
-    get focusDisabled() {
-        return this.isDisabled() || !this.focusable;
-    }
-    onCheckedChange() {
-        this.emit('change');
-    }
-    firstUpdated(_changedProperties) {
-        super.firstUpdated(_changedProperties);
-        this.addEventListener('click', () => {
-            if (!this.isDisabled()) {
-                this.checked = true;
-            }
-        });
-    }
-    render() {
-        const className = e$1({
-            invalid: this.invalid,
-            initial: this.isInitial,
-        });
-        return x `<i part="control" class="${className}"><mdui-ripple ${n(this.rippleRef)} .noRipple="${this.noRipple}"></mdui-ripple><slot name="unchecked-icon" part="unchecked-icon" class="icon unchecked-icon">${this.uncheckedIcon
-            ? x `<mdui-icon name="${this.uncheckedIcon}" class="i"></mdui-icon>`
-            : x `<mdui-icon-radio-button-unchecked class="i"></mdui-icon-radio-button-unchecked>`}</slot><slot name="checked-icon" part="checked-icon" class="icon checked-icon">${this.checkedIcon
-            ? x `<mdui-icon name="${this.checkedIcon}" class="i"></mdui-icon>`
-            : x `<mdui-icon-circle class="i"></mdui-icon-circle>`}</slot></i><slot part="label" class="label ${className}"></slot>`;
-    }
-    isDisabled() {
-        return this.disabled || this.groupDisabled;
-    }
-};
-Radio.styles = [componentStyle, radioStyle];
-__decorate([
-    n$1({ reflect: true })
-], Radio.prototype, "value", void 0);
-__decorate([
-    n$1({
-        type: Boolean,
-        reflect: true,
-        converter: booleanConverter,
-    })
-], Radio.prototype, "disabled", void 0);
-__decorate([
-    n$1({
-        type: Boolean,
-        reflect: true,
-        converter: booleanConverter,
-    })
-], Radio.prototype, "checked", void 0);
-__decorate([
-    n$1({ reflect: true, attribute: 'unchecked-icon' })
-], Radio.prototype, "uncheckedIcon", void 0);
-__decorate([
-    n$1({ reflect: true, attribute: 'checked-icon' })
-], Radio.prototype, "checkedIcon", void 0);
-__decorate([
-    r()
-], Radio.prototype, "invalid", void 0);
-__decorate([
-    n$1({
-        type: Boolean,
-        reflect: true,
-        converter: booleanConverter,
-        attribute: 'group-disabled',
-    })
-], Radio.prototype, "groupDisabled", void 0);
-__decorate([
-    r()
-], Radio.prototype, "focusable", void 0);
-__decorate([
-    r()
-], Radio.prototype, "isInitial", void 0);
-__decorate([
-    watch('checked', true)
-], Radio.prototype, "onCheckedChange", null);
-Radio = __decorate([
-    t('mdui-radio')
-], Radio);
-
-const urRadioButtonCss = ":host{display:block}:host mdui-radio.full-width{width:100%}";
-
-const UrRadioButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.valueSelected = createEvent(this, "valueSelected");
-        this.disabled = false;
-        this.checked = false;
-        this.value = '';
-        this.name = ''; // Name of the group
-        this.fullWidth = false;
-        this.handleClick = () => {
-            if (!this.disabled && !this.checked) {
-                this.checked = true; // Ensure this radio button gets selected
-            }
-        };
-    }
-    watchChecked(newChecked) {
-        if (newChecked) {
-            console.log(`Radio button '${this.value}' checked.`);
-            this.valueSelected.emit({ value: this.value });
-        }
-    }
-    render() {
-        return (h(Host, { key: '01203eab7313859aeb203de45e0f7e3534da4b52' }, h("mdui-radio", { key: '4606c1b865411b0c60ae2be5325757b5cc530c19', checked: this.checked, disabled: this.disabled, name: this.name, onClick: this.handleClick, class: this.fullWidth ? 'full-width' : '' }, h("slot", { key: '22fd65065f80d21978c5c80ae139eddd1fadfdd9' }))));
-    }
-    static get watchers() { return {
-        "checked": ["watchChecked"]
-    }; }
-};
-UrRadioButton.style = urRadioButtonCss;
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 $.fn.closest = function (selector) {
     if (this.is(selector)) {
@@ -223,7 +34,7 @@ $.fn.closest = function (selector) {
     return new JQ(matched);
 };
 
-const radioGroupStyle = i$1 `:host{display:inline-block}fieldset{border:none;padding:0;margin:0;min-width:0}input{position:absolute;padding:0;opacity:0;pointer-events:none;width:1.25rem;height:1.25rem;margin:0 0 0 .625rem}`;
+const radioGroupStyle = i `:host{display:inline-block}fieldset{border:none;padding:0;margin:0;min-width:0}input{position:absolute;padding:0;opacity:0;pointer-events:none;width:1.25rem;height:1.25rem;margin:0 0 0 .625rem}`;
 
 /**
  * @summary 单选框组组件。需配合 `<mdui-radio>` 组件使用
@@ -364,7 +175,7 @@ let RadioGroup = class RadioGroup extends MduiElement {
         this.invalid = !this.inputRef.value.checkValidity();
     }
     render() {
-        return x `<fieldset><input ${n(this.inputRef)} type="radio" class="input" name="${o(this.name)}" value="${o(this.value)}" .checked="${!!this.value}" .required="${this.required}" tabindex="-1" @keydown="${this.onKeyDown}"><slot @click="${this.onClick}" @keydown="${this.onKeyDown}" @slotchange="${this.onSlotChange}" @change="${this.onCheckedChange}"></slot></fieldset>`;
+        return x `<fieldset><input ${n$1(this.inputRef)} type="radio" class="input" name="${o(this.name)}" value="${o(this.value)}" .checked="${!!this.value}" .required="${this.required}" tabindex="-1" @keydown="${this.onKeyDown}"><slot @click="${this.onClick}" @keydown="${this.onKeyDown}" @slotchange="${this.onSlotChange}" @change="${this.onCheckedChange}"></slot></fieldset>`;
     }
     // 更新 mdui-radio 的 checked 后，需要更新可聚焦状态
     // 同一个 mdui-radio-group 中的多个 mdui-radio，仅有一个可聚焦
@@ -447,26 +258,26 @@ RadioGroup.styles = [
     radioGroupStyle,
 ];
 __decorate([
-    n$1({
+    n({
         type: Boolean,
         reflect: true,
         converter: booleanConverter,
     })
 ], RadioGroup.prototype, "disabled", void 0);
 __decorate([
-    n$1({ reflect: true })
+    n({ reflect: true })
 ], RadioGroup.prototype, "form", void 0);
 __decorate([
-    n$1({ reflect: true })
+    n({ reflect: true })
 ], RadioGroup.prototype, "name", void 0);
 __decorate([
-    n$1({ reflect: true })
+    n({ reflect: true })
 ], RadioGroup.prototype, "value", void 0);
 __decorate([
     defaultValue()
 ], RadioGroup.prototype, "defaultValue", void 0);
 __decorate([
-    n$1({
+    n({
         type: Boolean,
         reflect: true,
         converter: booleanConverter,
@@ -543,9 +354,9 @@ const UrRadioGroup = class {
         });
     }
     render() {
-        return (h(Host, { key: 'dddc30f2c87491192435cc8317bcb598cbd7b2b9' }, h("mdui-radio-group", { key: '32cf7db208ce79999781c289e2cd3be53aef3fe9' }, h("slot", { key: '39db11f36476505226abb6fb757c6b18fdb0b3ca', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '86a2d600089ddad00bb36b8d6880afe45d552259' }, h("mdui-radio-group", { key: 'f7fc5e5de3772fb045e30bd03c1e544a6210815c' }, h("slot", { key: '35071aaf305aeb1f5f3696f63259c84f75cf1bbc', onSlotchange: this.onSlotChange }))));
     }
 };
 UrRadioGroup.style = urRadioGroupCss;
 
-export { UrRadioButton as ur_radio_button, UrRadioGroup as ur_radio_group };
+export { UrRadioGroup as ur_radio_group };

package/dist/esm/ur-read-mobile-top-app-bar.entry.js

@@ -37,7 +37,7 @@ const UrMainDesktopTopAppBar = class {
         };
     }
     render() {
-        return (h(Host, { key: '365a761124a8a6c4700a4651bc8e34b87932d9c2' }, h("mdui-top-app-bar", { key: '90acde56e1f401856184087e3980f469c6bc1ac4', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, h("ur-button-icon", { key: '0f9a45711d571ff04f444647a2cb51b54a46477b', icon: "arrow_back", variant: "standard", "aria-label": "Back", onClick: this.handleBackClick }), h("mdui-top-app-bar-title", { key: 'fa243df986c2e32b31a93ce1c1710803e30c2fce' }, this.headerTitle), h("ur-button-icon", { key: '3e708bc031bd957084a30e35a09466b408a5bf9a', icon: "library_books--outlined", variant: "standard", "aria-label": "Chapters", onClick: this.handleChaptersClick }), h("ur-button-icon", { key: 'b05b9c93be82163926cbeed6dc80a4e1f2578381', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick }))));
+        return (h(Host, { key: '23f0ea512f68cd2cc2bd7c3f30c111727b84172c' }, h("mdui-top-app-bar", { key: '9b71807f63398eeb9d214184c5a00c2803ade265', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, h("ur-button-icon", { key: '37135df80e905b883ae04ff4d360a65c6396515e', icon: "arrow_back", variant: "standard", "aria-label": "Back", onClick: this.handleBackClick }), h("mdui-top-app-bar-title", { key: '68fe68d3c9c42b8d97689e14259f3c96fb86dfce' }, this.headerTitle), h("ur-button-icon", { key: 'bef936d4dee34008aeff94a2ccb3b908fd2fb9fb', icon: "library_books--outlined", variant: "standard", "aria-label": "Chapters", onClick: this.handleChaptersClick }), h("ur-button-icon", { key: '1624da25c7a25d5e7592685c014e891a5aee7e7e', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick }))));
     }
 };
 UrMainDesktopTopAppBar.style = urReadMobileTopAppBarCss;

package/dist/esm/ur-read-rail-mobile.entry.js

@@ -80,10 +80,10 @@ const UrReadRailMobile = class {
         this.updateVisibility();
     }
     render() {
-        return (h(Host, { key: '807b059874ab9385c981115d4b40219b9b2359b6', class: {
+        return (h(Host, { key: '305206e683c5ab7fbc22cb7a70ae8ce78a36026a', class: {
                 'ur-read-rail': true,
                 'hidden': !this.isVisible, // Apply hidden class when isVisible is false
-            } }, h("div", { key: '0941c5a4f5207f9e12a0756e797fb2afb35e03ac', class: "profile-holder" }, h("ur-avatar", { key: '1c85cde7822295e3426c2f49ad1f4433d50ddf3e', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && h("ur-button-icon", { key: '7937ea528506d04ff2430cacb08b9a9d54eae4b2', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), h("div", { key: '736d768fec03777d4eb7663cc6335a477b7749e9', class: "actions-holder" }, h("div", { key: '204af78dbcdcaedbb6d4a48d3fa25ebba3131398', class: "action" }, h("ur-button-icon", { key: '2bdb742b42eef5b296563433f0ebfc788e6cfa0b', icon: "thumb_up--outlined", variant: "standard", onClick: () => this.handleLike() }), h("span", { key: '9d078f6000ba1738c7461d1ecd9a6b297e30d3ff', class: "action-label" }, this.likes)), h("div", { key: '172e2e2757c6482b3959cc8979eb5bf848f2b11d', class: "action" }, h("ur-button-icon", { key: 'cf48375b4d899db387b240d2d13407a485a40681', icon: "thumb_down--outlined", variant: "standard", onClick: () => this.handleDislike() }), h("span", { key: 'cb0e55469e559499ff4a775dd8546276f79fa517', class: "action-label" }, this.dislike)), h("div", { key: '28c277b96e6de7dcb959b7aca11b847a2759207a', class: "action" }, h("ur-button-icon", { key: '38441a946cb7d1ff163b30b4e16570f86468987b', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), h("span", { key: 'f17f5587773b4d17a13f74c22222a8568b25e481', class: "action-label" }, this.comments)), h("div", { key: 'e3972ce74ffcac70cd4c6c4ad654eced15c8e357', class: "action" }, h("ur-button-icon", { key: '01906950760fe4499c5ef074700e5225529a1abc', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleDonate() }), h("span", { key: '22a358850bc8d120314be7852007b9c681ee3d52', class: "action-label" }, this.donate)), h("div", { key: '63ef839d8eef68dcc912ba00ad9c28ce219cbd31', class: "action" }, h("ur-button-icon", { key: '54ee2be92b9585b9abdad22b7f8c65e056ab7ea1', icon: "share--outlined", variant: "standard", onClick: () => this.handleShare() }), h("span", { key: '93667ff2b684a6f1f6eca7f46f4bf16c5c02b992', class: "action-label" }, this.share)))));
+            } }, h("div", { key: '7bd27b4e57deb248b1f2553c36ac65dd183edf67', class: "profile-holder" }, h("ur-avatar", { key: '14080f3604827ac7dab8eac6eb53713fcecd46d2', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && h("ur-button-icon", { key: '1748895dd006b637324f5285cfdae7d854635297', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), h("div", { key: '12014ddc256163e2d08f5672296fa1ea4ee27edd', class: "actions-holder" }, h("div", { key: '1ce67ebf2be9e20f6e95bce68557d5f92ce2dd42', class: "action" }, h("ur-button-icon", { key: '4f11aa82579d90933e497c50de0212b76fc4d08c', icon: "thumb_up--outlined", variant: "standard", onClick: () => this.handleLike() }), h("span", { key: '8dbae60a3af3ca9b12bb893ea3727476d18057a3', class: "action-label" }, this.likes)), h("div", { key: '2417afa825a64ec7916c24e0b50fb9aec6d01db2', class: "action" }, h("ur-button-icon", { key: '81c85566d9c051edf289e9abcc34ea2a014fc854', icon: "thumb_down--outlined", variant: "standard", onClick: () => this.handleDislike() }), h("span", { key: '81711da6aa5532bce78b1a33759304bfaeb06648', class: "action-label" }, this.dislike)), h("div", { key: '9fffeac99bceab6767a011ef0b4006244553c5e5', class: "action" }, h("ur-button-icon", { key: '4dfab16405f399032916fe67e9cf7ab963d999b2', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), h("span", { key: 'c38743fd68735250e882b5832db37a44c51e3e0f', class: "action-label" }, this.comments)), h("div", { key: '8c4ae3cd3adea60bb95e031d220403ae64c0b212', class: "action" }, h("ur-button-icon", { key: 'ab9346ff7af6da0f76b9c835a7f6ee08725ea81a', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleDonate() }), h("span", { key: '9da6449d7572cab1699fdab1e41bb1a2c26d9121', class: "action-label" }, this.donate)), h("div", { key: '1b23ceffb0250d87992b1477b9024a6e05fa6c80', class: "action" }, h("ur-button-icon", { key: '3dbfafbb351830c1d8a8e30b7439afb054b6f378', icon: "share--outlined", variant: "standard", onClick: () => this.handleShare() }), h("span", { key: '451c037c4621b50958720c81032de0dc75ca59ed', class: "action-label" }, this.share)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ur-read-rail.entry.js

@@ -109,10 +109,10 @@ const UrReadRail = class {
         this.updateVisibility();
     }
     render() {
-        return (h(Host, { key: 'ba5cbb8241cb40cd6f8d1cb2a43fe3a8f8a0c26a', class: {
+        return (h(Host, { key: '82f61904228e823a6328d056cf6575feb404a345', class: {
                 'ur-read-rail': true,
                 'hidden': !this.isVisible, // Apply hidden class when isVisible is false
-            } }, h("div", { key: 'eeb703c544b22675e552765648548aa5cf7f04b8', class: "profile-holder" }, h("ur-avatar", { key: '358dae56736e3dd470c307327df19395bcff1f34', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && !this.isOwnChapter && h("ur-button-icon", { key: '44bc04987f7895fde03ba6d157b2db448adb5e8c', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), this.pageId && this.pageName && (h("div", { key: 'b8084100db92ffc2389ee50ae7ed76ad0e5d60a0', class: "profile-holder page-profile" }, h("ur-avatar", { key: '55f40ce46f86e07ee5ab3ff47417fa78365794c7', class: "avatar-button", src: this.pageSrc, border: "4px", size: "56px", name: this.pageName, variant: "page", radius: "8px", onClick: () => this.handleViewPageProfile() }), !this.isPageFollowed && h("ur-button-icon", { key: '339fff170a982a93af00ee6f298939aa4317df46', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handlePageFollow() }))), h("div", { key: 'd3d7d6977a1a7ec39e0de4ee6a8bca1a0ba2afbf', class: "actions-holder" }, h("slot", { key: '015293e8df28d5ac19c29b673dbb824bb9ac0560', name: "thumbs-rating" }), h("div", { key: 'b8dbfd68f9cf008deb43773ddfa3350ff8bef346', class: "action" }, h("ur-button-icon", { key: '07ec062b74b4ad1e646ced09f7f285b79588ef6b', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), h("span", { key: 'c2d9a0a904cf68203d549af8ba0988e68f027a51', class: "action-label" }, this.comments)), this.canReceiveBravos && !this.isOwnChapter && (h("div", { key: '8a6ab2b1d3f9e237b6c64fbdfe44fbd587f94092', class: "action" }, h("ur-button-icon", { key: '82109da6ccdda28960087c8b7f3666d271efc6f2', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleBravo() }), h("span", { key: '1353a8a018e9843839d36b433192dd65354660d8', class: "action-label" }, this.bravoText))), this.renderShareButton())));
+            } }, h("div", { key: 'c06cc5316f0d8e8204f9fb1f09355e0811fe3d9a', class: "profile-holder" }, h("ur-avatar", { key: 'a28488838630b4d3c448b831c7afbfe2ed9da043', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && !this.isOwnChapter && h("ur-button-icon", { key: '437ac14fde30f189480876d2c124c06d766b2ee3', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), this.pageId && this.pageName && (h("div", { key: '7134e11a8f51d06dcc8e17e7c90c6c69bf375293', class: "profile-holder page-profile" }, h("ur-avatar", { key: 'c7ab76afbf2b98afb01cd0e51a8ffbd17e08fdd8', class: "avatar-button", src: this.pageSrc, border: "4px", size: "56px", name: this.pageName, variant: "page", radius: "8px", onClick: () => this.handleViewPageProfile() }), !this.isPageFollowed && h("ur-button-icon", { key: 'b0638e9f11b80747863ceb10f5c49259e2c9110c', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handlePageFollow() }))), h("div", { key: 'ec712dd23eb6e62d869e94a4a1da43e6c249d608', class: "actions-holder" }, h("slot", { key: 'af38989b9cf8a1d4ed06428060fb62246835836b', name: "thumbs-rating" }), h("div", { key: 'a171dc92c6e11eed3fd61fb6e443a45d19f518e7', class: "action" }, h("ur-button-icon", { key: 'd0d7801a4947613ccbbbbe51cffd1b3842d227e5', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), h("span", { key: '751369908f959b627557b43c3f58094b307fa997', class: "action-label" }, this.comments)), this.canReceiveBravos && !this.isOwnChapter && (h("div", { key: '310020c362b03b27ff5dc9958d8bb7c70b276c98', class: "action" }, h("ur-button-icon", { key: '989b15526f1631b7ec78538ccbf6b5fc7f5101e8', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleBravo() }), h("span", { key: 'ee12554c935e3a2a0bbf78a03e8d421dde995775', class: "action-label" }, this.bravoText))), this.renderShareButton())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ur-read-top-app-bar.entry.js

@@ -111,7 +111,7 @@ const UrReadTopAppBar = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b574abe15c5732c0bd171c3567cc03e84eac1c31' }, h("mdui-top-app-bar", { key: 'f4db04a6ed0c1800aaf1359b7ba7a7e6ab508622', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold, style: { top: this.topValue } }, h("mdui-top-app-bar-title", { key: '75b28665b847a1e7111509b1063536490e3bc104' }, this.novelTitle), this.isChapterOwner && (h("ur-tooltip", { key: '3a5bf5f87933d483ac70577076ddc79c7b3af5b9', content: this.editChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: '4821fe84df10f7059bb7d74bea08759bdc972c00', icon: "edit", variant: "standard", "aria-label": "Edit Chapter", onClick: this.handleEditChapterClick }))), this.deviceVariant === 'desktop' && h("slot", { key: '59e67eccdb018e9df60673e5e260b6ded0aa5966', name: "chapter-select" }), this.deviceVariant === 'mobile' && (h("ur-tooltip", { key: '94b3dfd01ebf0f1b547f121ec56a900f21fcf4ed', content: this.selectChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: '009c1b486935872b2e4bad383e674147220e021b', icon: "list", variant: "standard", "aria-label": "Select Chapter", onClick: this.handleChapterButtonClick }))), h("ur-tooltip", { key: '0880eae679dd1bbaae1b6ac2633a51b327416c25', content: this.storySummaryTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: 'f011d1277f2097ec9c48e04f3190e5b80fca6e8a', icon: "info_outline", variant: "standard", "aria-label": "Story Summary", onClick: this.handleStorySummaryClick })), h("ur-tooltip", { key: 'a1077a8b5442a87cddf9cb9f58300d9bd47dcfa5', content: this.readingSettingsTooltip, placement: "bottom-left", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: '21f79873b5f7ea27b56b20e273252714226056ad', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick })), h("div", { key: '62bdd9ac3e2d9251466aaaad3a272a1a08d14f8d', class: "read-progress" }, h("slot", { key: '173c13785bea534a8b4a78f80cba4659a90d6d0e', name: "read-progress" })))));
+        return (h(Host, { key: 'a4e76f9e052cfe291d25dfc6a55b52d96bfc63a0' }, h("mdui-top-app-bar", { key: 'cbfbc6465af9a70423dc4a0983441dc8690eb84d', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold, style: { top: this.topValue } }, h("mdui-top-app-bar-title", { key: 'bda99dcc95bbfa13497cc98d6c39efaf343cb03e' }, this.novelTitle), this.isChapterOwner && (h("ur-tooltip", { key: '3ee3dda242da4256e73ccf15cb51a8da8f487142', content: this.editChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: 'bd7acf32feb36a317fb4dd7b95a06528a8aaaa79', icon: "edit", variant: "standard", "aria-label": "Edit Chapter", onClick: this.handleEditChapterClick }))), this.deviceVariant === 'desktop' && h("slot", { key: 'b374b9dd1441ac69360d0c4088b541126448a38b', name: "chapter-select" }), this.deviceVariant === 'mobile' && (h("ur-tooltip", { key: '83f6c7f8805db7deeef8c85848308930d68d4b2b', content: this.selectChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: '8f2f14173138b0786c9f6c0b36912315ef298342', icon: "list", variant: "standard", "aria-label": "Select Chapter", onClick: this.handleChapterButtonClick }))), h("ur-tooltip", { key: '8fc779b76b33865b4fd5924ae118cb43b68a9961', content: this.storySummaryTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: '27623ad85600c08b0f12139364023cbab319c201', icon: "info_outline", variant: "standard", "aria-label": "Story Summary", onClick: this.handleStorySummaryClick })), h("ur-tooltip", { key: '202df1c30db583d53f5f987f5440daad499575df', content: this.readingSettingsTooltip, placement: "bottom-left", trigger: "hover", colorScheme: "dark" }, h("ur-button-icon", { key: '338f549aa5fe1a647b8289428ff2b1c325771134', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick })), h("div", { key: 'aa654877c96b1b514f47520a7dedf543a18f1e6d', class: "read-progress" }, h("slot", { key: '6c373f6c59c77391c2c05a47801f095af53d5be6', name: "read-progress" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ur-segment-button.entry.js

@@ -564,7 +564,7 @@ const UrSegment = class {
         this.likeLabel = '2.5k'; // Default label is 'Like'
     }
     render() {
-        return (h(Host, { key: 'e3ea2a280a464ad3559cf7fac08b3906c7f0f448' }, h("mdui-segmented-button-group", { key: 'dc49239a957b608477cc97f3b83562da75e99a15', selects: "single" }, h("mdui-segmented-button", { key: '6980de974f73e418958d95b7d706235fe655c9db', icon: "thumb_up--outlined", "selected-icon": "thumb_up", value: "like" }, this.likeLabel), h("mdui-segmented-button", { key: '4fc7600e2ab784351c271e8642928e3b717eab5b', icon: "thumb_down--outlined", "selected-icon": "thumb_down", value: "dislike" }))));
+        return (h(Host, { key: '93a8e316c5c4e521615785bb0a15121824de00e4' }, h("mdui-segmented-button-group", { key: 'a72296e0e53504d0c98ac34f7b26c721cb56b9ea', selects: "single" }, h("mdui-segmented-button", { key: '4233a17a91255bf2e246af67f848281dd0a1cd58', icon: "thumb_up--outlined", "selected-icon": "thumb_up", value: "like" }, this.likeLabel), h("mdui-segmented-button", { key: '0071180921aeec9e51624a229578a81dfd03ff7a', icon: "thumb_down--outlined", "selected-icon": "thumb_down", value: "dislike" }))));
     }
 };
 UrSegment.style = urSegmentButtonCss;

package/dist/esm/ur-select.entry.js

@@ -445,7 +445,7 @@ Select = __decorate([
     t('mdui-select')
 ], Select);
 
-const urSelectCss = ":host{display:block}:host mdui-select{font-size:12px;border:0}:host mdui-select::part(text-field){font-size:14px;background:transparent}:host mdui-select::part(text-field__container){background:transparent}:host mdui-select::part(text-field__input){font-size:14px;background:transparent;min-height:44px}:host mdui-select::part(chips){margin:-0.875rem -0.25rem}:host mdui-select[multiple]::part(chips){margin:-0.35rem -0.25rem -0.575rem -0.25rem}:host mdui-select::part(menu){max-height:300px;overflow-y:auto;padding:0}:host mdui-select::slotted(mdui-dropdown){margin:0;padding:0}:host mdui-select::part(container){border-radius:var(--mdui-shape-corner-small)}:host mdui-select::part(text-field__container){border-radius:var(--mdui-shape-corner-small)}:host mdui-select::part(menu){position:absolute !important;transform:none !important}";
+const urSelectCss = ":host{display:block}:host mdui-select{font-size:12px;border:0}:host mdui-select::part(text-field){font-size:14px}:host mdui-select[variant=\"outlined\"]::part(text-field){background:transparent}:host mdui-select[variant=\"outlined\"]::part(text-field__container){background:transparent}:host mdui-select::part(text-field__input){font-size:14px;min-height:44px}:host mdui-select::part(chips){margin:-0.875rem -0.25rem}:host mdui-select[multiple]::part(chips){margin:-0.35rem -0.25rem -0.575rem -0.25rem}:host mdui-select::part(menu){max-height:300px;overflow-y:auto;padding:0}:host mdui-select::slotted(mdui-dropdown){margin:0;padding:0}:host mdui-select::part(container){border-radius:var(--mdui-shape-corner-small)}:host mdui-select::part(text-field__container){border-radius:var(--mdui-shape-corner-small)}:host mdui-select::part(menu){position:absolute !important;transform:none !important}";
 
 const UrSelect = class {
     constructor(hostRef) {
@@ -501,7 +501,7 @@ const UrSelect = class {
         };
         // For multi-select, always use this.value directly, for single-select use displayText fallback
         const selectValue = this.multiple ? this.value : (this.displayText || this.value);
-        return (h(Host, { key: '60d1f66b1983e77c5992a26a4214cd4755b04f56', style: selectStyles }, h("mdui-select", { key: '5b4c8a1d4b1ecf165ec99d7f454aac3c5acd20f0', name: this.name, value: selectValue, label: this.label || '', variant: this.variant, usage: this.usage, multiple: this.multiple, class: !this.multiple ? 'single-select' : '', flex: this.flex, clearable: this.clearable, disabled: this.disabled, required: this.required, readonly: this.readonly, placement: this.placement, placeholder: this.placeholder, onChange: this.handleChange }, this.icon && (h("mdui-icon", { key: 'e3263e18ee85c2729c94c52d140595560b97da1c', slot: "icon", name: this.icon })), this.endIcon && (h("mdui-icon", { key: '06d38a9b468cd81b3c24c08437c96583f810f8eb', slot: "end-icon", name: this.endIcon })), this.suffix && h("span", { key: 'f86cab0230835e0a034defef2eac69e6cc8904ab', slot: "suffix" }, this.suffix), h("slot", { key: '903b9e091a7e1e9d1ae708c6bb5550014fae1a66' }), this.helper && h("span", { key: '0cd5e0c311dbc5d05a2fdbd2bc77453576142073', slot: "helper" }, this.helper))));
+        return (h(Host, { key: 'd504d1461969e0771674721a56fd3c1662317f71', style: selectStyles }, h("mdui-select", { key: '832abb7905a42c4727e630f7d3e2793b8df1e96a', name: this.name, value: selectValue, label: this.label || '', variant: this.variant, usage: this.usage, multiple: this.multiple, class: !this.multiple ? 'single-select' : '', flex: this.flex, clearable: this.clearable, disabled: this.disabled, required: this.required, readonly: this.readonly, placement: this.placement, placeholder: this.placeholder, onChange: this.handleChange }, this.icon && (h("mdui-icon", { key: 'f717710e8f0a5be4de0fb7150be15fca0b01522e', slot: "icon", name: this.icon })), this.endIcon && (h("mdui-icon", { key: '203eb607e84499ec79026640481fba2647a520d0', slot: "end-icon", name: this.endIcon })), this.suffix && h("span", { key: 'ec6f47184fe20bd979fd4c05c3c3d596f6cf197a', slot: "suffix" }, this.suffix), h("slot", { key: '1a292170f8f90c9aa8632e8fc67ca312136cd59d' }), this.helper && h("span", { key: '08968be82aae7f67158712906dc1f5cde273efa1', slot: "helper" }, this.helper))));
     }
     static get watchers() { return {
         "value": ["handleValueChange"]

package/dist/esm/ur-snackbar.entry.js

@@ -437,12 +437,12 @@ const UrSnackbar = class {
         };
     }
     render() {
-        return (h(Host, { key: 'd64f7d522bf180d864d1cbb5e37e85363e50ebbf' }, h("mdui-snackbar", { key: '7f3545a84846f45b494045120b8000b7896c7668', open: this.open, placement: this.placement, action: this.action, "action-loading": this.actionLoading, closeable: this.closeable, "close-icon": this.closeIcon, "message-line": this.messageLine, "auto-close-delay": this.autoCloseDelay, "close-on-outside-click": this.closeOnOutsideClick, onOpen: this.handleOpen, onOpened: this.handleOpened, onClose: this.handleClose, onClosed: this.handleClosed, "onAction-click": this.handleActionClick, style: {
+        return (h(Host, { key: 'ffb037f37e00a20933d13b5df681705c3b0f207b' }, h("mdui-snackbar", { key: '85b83426c89374deb849f820f15b4cd8b492f28b', open: this.open, placement: this.placement, action: this.action, "action-loading": this.actionLoading, closeable: this.closeable, "close-icon": this.closeIcon, "message-line": this.messageLine, "auto-close-delay": this.autoCloseDelay, "close-on-outside-click": this.closeOnOutsideClick, onOpen: this.handleOpen, onOpened: this.handleOpened, onClose: this.handleClose, onClosed: this.handleClosed, "onAction-click": this.handleActionClick, style: {
                 '--z-index': this.zIndex,
                 '--shape-corner': this.radius,
                 'background-color': this.backColor,
                 'color': this.fontColor,
-            } }, this.message, h("slot", { key: '59596333378d3278899820265bdcce3d77a04b9f' }), h("slot", { key: '8c4ca2a0c9462599faccecd11d84791a5c958f9e', name: "action", slot: "action" }), h("slot", { key: '91cb3f3e90d5d286f542082e3be434ae5f5cce07', name: "close-button", slot: "close-button" }), h("slot", { key: '653f7e2fd0d656af21a665d2574822b5adb0d764', name: "close-icon", slot: "close-icon" }))));
+            } }, this.message, h("slot", { key: 'c2551a3a53c0f5824d7330dfaf5bbe8fd0145853' }), h("slot", { key: '1be53de168a3795638ac73fc3ede76dc62cbdd15', name: "action", slot: "action" }), h("slot", { key: 'e4f5591dd91148f7719c91738375ab18d0136aea', name: "close-button", slot: "close-button" }), h("slot", { key: 'c2ec307a02be37dc6a21662ad626c870b084d89b', name: "close-icon", slot: "close-icon" }))));
     }
 };
 UrSnackbar.style = urSnackbarCss;

package/dist/esm/ur-stepper.entry.js

@@ -220,7 +220,7 @@ const UrStepper = class {
         this.updateStepVisibility();
     }
     render() {
-        return (h(Host, { key: 'aa1327d979a2782573e70cac785b323f82a3cb8f', class: this.customClass }, h("div", { key: '76d7dd437419d95fda256c145dc04d11dfdf310f', class: "stepper-container" }, Array.from({ length: this.stepCount }, (_, index) => this.renderStepIndicator(index + 1)))));
+        return (h(Host, { key: '379d47e3c8ad0eae8961604743c74aba15b84926', class: this.customClass }, h("div", { key: 'ab2164b3d4595492f3e2ec21fa5b6c177dcbb347', class: "stepper-container" }, Array.from({ length: this.stepCount }, (_, index) => this.renderStepIndicator(index + 1)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ur-subscription-card.entry.js

@@ -109,7 +109,7 @@ const UrSubscriptionCard = class {
         return (h("mdui-card", { variant: "outlined", class: "card tier-card" }, h("div", { class: "card-content" }, h("div", { class: "tier-header" }, h("div", { class: "tier-avatar" }, this.ownerAvatar ? (h("img", { src: this.ownerAvatar, alt: "" })) : (h("mdui-icon", { name: iconName }))), h("div", { class: "tier-owner-info" }, h("span", { class: "tier-owner-name" }, this.ownerName || 'Unknown'), h("span", { class: "tier-name" }, this.tierName, " \u00B7 ", this.tierPrice))), h("div", { class: "row" }, h("span", { class: "label" }, this.statusLabel), h("span", { class: `value status-${this.status}` }, this.getStatusDisplayName())), this.periodEnd && (h("div", { class: "row" }, h("span", { class: "label" }, dateLabel), h("span", { class: "value" }, this.formatDate(this.periodEnd)))), h("div", { class: "actions tier-actions" }, h("ur-button", { variant: "text", onClick: this.handleViewProfileClick }, this.viewProfileText), this.status === 'active' && !this.cancelAtPeriodEnd && (h("ur-button", { variant: "text", onClick: this.handleCancelClick }, this.cancelButtonText)), this.status === 'active' && this.cancelAtPeriodEnd && (h("ur-button", { variant: "text", onClick: this.handleCancelNowClick }, this.cancelNowButtonText)), h("ur-button", { variant: "tonal", onClick: this.handleManageClick }, this.manageButtonText)))));
     }
     render() {
-        return (h(Host, { key: '55bd660342fafafd6dd52c1945f622399e2d179a' }, this.mode === 'tier' ? this.renderTierCard() : this.renderPremiumCard()));
+        return (h(Host, { key: '63e01de6e0bd41fdac1710743666d3377223490d' }, this.mode === 'tier' ? this.renderTierCard() : this.renderPremiumCard()));
     }
 };
 UrSubscriptionCard.style = urSubscriptionCardCss;

package/dist/esm/ur-subscription-tiers-carousel.entry.js

@@ -135,7 +135,7 @@ const UrSubscriptionTiersCarousel = class {
     render() {
         const visibleTiers = this.getVisibleTiers();
         const hostStyle = this.cardWidth ? { '--swiper-slide-width': this.cardWidth } : {};
-        return (h(Host, { key: 'a484505b6b33f19de70cfd0bced7683daf9b4349', style: hostStyle }, h("div", { key: '599e7368a8f7fe51912a1d11dc203a6890c10f26', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'dc7781be31158b7f94290add1fd1b10461d332b4', disabled: this.disabledPrev })), this.navigation && (h("ur-button-arrow-right", { key: 'ce2aceb218e3e7deac2dd40baf74a07364133425', disabled: this.loading || this.disabledNext })), h("swiper-container", { key: '4e48a5f4e3b40030e87a41b833b0694ce8fd9ce9', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "centered-slides": true, "centered-slides-bounds": true, "slides-offset-before": "8", "slides-offset-after": "8", "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, visibleTiers.map((tier, index) => this.renderTier(tier, index))))));
+        return (h(Host, { key: 'f80e2b5b0a06c72f764f705cf240c3cc16a4eba3', style: hostStyle }, h("div", { key: '9229f73df5a2561e78f2b81fe631b87e54c17fae', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '1b2909bebcfa8bc28cc6bd7a7bd0f9afbeadef88', disabled: this.disabledPrev })), this.navigation && (h("ur-button-arrow-right", { key: 'b58dc3be5b7f73310492683c8769e38f301c170f', disabled: this.loading || this.disabledNext })), h("swiper-container", { key: 'af6d9ec4b177704abc2561ab146f3170b562c236', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "centered-slides": true, "centered-slides-bounds": true, "slides-offset-before": "8", "slides-offset-after": "8", "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, visibleTiers.map((tier, index) => this.renderTier(tier, index))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ur-switch.entry.js

@@ -273,7 +273,7 @@ const UrSwitch = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cf72927185844a700d74102aa00a470ab28ef1f1' }, h("mdui-switch", { key: 'c8082a7badb93264505f33e3ba8d5e7d57393e47', checked: this.checked, disabled: this.disabled, "checked-icon": this.checkedIcon, "unchecked-icon": this.uncheckedIcon })));
+        return (h(Host, { key: '06f71775f125ec03cbf1a2e8cab9afa753d62b5d' }, h("mdui-switch", { key: 'e62c839425f1e4cea1ebe6bc855dd1834bf04a8a', checked: this.checked, disabled: this.disabled, "checked-icon": this.checkedIcon, "unchecked-icon": this.uncheckedIcon })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ur-tabs.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DvddpEp7.js';
-import './tab-panel-YMLschUK.js';
+import './tab-JcwwlhqJ.js';
+import './tab-panel-mttybgVa.js';
 import './component-style-zh2SzAzp.js';
 import './directive-Cdjto-xB.js';
 import './state-VNaKC22C.js';
@@ -54,7 +55,7 @@ const UrTabs = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'db6de3cfc995e430e30ffae83c80e5bd0f4e0f91' }, h("div", { key: '55e0c2df2d1248de59745a2e9cfcf3d3b0efd243', class: "tabs-container" }, h("mdui-tabs", { key: 'c646e6105dd907d0936820f58009fd621267de22', value: this.value || ((_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.value) }, this.tabs.map(tab => (h("mdui-tab", { value: tab.value }, tab.label)))), h("div", { key: 'bf47b91acc4e8315455483d013712f2042788d2c', class: "panels-container" }, this.panels.map(panel => (h("mdui-tab-panel", { value: panel.value }, h("slot", { name: `panel-${panel.value}` }, panel.content))))))));
+        return (h(Host, { key: '87b65f11dccb192e6a3d85febb5a7d7d86657e3c' }, h("div", { key: 'd719f32bedc03ee5aa514085928ee1d301beb5f6', class: "tabs-container" }, h("mdui-tabs", { key: '460f9f818ce529d7e4ce1211dc97037f3132441b', value: this.value || ((_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.value) }, this.tabs.map(tab => (h("mdui-tab", { value: tab.value }, tab.label)))), h("div", { key: '73db17b6c73d019a3fd472881f464d89878f66e6', class: "panels-container" }, this.panels.map(panel => (h("mdui-tab-panel", { value: panel.value }, h("slot", { name: `panel-${panel.value}` }, panel.content))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ur-thumbs-rating.entry.js

@@ -21,15 +21,15 @@ const UrThumbsRating = class {
         this.thumbsDown.emit();
     }
     render() {
-        return (h(Host, { key: 'c83b854e30b796326da6f0e6a89b550a0a9ce528' }, h("div", { key: '31d01329c5e50ac8b2e3c1ceb876e90d3f214d30', class: "action" }, h("ur-button-icon", { key: '9a07142de9f08a5aab4aa5c32c07c1a822d1ee80', class: {
+        return (h(Host, { key: '297c36bac71a036b61126df79e32b8bd84b87be9' }, h("div", { key: '0f06af91382ecfc61aa36b48a8448c9aa19c3bcb', class: "action" }, h("ur-button-icon", { key: '246d3962d5a003791f770edcc767bec82efa75e8', class: {
                 'thumbs': true,
                 'thumbs-up': true,
                 'active': this.isLiked,
-            }, icon: this.isLiked ? 'thumb_up' : 'thumb_up--outlined', selectedIcon: "thumb_up", selected: this.isLiked, onClick: () => this.handleThumbsUp() }), h("span", { key: '039a5a6b6726555f8ada44c663902f3a0e947510', class: "action-text" }, this.likesCount)), h("div", { key: '39c28130e292c510f8fc98056bfee475daef4743', class: "action" }, h("ur-button-icon", { key: '1b1d5245ad48cd87c6fdf50a3897db2cc9f9ba09', class: {
+            }, icon: this.isLiked ? 'thumb_up' : 'thumb_up--outlined', selectedIcon: "thumb_up", selected: this.isLiked, onClick: () => this.handleThumbsUp() }), h("span", { key: '00ccf75a997afa57af21c50d5459a31ed03d7803', class: "action-text" }, this.likesCount)), h("div", { key: 'e8c874ca74740e865671b8bf1142ab93eee54362', class: "action" }, h("ur-button-icon", { key: 'aa407040b09e00cbe590e4facfaad7bba53324c3', class: {
                 'thumbs': true,
                 'thumbs-down': true,
                 'active': this.isDisliked,
-            }, icon: this.isDisliked ? 'thumb_down' : 'thumb_down--outlined', selectedIcon: "thumb_down", selected: this.isDisliked, onClick: () => this.handleThumbsDown() }), h("span", { key: '2378639f1a522027c18678117a71d194b2658039', class: "action-text" }, this.dislikeText))));
+            }, icon: this.isDisliked ? 'thumb_down' : 'thumb_down--outlined', selectedIcon: "thumb_down", selected: this.isDisliked, onClick: () => this.handleThumbsDown() }), h("span", { key: '763005af32fb4717b107d9cd560c390bcfeaf4fe', class: "action-text" }, this.dislikeText))));
     }
 };
 UrThumbsRating.style = urThumbsRatingCss;

package/dist/esm/ur-time-ago.entry.js

@@ -59,7 +59,7 @@ const UrTimeAgo = class {
         return rtf.format(-value, unit);
     }
     render() {
-        return (h(Host, { key: '1abc497793cd371fc95b41b3171056c4fbcb1b38' }, h("span", { key: '9d0e79a5003b5723977bc448ec4ec66aadc46cf7', class: "time-ago", part: "time" }, this.timeAgo)));
+        return (h(Host, { key: '1644e82203373257cd2f607d131a6414434c12cb' }, h("span", { key: 'bd9282d769b4e80a813d67da99e2046e46eaf14e', class: "time-ago", part: "time" }, this.timeAgo)));
     }
     static get watchers() { return {
         "date": ["watchDate"],

package/dist/esm/ur-top-app-bar.entry.js

@@ -119,13 +119,13 @@ const UrTopAppBar = class {
         this.scrollThreshold = 30; // Default value
     }
     render() {
-        return (h(Host, { key: '599f447aac88389919cb7135e0cbf5c72616c3c2' }, h("mdui-top-app-bar", { key: 'd4efbcb01c53aebbf30029183bb9c1ff44b8e8a2', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, h("ur-logo", { key: '42b1c93a82b3de8f29369f7f51614be2bd1ac983', width: "70" // Custom width for the logo
+        return (h(Host, { key: 'd4fb7e9e2a38691ce3d9d071cf67d210edab857d' }, h("mdui-top-app-bar", { key: 'db74b6c0cee1f912879930cc295b14c6d8cb63ce', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, h("ur-logo", { key: '31dd30faf16813f8126e8cd08a068a2becbc380a', width: "70" // Custom width for the logo
             ,
             height: "19" // Custom height for the logo
             ,
             color: "currentColor" // Dynamic fill color of the logo
             ,
-            rotation: this.logoRotation, opacity: this.logoOpacity }), h("mdui-top-app-bar-title", { key: '36ebdc510e52fc69841816fadfa28a27341b1f6c' }, this.headerTitle))));
+            rotation: this.logoRotation, opacity: this.logoOpacity }), h("mdui-top-app-bar-title", { key: '832e782679a7f07a27c8035e53a71c4e69a4a09e' }, this.headerTitle))));
     }
 };
 UrTopAppBar.style = urTopAppBarCss;

package/dist/esm/ur-user-carousel.entry.js

@@ -72,7 +72,7 @@ const UrUserCarousel = class {
         this.observer.disconnect();
     }
     render() {
-        return (h(Host, { key: '61a055697aa707ca98e20b598cc2dcef0be2a142' }, h("div", { key: '7da6037e291b1a69dd8fe7376b3780af2eb2cf06', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '0206087e37a06bd2104d6c366478cbedbae38948', disabled: true })), this.navigation && (h("ur-button-arrow-right", { key: 'fd26ec650245aca713c8fdfa409812ad6b688862', disabled: true })), h("swiper-container", { key: '124903c87df232285e50538880dba5f5cd30e41a', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.users.map((user, index) => {
+        return (h(Host, { key: 'a7e9d4b27d165d42b0848536c7f082202ab66232' }, h("div", { key: 'e834334118380640d0970bf6fbf70d2168d2cb85', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'cdb26094f195f3941ceef015b13c757cb73dac85', disabled: true })), this.navigation && (h("ur-button-arrow-right", { key: '28e58ee5dfa0f6e1757977dcf11a1de79b30c8a6', disabled: true })), h("swiper-container", { key: '8247ccc9247a0cccd9059029c9b23db7347f9e33', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.users.map((user, index) => {
             if (is_custom_data(user)) {
                 return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: user.content(index) })));
             }

package/dist/esm/ur-user-page-profile.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DvddpEp7.js';
-import './ur-avatar-n6L9PEnR.js';
+import './ur-avatar-DXF3lVCQ.js';
 import './ur-button.entry.js';
 import './ur-time-ago.entry.js';
 import './ur-long-description.entry.js';
@@ -163,11 +163,11 @@ const UrUserPageProfile = class {
             'profile-mobile-main': this.platform === 'mobile-main',
             'profile-mobile-secondary': this.platform === 'mobile-secondary',
         };
-        return (h(Host, { key: '1c03bf4aaa42102dec52319c1a915a2de0d9bc53', class: classes }, h("div", { key: '530a910871108095752b03b6688f19be02711eef', class: classes }, this.platform === 'desktop' && (h("div", { key: '48ad7e3481f91a0b74e4df4a662362e3f8e8299a', class: "desktop-content" }, h("div", { key: '85f708fe4d952ec7964803fbd5d0c55d908d48d2', class: "avatar" }, h("div", { key: '21a4c451890f98b923513833b20c94f396ff9f6b', class: "avatar-wrapper" }, h("ur-avatar", { key: '58024ba7e7460f85ced7e397aaaad1a45dc28799', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton }), this.isProfileOwner && this.showAvatarEdit && !this.skeleton && (h("ur-button-icon", { key: '55ecbb272f503b97bac0c520bd5b03626a0cf19c', class: "avatar-edit-overlay", icon: "edit", variant: "filled", "border-radius": "50%", "button-width": "32px", "button-height": "32px", onClick: () => this.avatarEdit.emit() })))), h("div", { key: 'aecbb4e3bb4ccdc6c3e5b80a447821fe72c62220', class: "info" }, h("div", { key: '3eb908cf974f15fd88b437d66de2942c73ea2341', class: "name" }, this.skeleton ? h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && h("ur-icon", { key: '0e021b7efd517f46fb996aaa4284b054e89bb4e8', class: "partner-badge", name: "verified", size: "18px" })), this.renderProfileType(), this.skeleton ? h("ur-long-description", { class: "about", skeleton: true }) : this.about && h("ur-long-description", { class: "about", description: this.about }), this.renderLocation(), this.renderSocialLinks(), this.renderWebsite()), this.isLoggedIn && this.renderActions())), this.platform === 'desktop' && [
+        return (h(Host, { key: '3525cccbe29135a4d5fe5249cd17433893314096', class: classes }, h("div", { key: '73525e8427495c099eb07470184c207c51baa375', class: classes }, this.platform === 'desktop' && (h("div", { key: '63022e9c68b9b9de918b454e04995e351060b1ee', class: "desktop-content" }, h("div", { key: '431779cf08bf71ed07c408263a65550d27a11ec4', class: "avatar" }, h("div", { key: '7bb25047c158b230bbf4fa21d7ed1e6971486703', class: "avatar-wrapper" }, h("ur-avatar", { key: 'd64b5835b83318a116b536632d8bdcb8e24cb3bf', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton }), this.isProfileOwner && this.showAvatarEdit && !this.skeleton && (h("ur-button-icon", { key: '7569ed30399c89590271fddb589f7659cf19e694', class: "avatar-edit-overlay", icon: "edit", variant: "filled", "border-radius": "50%", "button-width": "32px", "button-height": "32px", onClick: () => this.avatarEdit.emit() })))), h("div", { key: 'd037de5c2d3789c794d694c0e27058dba01db61f', class: "info" }, h("div", { key: 'a677a8634afb456ac1326e01982dc63ec76e8fe4', class: "name" }, this.skeleton ? h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && h("ur-icon", { key: 'de046a6c6f8870c98619b27293ff78f3c788cd30', class: "partner-badge", name: "verified", size: "18px" })), this.renderProfileType(), this.skeleton ? h("ur-long-description", { class: "about", skeleton: true }) : this.about && h("ur-long-description", { class: "about", description: this.about }), this.renderLocation(), this.renderSocialLinks(), this.renderWebsite()), this.isLoggedIn && this.renderActions())), this.platform === 'desktop' && [
             this.renderStats(),
             this.renderUserCreationDate(),
             this.renderLogoutAction(),
-        ], this.platform === 'mobile-main' && (h("div", { key: '8c25f4d1c888cc9793f612fea7f2be08eee4dbb4', class: "mobile-main-content" }, h("div", { key: 'e32cad37a236fcc0fedb147b9960f180d8239b98', class: "avatar" }, h("div", { key: '3fe08ae854e953460afc898a1912c7d85ca2394a', class: "avatar-wrapper" }, h("ur-avatar", { key: '49b92b14e06ec79a45fb081967da48acb049a21d', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton }), this.isProfileOwner && this.showAvatarEdit && !this.skeleton && (h("ur-button-icon", { key: 'fa365c5404c212e7bcec8f30e5b7d809b8347de5', class: "avatar-edit-overlay", icon: "edit", variant: "filled", "border-radius": "50%", "button-width": "32px", "button-height": "32px", onClick: () => this.avatarEdit.emit() })))), h("div", { key: '904b4f73d967cef17aef3a71e297d5472de4b422', class: "info" }, h("div", { key: 'f850467c352a71e606c7aa057ddd7826f8b6a219', class: "name" }, this.skeleton ? h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && h("ur-icon", { key: 'd601e5427a506fe0193fb3595798ea487d4ff599', class: "partner-badge", name: "verified", size: "18px" })), this.renderProfileType(), this.skeleton ? h("ur-long-description", { class: "about", skeleton: true }) : this.about && h("ur-long-description", { class: "about", description: this.about })), this.isLoggedIn && this.renderActions())), this.platform === 'mobile-secondary' && [
+        ], this.platform === 'mobile-main' && (h("div", { key: '8502a854003fa0062030d660b5c825a3584765c9', class: "mobile-main-content" }, h("div", { key: '8f912a1774aa279bd7a3a62484f0869e01aa6efc', class: "avatar" }, h("div", { key: '81970b995c68a8f06e65c929f33d044de9eea4b1', class: "avatar-wrapper" }, h("ur-avatar", { key: 'f1bcb2779a551be29b609dcc3b9d3634edca4504', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton }), this.isProfileOwner && this.showAvatarEdit && !this.skeleton && (h("ur-button-icon", { key: 'ddea3a49902c776e1d44f518a587f1d768881cb0', class: "avatar-edit-overlay", icon: "edit", variant: "filled", "border-radius": "50%", "button-width": "32px", "button-height": "32px", onClick: () => this.avatarEdit.emit() })))), h("div", { key: '9d7ac258cbb5a5a73027a8d3702f9f4bf81eebd3', class: "info" }, h("div", { key: 'a6415dd0a6a615a0d5c9944ed6b84c9a7be32768', class: "name" }, this.skeleton ? h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && h("ur-icon", { key: '207be0be177a08a020517068d565ff346663389f', class: "partner-badge", name: "verified", size: "18px" })), this.renderProfileType(), this.skeleton ? h("ur-long-description", { class: "about", skeleton: true }) : this.about && h("ur-long-description", { class: "about", description: this.about })), this.isLoggedIn && this.renderActions())), this.platform === 'mobile-secondary' && [
             this.renderLocation(),
             this.renderSocialLinks(),
             this.renderWebsite(),

package/dist/esm/ur-user-partnership-application.entry.js

@@ -205,7 +205,7 @@ const UrUserPartnershipApplication = class {
         return (h("div", { class: "state-container error" }, h("ur-icon", { name: "error", size: "48px", class: "state-icon error-icon" }), h("h3", null, this.errorTitleText), h("p", null, this.getDisplayErrorMessage()), h("div", { class: "modal-actions" }, h("ur-button", { variant: "outlined", onClick: this.handleClose }, this.closeButtonText), h("ur-button", { variant: "filled", onClick: this.handleRetry }, this.tryAgainButtonText))));
     }
     render() {
-        return (h(Host, { key: 'e8944a2923b5f99fa735e418913117176f540ada' }, h("div", { key: '984c527d2bd8de23d093e390870fba3e9bd74a80', class: "partnership-application" }, this.currentState === 'loading' && this.renderLoading(), this.currentState === 'pending' && this.renderPending(), this.currentState === 'approved' && this.renderApproved(), this.currentState === 'declined' && this.renderDeclined(), this.currentState === 'ineligible' && this.renderIneligible(), this.currentState === 'eligible' && this.renderEligible(), this.currentState === 'form' && this.renderForm(), this.currentState === 'submitting' && this.renderSubmitting(), this.currentState === 'success' && this.renderSuccess(), this.currentState === 'error' && this.renderError())));
+        return (h(Host, { key: '52df018abb6d9d75f8706f1061dc460820ea4df0' }, h("div", { key: 'c71abcd48391095c2c2ecc460e67a99e34d08ed3', class: "partnership-application" }, this.currentState === 'loading' && this.renderLoading(), this.currentState === 'pending' && this.renderPending(), this.currentState === 'approved' && this.renderApproved(), this.currentState === 'declined' && this.renderDeclined(), this.currentState === 'ineligible' && this.renderIneligible(), this.currentState === 'eligible' && this.renderEligible(), this.currentState === 'form' && this.renderForm(), this.currentState === 'submitting' && this.renderSubmitting(), this.currentState === 'success' && this.renderSuccess(), this.currentState === 'error' && this.renderError())));
     }
 };
 UrUserPartnershipApplication.style = urUserPartnershipApplicationCss;