urnovl-web-components 0.0.260 → 0.0.261

package/dist/cjs/ur-user-profile-settings-form.cjs.entry.js

@@ -4,6 +4,8 @@ var index = require('./index-DlgBfuIH.js');
 require('./ur-text-field.cjs.entry.js');
 require('./ur-switch.cjs.entry.js');
 require('./ur-button.cjs.entry.js');
+require('./ur-select.cjs.entry.js');
+require('./menu-item-kTGW-jeN.js');
 require('./index-D9tgr8W-.js');
 require('./component-style-BC5DdXyd.js');
 require('./directive-CxKj9eM_.js');
@@ -35,8 +37,15 @@ require('./anchor-B2WOhfFL.js');
 require('./index-CealG8gc.js');
 require('./check-DsjVUl2a.js');
 require('./index-DjZZ27FG.js');
+require('./query-assigned-elements-BJgmzm6i.js');
+require('./map-Dg-PMTrN.js');
+require('./index-C_5jbPB-.js');
+require('./clear-D-nUj2Gr.js');
+require('./menu-DzTTft1x.js');
+require('./motion-BNEBeiyK.js');
+require('./array-CtbqtIiJ.js');
 
-const urUserProfileSettingsFormCss = ":host{display:block;--ur-color-error:var(--mdui-color-error)}:host .settings-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:550px}:host .section-header{margin-bottom:16px}:host .section-title{font-size:14px;line-height:20px;letter-spacing:0.1px;font-weight:700}:host .section-description{font-size:14px;line-height:20px;letter-spacing:0.1px;margin:0;max-width:400px}.form-group:last-child{margin-bottom:0}:host .social-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}:host .social-name{font-size:14px;line-height:20px;letter-spacing:0.1px;font-weight:700}:host .social-field{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:host .prefix-label{font-size:14px;line-height:20px;letter-spacing:0.1px;white-space:nowrap;min-width:90px;opacity:0.6}:host ur-text-field{flex:1}:host .toggle-wrapper{display:flex;align-items:center}:host .button-wrapper{display:flex;align-items:center;justify-content:end}:host .section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}:host .section-text-group{display:flex;flex-direction:column;gap:0;flex:1}:host .section-text-group .section-title{margin:0}:host .section-text-group .section-description{margin:0}@keyframes skeleton-loading{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .skeleton-title{height:20px;width:120px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .skeleton-description{height:40px;width:100%;max-width:400px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .skeleton-text{display:inline-block;height:20px;width:80px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .skeleton-switch{height:32px;width:52px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:16px}:host .skeleton-button{height:28px;width:120px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:20px}:host .deletion-status-message{margin-top:8px;margin-bottom:0;display:flex;align-items:flex-start;gap:8px}:host .deletion-status-message mdui-icon{flex-shrink:0;margin-top:1px;--mdui-comp-icon-size:16px}:host .deletion-status-message p{margin:0;font-size:14px;line-height:25px;letter-spacing:0.1px;flex:1}";
+const urUserProfileSettingsFormCss = ":host{display:block;--ur-color-error:var(--mdui-color-error)}:host .settings-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:550px}:host .section-header{margin-bottom:16px}:host .section-title{font-size:14px;line-height:20px;letter-spacing:0.1px;font-weight:700}:host .section-description{font-size:14px;line-height:20px;letter-spacing:0.1px;margin:0;max-width:400px}:host .form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}:host .social-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}:host .social-name{font-size:14px;line-height:20px;letter-spacing:0.1px;font-weight:700}:host .social-field{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:host .prefix-label{font-size:14px;line-height:20px;letter-spacing:0.1px;white-space:nowrap;min-width:90px;opacity:0.6}:host ur-text-field{flex:1}:host .form-row{display:flex;gap:16px;margin-bottom:16px}:host .form-row:last-child{margin-bottom:0}:host .form-group-half{flex:1;min-width:0}:host .form-row .form-group{margin-bottom:0}:host ur-select{width:100%}:host(.stacked) .form-row{flex-direction:column}:host .toggle-wrapper{display:flex;align-items:center}:host .button-wrapper{display:flex;align-items:center;justify-content:end}:host .section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}:host .section-text-group{display:flex;flex-direction:column;gap:0;flex:1}:host .section-text-group .section-title{margin:0}:host .section-text-group .section-description{margin:0}@keyframes skeleton-loading{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .skeleton-title{height:20px;width:120px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .skeleton-description{height:40px;width:100%;max-width:400px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .skeleton-text{display:inline-block;height:20px;width:80px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .skeleton-switch{height:32px;width:52px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:16px}:host .skeleton-button{height:28px;width:120px;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:20px}:host .skeleton-select{height:56px;width:100%;animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:skeleton-loading;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--mdui-color-on-background), 0.04) 2%,\r\n        rgba(var(--mdui-color-on-background), 0.12) 18%,\r\n        rgba(var(--mdui-color-on-background), 0.04) 33%\r\n    );background-size:1000px;border-radius:4px}:host .deletion-status-message{margin-top:8px;margin-bottom:0;display:flex;align-items:flex-start;gap:8px}:host .deletion-status-message mdui-icon{flex-shrink:0;margin-top:1px;--mdui-comp-icon-size:16px}:host .deletion-status-message p{margin:0;font-size:14px;line-height:25px;letter-spacing:0.1px;flex:1}";
 
 const UrUserProfileSettingsForm = class {
     constructor(hostRef) {
@@ -80,6 +89,22 @@ const UrUserProfileSettingsForm = class {
         this.deletionStatusAwaitingText = 'Your deletion request is awaiting admin review. You will be notified via email.';
         this.deletionStatusExpiredText = 'Your verification link has expired. Request a new one below.';
         this.showAccountDeletion = true;
+        // Shipping Address Section
+        this.showShippingAddress = true;
+        /**
+         * Stack form rows vertically (for mobile/compact layouts)
+         */
+        this.stacked = false;
+        this.shippingAddressTitleText = 'Shipping Address';
+        this.shippingAddressSubtitleText = 'This address will be used when you subscribe to tiers that offer physical rewards';
+        this.shippingNameLabelText = 'Full Name';
+        this.shippingLine1LabelText = 'Address Line 1';
+        this.shippingLine2LabelText = 'Address Line 2 (Optional)';
+        this.shippingCityLabelText = 'City';
+        this.shippingStateLabelText = 'State / Province';
+        this.shippingPostalCodeLabelText = 'Postal Code';
+        this.shippingCountryLabelText = 'Country';
+        this.countries = [];
         /**
          * Internal state to track which social networks are enabled
          */
@@ -165,7 +190,7 @@ const UrUserProfileSettingsForm = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a1c99f904a73da10cfd8206f4ac5ebd2171c305d', class: "settings-container" }, index.h("div", { key: '850980c876dcef15a5e3740ea0846eec73c6e9cf', class: "settings-section" }, index.h("div", { key: '8d21131c5a03c5c5f30c827e405ac770008c30e8', class: "section-header" }, index.h("h2", { key: 'a04949611049482fa48e385e3f21946a12c0b31b', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.personalInfoTitleText), index.h("p", { key: '1415b3d8c4bbdcbf60460d36d354957d947e2766', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.personalInfoSubtitleText)), index.h("div", { key: '39f213989cdd4fdf55bdf9b1d935566f40442e02', class: "form-group" }, index.h("ur-text-field", { key: '5ffcc472598def79e81d66647c50b82b190ef811', label: this.firstNameLabelText, value: this.settings.firstName || '', name: "firstName", maxlength: 50, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('firstName', e) })), index.h("div", { key: 'b1868375d4d724e96ac2161892f184b85aa20ccd', class: "form-group" }, index.h("ur-text-field", { key: '519ada2e03e91bbf07cc28dadaa4db0276990885', label: this.lastNameLabelText, value: this.settings.lastName || '', name: "lastName", maxlength: 50, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('lastName', e) })), index.h("div", { key: 'd8d5e20fb6e25e5acc7734a242269cc263a8b3b2', class: "form-group" }, index.h("ur-text-field", { key: '7d5f8399aaa474215cc096b8c81107c4bb31d2e3', label: this.displayNameLabelText, value: this.settings.displayName || '', name: "displayName", maxlength: 100, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('displayName', e) })), index.h("div", { key: 'e1cb2bc1f0d00588d33d66f23ca6f6a2f5537400', class: "form-group" }, index.h("ur-text-field", { key: '05a909a49746778a531af54ceaa85e3bbab308ec', label: this.locationLabelText, value: this.settings.location || '', name: "location", maxlength: 40, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('location', e) })), index.h("div", { key: '0d506ce70c2ec7d45046f870e54f911f64667fa6', class: "form-group" }, index.h("ur-text-field", { key: 'd4dd54c11d709ad76093a230c15824df36f4d9cf', label: this.websiteLabelText, value: this.settings.website || '', name: "website", maxlength: 160, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('website', e) })), index.h("div", { key: '98d81827c015f223f6832767e10818880f7cc53f', class: "form-group" }, index.h("ur-text-field", { key: '971b3b1f71cba2a8120a0ae8bd72e8d24dfecbc9', label: this.aboutLabelText, value: this.settings.about || '', name: "about", maxlength: 160, counter: true, rows: 3, autosize: true, minRows: 3, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('about', e) }))), index.h("div", { key: '201c6cb971116b6f229561ed3ed6f3a79259dc75', class: "settings-section" }, index.h("div", { key: '128ee98741dcc09f83d16a2bbe4bdfd1435030a8', class: "section-header" }, index.h("h2", { key: 'b2b20e2dc1fcf3be868276a3d6dbcdd52f5d6d6e', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.interactTitleText), index.h("p", { key: 'f55ca04481a24ef987a2230ae968f80d1941b618', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.interactSubtitleText)), index.h("div", { key: 'cb8786197761705a0ebc403a5bfa118d8c170ca1', class: "form-group social-header" }, index.h("span", { key: '8e10a8e8f9f163dc924237abf610498dbec93c72', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.facebookTitleText), index.h("div", { key: 'e7657b0c8b54325a0b7b1d703c66f0e06f0c0362', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.facebook_enabled, onSwitchChange: e => this.handleSwitchChange('facebook_enabled', e) }))), (this.socialEnabled.facebook || this.skeleton) && (index.h("div", { key: '0ae6663f088b0ef316d2be1a7f426c025a6c41ba', class: "form-group social-field" }, !this.skeleton && index.h("span", { key: '6c037ded69d94b3d44b5ce350821199174c7ea35', class: "prefix-label" }, this.facebookPrefixText), index.h("ur-text-field", { key: 'dae1e98a349292a2367a0eb81703ecdc811aabba', label: this.facebookLabelText, value: this.settings.facebook || '', name: "facebook", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('facebook', e) }))), index.h("div", { key: 'a0b42566dd8e2a92f99290aea5993600e172d4a4', class: "form-group social-header" }, index.h("span", { key: '1150040123e4e116eb1a590990969bf257830615', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.twitterTitleText), index.h("div", { key: 'eca4385a2d2814a774767e0581c9fa0f70652f4b', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.twitter_enabled, onSwitchChange: e => this.handleSwitchChange('twitter_enabled', e) }))), (this.socialEnabled.twitter || this.skeleton) && (index.h("div", { key: 'c89924a74139bedbce63e726d8c6861e936e79b5', class: "form-group social-field" }, !this.skeleton && index.h("span", { key: 'b384c9cdeca189254950856aa72bc08217042619', class: "prefix-label" }, this.twitterPrefixText), index.h("ur-text-field", { key: 'aa147d96f41d8367de42f567445c0cb6ce9d982d', label: this.twitterLabelText, value: this.settings.twitter || '', name: "twitter", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('twitter', e) }))), index.h("div", { key: 'a843ec5abac4eb7a98182a0ee45cd792432d8a4b', class: "form-group social-header" }, index.h("span", { key: 'e9020e3a8f2da29e4621049ffc3ea74530083b0b', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.linkedinTitleText), index.h("div", { key: '993685ae3bbbee2d982b213dfcba35867d6c1f1a', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.linkedin_enabled, onSwitchChange: e => this.handleSwitchChange('linkedin_enabled', e) }))), (this.socialEnabled.linkedin || this.skeleton) && (index.h("div", { key: '188160baadefdc6f8a08e3f796d447aaaa7fed63', class: "form-group social-field" }, !this.skeleton && index.h("span", { key: '87ad2d0c6a652d2d09d8afbe45a41be6670c4a0f', class: "prefix-label" }, this.linkedinPrefixText), index.h("ur-text-field", { key: '99636e37d0d11e0f6ee880ae7c3fe73f06cfa75f', label: this.linkedinLabelText, value: this.settings.linkedin || '', name: "linkedin", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('linkedin', e) }))), index.h("div", { key: '66366be8b6feb397dc7dba110f9b4f9be25dfcf6', class: "form-group social-header" }, index.h("span", { key: 'f5b3f133d67432486810c098d569c087968001be', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.emailTitleText), index.h("div", { key: '76f47c3674ccd729a47c7a094b824f92f5c7aa63', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.email_enabled, onSwitchChange: e => this.handleSwitchChange('email_enabled', e) }))), (this.socialEnabled.email || this.skeleton) && (index.h("div", { key: '302a23db5a8c0a10053d248b6d532bb63b0b857f', class: "form-group social-field" }, index.h("ur-text-field", { key: '1f934acfee47ba1c082fdcc76043895d820b1de9', label: this.emailLabelText, value: this.settings.email || '', name: "email", type: "email", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('email', e) })))), this.showAccountDeletion && (index.h("div", { key: '961eb6dcc0357625aa06d9681ce824f26fa333b4', class: "settings-section" }, index.h("div", { key: 'ffa767b27ced02f95d1e420d6e9dd3b12a621bc2', class: "section-header" }, index.h("div", { key: 'f81361cbca73024a96702d508e99757a3b1b4990', class: "section-title-row" }, index.h("div", { key: 'db24313aa00bedff619bdd134eea8cfbd90e6622', class: "section-text-group" }, index.h("h2", { key: '85e7350871136f3f5748f676b48706833ff47276', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.accountDeletionTitleText), index.h("p", { key: 'd3d00ab8bc49dfa4528b4c8adefc0243c7b6806c', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.accountDeletionSubtitleText)), index.h("div", { key: 'd9d5329768c76f05b9555214a12ac01af247257e', class: "button-wrapper" }, this.skeleton ? (index.h("div", { class: "skeleton-button" })) : (index.h("ur-button", { variant: "filled", backgroundColor: "rgb(var(--ur-color-error))", disabled: this.isDeleteButtonDisabled(), onClick: this.handleDeleteAccount }, this.deleteAccountButtonText))))), !this.skeleton && this.getDeletionStatusMessage() && (index.h("div", { key: '728d7c0a1efa708962a1499eb22cb57c66ece51a', class: "deletion-status-message" }, index.h("mdui-icon", { key: '327fd14155f42cd8c45e4ad1a714702110f6be87', name: "info" }), index.h("p", { key: '3a309b12b5b974b89103cfc64b737ba887fdaa4c' }, this.getDeletionStatusMessage())))))));
+        return (index.h(index.Host, { key: 'c1b04430ae2b09d213e3826e8e9120280daf2282', class: { stacked: this.stacked } }, index.h("div", { key: '206956759c578bee78102cd2d1ff616c4161b938', class: "settings-container" }, index.h("div", { key: '4f4c138570f4ef022331a6901f5891e6fb6a77b8', class: "settings-section" }, index.h("div", { key: '0938d8f292d759277eb1c9130e89f489013f91e7', class: "section-header" }, index.h("h2", { key: 'fdfbdb8c3dfbd130bdf690042a69dbe6155a5eed', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.personalInfoTitleText), index.h("p", { key: '969a746916f49985fe48314f78e165b603bc117f', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.personalInfoSubtitleText)), index.h("div", { key: '1ccbbbeddee15c24c0ccb5e3646c50d9029a97af', class: "form-group" }, index.h("ur-text-field", { key: 'c985a45cae87394897dbe7314eac06d9bf885147', label: this.firstNameLabelText, value: this.settings.firstName || '', name: "firstName", maxlength: 50, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('firstName', e) })), index.h("div", { key: '011a372efce5c1c3560328299112b2bebc088058', class: "form-group" }, index.h("ur-text-field", { key: '7019587cf1cfb2d9eeab72c274a81a0eb4e7ec74', label: this.lastNameLabelText, value: this.settings.lastName || '', name: "lastName", maxlength: 50, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('lastName', e) })), index.h("div", { key: '7878624f0bab667ed08559a77b4d0b07fe7d8eb6', class: "form-group" }, index.h("ur-text-field", { key: 'b04941d04cbdfa08addd31aa7064b2ac12f49597', label: this.displayNameLabelText, value: this.settings.displayName || '', name: "displayName", maxlength: 100, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('displayName', e) })), index.h("div", { key: '42dee5407c8071b54f2a650a8df674b1ddb25aab', class: "form-group" }, index.h("ur-text-field", { key: '9618bc6cacc36882a0b930d6bf4d9281f8763a30', label: this.locationLabelText, value: this.settings.location || '', name: "location", maxlength: 40, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('location', e) })), index.h("div", { key: '15d3cd1c7c7b1c7f8b1d4f36394bfdd14852d024', class: "form-group" }, index.h("ur-text-field", { key: 'ba68e4242becffa1ca21ee51578089f96c6c8c98', label: this.websiteLabelText, value: this.settings.website || '', name: "website", maxlength: 160, counter: true, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('website', e) })), index.h("div", { key: '19b481b048ed72fefa9f1ee6ec560fed15aec62a', class: "form-group" }, index.h("ur-text-field", { key: '4bdae0c462ea50319bf89b9ecd646559db1feb77', label: this.aboutLabelText, value: this.settings.about || '', name: "about", maxlength: 160, counter: true, rows: 3, autosize: true, minRows: 3, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('about', e) }))), index.h("div", { key: '985c8fb566c26bfb706932364e998b80c21b5812', class: "settings-section" }, index.h("div", { key: '1dab0a661bbe3ffedb51bb2f291090a0b8864ef0', class: "section-header" }, index.h("h2", { key: '2aef388e0f4ba9b60ce8c92f6c35a26f2b0549c3', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.interactTitleText), index.h("p", { key: '2ebbc197389c7c333fcdd9e9c31296612bdb9e7b', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.interactSubtitleText)), index.h("div", { key: '5a27b6ef7f8e86b0e3e1763397382bdb9668f86e', class: "form-group social-header" }, index.h("span", { key: 'c155dfcb43c73387b32bc82125fa7dab65c5ee4f', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.facebookTitleText), index.h("div", { key: 'fc9187edb2fdbbd81789c2112efe76eb1f58c399', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.facebook_enabled, onSwitchChange: e => this.handleSwitchChange('facebook_enabled', e) }))), (this.socialEnabled.facebook || this.skeleton) && (index.h("div", { key: 'a37bba57e8b91236f5f0cf9057565d50334fc0da', class: "form-group social-field" }, !this.skeleton && index.h("span", { key: 'ba0a6e8799141b1bd105b09d2d3f983adfb48ee3', class: "prefix-label" }, this.facebookPrefixText), index.h("ur-text-field", { key: '80a6c9e979a8eceb8a2cb1640a4797eaf5f826da', label: this.facebookLabelText, value: this.settings.facebook || '', name: "facebook", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('facebook', e) }))), index.h("div", { key: '562a6f0d6dc0943ef3181704af134fb8c9c31046', class: "form-group social-header" }, index.h("span", { key: 'f11dda027334c570a94b07e9fe9cbd69a82418af', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.twitterTitleText), index.h("div", { key: '0bd8399103308d8f9b15cc61fd87e2399f02cafc', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.twitter_enabled, onSwitchChange: e => this.handleSwitchChange('twitter_enabled', e) }))), (this.socialEnabled.twitter || this.skeleton) && (index.h("div", { key: 'ef6e36fd7f7024d07e44c83918a8d853c9e01ae4', class: "form-group social-field" }, !this.skeleton && index.h("span", { key: '2eb006e14ac0039a0831d241ea764c205f032fa0', class: "prefix-label" }, this.twitterPrefixText), index.h("ur-text-field", { key: '1fae219dad0f3a305a486b181f7c50a1113989d5', label: this.twitterLabelText, value: this.settings.twitter || '', name: "twitter", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('twitter', e) }))), index.h("div", { key: '05ddbbe458644176a9cdfc5c06007bea9fd962ee', class: "form-group social-header" }, index.h("span", { key: '78f2945a6bc148b86ea7eb9f365f86d817dfb46d', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.linkedinTitleText), index.h("div", { key: '961723234d5210cb3fd288518808587b1dd479e8', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.linkedin_enabled, onSwitchChange: e => this.handleSwitchChange('linkedin_enabled', e) }))), (this.socialEnabled.linkedin || this.skeleton) && (index.h("div", { key: '886b8ef5d09d8bb4ca6840a27e278d94f606318a', class: "form-group social-field" }, !this.skeleton && index.h("span", { key: '8d478640cc87e9c1978df67f659c836dddc10e54', class: "prefix-label" }, this.linkedinPrefixText), index.h("ur-text-field", { key: '03c2b7d3b9d6f9c90c8ef9a5475499c39257c713', label: this.linkedinLabelText, value: this.settings.linkedin || '', name: "linkedin", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('linkedin', e) }))), index.h("div", { key: 'f80b07a470d6a23c5fd00984f0d2e9cd5ac4171c', class: "form-group social-header" }, index.h("span", { key: '6dcc9ddf4dfbfc20c26a4e16e6b42278856e392e', class: `social-name ${this.skeleton ? 'skeleton-text' : ''}` }, this.skeleton ? '\u00A0' : this.emailTitleText), index.h("div", { key: 'c6333466530fa51b0abe70d7f12f466a0fc10884', class: "toggle-wrapper" }, this.skeleton ? index.h("div", { class: "skeleton-switch" }) : index.h("ur-switch", { checked: this.settings.email_enabled, onSwitchChange: e => this.handleSwitchChange('email_enabled', e) }))), (this.socialEnabled.email || this.skeleton) && (index.h("div", { key: 'b8193378287a1a6dbda27b7ce892e71be339d80b', class: "form-group social-field" }, index.h("ur-text-field", { key: '676bcec3e42ecefe70258d5b0affcca7362379d2', label: this.emailLabelText, value: this.settings.email || '', name: "email", type: "email", skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('email', e) })))), this.showShippingAddress && (index.h("div", { key: 'f13dcbf5b5dedf7aeeefbd4f3cb04a146485418c', class: "settings-section" }, index.h("div", { key: 'a211730ffa7286f3ed53dd770b1cc7a0e5ceae85', class: "section-header" }, index.h("h2", { key: 'ad4ba4b5f388bd67ff1674ecad088196dc39638f', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.shippingAddressTitleText), index.h("p", { key: '3fad3d4d7e0dbf285c9025b457382c93a4cc7fae', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.shippingAddressSubtitleText)), index.h("div", { key: 'f5dc7ec99babcfef3a86081e6632025ffd2b5203', class: "form-group" }, index.h("ur-text-field", { key: '6cc89e7a140b3926cfeb6255131549bce351ad11', label: this.shippingNameLabelText, value: this.settings.shippingName || '', name: "shippingName", maxlength: 100, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('shippingName', e) })), index.h("div", { key: '38a322bf7dc38ee245051b13bc5612e6725d7541', class: "form-group" }, index.h("ur-text-field", { key: '1915ddb622d910bb039f78ccf078da22454e48b4', label: this.shippingLine1LabelText, value: this.settings.shippingLine1 || '', name: "shippingLine1", maxlength: 200, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('shippingLine1', e) })), index.h("div", { key: 'bb296e92079385bc1326a5cb805a08d497b53aef', class: "form-group" }, index.h("ur-text-field", { key: '6a79a9c265a8004aa70fe775b0f7ab14fa30be4c', label: this.shippingLine2LabelText, value: this.settings.shippingLine2 || '', name: "shippingLine2", maxlength: 200, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('shippingLine2', e) })), index.h("div", { key: '11403597b0d77f026a3058905ddcf8ba9960b4ca', class: "form-row" }, index.h("div", { key: '3c7d564400695adfb2d4e5f5cbcc1efe46e1d514', class: "form-group form-group-half" }, index.h("ur-text-field", { key: '97cdad61c8a07b170c66c539da6526b0c4dd23ad', label: this.shippingCityLabelText, value: this.settings.shippingCity || '', name: "shippingCity", maxlength: 100, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('shippingCity', e) })), index.h("div", { key: '7376833a78b4115b109d2dd34fd9ce2628d9ca35', class: "form-group form-group-half" }, index.h("ur-text-field", { key: '126bb4885cc5d4acf5e632f9f169099e9bb5f3c1', label: this.shippingStateLabelText, value: this.settings.shippingState || '', name: "shippingState", maxlength: 100, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('shippingState', e) }))), index.h("div", { key: 'b251bbe71744425163cad66632884f1d17a0f2a0', class: "form-row" }, index.h("div", { key: '37a421c39a82986e1f554dee4b926450d0c15029', class: "form-group form-group-half" }, index.h("ur-text-field", { key: 'b25d00d587205e62967d9e62d53e31b985bc153b', label: this.shippingPostalCodeLabelText, value: this.settings.shippingPostalCode || '', name: "shippingPostalCode", maxlength: 20, skeleton: this.skeleton, onValueChanged: e => this.handleInputChange('shippingPostalCode', e) })), index.h("div", { key: '336a54fcd4ae676bd2c2a8c004be36333933c1bb', class: "form-group form-group-half" }, this.skeleton ? (index.h("div", { class: "skeleton-select" })) : (index.h("ur-select", { label: this.shippingCountryLabelText, value: this.settings.shippingCountry || '', variant: "filled", placement: "top", onValueChanged: e => this.handleInputChange('shippingCountry', e) }, this.countries.map(country => (index.h("mdui-menu-item", { value: country.value }, country.value))))))))), this.showAccountDeletion && (index.h("div", { key: 'fa5e450424bbff6defca843fb942cb0a9ba51ac5', class: "settings-section" }, index.h("div", { key: '10211e2b61069c4b9f85db25752a80a909624457', class: "section-header" }, index.h("div", { key: '4f55147a8ac461522b454301d6431fe52e510f68', class: "section-title-row" }, index.h("div", { key: '00fc8877c76d26fe30ab08dcd55bca7f36075a12', class: "section-text-group" }, index.h("h2", { key: '5291b42a95b6c57a43fb503f03ad06ea7f30cb4b', class: `section-title ${this.skeleton ? 'skeleton-title' : ''}` }, this.skeleton ? '\u00A0' : this.accountDeletionTitleText), index.h("p", { key: 'efbad9faa5aeb6652220e9c225ddc265b2399f39', class: `section-description ${this.skeleton ? 'skeleton-description' : ''}` }, this.skeleton ? '\u00A0' : this.accountDeletionSubtitleText)), index.h("div", { key: '0c0f404698b67b73e3b85e1b31a2a8bc90569b86', class: "button-wrapper" }, this.skeleton ? (index.h("div", { class: "skeleton-button" })) : (index.h("ur-button", { variant: "filled", backgroundColor: "rgb(var(--ur-color-error))", disabled: this.isDeleteButtonDisabled(), onClick: this.handleDeleteAccount }, this.deleteAccountButtonText))))), !this.skeleton && this.getDeletionStatusMessage() && (index.h("div", { key: 'fb6d3c739c547e2d6486b2b268d6bcdb17ff0990', class: "deletion-status-message" }, index.h("mdui-icon", { key: 'fdd60ce75144dd41596401d06fc4c1a05df043b0', name: "info" }), index.h("p", { key: 'ea111ee1836e2f97c558c592c0e6b9b2b8c5a701' }, this.getDeletionStatusMessage()))))))));
     }
     static get watchers() { return {
         "settings": ["settingsChanged"]

package/dist/cjs/ur-user-profile-tabs.cjs.entry.js

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-DlgBfuIH.js');
-require('./tab-panel-BS_8ksq9.js');
+require('./tab-BVwUIXQ4.js');
+require('./tab-panel-KdoHPsyE.js');
 require('./component-style-BC5DdXyd.js');
 require('./directive-CxKj9eM_.js');
 require('./state-BClMM5R0.js');
@@ -31,6 +32,7 @@ const UrUserProfileTabs = class {
         this.activeTab = 'stories'; // Controlled by the parent
         this.homeTabText = 'Home';
         this.storiesTabText = 'Stories';
+        this.postsTabText = 'Posts';
         this.libraryTabText = 'Shelves';
         this.transactionsTabText = 'Transactions';
         this.statisticsTabText = 'Statistics';
@@ -84,6 +86,11 @@ const UrUserProfileTabs = class {
                 text: () => this.storiesTabText,
                 visibleFor: 'all',
             },
+            {
+                value: 'posts',
+                text: () => this.postsTabText,
+                visibleFor: 'all',
+            },
             {
                 value: 'collection',
                 text: () => this.libraryTabText,
@@ -137,7 +144,7 @@ const UrUserProfileTabs = class {
     }
     render() {
         const visibleTabs = this.getVisibleTabs();
-        return (index.h(index.Host, { key: '4cc3db0ba08e75a132acf3251375432245073209' }, index.h("mdui-tabs", { key: 'e462fafa1dd42bfecbee210ac31b4c3b106f4aeb', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, visibleTabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), visibleTabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
+        return (index.h(index.Host, { key: 'cc1cd1f74e29ba6d8ae275944d1d1bca4a6708b6' }, index.h("mdui-tabs", { key: '31ac1e55841e7578d91704c14d321e8b04ae325c', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, visibleTabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), visibleTabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
     }
     static get watchers() { return {
         "activeTab": ["activeTabChanged"],

package/dist/cjs/ur-user-profile.cjs.entry.js

@@ -9,7 +9,7 @@ const UrUserProfile = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b8e2025ffc4f90387383ab21f6ad2bd573a6500d' }, index.h("slot", { key: 'e53e456fe4c5f899a9b389043044b4adc5ea788d' })));
+        return (index.h(index.Host, { key: '73fdeb4d2b37211de33f53c711e0255e45acd6a1' }, index.h("slot", { key: 'b23ac6d98f50af41b3cf273894050485c724fa12' })));
     }
 };
 UrUserProfile.style = urUserProfileCss;

package/dist/cjs/ur-work-overview.cjs.entry.js

@@ -30,7 +30,7 @@ require('./state-BClMM5R0.js');
 require('./class-map-Epaosh8c.js');
 require('./appendTo-DN8OV-GK.js');
 require('./index-CealG8gc.js');
-require('./ur-avatar-COaGB2q6.js');
+require('./ur-avatar-BV3tq4vp.js');
 require('./ur-button.cjs.entry.js');
 require('./index-DjZZ27FG.js');
 require('./ur-button-icon.cjs.entry.js');
@@ -152,27 +152,27 @@ const UrWorkOverview = class {
         this.expanded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '3a64255b0d59a8dfe7399d171ed6b46f7f275c60' }, this.deviceSize === 'large' && (index.h("div", { key: '38f8935afa65526bc4957206049129bd69645507', class: `cover-total ${this.skeleton ? 'skeleton-cover' : ''}`, style: !this.skeleton ? { backgroundImage: `url(${this.coverImage})` } : {} }, index.h("div", { key: '8af00680d8756b6b156666084eed6f0a9f5d5c18', class: "cover-blur-overlay" }), index.h("div", { key: '7fba5cfa9b9675e15b5494fc7d4eef1635c0d63c', class: "cover-gradient-overlay" }))), index.h("div", { key: '49b1db10c631dce173eb824bd03a7b16b1d388cb', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '5fd71ec2a074313dbad3b6e299193cada1c8801c', class: "cover" }, index.h("div", { key: '4db09ef91b64e8e2e3affdef70de5e80bd906bc9', class: "inner-cover-hld" }, index.h("div", { key: '53ac0f355c78da377698c21a992580b74b670a80', class: "inner-cover" }, this.skeleton ? (index.h("div", { class: "cover-skeleton loading" })) : (index.h("img", { class: "cover-image", src: this.coverImage, alt: "Work Cover" }))))), index.h("div", { key: '0e8531daae01251a930b2b23355b357e8085f490', class: "work-content" }, index.h("div", { key: '661b46979acdd7d57722ec22c3ccdbf4b9ef373e', class: "main-content" }, index.h("div", { key: 'f65d207618a93577c22fb4f03951be4bc6151d44', class: "upper-hld" }, this.renderStatusChips(), index.h("div", { key: '793cf5656775d316bacdcef2e5b55759d4dad069', class: "title-hld" }, this.skeleton ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("div", null, index.h("h1", { class: "title-text" }, this.workTitle), this.edition && this.parentWorkTitle && (index.h("div", { class: "edition-subtitle" }, this.editionOfText, " ", index.h("span", { class: "parent-work-link", onClick: () => this.onParentWorkClick() }, this.parentWorkTitle))))))), this.skeleton ? (index.h("span", { class: "story-stats stats-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "story-stats" }, this.rating > 0 && (index.h("span", { class: "story-stat rating-stat" }, this.renderStars(), index.h("span", { class: "story-stat-value rating-value" }, this.rating.toFixed(1)), this.ratingCount > 0 && (index.h("span", { class: "story-stat-label rating-count" }, "(", this.ratingCount.toLocaleString(), ")")))), this.rating > 0 && (this.wantToRead > 0 || this.currentlyReading > 0) && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.wantToRead > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.wantToRead), index.h("span", { class: "story-stat-label" }, this.wantToReadText))), this.wantToRead > 0 && this.currentlyReading > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.currentlyReading > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.currentlyReading), index.h("span", { class: "story-stat-label" }, this.currentlyReadingText))))), this.edition && index.h("slot", { key: '367c3885f92d1cc099560887123614a367f3dba0', name: "statistics" }), index.h("div", { key: 'ff9b7af0db0b6e5ed244e731f4f16aa3b84385fd', class: "actions-holder" }, this.skeleton ? (index.h("ur-button", { skeleton: true, class: "summary-action", "full-width": this.deviceSize === 'large' ? false : true })) : (index.h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onBuyStory() }, this.buyOnAmazonText)))), index.h("div", { key: '5d7ec0531bc376fe8da531a75211acf96c576c96', class: "description" }, index.h("div", { key: 'd119982b1e482e7c52f57330e6d64d5172a2d851', class: "description-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.descriptionText))), this.skeleton ? (index.h("ur-long-description", { skeleton: true })) : (index.h("slot", { name: "description" }))), index.h("div", { key: 'dc448d1e0a2faefce1be3bd0ee93f34c2ebfd223', class: "work-details" }, this.skeleton ? ([
+        return (index.h(index.Host, { key: '4fde2296af7b0d85a573e88ce86c137bbc34df40' }, this.deviceSize === 'large' && (index.h("div", { key: '242cded3662996439f76d369c41405014ec8c94c', class: `cover-total ${this.skeleton ? 'skeleton-cover' : ''}`, style: !this.skeleton ? { backgroundImage: `url(${this.coverImage})` } : {} }, index.h("div", { key: '0ea70ffbdc29e2a57de60bb3211cf11f8e68fdb9', class: "cover-blur-overlay" }), index.h("div", { key: '3c391c93c1001572e344ec1809d3ea0af9366bfe', class: "cover-gradient-overlay" }))), index.h("div", { key: 'ea25582a4680ba1b545f651ed6af9f84f07fffef', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '0e292a0b615c0895c0f3b6f464322c50541b70b2', class: "cover" }, index.h("div", { key: 'b28388a4d9dfe22f2f2e9a99370273beb04c5e23', class: "inner-cover-hld" }, index.h("div", { key: '35bbf79b9af69760194ad165b865aa32fae9513f', class: "inner-cover" }, this.skeleton ? (index.h("div", { class: "cover-skeleton loading" })) : (index.h("img", { class: "cover-image", src: this.coverImage, alt: "Work Cover" }))))), index.h("div", { key: 'f1585dc19c4f3554250370393f93cbd32b6c2cca', class: "work-content" }, index.h("div", { key: '4d024c2513f13743bec23009e5dd86afcb5bdac8', class: "main-content" }, index.h("div", { key: '46131f767390feada7f092f7c99878e0cc0f942a', class: "upper-hld" }, this.renderStatusChips(), index.h("div", { key: '2d2b7764f7a854e65e3c1d550de7aad2b49b53f2', class: "title-hld" }, this.skeleton ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("div", null, index.h("h1", { class: "title-text" }, this.workTitle), this.edition && this.parentWorkTitle && (index.h("div", { class: "edition-subtitle" }, this.editionOfText, " ", index.h("span", { class: "parent-work-link", onClick: () => this.onParentWorkClick() }, this.parentWorkTitle))))))), this.skeleton ? (index.h("span", { class: "story-stats stats-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "story-stats" }, this.rating > 0 && (index.h("span", { class: "story-stat rating-stat" }, this.renderStars(), index.h("span", { class: "story-stat-value rating-value" }, this.rating.toFixed(1)), this.ratingCount > 0 && (index.h("span", { class: "story-stat-label rating-count" }, "(", this.ratingCount.toLocaleString(), ")")))), this.rating > 0 && (this.wantToRead > 0 || this.currentlyReading > 0) && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.wantToRead > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.wantToRead), index.h("span", { class: "story-stat-label" }, this.wantToReadText))), this.wantToRead > 0 && this.currentlyReading > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.currentlyReading > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.currentlyReading), index.h("span", { class: "story-stat-label" }, this.currentlyReadingText))))), this.edition && index.h("slot", { key: '0a6049a4d1a8bcaff1b31e97f1eb8e101384d616', name: "statistics" }), index.h("div", { key: 'd89ea1162712fd1b75e61819b04d7617973116ff', class: "actions-holder" }, this.skeleton ? (index.h("ur-button", { skeleton: true, class: "summary-action", "full-width": this.deviceSize === 'large' ? false : true })) : (index.h("ur-button", { class: "summary-action", variant: "filled", "full-width": this.deviceSize === 'large' ? false : true, onClick: () => this.onBuyStory() }, this.buyOnAmazonText)))), index.h("div", { key: 'defed75fef8c08b25b27042e4b30897d226963aa', class: "description" }, index.h("div", { key: '7d381513c4772e9d9a71f1c17dca824b8b44549f', class: "description-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.descriptionText))), this.skeleton ? (index.h("ur-long-description", { skeleton: true })) : (index.h("slot", { name: "description" }))), index.h("div", { key: '11ee3545fde60aa7dbb978a36f5c0162a4e72f95', class: "work-details" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" })
-        ]) : (this.renderGenreChips())), index.h("div", { key: '932dfa24f3d1aa0a92911c5773a550be00021903', class: "author-section" }, index.h("div", { key: '0577cd5b53d38e103bc4f5f15e35706bc6dbee19', class: "author-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.authorText))), index.h("div", { key: 'cd6a3c1121bbf0f8dc66171aaed6777f6cc6ac6b', class: "author-holder" }, index.h("slot", { key: '6b744e3cc5eeca717afbf355913eab782763ebd3', name: "author" }))), (this.skeleton || (this.subjectPeople && this.subjectPeople.split(',').map(p => p.trim()).filter(p => p !== '' && p !== 'Loading').length > 0)) && (index.h("div", { key: 'd8d137bcc5963f00ff93e5a652528d97a9fbba79', class: "subject-section" }, index.h("div", { key: '7576bab4155bb8f351fc6048cbbac18417e45f33', class: "subject-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.peopleText))), index.h("div", { key: 'd5140b86252f75ec238d7b441abc78422d1571bb', class: "subject-chips" }, this.skeleton ? ([
+        ]) : (this.renderGenreChips())), index.h("div", { key: '8bdf6f7b47621b9c5b80aa5e808c795025e58133', class: "author-section" }, index.h("div", { key: '6b0df04da4020586603357cdfd8187c2344e97e3', class: "author-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.authorText))), index.h("div", { key: '5a3ac2c9119645aaca560120dc8fb5bed60ea73c', class: "author-holder" }, index.h("slot", { key: '53b8eabe87f3e80e3ee17566ebcd950a6ca1c889', name: "author" }))), (this.skeleton || (this.subjectPeople && this.subjectPeople.split(',').map(p => p.trim()).filter(p => p !== '' && p !== 'Loading').length > 0)) && (index.h("div", { key: 'c68bd6c710997b2bf236afabb235877cd6e0d816', class: "subject-section" }, index.h("div", { key: '53b3956749cf3e9241e665b9ee7e435f45b0e6d6', class: "subject-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.peopleText))), index.h("div", { key: '8e4f031289e36fdebc38b9453abab57874b50b5e', class: "subject-chips" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" })
-        ]) : (this.renderPeopleChips())))), (this.skeleton || (this.subjectPlaces && this.subjectPlaces.split(',').map(p => p.trim()).filter(p => p !== '' && p !== 'Loading').length > 0)) && (index.h("div", { key: '202d77060c38f25d078d6a5e22295f1fc550c5f7', class: "subject-section" }, index.h("div", { key: '5099dc54cf72eca354279b718a9736f5b7d87074', class: "subject-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.placesText))), index.h("div", { key: 'bcff0912ba626e18dcec3928125002ce7e754fad', class: "subject-chips" }, this.skeleton ? ([
+        ]) : (this.renderPeopleChips())))), (this.skeleton || (this.subjectPlaces && this.subjectPlaces.split(',').map(p => p.trim()).filter(p => p !== '' && p !== 'Loading').length > 0)) && (index.h("div", { key: '3c0fa8454a195ca9785b1df6c2d147d9717ba01a', class: "subject-section" }, index.h("div", { key: '00ac60e68d9a2e4fe79724c6ca6ed98f31cdf4ba', class: "subject-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.placesText))), index.h("div", { key: '2a66eca5d79159f9b00fd8a800a40844a52e1025', class: "subject-chips" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" })
-        ]) : (this.renderPlacesChips())))), (this.skeleton || (this.subjectTimes && this.subjectTimes.split(',').map(t => t.trim()).filter(t => t !== '' && t !== 'Loading').length > 0)) && (index.h("div", { key: 'b5b0c8f75ce252499799cc2e7eb5ad48f92bb863', class: "subject-section" }, index.h("div", { key: '1d00bef933b69d5131ab6846d52b3d9c608151ef', class: "subject-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.timePeriodsText))), index.h("div", { key: '86b7df7dc3d4c6a911f06d00e016b172785ceb38', class: "subject-chips" }, this.skeleton ? ([
+        ]) : (this.renderPlacesChips())))), (this.skeleton || (this.subjectTimes && this.subjectTimes.split(',').map(t => t.trim()).filter(t => t !== '' && t !== 'Loading').length > 0)) && (index.h("div", { key: '7afdf0d2f0b1a9e5ae0093471520f1473ad8466b', class: "subject-section" }, index.h("div", { key: '49389ad93391b104f67dd8afbe7b8d2933aa7f21', class: "subject-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.timePeriodsText))), index.h("div", { key: '5d484c6e5b5ee58d7acdaa70d8d5bd6062916022', class: "subject-chips" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" })
-        ]) : (this.renderTimesChips())))), this.edition && index.h("slot", { key: '4c4190034c70f32a3e2dac26452244bc7a07fc05', name: "secondary-statistics" }), index.h("slot", { key: 'f0dd6bb783337e858ebfe839d10ae8bbd8a464f9', name: "editions" }), index.h("slot", { key: '322324dd4246c9f7dd23d2d201f7a89589744513', name: "chapters" })), index.h("div", { key: '0834cbea32b9b94491537b60ac32fe2bd7ff98a8', class: "ad-space" }, "\u00A0"))));
+        ]) : (this.renderTimesChips())))), this.edition && index.h("slot", { key: '68a94874f95521d89c9c6312f7b2e1c5ede95393', name: "secondary-statistics" }), index.h("slot", { key: '41f142a86064c2dec222a657bb84fd05408a2a5f', name: "editions" }), index.h("slot", { key: 'b44d279687195bda6db3df6256fdca33eba505a1', name: "chapters" })), index.h("div", { key: '6fb27faa405013ee680d4f8d6ddadd32b2a7cb10', class: "ad-space" }, "\u00A0"))));
     }
     renderStars() {
         const stars = [];