npm - @salla.sa/twilight-components - Versions diffs - 2.11.86 → 2.11.87 - Mend

@salla.sa/twilight-components 2.11.86 → 2.11.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (481) hide show

package/dist/components/salla-rating-stars2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-rating-stars2.js","mappings":";;;;;;;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCQjB,gBAAgB;EAC3B;;;;;;IASQ,SAAI,GAAW,QAAQ,CAAC;;;;IAKxB,SAAI,GAA0C,QAAQ,CAAC;;;;IAUvD,YAAO,GAAW,CAAC,CAAC;IAvB1B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAClB,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;KAC/I,CAAC,CAAC;GACJ;EA2BS,cAAc;IACtB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;MAClC,IAAI,CAAC,IAAI,CAAC,UAAU;QAAE,OAAM;;MAG5B,IAAI,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;MAC9E,IAAI,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;MACnD,IAAI,CAAC,QAAQ;QAAE,OAAO;MAEtB,IAAI,aAAa,GAAG,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;MACrD,IAAI,CAAC,UAAsB,CAAC,aAAa,CAAC,sBAAsB,CAAsB,CAAC,KAAK,GAAG,aAAa,CAAC;;MAG9G,IAAI,CAAC,UAAsB,CAAC,gBAAgB,CAAC,0BAA0B,CAAC;SACtE,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,oBAAoB,CAAC,IAAI,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;;MAG7J,IAAI,CAAC,UAAsB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;MACtH,QAAQ,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;KAC/C,CAAC,CAAC;GACJ;EAEO,sBAAsB;;IAC5B,IAAI,YAAY,GAAG,wBAAwB,EACzC,KAAK,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;IACxE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK;MACzB,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE;QACjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,EAAE;UAC/B,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;SACrC;OACF,CAAC,CAAA;MACF,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;KAC7E,CAAC,CAAA;IACF,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;GACjH;EAEO,WAAW,CAAC,CAAC;IACnB,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;MAC1B,KAAK,CAAC,IAAI,CAAC,YAAM,KAAK,EAAE;UACtB,yBAAyB,EAAE,IAAI;UAC/B,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI;UACrC,yBAAyB,EAAE,CAAC,GAAG,CAAC;SACjC,EAAE,SAAS,EAAEA,IAAK,GAAG,CAAC,CAAC;KACzB;IACD,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;MACpB,KAAK,CAAC,IAAI,CAAC,YAAM,KAAK,EAAC,wBAAwB,EAAC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,cAAc,GAAG,EAAE,SAC/E,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,MAC1E,CAAC,CAAA;KACT;IACD,OAAO,KAAK,CAAC;GACd;EAED,MAAM;;;IAEJ,OAAO,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,0CAAE,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC;QACnF,EAAE;SAEF,EAAC,IAAI,QACF,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;QAC5B,WAAK,KAAK,EAAC,wBAAwB,SAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAQ;;UAE1E,WAAK,KAAK,EAAC,wBAAwB,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAiB,IAClF,aAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,EAAE,GAAE,EAC3E,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IACvB,cAAQ,KAAK,EAAE,yCAAyC,GAAG,IAAI,CAAC,IAAI,eAAa,IAAI,IACnF,YAAM,SAAS,EAAEA,IAAK,GAAG,CAClB,CACV,CACG,CAEH,CACR,CAAC;GACL;EAED,gBAAgB;IACd,IAAI,CAAC,cAAc,EAAE,CAAC;IACtB,IAAI,CAAC,sBAAsB,EAAE,CAAC;GAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["Star2"],"sources":["./src/components/salla-rating-stars/salla-rating-stars.scss?tag=salla-rating-stars","./src/components/salla-rating-stars/salla-rating-stars.tsx"],"sourcesContent":["/*\n* Salla Rating Stars Component: Rating starts as rating input or to display rating values.\n* You can use these classes to target the elements in the component.\n*/\n\n.s-rating-stars{\n &-wrapper{\n\n }\n &-btn-star{\n\n }\n &-large{\n \n }\n &-medium{\n \n }\n &-small{\n \n }\n &-hovered{\n \n }\n &-selected{\n\n }\n}","import {Component, Host, h, Prop, Element} from '@stencil/core';\nimport Star2 from \"../../assets/svg/star2.svg\";\nimport Helper from '../../Helpers/Helper';\n\n@Component({\n tag: 'salla-rating-stars',\n styleUrl: 'salla-rating-stars.scss'\n})\nexport class SallaRatingStars {\n constructor() {\n salla.lang.onLoaded(() => {\n this.reviewsElement && (this.reviewsElement.innerText = `(${salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews))})`);\n });\n }\n\n /**\n * Sets input name.\n */\n @Prop() name: string = 'rating';\n\n /**\n * Sets the height and width of the component. Defaults to medium.\n */\n @Prop() size: \"large\" | \"medium\" | \"small\" | \"mini\" = 'medium';\n\n /**\n * The rating value.\n */\n @Prop() value: number;\n\n /**\n * Number of reviews to display.\n */\n @Prop() reviews: number = 0;\n\n\n @Element() host: HTMLElement;\n private startsElem: HTMLElement;\n private reviewsElement: HTMLElement;\n\n protected initiateRating() {\n this.host.addEventListener('click', () => {\n if (!this.startsElem) return\n\n // Get the selected star - activeElement is not supported in safari\n let activeStars = this.startsElem.querySelectorAll('.s-rating-stars-hovered');\n let selected = activeStars[activeStars.length - 1];\n if (!selected) return;\n\n let selectedIndex = selected.getAttribute('data-star');\n ((this.startsElem as Element).querySelector('.rating_hidden_input') as HTMLInputElement).value = selectedIndex;\n\n // Loop through each star, and add or remove the `.selected` class to toggle highlighting\n (this.startsElem as Element).querySelectorAll('.s-rating-stars-btn-star')\n .forEach((star, index) => Helper.toggleElementClassIf(star, 's-rating-stars-selected', 's-rating-stars-unselected', () => index < parseInt(selectedIndex)));\n\n // update aria-pressed attr status\n (this.startsElem as Element).querySelectorAll('[aria-pressed]').forEach(star => star.removeAttribute('aria-pressed'));\n selected.setAttribute('aria-pressed', 'true');\n });\n }\n\n private highlightSelectedStars() {\n let hoveredClass = 's-rating-stars-hovered',\n stars = this.startsElem?.querySelectorAll('.s-rating-stars-btn-star');\n stars?.forEach((star, index) => {\n star.addEventListener('mouseover', () => {\n for (let i = 0; i <= index; i++) {\n stars[i].classList.add(hoveredClass)\n }\n })\n star.addEventListener('mouseout', () => star.classList.remove(hoveredClass))\n })\n this.startsElem?.addEventListener('mouseout', () => stars.forEach(star => star.classList.remove(hoveredClass)));\n }\n\n private createStars(n) {\n let stars = [];\n for (let i = 0; i < 5; i++) {\n stars.push(<span class={{\n 's-rating-stars-btn-star': true,\n ['s-rating-stars-' + this.size]: true,\n 's-rating-stars-selected': i < n\n }} innerHTML={Star2}/>);\n }\n if (this.reviews > 0) {\n stars.push(<span class=\"s-rating-stars-reviews\" ref={el => this.reviewsElement = el}>\n ({salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews))})\n </span>)\n }\n return stars;\n }\n\n render() {\n //TODO:: find a better fix, this is a patch for issue that duplicates the stars twice @see the screenshot inside this folder\n return this.host.closest('.swiper-slide')?.classList.contains('swiper-slide-duplicate')\n ? ''\n : (\n <Host>\n {this.value || this.value == 0 ?\n <div class=\"s-rating-stars-wrapper\"> {this.createStars(this.value)} </div>\n :\n <div class=\"s-rating-stars-element\" ref={(el) => this.startsElem = el as HTMLElement}>\n <input type=\"hidden\" class=\"rating_hidden_input\" name={this.name} value=\"\"/>\n {[1, 2, 3, 4, 5].map(star =>\n <button class={`s-rating-stars-btn-star s-rating-stars-` + this.size} data-star={star}>\n <span innerHTML={Star2}/>\n </button>\n )}\n </div>\n }\n </Host>\n );\n }\n\n componentDidLoad() {\n this.initiateRating();\n this.highlightSelectedStars();\n }\n}\n"],"version":3}

package/dist/components/salla-scopes.js CHANGED Viewed

@@ -244,3 +244,5 @@ const SallaScopes = SallaScopees;
 const defineCustomElement = defineCustomElement$1;
 export { SallaScopes, defineCustomElement };
+//# sourceMappingURL=salla-scopes.js.map

package/dist/components/salla-scopes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-scopes.js","mappings":"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","names":[],"sources":["./src/components/salla-scopes/interfaces.ts","./src/components/salla-scopes/salla-scopes.scss?tag=salla-scopes","./src/components/salla-scopes/salla-scopes.tsx"],"sourcesContent":["export interface Scope {\n id: number;\n name: string;\n selected: boolean;\n}\n\nexport enum ModeType {\n DEFAULT = \"default\",\n AVAILABILITY = \"availability\"\n}\nexport interface ProductAvailability {\n name: string;\n selected: boolean;\n availability: Availability;\n}\n\nexport interface Availability {\n label: string;\n key: string;\n color: string;\n}","/*\n* Salla Branches Component: Store branches & warehouses popup modal\n* You can use these classes to target the elements in the component.\n*/\n\n.s-scopes-availability-content {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.s-scopes {\n &-title {}\n\n &-container {\n }\n\n &-input-wrap {}\n\n &-input {}\n\n &-label {}\n\n &-select {}\n\n &-space-v {}\n\n &-sr-only {}\n\n &-is-closed {}\n\n &-closed-badge {}\n\n &-clickable {}\n\n &-submit {}\n\n &-color-red {}\n\n &-color-green {}\n\n &-color-gray {}\n\n &-placeholder {\n flex: 0 0 85%;\n }\n}\n","import {Component, h, Host, Method, Prop, State} from \"@stencil/core\";\nimport StoreAlt from '../../assets/svg/store-alt.svg';\nimport Search from '../../assets/svg/search.svg';\nimport {ModeType, ProductAvailability, Scope} from './interfaces';\n\n\n/**\n * @slot footer - The bottom section of the component, used for form action. Utilizes the `handleSubmit` method to submit the form.\n */\n@Component({\n tag: 'salla-scopes',\n styleUrl: 'salla-scopes.scss',\n})\nexport class SallaScopees {\n\n constructor() {\n salla.event.on('scopes::open', ({mode = null, product_id = null}) => {\n this.open(mode, product_id)\n });\n\n salla.lang.onLoaded(() => {\n this.translationLoaded = true;\n });\n\n }\n\n private changeBtn: HTMLSallaButtonElement;\n private modal: HTMLSallaModalElement;\n //to avoid over loading scopes in each open call\n private loadedScopes: any = {\n [ModeType.DEFAULT]: null,\n [ModeType.AVAILABILITY]: null,\n };\n @State() translationLoaded: boolean = false;\n @State() mode: ModeType.AVAILABILITY | ModeType.DEFAULT = ModeType.DEFAULT;\n @State() current_scope: any;\n @State() scopes: Scope[] | ProductAvailability[] = [];\n @State() originalScopesList: Scope[] | ProductAvailability[] = [];\n @State() selected_scope: any;\n @State() isOpenedBefore: string = salla.storage.get(\"branch-choosed-before\");\n @State() hasError: boolean = false;\n @State() loading: boolean = false;\n\n /**\n * Optionally open the modal or enforce the pop-up to the viewer\n */\n @Prop() selection: 'optional' | 'mandatory' = 'optional';\n\n /**\n * Dictates when to show the search field\n */\n @Prop() searchDisplayLimit: number = 6;\n\n\n /**\n * Closes the scope modal.\n */\n @Method()\n async close() {\n return await this.modal?.close();\n }\n\n /**\n * Opens the scope modal.\n */\n @Method()\n async open(mode: any = ModeType.DEFAULT, product_id: number = null) {\n this.hasError = false;\n this.mode = [ModeType.AVAILABILITY, ModeType.DEFAULT].includes(mode) ? mode : ModeType.DEFAULT;\n this.loading = !this.loadedScopes[this.mode];\n this.setScopeValues([]);\n\n\n salla.log('SallaScope:: opened');\n this.modal.open()\n if (!this.loading) {\n this.setScopeValues(this.loadedScopes[this.mode]);\n return this.modal.stopLoading();\n }\n\n let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();\n return await salla.api.withoutNotifier(callback)\n .then((resp) => {\n if (mode == ModeType.AVAILABILITY) {\n return this.setScopeValues(this.loadedScopes[ModeType.AVAILABILITY]=resp.data)\n }\n this.setScopeValues(this.loadedScopes[this.mode]=resp.data.scopes)\n }).catch(e => {\n console.log(e)\n this.hasError = true;\n })\n .finally(() => {\n this.modal.stopLoading()\n this.loading = false\n });\n }\n\n /**\n * Submit form to change exsiting scope.\n */\n @Method()\n async handleSubmit() {\n\n let payload = {'id': this.current_scope.id}\n this.changeBtn.load();\n return await salla.scope.change(payload)\n .then(() => {\n salla.storage.set(\"branch-choosed-before\", true);\n salla.storage.set(\"scope\", {\n 'type': this.current_scope.type,\n 'id': this.current_scope.id\n });\n window.location.replace(salla.helpers.addParamToUrl('scope', this.current_scope.id));\n }).catch(e => console.log(e))\n .finally(() => {\n this.changeBtn.stop()\n })\n }\n\n private setScopeValues(value: Scope[]) {\n this.scopes = value;\n this.originalScopesList = value;\n\n if (value?.length == 1) {\n this.current_scope = value[0]\n this.selected_scope = value[0]\n } else {\n this.current_scope = value?.find(scope => scope.selected)\n this.selected_scope = value?.find(scope => scope.selected)\n }\n }\n\n private handleSearchFieldTyping(e) {\n let value = e.target.value.toLocaleLowerCase()\n if (!!value) {\n this.scopes = (this.originalScopesList as any).filter(scope => scope.name.toLowerCase().includes(value))\n } else {\n this.scopes = this.originalScopesList\n }\n }\n\n private handleScopeSelection(event: any) {\n this.current_scope = (this.scopes as any)?.find(scope => scope.id == event.target.value)\n }\n\n private getFormTitle = () => {\n if (this.originalScopesList?.length < 2) return \"\";\n return this.mode === ModeType.DEFAULT ?\n salla.lang.get(\"blocks.scope.shopping_from_another_branch\") :\n salla.lang.get('blocks.scope.search_for_availability_in_other_branches');\n }\n\n private placeholderContent() {\n return <salla-placeholder alignment=\"center\" class=\"s-scopes-placeholder\">\n <span slot=\"title\">{salla.lang.get(\"blocks.scope.branch_looking_for_not_found\")}</span>\n <span slot=\"description\">{salla.lang.get(\"blocks.scope.our_services_not_available_in_this_branch\")}</span>\n </salla-placeholder>\n }\n\n private defaultContent() {\n return [<div class=\"s-scopes-container s-scrollbar\">\n {this.scopes?.map((scope) =>\n <div class=\"s-scopes-input-wrap\" data-selection={this.selection}>\n <input\n id={`${this.selection} + '_scope_' + ${scope.id}`}\n name=\"lang\" type=\"radio\"\n value={scope.id}\n onChange={(event) => this.handleScopeSelection(event)}\n class=\"s-scopes-input\"\n checked={!!this.current_scope && this.current_scope.id == scope.id}/>\n <label\n htmlFor={`${this.selection} + '_scope_' + ${scope.id}`}\n class=\"s-scopes-label s-scopes-clickable\">\n <span>{scope.name}</span>\n </label>\n </div>\n )}\n </div>,\n this.footerContent()]\n }\n\n private availabilityContent() {\n return <div class=\"s-scopes-container\">\n {this.scopes?.map((scope: any) =>\n <div class=\"s-scopes-input-wrap\" data-selection={this.selection}>\n <h2\n class={{\"s-scopes-label\": true, \"s-scopes-clickable\": this.mode === ModeType.DEFAULT}}>\n <span>{scope.name}</span>\n </h2>\n <h2 style={{'color': (scope as ProductAvailability)?.availability?.color}}\n class={`s-scopes-${(scope as ProductAvailability)?.availability?.key}`}>{(scope as ProductAvailability)?.availability?.label}</h2>\n </div>\n )\n }\n </div>\n }\n\n private footerContent() {\n return <div class=\"s-scopes-footer\">\n <slot name=\"footer\">\n <salla-button ref={btn => this.changeBtn = btn} disabled={!this.current_scope}\n onClick={() => this.handleSubmit()} class=\"s-scopes-submit\" loader-position=\"center\" width=\"wide\">\n {salla.lang.get('common.elements.confirm')}\n </salla-button>\n </slot>\n </div>\n }\n\n render() {\n return (\n <Host>\n <salla-modal\n ref={modal => this.modal = modal}\n isClosable={!!(this.isOpenedBefore || (this.selection == 'optional'))}\n class=\"s-scopes-modal\"\n isLoading={this.loading}\n has-skeleton>\n {this.loading ?\n <div slot=\"loading\">\n <div class=\"s-scopes-skeleton\">\n <salla-list-tile class=\"s-scopes-header\">\n <div slot=\"icon\" class=\"s-scopes-header-icon\">\n <salla-skeleton type=\"circle\"></salla-skeleton>\n </div>\n\n <div slot=\"title\" class=\"s-scopes-header-title mb-5\">\n <salla-skeleton height='15px' width='50%'></salla-skeleton>\n </div>\n <div slot=\"subtitle\" class=\"s-scopes-header-subtitle\">\n <salla-skeleton height='10px'></salla-skeleton>\n <salla-skeleton height='10px' width='75%'></salla-skeleton>\n </div>\n </salla-list-tile>\n <div class=\"s-scopes-skeleton-search\">\n <salla-skeleton height='10px' width='50%'></salla-skeleton>\n <salla-skeleton height='30px' width='100%'></salla-skeleton>\n </div>\n <div class=\"s-scopes-skeleton-scopes\">\n <salla-skeleton height='10px' width='30%'></salla-skeleton>\n <salla-skeleton height='10px' width='25%'></salla-skeleton>\n <salla-skeleton height='10px' width='30%'></salla-skeleton>\n <salla-skeleton height='10px' width='25%'></salla-skeleton>\n <salla-skeleton height='10px' width='30%'></salla-skeleton>\n <salla-skeleton height='10px' width='25%'></salla-skeleton>\n <salla-skeleton height='10px' width='30%'></salla-skeleton>\n <salla-skeleton height='10px' width='25%'></salla-skeleton>\n </div>\n <div class=\"s-scopes-skeleton-btn\">\n <salla-skeleton height='40px' width='100%'></salla-skeleton>\n </div>\n\n </div>\n </div>\n :\n [<salla-list-tile class={this.originalScopesList?.length ? \"s-scopes-header block\" : \"s-hidden\"}>\n <div slot=\"icon\" class=\"s-scopes-header-icon\" innerHTML={StoreAlt}/>\n <div slot=\"title\" class=\"s-scopes-header-title\">\n {salla.lang.get('blocks.scope.you_are_browse_store_from')}\n </div>\n <div slot=\"subtitle\" class=\"s-scopes-header-subtitle\">\n {!!this.selected_scope ? this.selected_scope.name : \"\"}\n </div>\n </salla-list-tile>,\n <div class=\"s-scopes-wrap\">\n {!!this.originalScopesList?.length && <h4 class=\"s-scopes-title\">{this.getFormTitle()}</h4>}\n {this.originalScopesList?.length > this.searchDisplayLimit ?\n <div class=\"s-scopes-search-wrapper\">\n <div class=\"s-scopes-search-icon\" innerHTML={Search}/>\n <input type=\"text\" class=\"s-scopes-search-input\" onInput={e => this.handleSearchFieldTyping(e)}\n enterkeyhint=\"search\"\n placeholder={salla.lang.get('blocks.scope.searching_for_a_branch')}/>\n </div>\n : \"\"\n }\n {this.hasError || this.originalScopesList?.length < 2 ?\n this.placeholderContent()\n : this.mode === ModeType.DEFAULT ? this.defaultContent() : this.availabilityContent()}\n </div>]\n }\n </salla-modal>\n </Host>\n );\n }\n\n componentDidLoad() {\n if (!this.isOpenedBefore && this.selection == 'mandatory') {\n this.open()\n }\n }\n}\n"],"version":3}

package/dist/components/salla-search.js CHANGED Viewed

@@ -162,3 +162,5 @@ const SallaSearch = SallaSearch$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaSearch, defineCustomElement };
+//# sourceMappingURL=salla-search.js.map

package/dist/components/salla-search.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-search.js","mappings":"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","names":["SallaSearch"],"sources":["./src/components/salla-search/salla-search.scss?tag=salla-search","./src/components/salla-search/salla-search.tsx"],"sourcesContent":["/*\n* Salla Search Component: Site search modal.\n* You can use these classes to target the elements in the component.\n*/\n\n.s-search {\n &-inline{\n \n }\n &-container {\n &-open {\n\n }\n }\n &-input {\n\n }\n &-icon {\n\n }\n &-spinner {\n\n }\n &-spinner-loader {\n\n }\n &-results {\n\n }\n &-no-results{\n\n }\n &-container-open{\n \n }\n &-product {\n &-image-container {\n\n }\n &-image {\n \n }\n &-details {\n\n }\n &-title {\n\n }\n &-price {\n\n }\n }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport SearchProductsResponse from \"./search-response\";\nimport Search from \"../../assets/svg/search.svg\";\nimport Helper from '../../Helpers/Helper';\n\n/**\n * @slot product - Replaces products card in the results, has replaceable props `{name}`, `{price}`, `{regular_price}`, `{image}`.\n */\n@Component({ tag: 'salla-search', styleUrl: 'salla-search.scss' })\nexport class SallaSearch {\n constructor() {\n this.productSlot = this.host.querySelector('[slot=\"product\"]')?.innerHTML || this.getDefaultProductSlot();\n salla.event.on('search::open', () => this.open());\n\n salla.lang.onLoaded(() => {\n this.translationLoaded = true;\n });\n\n salla.event.on('modalClosed', () => this.onModalClose())\n }\n\n private readonly productSlot: string;\n private modal: HTMLSallaModalElement;\n private container: HTMLElement;\n private searchInput: HTMLInputElement;\n private noResults: HTMLElement;\n private inputValue: string = '';\n\n @Element() host: HTMLStencilElement;\n @State() translationLoaded: boolean = false;\n @State() results: SearchProductsResponse | undefined;\n @State() loading: boolean = false;\n @State() typing: boolean = false;\n @State() debounce: ReturnType<typeof setTimeout> = setTimeout(() => '', 1000);\n @State() search_term: string;\n\n /**\n * Set the component display without modal window. Defaults to `false`\n */\n @Prop() inline: boolean = false;\n\n /**\n * Adds a border radius to the input. Half of the height.\n */\n @Prop() oval: boolean = false;\n\n /**\n * Sets the height of the input\n */\n @Prop() height: number = 60;\n\n async open() {\n if (!this.inline) {\n await this.modal.open().then(() => setTimeout(() => this.searchInput.focus(), 300)\n );\n }\n }\n onModalClose() {\n this.searchInput.value = '';\n this.results = undefined;\n this.afterSearching();\n this.container.classList.remove('s-search-no-results')\n }\n\n @Listen('keydown')\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Enter' && this.search_term?.length) {\n window.location.href = salla.url.get('search?q=' + encodeURI(this.search_term))\n }\n }\n\n private getDefaultProductSlot() {\n return '<div class=\"s-search-product-image-container\">' +\n ' <img class=\"s-search-product-image\" src=\"{image}\" alt=\"{name}\"/>' +\n '</div>' +\n '<div class=\"s-search-product-details\">' +\n ' <div class=\"s-search-product-title\">{name}</div> <div class=\"s-search-product-price\">{price} <span class=\"s-search-product-regular-price\">{regular_price}</span></div>' +\n '</div>';\n }\n\n private debounceSearch(event) {\n this.typing = true;\n clearTimeout(this.debounce)\n this.debounce = setTimeout(() => {\n this.typing = false\n this.search_term = event.target.value\n }, 500)\n }\n\n @Watch('search_term')\n handleSearch(val: string) {\n this.inputValue = val;\n if (val.length > 1) {\n this.search(val);\n }\n else {\n this.results = undefined;\n this.afterSearching();\n }\n }\n\n search(val) {\n\n this.noResults.style.display = 'none';\n //run loading spinner or stop it\n this.loading = true;\n salla.product.search(val)\n .then(response => this.results = response)\n .catch(err => err !== 'Query is same as previous one!' ? this.results = undefined : null)\n .finally(() => this.afterSearching(/*isEmpty*/ false));\n }\n\n private afterSearching(isEmpty = true) {\n this.noResults.style.display = isEmpty || this.results?.data.length > 0 ? 'none' : 'block';\n Helper.toggleElementClassIf(this.container, 's-search-container-open', 's-search-no-results', () => this.results?.data.length)\n this.loading = false\n salla.product.api.previousQuery = ''; //avoid having error 'Query is same as previous one!' after reopen modal;\n this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';\n }\n\n render() {\n const searchContent =\n <div class={{ 's-search-container': true, 's-search-inline': this.inline }} ref={container => this.container = container}>\n <input type=\"search\"\n enterkeyhint=\"search\"\n autocomplete=\"off\"\n class=\"s-search-input\"\n placeholder={salla.lang.get('blocks.header.search_placeholder')}\n onInput={e => this.debounceSearch(e)}\n onKeyDown={e => this.handleKeyDown(e)}\n ref={input => this.searchInput = input as HTMLInputElement}\n style={{ height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' }} />\n <span class=\"s-search-icon-wrap\"><span class=\"s-search-icon\" innerHTML={this.loading ? '<i class=\"s-search-spinner-loader\"></i>' : Search}></span></span>\n <div class=\"s-search-results\">\n {this.results?.data.map(item =>\n <a href={item.url} class={{ \"s-search-product\": true, 's-search-product-not-available': !item.is_available }} innerHTML={this.productSlot\n .replace(/\\{name\\}/g, item.name)\n .replace(/\\{price\\}/g, salla.money(item.price))\n .replace(/\\{regular_price\\}/g, item.has_special_price ? salla.money(item.regular_price) : '')\n .replace(/\\{image\\}/g, item.thumbnail)}/>\n )}\n <p ref={el => this.noResults = el} class=\"s-search-no-results-placeholder\">{salla.lang.get('common.elements.no_options')}</p>\n </div>\n </div>\n\n return (\n this.inline ?\n <div class=\"s-search-modal\">{searchContent}</div>\n :\n <salla-modal position=\"top\" class=\"s-search-modal\" ref={modal => this.modal = modal}>\n {searchContent}\n </salla-modal>\n );\n }\n\n /**\n * Run it one time after load\n */\n componentDidLoad() {\n this.afterSearching();\n }\n}\n"],"version":3}

package/dist/components/salla-select.js CHANGED Viewed

@@ -196,3 +196,5 @@ const SallaSelect = SallaSelect$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaSelect, defineCustomElement };
+//# sourceMappingURL=salla-select.js.map

package/dist/components/salla-select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-select.js","mappings":"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","names":["SallaSelect"],"sources":["./src/components/salla-select/salla-select.scss?tag=salla-select","./src/components/salla-select/salla-select.tsx"],"sourcesContent":[".s-select-label {\n display: block;\n margin-bottom: 0.5rem;\n color: #111827;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n}\n\n.s-select-underline {\n display: block;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n background-color: transparent;\n color: #6B7280;\n font-size: 0.875rem;\n line-height: 1.25rem;\n width: 100%;\n border-width: 0;\n border-bottom-width: 2px;\n border-color: #E5E7EB;\n appearance: none;\n}\n\n.s-select-outlined {\n display: block;\n padding: 0.625rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n padding-left: 1rem;\n padding-right: 1rem;\n background-color: #F9FAFB;\n color: #111827;\n font-size: 0.875rem;\n line-height: 1.25rem;\n width: 100%;\n border-radius: 0.5rem;\n border-width: 1px;\n border-color: #D1D5DB;\n}\n\n.s-select-x-large {\n height: 5rem;\n}\n\n.s-select-large {\n height: 4rem;\n}\n\n.s-select-normal {\n height: 3rem;\n}\n\n.s-select-small {\n height: 3rem;\n}\n\n.s-select-x-small {\n height: 2.5rem;\n}\n\n.s-select-field {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n margin: 0;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 400;\n line-height: 1.75rem;\n width: 100%;\n border-radius: 0.375rem;\n border-color: #9CA3AF;\n box-shadow: none;\n}\n\n\n.s-select-hint {\n margin-top: 0.25rem;\n color: #374151;\n font-size: 0.875rem;\n line-height: 1.25rem;\n line-height: 1.25rem;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'salla-select',\n styleUrl: 'salla-select.scss',\n})\nexport class SallaSelect {\n\n /**\n * Sets label\n */\n @Prop() label: string = undefined;\n\n /**\n * Can be an array of objects or array of strings. \n * When using objects, will look for a text, value and disabled keys.\n */\n @Prop() items: any[] = [];\n\n /**\n * Set property of items’s text value\n */\n @Prop() itemText: string /* | any[] | Function */ = \"text\";\n\n /**\n * Set property of items’s value - must be primitive. \n * Dot notation is supported.\n */\n @Prop() itemValue: string /* | any[] | Function */ = \"value\";\n\n /**\n * Set property of items’s disabled value\n */\n @Prop() itemDisabled: string /* | any[] | Function */ = 'disabled';\n\n /**\n * Sizing options\n */\n @Prop() size: 'x-large' | 'large' | 'normal' | 'small' | 'x-small' = 'normal';\n\n /**\n * The selected value\n */\n @Prop({ mutable: true }) value: any = undefined;\n\n /**\n * Enable autofocus\n */\n @Prop() autofocus: boolean = false;\n\n /**\n * Add input clear functionality, default icon is `sicon-cancel`\n */\n @Prop() clearable: boolean = false;\n\n /**\n * Applied when using clearable and the input is dirty\n */\n @Prop() clearIcon: string = 'sicon-cancel';\n\n /**\n * Applies specified color to the control.\n */\n @Prop() color: 'primary' | 'success' | 'warning' | 'danger' | 'light' | 'gray' | 'dark' = 'primary';\n\n /**\n * Remove elevation or box shadow.\n */\n @Prop() flat: boolean = undefined;\n\n /**\n * Disable the input\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Displays linear progress bar.\n */\n @Prop() loading: boolean = false;\n\n /**\n * Specifies which color is applied to the progress bar.\n */\n @Prop() loadingColor: string = 'primary';\n\n /**\n * Hint text\n */\n @Prop() hint: string = undefined;\n\n /**\n * Forces hint to always be visible.\n */\n @Prop() persistHint: boolean = false;\n\n /**\n * Sets the input’s placeholder text.\n */\n @Prop() placeholder: string = undefined;\n\n /**\n * Enable multiple item selection\n */\n @Prop() multiple: boolean = false;\n\n /**\n * Enable multiple item selection\n */\n @Prop() autocomplete: boolean = false;\n\n /**\n * Enable multiple item selection\n */\n @Prop() required: boolean = false;\n\n /**\n * Changes display of selections to chips\n */\n @Prop() chips: boolean = false;\n\n /**\n * Define appearance of the component\n */\n @Prop() shape: 'underline' | 'outlined' = 'outlined';\n\n /**\n * Changes the selection behavior to return the object directly \n * rather than the value specified with item-value\n */\n @Prop() returnObject: boolean = false;\n\n /**\n * Hides hint if any\n */\n @Prop() hideDetail: boolean = false;\n\n\n\n\n private selectClass() {\n return `s-select-field s-select-${this.shape} ${this.color} ${this.size}`\n }\n\n private onSelectedItemChange(event: Event) {\n let selectedIndex = (event.target as HTMLSelectElement).selectedIndex;\n if (selectedIndex < 0) {\n this.value = undefined;\n return;\n }\n let selectedItem = this.items[!!this.placeholder ? selectedIndex - 1 : selectedIndex]\n\n this.value = this.returnObject ? selectedItem : selectedItem[this.itemValue]\n }\n\n private generateHint() {\n if (!this.persistHint && !this.value) {\n return \"\"\n }\n return <div class=\"s-select-hint\">{this.hint}</div>\n }\n\n private checkForSelected(item) {\n if (this.returnObject && !!this.value) {\n return item[this.itemValue] = this.value[this.itemValue]\n }\n return item[this.itemValue] == this.value\n }\n\n\n render() {\n return (\n <Host>\n {!!this.label ?\n <label htmlFor=\"s-select\" class=\"s-select-label\">{this.label}</label>\n : \"\"\n }\n <select multiple={this.multiple} autocomplete={this.autocomplete ? 'on' : 'off'} disabled={this.disabled} autoFocus={this.autofocus} id=\"s-select\" class={this.selectClass()} onChange={this.onSelectedItemChange.bind(this)}>\n {!!this.placeholder ?\n <option selected={!this.value}>{this.placeholder}</option>\n : \"\"}\n {\n this.items.map((item: Object | string) =>\n // item instanceof Object ?\n <option label={item[this.itemText]} value={item[this.itemValue]} selected={this.checkForSelected(item)} disabled={item[this.itemDisabled]}></option>\n // :\n // <option label={item} value={item} selected={item == this.value} disabled={item == this.itemDisabled}></option>\n )}\n </select>\n <div class={{ \"s-hidden\": this.hideDetail }}>\n {this.generateHint()}\n </div>\n\n </Host>\n );\n }\n\n}"],"version":3}

package/dist/components/salla-skeleton.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaSkeleton = SallaSkeleton$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaSkeleton, defineCustomElement };
+//# sourceMappingURL=salla-skeleton.js.map

package/dist/components/salla-skeleton.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-skeleton.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-skeleton2.js CHANGED Viewed

@@ -51,3 +51,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaSkeleton as S, defineCustomElement as d };
+//# sourceMappingURL=salla-skeleton2.js.map

package/dist/components/salla-skeleton2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-skeleton2.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,sBAAsB;;MCMlC,aAAa;EAJ1B;;;;;;IAWU,SAAI,GAAwB,QAAQ,CAAC;;;;IAMrC,UAAK,GAAW,MAAM,CAAC;;;;IAMvB,WAAM,GAAW,MAAM,CAAC;GAcjC;EAZC,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,iBAAiB,EAAE,IAAI;MACvB,0BAA0B,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ;KAClD,CAAC;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAChF,WAAK,KAAK,EAAE,OAAO,aAAe,CAC7B,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-skeleton/salla-skeleton.scss?tag=salla-skeleton","./src/components/salla-skeleton/salla-skeleton.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n tag: 'salla-skeleton',\n styleUrl: 'salla-skeleton.scss',\n})\nexport class SallaSkeleton {\n\n\n /**\n * Set the shape type of the skeleton is it circle or normal\n */\n\n @Prop() type: 'circle' | 'normal' = 'normal';\n\n /**\n * Set the skeleton width\n */\n\n @Prop() width: string = '100%';\n\n /**\n * Set the skeleton height\n */\n\n @Prop() height: string = '100%';\n\n render() {\n const classes = {\n 's-skeleton-item': true,\n 's-skeleton-item-circular': this.type == 'circle',\n };\n return (\n <Host class=\"s-skeleton-wrapper\" style={{ width: this.width, height: this.height }}>\n <div class={classes} > </div>\n </Host>\n );\n }\n\n}\n"],"version":3}

package/dist/components/salla-slider.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaSlider = SallaSwiper;
 const defineCustomElement = defineCustomElement$1;
 export { SallaSlider, defineCustomElement };
+//# sourceMappingURL=salla-slider.js.map

package/dist/components/salla-slider.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-slider.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-slider2.js CHANGED Viewed

@@ -534,3 +534,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaSwiper as S, defineCustomElement as d };
+//# sourceMappingURL=salla-slider2.js.map

package/dist/components/salla-slider2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-slider2.js","mappings":"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","names":["ArrowRightIcon"],"sources":["./src/components/salla-slider/salla-slider.scss?tag=salla-slider","./src/components/salla-slider/salla-slider.tsx"],"sourcesContent":["//🚨🚨todo:: find a better way, it loads it to the dom\n@import \"~swiper/swiper\";\n@import \"~swiper/modules/pagination/pagination\";\n@import \"~swiper/modules/navigation/navigation\";\n\n.s-slider-wrapper {\n &-container{\n\n }\n &-thumbs{\n &-container{\n\n }\n }\n &-button-next{\n svg{\n\n }\n }\n &-button-prev{\n svg{\n\n }\n }\n}\n","import { Component, State, Prop, h, Event, Host, EventEmitter, Method, Element } from '@stencil/core';\nimport { Swiper as SwiperType } from 'swiper/types';\n\nimport ArrowRightIcon from \"../../assets/svg/keyboard_arrow_right.svg\";\nimport ArrowLeftIcon from \"../../assets/svg/keyboard_arrow_left.svg\";\n\n/**\n * @slot items - Slider items.\n * @slot thumbs - Thumbs slider items.\n */\n@Component({\n tag: 'salla-slider',\n styleUrl: 'salla-slider.scss',\n})\nexport class SallaSwiper {\n @Element() host: HTMLElement;\n\n /**\n * Show/hide slider block title\n */\n @Prop({ reflect: true }) blockTitle: string = '';\n\n /**\n * Enable call a specific slide by index from thumbnails option in `salla-slider-options` component, works only if `data-img-id` and `data-slid-index` attributes are set on each slide\n */\n @Prop({ reflect: true }) listenToThumbnailsOption: boolean = false;\n\n /**\n * Show/hide slider block sub title\n */\n @Prop({ reflect: true }) blockSubtitle: string = '';\n\n /**\n * Show/hide display all button beside arrows\n */\n @Prop({ reflect: true }) displayAllUrl: string = '';\n\n /**\n * Show/hide display all button beside arrows\n */\n @Prop({ reflect: true }) arrowsCentered: boolean = false;\n\n /**\n * Vertical or Horizontal thumbs slider\n */\n @Prop({ reflect: true }) verticalThumbs: boolean = false;\n\n /**\n * Vertical or Horizontal main slider\n */\n @Prop({ reflect: true }) vertical: boolean = false;\n\n /**\n * Auto Height slider\n */\n @Prop({ reflect: true }) autoHeight: boolean = false;\n\n /**\n * Show/hide arrows\n */\n @Prop({ reflect: true }) showControls: boolean = true;\n\n /**\n * Show/hide arrows\n */\n @Prop({ reflect: true }) controlsOuter: boolean = false;\n\n /**\n * Show/hide thumbs slider arrows\n */\n @Prop() showThumbsControls: boolean = true;\n\n /**\n * Enable autoplay - working with `type=\"carousel\" only`\n */\n @Prop() autoPlay: boolean = false;\n\n /**\n * slidesPerView\n */\n @Prop() slidesPerView: string = \"auto\";\n\n /**\n * Enable pagination\n */\n @Prop() pagination: boolean = false;\n\n /**\n * Enable center mode - working with `type=\"carousel\" only`\n */\n @Prop() centered: boolean = false;\n\n /**\n * Run slider in loop, Don't use it for slides with custom components inside it, because it may cause re-render issue\n */\n @Prop() loop: boolean = false;\n\n /**\n * Set the type of the slider\n * Default: ''\n */\n @Prop() type: 'carousel' | 'fullscreen' | 'thumbs' | 'default' | 'hero' | 'testimonials' | 'blog' | 'fullwidth' | '' = '';\n /**\n * Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object\n * @example\n * let slider = document.querySelector('salla-slider');\n * slider.sliderConfig = {\n * slidesPerView: 1,\n * spaceBetween : 30,\n * lazy: true,\n * }\n *\n */\n @Prop({ reflect: true }) sliderConfig: any = {};\n /**\n * Thumbs Slider Configs refer to https://swiperjs.com/swiper-api#parameters and pass the entire config object\n * @example\n * let slider = document.querySelector('salla-slider');\n * slider.thumbsConfig = {\n * slidesPerView: 1,\n * spaceBetween : 30,\n * lazy: true,\n * }\n *\n */\n @Prop({ reflect: true }) thumbsConfig: any = {};\n\n // Events\n /**\n * Event will fired right after initialization.\n */\n @Event() afterInit: EventEmitter<any>;\n /**\n * Event will be fired when currently active slide is changed\n */\n @Event() slideChange: EventEmitter<any>;\n\n /**\n * Event will be fired when Swiper reach its beginning (initial position)\n */\n @Event() reachBeginning: EventEmitter<any>;\n\n /**\n * Event will be fired when Swiper reach last slide\n */\n @Event() reachEnd: EventEmitter<any>;\n\n /**\n * Event will be fired after animation to other slide (next or previous).\n */\n @Event() slideChangeTransitionEnd: EventEmitter<any>;\n\n /**\n * Event will be fired in the beginning of animation to other slide (next or previous).\n */\n @Event() slideChangeTransitionStart: EventEmitter<any>;\n\n /**\n * Same as \"slideChangeTransitionEnd\" but for \"forward\" direction only\n */\n @Event() slideNextTransitionEnd: EventEmitter<any>;\n\n /**\n * Same as \"slideChangeTransitionStart\" but for \"forward\" direction only\n */\n @Event() slideNextTransitionStart: EventEmitter<any>;\n\n /**\n * Same as \"slideChangeTransitionEnd\" but for \"backward\" direction only\n */\n @Event() slidePrevTransitionEnd: EventEmitter<any>;\n\n /**\n * Same as \"slideChangeTransitionStart\" but for \"backward\" direction only\n */\n @Event() slidePrevTransitionStart: EventEmitter<any>;\n\n /**\n * Event will be fired when user touch and move finger over Swiper and move it.\n * Receives touchmove event as an arguments.\n */\n @Event() sliderMove: EventEmitter<any>;\n\n /**\n * Event will be fired when user release Swiper. Receives touchend event as an arguments.\n */\n @Event() touchSliderEnd: EventEmitter<any>;\n\n /**\n * Event will be fired when user touch and move finger over Swiper.\n * Receives touchmove event as an arguments.\n */\n @Event() touchSliderMove: EventEmitter<any>;\n\n /**\n * Event will be fired when user touch Swiper. Receives touchstart event as an arguments.\n */\n @Event() touchSliderStart: EventEmitter<any>;\n\n /**\n * Event will be fired after transition.\n */\n @Event() sliderTransitionEnd: EventEmitter<any>;\n\n /**\n * Event will be fired in the beginning of transition.\n */\n @Event() sliderTransitionStart: EventEmitter<any>;\n\n\n // Methods\n\n /**\n * Run transition to the slide with index number equal to 'index' parameter for the duration equal to 'speed' parameter.\n *\n * @param {number} index - Index number of slide.\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slideTo(index: number, speed?: number, runCallbacks?: boolean) {\n\n return this.slider.slideTo(index, speed, runCallbacks);\n }\n\n /**\n * Run transition to the next slide.\n *\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slideNext(speed?: number, runCallbacks?: boolean) {\n this.slider?.slideNext(speed, runCallbacks);\n }\n\n /**\n * Run transition to the previous slide.\n *\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slidePrev(speed?: number, runCallbacks?: boolean) {\n this.slider?.slidePrev(speed, runCallbacks);\n }\n\n /**\n * Does the same as .slideTo but for the case when used with enabled loop. So this method will slide to slides with realIndex matching to passed index\n *\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slideToLoop(index: number, speed?: number, runCallbacks?: boolean) {\n this.slider.slideToLoop(index, speed, runCallbacks);\n }\n\n /**\n * Does the same as .slideNext but for the case when used with enabled loop. So this method will slide to next slide with realIndex matching to next index\n *\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slideNextLoop(speed?: number, runCallbacks?: boolean) {\n this.slider.slideNextLoop(speed, runCallbacks);\n }\n\n /**\n * Does the same as .slidePrev but for the case when used with enabled loop. So this method will slide to previous slide with realIndex matching to previous index\n *\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slidePrevLoop(speed?: number, runCallbacks?: boolean) {\n this.slider.slidePrevLoop(speed, runCallbacks);\n }\n\n /**\n * Reset slider position to currently active slide for the duration equal to 'speed' parameter.\n *\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slideReset(speed?: number, runCallbacks?: boolean) {\n this.slider.slideReset(speed, runCallbacks);\n }\n\n /**\n * Reset slider position to closest slide/snap point for the duration equal to 'speed' parameter.\n * @param {number} speed - Transition duration (in ms).\n * @param {boolean} runCallbacks - Set it to false (by default it is true) and transition will not produce transition events.\n * **/\n @Method()\n async slideToClosest(speed?: number, runCallbacks?: boolean) {\n this.slider.slideToClosest(speed, runCallbacks);\n }\n\n /**\n * You should call it after you add/remove slides manually, or after you hide/show it, or do any custom DOM modifications with Swiper This method also includes subcall of the following methods which you can use separately:\n * **/\n @Method()\n async update() {\n this.slider.update();\n }\n\n /**\n * Force slider to update its height (when autoHeight enabled) for the duration equal to 'speed' parameter\n * @param {number} speed - Transition duration (in ms).\n * **/\n @Method()\n async updateAutoHeight(speed?: number) {\n this.slider.updateAutoHeight(speed);\n }\n\n /**\n * recalculate number of slides and their offsets. Useful after you add/remove slides with JavaScript\n * **/\n @Method()\n async updateSlides() {\n this.slider.updateSlides();\n }\n\n /**\n * recalculate slider progress\n * **/\n @Method()\n async updateProgress() {\n this.slider.updateProgress();\n }\n\n /**\n * update active/prev/next classes on slides and bullets\n * **/\n @Method()\n async updateSlidesClasses() {\n this.slider.updateSlidesClasses();\n }\n\n\n /**\n * Get slider slides\n * **/\n @Method()\n async getSlides() {\n return await this.slider?.slides;\n }\n\n\n // States\n @State() currentIndex: number | undefined = undefined;\n @State() isEnd: boolean = false;\n @State() isBeginning: boolean = true;\n @State() isRTL: boolean = document.documentElement.dir === 'rtl';\n @State() swiperScript: any;\n @State() displayAllTitle: string;\n\n private sliderContainer?: HTMLDivElement;\n private sliderWrapper?: HTMLDivElement;\n private thumbsSliderContainer?: HTMLDivElement;\n private thumbsSliderWrapper?: HTMLDivElement;\n private slider: any;\n private thumbsSlider: any;\n private hasThumbSlot: boolean = false;\n\n private pre_defined_config = {\n carousel: {\n speed: 300,\n slidesPerView: 'auto',\n spaceBetween: 0,\n },\n fullwidth: {\n speed: 750,\n parallax: true,\n },\n fullscreen: {\n speed: 1000,\n parallax: true,\n direction: \"vertical\",\n followFinger: false,\n touchReleaseOnEdges: true,\n lazy: true,\n mousewheel: {}\n },\n testimonials: {\n draggable: true,\n slidesPerView: 1,\n breakpoints: { 1024: { slidesPerView: 2 } }\n },\n blog: {\n parallax: true,\n speed: 800,\n loop: true,\n slidesPerView: 1,\n centeredSlides: true,\n spaceBetween: 30,\n breakpoints: {\n 320: { spaceBetween: 10 },\n 768: { spaceBetween: 15 },\n 980: { paceBetween: 30 },\n }\n },\n thumbs: {\n slidesPerView: 1,\n spaceBetween: 30\n }\n }\n\n componentWillLoad() {\n salla.lang.onLoaded(() => {\n this.displayAllTitle = salla.lang.get('blocks.home.display_all');\n })\n this.hasThumbSlot = !!this.host.querySelector('[slot=\"thumbs\"]');\n if (this.listenToThumbnailsOption) {\n salla.event.on('product-options::change', data => {\n if (data.option.type == 'thumbnail') {\n const slideIndex = this.sliderWrapper.querySelector(`[data-img-id=\"${data.detail.option_value}\"]`)?.getAttribute('data-slid-index');\n slideIndex ? this.slideTo(parseInt(slideIndex), 300, false) : '';\n }\n });\n }\n return new Promise((resolve, reject) => {\n // @ts-ignore\n if (typeof Swiper !== 'undefined') {\n return resolve(true);\n }\n\n if (document.getElementById('swiper-script')) {\n let interval = setInterval(() => {\n // @ts-ignore\n if (typeof Swiper !== 'undefined') {\n clearInterval(interval);\n resolve(true);\n }\n }, 5);\n } else {\n // ? There is an issue with stencil bundling it breaks the swiper import, so we need to import it manually by swiperjs rerendered file\n // ! IT'S NOT A GOOD SOLUTION, BUT IT WORKS, WE NEED TO FIND A BETTER SOLUTION\n this.swiperScript = document.createElement('script');\n this.swiperScript.onload = () => {\n resolve(true)\n salla.event.emit('swiper::loaded');\n }\n this.swiperScript.onerror = (error) => {\n salla.logger.warn('failed load swiper bundle', error);\n reject(true)\n }\n this.swiperScript.src = 'https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js';\n this.swiperScript.setAttribute('id', 'swiper-script');\n document.body.appendChild(this.swiperScript);\n }\n });\n }\n\n getSwiperConfig() {\n let pre_defined_config = {\n loop: this.loop,\n autoplay: this.type == 'fullwidth' && !!this.autoPlay ? { delay: 5000 } : this.autoPlay,\n centeredSlides: this.centered,\n slidesPerView: this.slidesPerView,\n autoHeight: this.autoHeight,\n lazy: true,\n on: {\n // todo:: find better way for this workaround to show lazyLoad for duplicated slides, because it clones the slide after it's already rendered,\n // then it re appended it as is,in this case the image is loaded but class not added.\n afterInit: (slider: SwiperType) => {\n this.afterInit.emit(slider);\n document.lazyLoadInstance?.update();\n this.loop && slider.slides.map(slide => {\n if (!slide.classList.contains('swiper-slide-duplicate')) {\n return;\n }\n slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));\n })\n },\n },\n pagination: this.pagination ? {\n el: this.host.id ? `#${this.host.id} .swiper-pagination` : '',\n clickable: true,\n } : false,\n navigation: this.showControls ? {\n nextEl: this.host.id ? `#${this.host.id} .s-slider-next` : '',\n prevEl: this.host.id ? `#${this.host.id} .s-slider-prev` : ''\n } : false,\n breakpoints: {\n 768: {\n direction: this.vertical ? \"vertical\" : \"horizontal\",\n },\n },\n };\n this.pre_defined_config.fullscreen.mousewheel = {\n releaseOnEdges: this.host.querySelectorAll('.swiper-slide').length > 1 ? false : true\n },\n pre_defined_config = {\n ...pre_defined_config,\n ...(this.pre_defined_config[this.type] || {})\n };\n\n if (this.type == 'thumbs' && this.thumbsSliderWrapper) {\n for (const slide of this.thumbsSliderWrapper.children as any) {\n //todo:: use `s-slider-slide`\n slide.classList.add('swiper-slide')\n }\n\n // @ts-ignore\n this.thumbsSlider = new Swiper(this.thumbsSliderContainer, {\n freeMode: false,\n watchSlidesProgress: true,\n slidesPerView: 4,\n spaceBetween: 10,\n watchOverflow: true,\n watchSlidesVisibility: true,\n breakpoints: {\n 768: {\n direction: this.verticalThumbs ? \"vertical\" : \"horizontal\",\n spaceBetween: 16,\n },\n },\n navigation: this.showThumbsControls ? {\n nextEl: this.host.id ? `#${this.host.id} .s-slider-thumbs-next` : '',\n prevEl: this.host.id ? `#${this.host.id} .s-slider-thumbs-prev` : ''\n } : false,\n });\n\n // @ts-ignore\n pre_defined_config.thumbs = {\n swiper: this.thumbsSlider,\n };\n }\n pre_defined_config = {\n ...pre_defined_config,\n ...this.sliderConfig\n };\n return pre_defined_config\n }\n\n initSlider() {\n for (const slide of this.sliderWrapper.children as any) {\n slide.classList.add('swiper-slide')\n }\n\n // @ts-ignore\n this.slider = new Swiper(this.sliderContainer, this.getSwiperConfig())\n\n // Expose slider events\n this.slider.on('slideChange', (slider: SwiperType) => {\n //todo:: it doesn't change when loop is active, always will be false\n this.isBeginning = slider.isBeginning;\n this.isEnd = slider.isEnd;\n this.slideChange.emit(slider);\n });\n this.slider.on('reachBeginning', (slider: SwiperType) => this.reachBeginning.emit(slider));\n this.slider.on('reachEnd', (slider: SwiperType) => this.reachEnd.emit(slider));\n this.slider.on('slideChangeTransitionEnd', (slider: SwiperType) => {\n if (this.type == \"fullscreen\") {\n const activeIndex = slider.activeIndex;\n (slider.params.mousewheel as any).releaseOnEdges = activeIndex === 0 || (activeIndex === slider.slides.length - 1);\n }\n this.slideChangeTransitionEnd.emit(slider)\n });\n this.slider.on('slideChangeTransitionStart', (slider: SwiperType) => this.slideChangeTransitionStart.emit(slider));\n this.slider.on('slideNextTransitionEnd', (slider: SwiperType) => this.slideNextTransitionEnd.emit(slider));\n this.slider.on('slideNextTransitionStart', (slider: SwiperType) => this.slideNextTransitionStart.emit(slider));\n this.slider.on('slidePrevTransitionEnd', (slider: SwiperType) => this.slidePrevTransitionEnd.emit(slider));\n this.slider.on('slidePrevTransitionStart', (slider: SwiperType) => this.slidePrevTransitionStart.emit(slider));\n this.slider.on('sliderMove', (slider: SwiperType) => this.sliderMove.emit(slider));\n this.slider.on('touchEnd', (slider: SwiperType) => this.touchSliderEnd.emit(slider));\n this.slider.on('touchMove', (slider: SwiperType) => this.touchSliderMove.emit(slider));\n this.slider.on('touchStart', (slider: SwiperType) => this.touchSliderStart.emit(slider));\n this.slider.on('transitionEnd', (slider: SwiperType) => this.sliderTransitionEnd.emit(slider));\n this.slider.on('transitionStart', (slider: SwiperType) => this.sliderTransitionStart.emit(slider));\n }\n\n render() {\n let classes = this.type ? this.type + '-slider ' : '';\n classes += this.controlsOuter ? ' s-slider-controls-outer ' : '';\n classes += this.blockTitle == '' ? ' s-slider-has-notitle s-slider-v-centered ' : '';\n classes += this.verticalThumbs ? ' s-slider-vertical ' : ' s-slider-horizontal ';\n classes += this.arrowsCentered ? ' s-slider-v-centered ' : '';\n return (\n <Host class={'s-slider-wrapper ' + classes}>\n\n {/* Slider block Title */}\n {this.blockTitle || this.showControls ?\n <div class=\"s-slider-block__title\">\n {this.blockTitle ?\n <div class=\"s-slider-block__title-right\">\n <h2>{this.blockTitle}</h2>\n {this.blockSubtitle ? <p innerHTML={this.blockSubtitle} /> : ''}\n </div>\n : ''}\n\n <div class=\"s-slider-block__title-left\">\n {this.displayAllUrl ?\n <a href={this.displayAllUrl} class=\"s-slider-block__display-all\">{this.displayAllTitle}</a>\n : ''}\n {this.showControls ?\n <div class=\"s-slider-block__title-nav\" dir=\"rtl\">\n <button aria-label=\"Previous Slide\" class=\"s-slider-prev s-slider-nav-arrow\">\n <span class=\"s-slider-button-icon\" innerHTML={this.isRTL ? ArrowRightIcon : ArrowLeftIcon} />\n </button>\n <button aria-label=\"Next Slide\" class=\"s-slider-next s-slider-nav-arrow\">\n <span class=\"s-slider-button-icon\" innerHTML={this.isRTL ? ArrowLeftIcon : ArrowRightIcon} />\n </button>\n </div>\n : ''}\n </div>\n </div>\n : ''}\n\n <div class=\"swiper s-slider-container\" ref={el => this.sliderContainer = el as HTMLDivElement} dir={this.vertical ? \"ltr\" : this.isRTL ? 'rtl' : 'ltr'}>\n <slot />\n <div class=\"swiper-wrapper s-slider-swiper-wrapper\" ref={el => this.sliderWrapper = el as HTMLDivElement}>\n <slot name='items' />\n </div>\n {this.pagination ? <div class=\"swiper-pagination\"></div> : ''}\n </div>\n\n {this.type == 'thumbs' && this.hasThumbSlot ? <div class=\"s-slider-thumbs\">\n <div class=\"swiper s-slider-thumbs-container\" dir={this.verticalThumbs ? \"ltr\" : this.isRTL ? 'rtl' : 'ltr'} ref={el => this.thumbsSliderContainer = el as HTMLDivElement}>\n <div class=\"s-slider-swiper-wrapper swiper-wrapper\" ref={el => this.thumbsSliderWrapper = el as HTMLDivElement}>\n <slot name=\"thumbs\" />\n </div>\n {this.showThumbsControls ?\n <div class=\"s-slider-thumbs-nav\" dir=\"rtl\">\n <button aria-label=\"Previous Slide\" class=\"s-slider-thumbs-prev s-slider-nav-arrow\">\n <span class=\"s-slider-button-icon\" innerHTML={this.isRTL ? ArrowRightIcon : ArrowLeftIcon} />\n </button>\n <button aria-label=\"Next Slide\" class=\"s-slider-thumbs-next s-slider-nav-arrow\">\n <span class=\"s-slider-button-icon\" innerHTML={this.isRTL ? ArrowLeftIcon : ArrowRightIcon} />\n </button>\n </div>\n : ''}\n </div>\n </div> : ''}\n </Host>\n );\n }\n\n componentDidLoad() {\n let itemsSlot = this.sliderWrapper.querySelector('div[slot=\"items\"]');\n !!itemsSlot ? itemsSlot.replaceWith(...itemsSlot.children as any) : null;\n if (this.type == 'thumbs' && this.hasThumbSlot) {\n let thumbsSlot = this.thumbsSliderWrapper.querySelector('div[slot=\"thumbs\"]');\n !!thumbsSlot ? thumbsSlot.replaceWith(...thumbsSlot.children as any) : null;\n }\n\n // if swiper is not loaded, lets relay on event\n // @ts-ignore\n if (typeof Swiper === 'undefined') {\n salla.event.once('swiper::loaded', () => this.initSlider())\n } else { // if swiper is loaded lets init our slider\n this.initSlider();\n }\n }\n}\n\n"],"version":3}

package/dist/components/salla-social-share.js CHANGED Viewed

@@ -166,3 +166,5 @@ const SallaSocialShare = SallaSocialShare$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaSocialShare, defineCustomElement };
+//# sourceMappingURL=salla-social-share.js.map

package/dist/components/salla-social-share.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-social-share.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAY,OAMX;AAND,WAAY,OAAO;EACf,gCAAqB,CAAA;EACrB,8BAAmB,CAAA;EACnB,gCAAqB,CAAA;EACrB,0BAAe,CAAA;EACf,kCAAuB,CAAA;AAC3B,CAAC,EANW,OAAO,KAAP,OAAO;;;;;;;;;ACAnB,MAAM,mBAAmB,GAAG,EAAE;;MCmBjBA,kBAAgB;EAL7B;;;IAUW,WAAM,GAAY,KAAK,CAAC;IACxB,iBAAY,GAAkB,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtH,kBAAa,GAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACtP,uBAAkB,GAAkB,EAAE,CAAC;;;;IAKvB,QAAG,GAAW,EAAE,CAAC;;;;IAKjB,YAAO,GAAW,EAAE,CAAA;;;;IAKpB,cAAS,GAAW,2CAA2C,CAAC;GAwF1F;EAvFC,iBAAiB;IACf,IAAI,IAAI,GAAG,IAAI,CAAA;IAEf,IAAI,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE;MACzC,OAAO;KACR;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,GAAG,0CAA0C,CAAC;IACxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,MAAM,GAAG;;MAEd,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;MAC5C,MAAM,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;MACvE,MAAM,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC;MAC1E,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;KAC3F,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;GACnC;;;;EAMD,MAAM,IAAI;IACR,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC3B,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KACxC;SAAM;MACL,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;KAC3C;IACD,IAAI,KAAK,CAAC,QAAQ,EAAE;OACjB,GAAG,CAAC;MACH,OAAO,EAAE,IAAI,CAAC,SAAS;MACvB,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;MACpB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACf,QAAQ,EAAE,GAAG;MACb,OAAO,EAAE,GAAG;MACZ,MAAM,EAAE,eAAe;KACxB,CAAC;OACD,GAAG,CAAC;MACH,OAAO,EAAE,IAAI,CAAC,YAAY;MAC1B,UAAU,EAAE,CAAC;MACb,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;MACpB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACd,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACf,QAAQ,EAAE,IAAI;MACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAC1B,EAAE,OAAO,CAAC,CAAC;GACf;EAED,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,wBAAwB,IAEjC,YAAM,IAAI,EAAC,QAAQ,IAEjB,kCAAyB,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,IAE/H,YAAM,SAAS,EAAE,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAS,CAC5C,CACV,EAEP,UAAI,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,EAAsB,EAAE,KAAK,EAAC,mCAAmC,IAC9F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ;MACrC,QACE,UAAI,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,YAAY,GAAG,EAAmB,IACpD,SAAG,KAAK,EAAE,cAAc,QAAQ,EAAE,gBAAc,aAAa,QAAQ,EAAE,IAGnE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAS;QAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;UAC1B,OAAO,YAAM,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CAAA;SACvE;OACF,CAAC,CAEF,CACD,EACL;KACH,CAAC,CAEC,CACD,EAEN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaSocialShare"],"sources":["./src/components/salla-social-share/interfaces.ts","./src/components/salla-social-share/salla-social-share.scss?tag=salla-social-share","./src/components/salla-social-share/salla-social-share.tsx"],"sourcesContent":["export enum Socials {\n FACEBOOK = \"facebook\",\n TWITTER = \"twitter\",\n WHATSAPP = \"whatsapp\",\n EMAIL = \"email\",\n COPY_LINK = \"copy_link\"\n}","","import { Component, Prop, h, State, Method } from '@stencil/core';\nimport anime from 'animejs';\nimport facebook from '../../assets/svg/facebook.svg';\nimport twitter from '../../assets/svg/twitter.svg';\nimport copy_link from '../../assets/svg/link.svg';\nimport email from '../../assets/svg/mail.svg';\nimport whatsapp from '../../assets/svg/whatsapp.svg';\nimport { Socials } from './interfaces';\nimport Cancel from \"../../assets/svg/cancel.svg\";\nimport ShareAlt from \"../../assets/svg/share-alt.svg\";\n\n/**\n * @slot widget - An action that can be used to activete or open the component by calling the `open` method.\n */\n@Component({\n tag: 'salla-social-share',\n styleUrl: 'salla-social-share.scss'\n})\n\nexport class SallaSocialShare {\n\n private shareMenu?: HTMLUListElement;\n private platformItem?: HTMLLIElement;\n\n @State() opened: boolean = false;\n @State() allPlatforms: Array<string> = [Socials.WHATSAPP, Socials.FACEBOOK, Socials.TWITTER, Socials.EMAIL, Socials.COPY_LINK];\n @State() platformIcons: Array<object> = [{ icon: whatsapp, name: Socials.WHATSAPP }, { icon: facebook, name: Socials.FACEBOOK }, { icon: twitter, name: Socials.TWITTER }, { icon: email, name: Socials.EMAIL }, { icon: copy_link, name: Socials.COPY_LINK }];\n @State() convertedPlatforms: Array<string> = [];\n\n /**\n * page url that will be shared custom | current page url\n */\n @Prop({ reflect: true }) url: string = \"\";\n\n /**\n * page url name that will be shared custom | current page url\n */\n @Prop({ reflect: true }) urlName: string = \"\"\n\n /** \n * selected platforms to share | all platforms\n */\n @Prop({ reflect: true }) platforms: string = 'facebook,twitter,whatsapp,email,copy_link';\n componentWillLoad() {\n let that = this\n\n if (document.getElementById('a2a-script')) {\n return;\n }\n\n const script = document.createElement('script');\n script.src = 'https://static.addtoany.com/menu/page.js';\n script.setAttribute('id', 'a2a-script');\n script.async = true;\n script.onload = function () {\n // ? this will not work if there is more than one share component in the page\n window.a2a_config = window.a2a_config || {};\n window.a2a_config.linkurl = that.url ? that.url : window.location.href;\n window.a2a_config.linkname = that.urlName ? that.urlName : document.title;\n window.a2a_config.locale = salla.config.get('user.language_code', salla.lang.getLocale());\n };\n document.body.appendChild(script);\n }\n\n /**\n * Activate or open the share menu.\n */\n @Method()\n async open() {\n this.opened = !this.opened;\n if (this.opened) {\n this.shareMenu.classList.add('opened');\n } else {\n this.shareMenu.classList.remove('opened');\n }\n new anime.timeline()\n .add({\n targets: this.shareMenu,\n translateY: [-50, 0],\n opacity: [0, 1],\n duration: 300,\n podding: '0',\n easing: 'easeInOutSine'\n })\n .add({\n targets: this.platformItem,\n translateZ: 0,\n translateY: [-30, 0],\n scaleY: [0, 1],\n opacity: [0, 1],\n duration: 1200,\n delay: anime.stagger(100)\n }, '-=200');\n }\n\n render() {\n return (\n <div class=\"s-social-share-wrapper\">\n\n <slot name='widget'>\n\n <salla-button aria-label=\"Share\" onClick={() => this.open()} class=\"s-social-share-btn\" shape=\"icon\" fill=\"outline\" color=\"light\"\n >\n <span innerHTML={this.opened ? Cancel : ShareAlt}></span>\n </salla-button>\n </slot>\n\n <ul ref={el => this.shareMenu = el as HTMLUListElement} class=\"s-social-share-list a2a_kit share\">\n {this.platforms.split(',').map(platform => {\n return (\n <li ref={el => this.platformItem = el as HTMLLIElement}>\n <a class={`a2a_button_${platform}`} aria-label={`Share Via ${platform}`}>\n\n {\n this.platformIcons.map((icon: any) => {\n if (icon.name === platform) {\n return <span class=\"s-social-share-icon\" innerHTML={icon.icon}></span>\n }\n })\n }\n </a>\n </li>\n );\n })\n }\n </ul>\n </div>\n\n );\n }\n}\n"],"version":3}

package/dist/components/salla-tab-content.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaTabContent = SallaTabContent$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaTabContent, defineCustomElement };
+//# sourceMappingURL=salla-tab-content.js.map

package/dist/components/salla-tab-content.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-tab-content.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-tab-content2.js CHANGED Viewed

@@ -56,3 +56,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaTabContent as S, defineCustomElement as d };
+//# sourceMappingURL=salla-tab-content2.js.map

package/dist/components/salla-tab-content2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-tab-content2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,EAAE;;MCUhB,eAAe;EAN5B;;;IAca,eAAU,GAAY,KAAK,CAAC;GAkCxC;;;;EA7Ba,MAAM,QAAQ;IACpB,OAAO;MACH,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAClC,IAAI,EAAE,IAAI,CAAC,IAAI;KAClB,CAAC;GACL;EAED,QAAQ;IACJ,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;GAC3B;EAED,QAAQ;IACJ,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;GAC1B;EAED,MAAM;IAEF,MAAM,OAAO,GAAG;MACZ,gBAAgB,EAAE,IAAI;MACtB,yBAAyB,EAAE,IAAI,CAAC,UAAU;KAC7C,CAAC;IAEF,QACI,WAAK,KAAK,EAAE,OAAO,IACf,eAAQ,CACN,EACR;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-tabs/salla-tab-content.scss?tag=salla-tab-content","./src/components/salla-tabs/salla-tab-content.tsx"],"sourcesContent":["/*\n* Salla Tab Content Component: has many sizes, styles and loading state.\n* You can use these classes to target the elements in the component.\n*/\n\n.s-tabs {\n &-content {\n\n }\n &-content-selected {\n\n }\n &-transit {\n \n }\n}","import { Component, Prop, State, Method, h } from '@stencil/core';\n/**\n * @slot The default slot.\n */\n@Component({\n tag: 'salla-tab-content',\n styleUrl: 'salla-tab-content.scss',\n shadow: false,\n})\n\nexport class SallaTabContent {\n\n /**\n * Set name of the tab content. Mainly used as a key to s\n * ynchronize the content with it's respective header.\n */\n @Prop() name: string;\n\n @State() isSelected: boolean = false;\n\n /**\n * Expose self for the parent.\n */\n @Method() async getChild() {\n return {\n selected: this.selected.bind(this),\n unselect: this.unselect.bind(this),\n name: this.name\n };\n }\n\n unselect() {\n this.isSelected = false;\n }\n\n selected() {\n this.isSelected = true;\n }\n\n render() {\n\n const classes = {\n 's-tabs-content': true,\n 's-tabs-content-selected': this.isSelected\n };\n\n return (\n <div class={classes}>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/salla-tab-header.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaTabHeader = SallaTabHeader$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaTabHeader, defineCustomElement };
+//# sourceMappingURL=salla-tab-header.js.map

package/dist/components/salla-tab-header.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-tab-header.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-tab-header2.js CHANGED Viewed

@@ -86,3 +86,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaTabHeader as S, defineCustomElement as d };
+//# sourceMappingURL=salla-tab-header2.js.map

package/dist/components/salla-tab-header2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-tab-header2.js","mappings":";;;;;SAAgB,gBAAgB;EAC5B,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACnD;;ACFA,MAAM,iBAAiB,GAAG,EAAE;;MCcf,cAAc;EAN3B;;;;IAQI,OAAE,GAAW,gBAAgB,EAAE,CAAC;;;;IAUxB,gBAAW,GAAW,SAAS,CAAC;;;;IAKhC,WAAM,GAAoB,SAAS,CAAC;;;;IAKpC,aAAQ,GAAY,KAAK,CAAC;IAOzB,eAAU,GAAY,KAAK,CAAC;GA0CxC;;;;EArCa,MAAM,QAAQ;IACpB,OAAO;MACH,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAClC,IAAI,EAAE,IAAI,CAAC,IAAI;MACf,EAAE,EAAE,IAAI,CAAC,EAAE;KACd,CAAA;GACJ;EAED,QAAQ;IACJ,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;GAC3B;EAED,QAAQ;IACJ,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;GAC1B;EAED,OAAO;IACH,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK;MACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC,CAAC,CAAA;GACL;EAED,MAAM;IACF,MAAM,OAAO,GAAG;MACZ,oBAAoB,EAAE,IAAI;MAC1B,kBAAkB,EAAE,IAAI;MACxB,eAAe,EAAE,IAAI,CAAC,UAAU;KACnC,CAAC;IAEF,OAAO;MACH,WAAK,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IACjD,eAAQ,CACN;KACT,CAAC;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-tabs/utils.ts","./src/components/salla-tabs/salla-tab-header.scss?tag=salla-tab-header","./src/components/salla-tabs/salla-tab-header.tsx"],"sourcesContent":["export function generateRandomId(): string {\n return Math.random().toString(36).slice(2, 10);\n}","/*\n* Salla Tab Header Component: has many sizes, styles and loading state.\n* You can use these classes to target the elements in the component.\n*/\n\n.s-tabs {\n &-selected {\n\n }\n &-header {\n\n }\n &-transit {\n \n }\n &-default-background {\n\n }\n &-active {\n\n }\n}","import {\n Component, Prop, Event, EventEmitter, Method, State, h\n} from '@stencil/core';\n\nimport { generateRandomId } from './utils';\n/**\n * @slot The default slot.\n */\n@Component({\n tag: 'salla-tab-header',\n styleUrl: 'salla-tab-header.scss',\n shadow: false,\n})\n\nexport class SallaTabHeader {\n\n id: string = generateRandomId();\n\n /**\n * Header identifier name to sync with the content.\n */\n @Prop() name: string;\n\n /**\n * The class applied to the currently active(selected) tab\n */\n @Prop() activeClass: string = undefined;\n\n /**\n * Set the height of the tab bar\n */\n @Prop() height: number | string = undefined;\n\n /**\n * Center tab items in the given flex.\n */\n @Prop() centered: boolean = false;\n\n /**\n * Emits event object when clicked or selected.\n */\n @Event() tabSelected: EventEmitter;\n\n @State() isSelected: boolean = false;\n\n /**\n * Expose self for the parent.\n */\n @Method() async getChild() {\n return {\n selected: this.selected.bind(this),\n unselect: this.unselect.bind(this),\n name: this.name,\n id: this.id\n }\n }\n\n unselect() {\n this.isSelected = false;\n }\n\n selected() {\n this.isSelected = true;\n }\n\n onClick() {\n this.getChild().then(child => {\n this.tabSelected.emit(child);\n })\n }\n\n render() {\n const classes = {\n 's-tabs-header-item': true,\n 's-tabs-bg-normal': true,\n 's-tabs-active': this.isSelected,\n };\n\n return [\n <div class={classes} onClick={this.onClick.bind(this)} >\n <slot />\n </div>,\n ];\n }\n\n}\n"],"version":3}

package/dist/components/salla-tabs.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaTabs = SallaTabs$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaTabs, defineCustomElement };
+//# sourceMappingURL=salla-tabs.js.map

package/dist/components/salla-tabs.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-tabs.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-tabs2.js CHANGED Viewed

@@ -76,3 +76,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaTabs as S, defineCustomElement as d };
+//# sourceMappingURL=salla-tabs2.js.map

package/dist/components/salla-tabs2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-tabs2.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,8GAA8G;;MCYtH,SAAS;EALtB;;;;;;IAcU,oBAAe,GAAW,SAAS,CAAC;;;;IAIpC,aAAQ,GAAY,KAAK,CAAA;GAgElC;EA3DC,iBAAiB;IACf,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CACrB;MACE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;MAC9B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB,CACF,CAAA;GAEF;EAGD,aAAa,CAAC,KAAkB;IAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC/E,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;EAED,MAAM,WAAW;IACf,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAU,CAAC;IACzF,IAAI,CAAC,UAAU,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAG3E,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAU,CAAC;IAC3F,IAAI,CAAC,WAAW,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAG7E,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM;MACxC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC;MAE/E,OAAO;QACL,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;OACjB,CAAC;KACH,CAAC,CAAC;GACJ;EAED,WAAW,CAAC,KAAqB;IAE/B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;MACjB,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;MACpB,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;KACtB,CAAC,CAAC;IAEH,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACxB,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;GAC1B;EAED,MAAM;IACJ,OAAO;MACL,WAAK,KAAK,EAAC,QAAQ,IACjB,WAAK,KAAK,EAAC,eAAe,IACxB,YAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,CACF;KACP,CAAC;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/salla-tabs/salla-tabs.scss?tag=salla-tabs","./src/components/salla-tabs/salla-tabs.tsx"],"sourcesContent":["/*\n* Salla Tabs Component: has many sizes, styles and loading state.\n* You can use these classes to target the elements in the component.\n*/\n\n.s-tabs {\n &-selected {}\n\n &-bg-normal {}\n\n &-header {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n /* Hide scrollbar for IE, Edge and Firefox */\n -ms-overflow-style: none;\n /* IE and Edge */\n scrollbar-width: none;\n /* Firefox */\n }\n &-default-background {}\n\n &-content {}\n\n &-content-selected {}\n\n &-transit {}\n}\n","import { Component, Element, Listen, Prop, h } from '@stencil/core';\n\nimport { ISallaTabContentData, ISallaTabHeaderData, ISallaTabGroup } from './interfaces';\n/**\n * @slot header - The tab header section. `salla-tab-header` component is used for this purpose.\n * @slot content - The active tab content section. `salla-tab-content` component is used for this purpose.\n */\n@Component({\n tag: 'salla-tabs',\n styleUrl: 'salla-tabs.scss',\n shadow: false,\n})\nexport class SallaTabs {\n\n tabsHeader: ISallaTabHeaderData[];\n tabsContent: ISallaTabContentData[];\n tabGroup: ISallaTabGroup[];\n\n /**\n * Background color\n */\n @Prop() backgroundColor: string = undefined;\n /**\n * Align tabs vertically.\n */\n @Prop() vertical: boolean = false\n\n\n @Element() host: HTMLElement;\n\n componentWillLoad() {\n this.createGroup().then(\n () => {\n const [group] = this.tabGroup;\n this.selectGroup(group);\n }\n )\n\n }\n\n @Listen('tabSelected')\n onSelectedTab(event: CustomEvent) {\n const group = this.tabGroup.find(group => group.header.id === event.detail.id);\n this.selectGroup(group);\n }\n\n async createGroup() {\n const tabsHeaderEl = Array.from(this.host.querySelectorAll('salla-tab-header')) as any[];\n this.tabsHeader = await Promise.all(tabsHeaderEl.map(el => el.getChild()));\n\n\n const tabsContentEl = Array.from(this.host.querySelectorAll('salla-tab-content')) as any[];\n this.tabsContent = await Promise.all(tabsContentEl.map(el => el.getChild()));\n\n\n this.tabGroup = this.tabsHeader.map(header => {\n const content = this.tabsContent.find(content => content.name === header.name);\n\n return {\n header: header,\n content: content\n };\n });\n }\n\n selectGroup(group: ISallaTabGroup) {\n\n this.tabGroup.map(g => {\n g.header.unselect();\n g.content.unselect();\n });\n\n group.header.selected();\n group.content.selected();\n }\n\n render() {\n return [\n <div class=\"s-tabs\">\n <div class=\"s-tabs-header\">\n <slot name=\"header\" />\n </div>\n <div class=\"s-tabs-content-wrapper\">\n <slot name=\"content\" />\n </div>\n </div>\n ];\n }\n\n}\n"],"version":3}

package/dist/components/salla-tel-input.js CHANGED Viewed

@@ -7,3 +7,5 @@ const SallaTelInput = SallaTelInput$1;
 const defineCustomElement = defineCustomElement$1;
 export { SallaTelInput, defineCustomElement };
+//# sourceMappingURL=salla-tel-input.js.map

package/dist/components/salla-tel-input.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"salla-tel-input.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-tel-input2.js CHANGED Viewed

@@ -1500,3 +1500,5 @@ function defineCustomElement() {
 defineCustomElement();
 export { SallaTelInput as S, defineCustomElement as d };
+//# sourceMappingURL=salla-tel-input2.js.map