favesalon-embed 1.0.4 → 1.0.5

package/dist/{collection/components/salon-locations/index.js → favesalon-embed/salon-locations.entry.js}

@@ -1,9 +1,14 @@
-import { h } from '@stencil/core';
-import { formatFullAddress, formatWebsiteUrl } from '../../utils/utils';
-import { Colors } from '../../constants/colors';
-import HttpService from '../../services/services';
-export class SalonLocations {
-  constructor() {
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { a as formatWebsiteUrl, b as formatFullAddress } from './utils-fd30fb29.js';
+import { C as Colors } from './colors-ea36347a.js';
+import { H as HttpService } from './services-260ea6eb.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const indexCss = "@media (min-width: 768px){salon-locations .salon-contact--links{overflow:hidden;margin-left:-32px}salon-locations .salon-contact--links-item{float:left;display:flex;flex-direction:row;align-items:center;font-size:16px;min-width:300px;padding-left:32px}salon-locations .salon-contact--links-item:nth-child(2n+1){clear:left}salon-locations .salon-contact--links-item+.salon-contact--links-item{margin-top:8px}}";
+
+const SalonLocations = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
     this.salonId = undefined;
     this.salonInfo = undefined;
     this.isLoading = undefined;
@@ -52,92 +57,7 @@ export class SalonLocations {
     const fullAddress = formatFullAddress(this.salonInfoState);
     return (h("div", { class: "view view--salon-locations" }, h("div", { class: "view-content", style: this.withBorder ? { border: `1px solid ${Colors.Gray02}`, borderRadius: '4px' } : { padding: '0px' } }, h("div", { style: { fontSize: '18px', fontWeight: 'bold' } }, "Contact"), h("div", { class: "salon-contact--links", style: { marginTop: '16px' } }, businessPhone && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-phone-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { href: `tel:${businessPhone}`, style: { color: Colors.TextColor, textDecoration: 'none' } }, businessPhone))), websiteUrl && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-links-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { target: websiteUrl && websiteUrl.indexOf(window.location.hostname) === -1 ? '_blank' : undefined, href: websiteUrl, style: { color: Colors.TextColor, textDecoration: 'none' } }, websiteUrl))), email && (h("div", { class: "salon-contact--links-item" }, h("i", { class: "ri-mail-line", style: { color: Colors.Gray04, fontSize: '18px', marginRight: '6px' } }), " ", h("a", { href: `mailto:${email}`, style: { color: Colors.TextColor, textDecoration: 'none' } }, email)))), h("div", { class: "view--salon-info--map", style: { marginTop: '24px' } }, h("google-map", { "location-name": businessName, "location-address": fullAddress })))));
   }
-  static get is() { return "salon-locations"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "salonId": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-id",
-        "reflect": false
-      },
-      "salonInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-info",
-        "reflect": false
-      },
-      "isLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-loading",
-        "reflect": false
-      },
-      "withBorder": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "with-border",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "salonInfoState": {}
-    };
-  }
-}
+};
+SalonLocations.style = indexCss;
+
+export { SalonLocations as salon_locations };

package/dist/{esm → favesalon-embed}/salon-lookbook.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-257442e2.js';
-import './_commonjsHelpers-66ac50f5.js';
+import { H as HttpService } from './services-260ea6eb.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = "@media (max-width: 768px){salon-lookbook .view-header{display:block !important}salon-lookbook .salon-loobook--serch-result{margin-bottom:16px}salon-lookbook .salon-loobook--filter-wrapper>label,salon-lookbook .salon-loobook--sort-wrapper>label{display:none !important}}";
 

package/dist/{esm → favesalon-embed}/salon-ranking.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0494771f.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
 
 const indexCss = "salon-ranking{display:block}";

package/dist/{esm → favesalon-embed}/salon-reviews.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-257442e2.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService, d as dayjs_min, s as shortDateYearFormat } from './services-260ea6eb.js';
 import { C as Colors } from './colors-ea36347a.js';
-import './_commonjsHelpers-66ac50f5.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = "@media (max-width: 768px){salon-reviews .salon-reviews{flex-direction:column !important}salon-reviews .salon-reviews--filters--options{display:none !important}salon-reviews .salon-reviews--list{padding-top:32px !important;padding-left:0px !important}salon-reviews .reviews-list--sorting>label{display:none !important}}";
 

package/dist/{collection/components/salon-schedules/index.js → favesalon-embed/salon-schedules.entry.js}

@@ -1,9 +1,13 @@
-import { h } from '@stencil/core';
-import { BusinessHourStatus } from '../../types/salon';
-import HttpService from '../../services/services';
-import { Colors } from '../../constants/colors';
-export class SalonSchedules {
-  constructor() {
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService, B as BusinessHourStatus } from './services-260ea6eb.js';
+import { C as Colors } from './colors-ea36347a.js';
+import './_commonjsHelpers-a4f66ccd.js';
+
+const indexCss = "salon-schedules .salon-schedules--day{display:flex;flex-direction:row;min-width:240px}@media (min-width: 768px){salon-schedules .salon-schedules--dates{overflow:hidden;margin-left:-32px}salon-schedules .salon-schedules--day{float:left;padding-left:32px}}";
+
+const SalonSchedules = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
     this.salonId = undefined;
     this.salonInfo = undefined;
     this.isLoading = undefined;
@@ -76,92 +80,7 @@ export class SalonSchedules {
     const { about, businessHours, } = (this.salonInfoState || {});
     return (h("div", { class: "view view--salon-contact" }, h("div", { class: "view-content", style: this.withBorder ? { border: `1px solid ${Colors.Gray02}`, borderRadius: '4px' } : { padding: '0px' } }, h("div", { style: { fontSize: '18px', fontWeight: 'bold' } }, "About"), about && (h("div", { class: "salon-contact--info--desc", style: { fontSize: '16px', marginTop: '16px' }, innerHTML: about })), businessHours && businessHours.length > 0 && (h("div", { class: "salon-schedules", style: { marginTop: '24px' } }, h("div", { class: "salon-schedules--title", style: { fontSize: '16px', fontWeight: 'bold' } }, "Working hours"), h("div", { class: "salon-schedules--dates" }, h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Mon"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[0]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Tue"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[1]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Wed"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[2]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Thur"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[3]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Fri"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[4]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Sat"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[5]))), h("div", { class: "salon-schedules--day", style: { marginTop: '8px' } }, h("div", { class: "salon-schedules--day-name", style: { fontWeight: 'bold', minWidth: '40px' } }, "Sun"), h("div", { class: "salon-schedules--day-time" }, this.renderBusinessHour(businessHours[6])))))))));
   }
-  static get is() { return "salon-schedules"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "salonId": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-id",
-        "reflect": false
-      },
-      "salonInfo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "salon-info",
-        "reflect": false
-      },
-      "isLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-loading",
-        "reflect": false
-      },
-      "withBorder": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "with-border",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "salonInfoState": {}
-    };
-  }
-}
+};
+SalonSchedules.style = indexCss;
+
+export { SalonSchedules as salon_schedules };

package/dist/{esm → favesalon-embed}/salon-services.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
-import { H as HttpService, b as sortBy_1 } from './services-257442e2.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { H as HttpService, a as sortBy_1 } from './services-260ea6eb.js';
 import { C as Colors } from './colors-ea36347a.js';
-import './_commonjsHelpers-66ac50f5.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = "";
 

package/dist/{esm → favesalon-embed}/salon-stylists.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-0494771f.js';
+import { r as registerInstance, h } from './index-888e99e3.js';
 import { C as Colors } from './colors-ea36347a.js';
-import { H as HttpService } from './services-257442e2.js';
-import './_commonjsHelpers-66ac50f5.js';
+import { H as HttpService } from './services-260ea6eb.js';
+import './_commonjsHelpers-a4f66ccd.js';
 
 const indexCss = ".view--salon-stylists{overflow:hidden;margin-left:-12px;margin-top:-12px}.view--salon-stylists .salon-stylist{float:left;padding-left:12px;padding-top:12px;width:50%}.view--salon-stylists .salon-stylist--avatar{height:180px}@media (min-width: 576px){.view--salon-stylists .salon-stylist{width:33.33%;max-width:240px}}@media (min-width: 768px){.view--salon-stylists{margin-left:-24px;margin-top:-24px}.view--salon-stylists .salon-stylist{padding-left:24px;padding-top:24px;width:264px;max-width:none}.view--salon-stylists .salon-stylist--avatar{height:240px}}";